@media (max-width: 1680px) {
    .apply-box {
        width: 45%;
        margin-left: 2%;
    }

    .apply-box.right {
        width: 45%;
        margin-left: 2%;
    }

    img.logo1, img.logo2 {
        max-width: 80% !important;
    }

    .hrslide span.hr-subtitle {
        font-size: 20px;
    }

    .header-carousel-item a.toplink {
        margin-top: 30px;
    }

    .jssorb05 {
        bottom: 180px;
    }

    .button-row {
        margin: 40px 10px;
    }
}

@media (max-width: 1240px) {
    .button-row {
        margin: 40px 10px;
    }

    .video-row iframe {
        width: 80%;
    }

    .about-us h2 {
        width: 50%;
    }

    .about-us p {
        width: 100%;
    }

    .button-row a {
        font-size: 0.9em;
        margin-bottom: 10px;
    }

    .apply-box {
        width: 47%;
    }

    .apply-box.right {
        width: 47%;
    }

}

@media (max-width: 992px) {
    .title-lower .row {
        display: block;
    }

    .title-lower .row {
        display: block;
        margin-top: 25px;
        margin-bottom: -50px;
    }

    div.show_print_container {
        margin-bottom: 10px;
        margin-top: -40px;
    }

    div.show_print_container img {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .form-horizontal .control-label.cv-label {
        vertical-align: top;
        margin-top: 1px;
    }

    .job-text .job-text-row {
        display: block;
    }

    .apply-box.left {
        float: left;
    }

    .apply-box.right {
        float: right;
    }

    .title-row .title-lower.job {
        height: auto;
        padding-right: 10px;
        padding-bottom: 30px;
    }

    .title-row .job-block.middle, .title-row .job-block.last {
        margin-left: 0;
        margin-right: 0;
    }

    .jssorb05 {
        bottom: 65px;
    }

    .job-table {
        padding: 0 10px;
    }

    .title-row .title-lower, .title-row .title-upper {
        height: auto;
    }

    .video-row iframe {
        width: 100%;
    }

    .why-us {
        height: 80px;
        line-height: 80px;
    }

    .title-row {
        margin-top: -20px;
    }

    .owl-nav > div {
        width: 25px;
        height: 25px;
    }

    header#header img.logo1, header#header img.logo2 {
        display: block;
        margin: 0 auto 15px auto;
    }

    header#header div.col-md-5 img {
        max-width: 80%;
    }

    .hr-cloud {
        height: 200px;
    }
}

@media (max-width: 768px) {
    .user-menu {
        margin-top: 10px;
    }

    #job-list-inner {
        border-top: .9375rem solid #dcdcdc;
        margin-left: -10px;
        margin-right: -10px;
    }

    p.no-job {
        padding-top: 20px;
    }

    .jssorb05 {
        bottom: 110px;
    }

    .jobs h3 {
        line-height: 1.4em;
        border-bottom: .9375rem solid #dcdcdc;
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .job-table .table thead {
        display: none;
    }

    .job-table {
        padding: 0;
        margin-top: 0;
    }

    .job-pager {
        border-left: 10px solid #dcdcdc;
        border-right: 10px solid #dcdcdc;
        padding-bottom: 30px;
        border-bottom: .9375rem solid #dcdcdc;
    }

    .job-table .table tbody tr {
        border-bottom: .9375rem solid #dcdcdc;
        border-left: 10px solid #dcdcdc;
        border-right: 10px solid #dcdcdc;
    }

    .job-table .table tbody, .job-table .table td, .job-table .table tr {
        display: block;
    }

    .job-table .table tbody tr td:first-child {
        padding-top: .625rem;
    }

    .job-table .table tbody tr td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        border-bottom: none;
        border-right: none;
        background: #fff;
    }

    .job-table .table tbody tr td span {
        margin: 8px 0;
    }

    .job-table .table tbody tr td span.job-title {
        width: 100%;
        text-align: center;
        font-size: 20px;
    }

    .job-table .table tbody tr td[data-label]::before {
        content: attr(data-label);
        padding: .3125rem .625rem .3125rem 0;
        display: block;
        width: 35%;
        color: #024d84;
        font-size: 1em;
    }

    .job-table .table tbody tr td[data-label] span, .job-table .table tbody tr td[data-label] time {
        width: 65%;
        display: block;
    }

    .job-table a.blueButton.viewjob {
        margin: 1.25em auto !important;
    }

    div.project-buttons div.linkedin_btn {
        margin-top: 60px;
    }

    .user-menu a.blueButton {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .why-us p {
        font-size: 1em;
    }

    .owl-nav > div {
        width: 20px;
        height: 20px;
    }
}

@media (min-width: 993px) and (max-width: 1240px) {
    img.logo1, img.logo2 {
        max-width: 75% !important;
    }

    .header-nav ul li a {
        font-size: 14px;
    }

    .header-nav ul li {
        margin-bottom: 10px;
    }

    .jssorb05 {
        bottom: 250px;
    }

}

@media (max-width: 650px) {
    .apply-box.left, .apply-box.right {
        float: none;
        display: block;
        margin: 10px auto;
        width: 60%;
    }

}

@media (max-width: 570px) {
    div.project-buttons div.linkedin_btn {
        margin-top: 60px;
    }

    .jssorb05 {
        bottom: 110px;
    }

    .apply-box.left, .apply-box.right {
        width: 80%;
    }

    div.component-modal div.facebook_btn, div.component-modal div.linkedin_btn {
        max-width: 46%;
    }

    div.component-modal div.facebook_btn img, div.component-modal div.linkedin_btn img {
        max-width: 100%;
    }

    .login-bottom .d-flex {
        flex-wrap: wrap;
    }
    .login-bottom .d-flex span {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .apply-box.left, .apply-box.right {
        width: 100%;
    }
}
