/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
    
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    ul.left-menu > li > a, ul.right-menu > li a {
        padding: 10px;
        font: 700 20px / 30px Century Gothic;
    }
    
    .syr-left-item > p {
        padding-left: 30px;
        margin-bottom: 49px;
    }
    
    .syr-right-item > p {
        padding-right: 30px;
        margin-bottom: 70px;
    }
    
    .timeline-right-item {
        float: none;
        position: relative;
    }
    
/*
    .timeline-right-item:first-child {
        margin-bottom: 125px;
    }
*/
    
    .timeline-right-item > h2 {
        width: auto;
    }
    
    h2.timeline-left-pic.pic1, h2.timeline-left-pic.pic2, h2.timeline-left-pic.pic3, h2.timeline-right-pic.pic4, h2.timeline-right-pic.pic5, h2.timeline-right-pic.pic6 {
        font-size: 18px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .profile_edit_btn > a {
        top: 8px;
    }

    .e-table .e-row .e-td {
        display: block;
    }

    form#order-form:before {
        content: "";
    }

    form#order-form:after {
        content: "";
    }

    .personal_i:before {
        content: "";
    }

    .paper_i:before {
        content: "";
    }

    form .e-table .e-row .e-td.order_lf {
        text-align: left;
        width: 100%;
    }

    form#order-form {
        border-left: none;
        padding-left: 0;
        padding-top: 50px;
        margin-bottom: 50px;
        padding-right: 50px;
    }

    .item1, .item2, .item3, .item4 {
        text-align: left;
    }
    
    .tls-left-wrap, .tls-right-wrap {
        padding: 50px 0;
        border-left: 1px solid #022d58;
    }
    
    .tls-left-wrap:after {
        content: "Before";
        position: absolute;
        left: 90px;
        top: 0;
    }
    
    .tls-left-wrap:before {
        content: url(images/orange-circle.png);
        position: absolute;
        left: 5px;
        top: 0;
    }
    
    .tls-right-wrap:after {
        content: url(images/orange-circle.png);
        position: absolute;
        left: 5px;
        bottom: -7px;
    }
    
    .tls-right-wrap {
        margin-top: 0;
    }
    
    .tls-left-wrap, .tls-right-wrap {
        margin: 0;
    }
    
    .tls-left-item:before {
        position: absolute;
        content: url(images/right-tls-arrow.png);
        top: 0;
        left: -7px;
        right: 0;
    }
    
    .tls-right-item:before {
        position: absolute;
        content: url(images/right-tls-arrow.png);
        top: 0;
        left: -7px;
    }
    
    .item1, .item2, .item3, .item4 {
        margin-left: 120px;
        margin-right: 0;
    }
    
    a#see-more4, a#see-more5, a#see-more6 {
        text-align: left;
    }
    
    .text-in-circle-wrap {
        background: none;
        width: auto;
        height: auto;
    }
    
    .timeline-left-item > h2 {
        width: auto;
    }
    
    ul.left-menu > li > a, ul.right-menu > li a {
        padding: 4px;
        font: 700 15px / 26px Century Gothic;
    }
    
    .slogan {
        margin-top: 70px;
    }
    
    .separator-1 {
        border-right: none;
    }
    
    .separator-1:before, .separator-1:after {
        content: '';
    }
    
    .syr-wrap {
        background: #f6fafd;
        height: auto;
    }
    
    .entry:after {
        display: none;
    }
    
    .entry:before {
        content: url(images/entry-2.png);
        position: absolute;
        left: -7px;
        top: -4px;
    }
    
    .exec:after {
        content: url(images/exec-2.png);
        position: absolute;
        left: -7px;
        right: auto;
        top: -4px;
    }
    
    .federal:after {
        content: url(images/federal-2.png);
        position: absolute;
        left: -7px;
        right: auto;
        top: -4px;
    }
    
    .prof:before {
        content: url(images/prof-2.png);
        position: absolute;
        left: -107px;
        top: -4px;
    }
    
    .military:before {
        content: url(images/military.png);
        position: absolute;
        left: -107px;
        top: -2px;
    }
    
    .cc:before {
        content: url(images/cc.png);
        position: absolute;
        left: -107px;
        top: 0;
    }
    
    .syr-left-item > h2 {
        padding: 5px 15px;
        width: 200px;
        float: none;
        margin-left: 120px;
    }
    
    .syr-left-wrap {
        padding-right: 0;
        padding-top: 50px;
        border-left: 1px solid #022d58;
    }
    
    .syr-left-wrap:before {
        content: url(images/orange-circle.png);
        position: absolute;
        left: 5px;
        top: -10px;
    }
    
    .syr-right-wrap {
        padding-left: 100px;
        padding-top: 80px;
        overflow: inherit;
        border-left: 1px solid #022d58;
    }
    
    .syr-right-wrap:before {
        content: url(images/orange-circle.png);
        position: absolute;
        left: 5px;
        bottom: -10px;
    }
    
    .syr-right-item > p {
        padding-right: 0;
        margin-bottom: 80px;
        margin-left: 20px;
    }
    
    .syr-right-item > h2 {
        margin-left: 20px;
    }
    
    .syr-left-item > p {
        padding-left: 120px;
    }
    
    .syr-right-item {
        float: none;
    }
    
    .text-in-circle-m-wrap {
        display: none;
    }
    
    .timeline-left-item > h2 {
        float: none;
    }
    
    .timeline-left-item > p {
        padding-left: 0;
    }
    
    .timeline-left-wrap {
        padding-left: 116px;
        padding-right: 0;
        border-left: 1px solid #022d58;
    }
    
    .timeline-right-wrap {
        padding-left: 116px;
        padding-top: 80px;
        border-left: 1px solid #022d58;
    }
    
    .timeline-left-wrap2 {
        padding-left: 116px;
        padding-right: 0;
        border-left: 1px solid #022d58;
    }
    
    .timeline-right-wrap2 {
        padding-left: 116px;
        padding-top: 80px;
        border-left: 1px solid #022d58;
    }
    
    .timeline-right-item {
        float: none;
    }
    
    .timeline-left-wrap:before {
        content: url(images/orange-circle.png);
        position: absolute;
        left: 5px;
        top: -10px;
    }
    
    .mp-text-in > p {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
    
    .timeline-right-wrap:before {
        content: url(images/orange-circle.png);
        position: absolute;
        left: 5px;
        bottom: -10px;
    }
    
    .timeline-right-item > p {
        padding-right: 0;
    }
    
    .timeline-left-pic:after {
        content: url(images/au-right.png);
        position: absolute;
        left: -122px;
        top: -4px;
        right: auto;
    }
    
    h2.timeline-left-pic.pic2:after {
        content: url(images/picn33.png);
        position: absolute;
        right: auto;
        top: -4px;
        left: -122px;
    }
    
    h2.timeline-left-pic.pic3:after {
        content: url(images/picn55.png);
        position: absolute;
        right: auto;
        top: -4px;
        left: -122px;
    }
    
    h2.timeline-left-pic.pic1:after {
        content: url(images/picn11.png);
        position: absolute;
        right: auto;
        top: -4px;
        left: -122px;
    }
    
    h2.timeline-right-pic.pic4 + p > a, h2.timeline-right-pic.pic5 + p > a, h2.timeline-right-pic.pic6 + p > a {
        text-align: left;
    }
    
/*
    .timeline-right-item:first-child {
        margin-bottom: 80px;
    }
*/
    
    .separator-1, .separator-2, .separator-3, .separator-5 {
        border-left: none;
    }
    
    .separator-5:before {
        content: "";
    }
    
    .separator-3:after {
        content: url(images/orange-circle.png);
        position: absolute;
        left: 6px;
        bottom: -10px;
    }
    
    .separator-6:after {
        content: url(images/orange-circle.png);
        position: absolute;
        left: 6px;
        top: -10px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    .syr-right-item:first-child > p {
        margin-bottom: 25px;
    }

    .slider-block{
        display: none;
    }
    .foot-menu > nav ul > li {
        display: block;
        float: none;
    }

    .menu-primary-menu-mobile-container {
        margin-top: 20px;
    }

    .slick-prev {
        left: 0px !important;
    }
    
    .slick-next {
        right: 10px !important;
    }
    
    .main-menu {
        display: block;
    }
    
    .main-menu ul > li, .main-menu ul > li {
        display: block;
    }
    
    ul.left-menu, ul.right-menu {
        display: none;
    }
    
    .main-menu > .navbar {
        height: 50px;
        margin-bottom: 0;
    }

    .foot-menu > .navbar {
        height: auto;
        margin-bottom: 0;
    }

    .foot-menu > nav ul > li:hover:before {
        content: "";
        display: block;
        margin-top: -7px;
    }

    .foot-menu > nav ul > li:before {
        content: "";
        display: block;
        margin-top: -7px;
    }

    .menu-footer-menu-container .navbar-nav {
        margin: 0;
    }
    
    .navbar-default {
        background-color: transparent !important;
        border-color: transparent !important;
    }
    
    .navbar-default .navbar-toggle {
        border-color: transparent !important;
    }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent !important;
    }
    
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #385e8f !important;
    }
    
    .navbar-toggle .icon-bar {
        width: 43px !important;
        height: 10px !important;
        border-radius: 2px !important;
    }
    
    header {
        background: url(images/Prime_Resume_Mobile_Home.png) no-repeat;
        height: 298px;
        background-position: 100%;
    }
    
    .slogan, .text-in-circle-wrap {
        display: none;
    }
    
    .header-center-content {
        margin: 25px auto 0;
    }
    
    .text-in-circle-m-wrap {
        display: block;
        z-index: 1;
    }
    
    .foot-phone {
        display: none;
    }
    
    #sep {
        margin: 15px auto 50px;
    }
    
    .slick-slide img {
        width: auto !important;
        height: auto;
    }
    
    .mp-text {
        display: none;
    }
    
    .syr-left-item > p {
        margin-bottom: 30px;
    }
    
    .syr-right-item > p {
        margin-bottom: 30px;
    }
    
    .syr-right-wrap {
        padding-top: 30px;
    }
    
    header.header-in .live-chat-btn {
        display: none;
    }
    
    .eff-sol {
        display: block;
    }
    
    .contacts > p:first-child {
        display: none;
    }
    
    .after-timeline {
        margin-bottom: 35px;
    }
    
    .after-timeline > p {
        font: 400 16px / 24px Century Gothic;
    }
    
    header.header-in {
        background: none;
        height: auto;
        border-bottom: none;
    }
    .menu-contact-line {
        bottom: 30px;
        width: 2%;
    }
    .menu-contact-line.page-chat{
        display: none;
    }
}

@media only screen and (max-width : 640px) {
    
}

@media only screen and (max-width : 575px) {
    .text-in-circle > h1 {
        padding: 40px 0px 0px;
    }
    
    .text-in-circle > p {
        padding: 0;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
    .header-live.chat {
        text-align: left;
    }
    .menu-contact-line {
        width: 84%;
    }
}
@media only screen and (max-width : 320px) {
    .menu-contact-line {
        width: 100%;
        bottom: 10px;
        text-align: center;
        height: auto;
    }
    .header-live.chat {
        text-align: center;
    }
}