@media only screen and (max-width: 3000px) {
    .highlights-section .tns-inner {
        margin: 0px 960px 0px -50px!important;
    }
}

@media only screen and (max-width: 2200px) {
    .highlights-section .tns-inner {
        margin: 0px 170px 0px -50px!important;
    }   
}

@media only screen and (max-width: 1940px) {
    .highlights-section .tns-inner {
        margin: 0px -50px 0px -250px!important;
    }
}

@media only screen and (max-width: 1690px) {
    .highlights-section .tns-inner {
        margin: 0px -200px 0px -360px!important;
    }
}

@media only screen and (max-width: 1320px) {
    .highlights-section .tns-inner {
        margin: 0px -580px 0px -480px!important;
    }
}

@media only screen and (max-width: 1140px) {
    .highlights-section .tns-inner {
        margin: 0px -640px 0px -640px!important;
    }
}




@media only screen and (max-width: 959px) {
    header#site-header:hover div#site-header-inner {
        padding: 10px 0!important;
        max-width: calc(100% - 32px);
    }
    
    .mobile-toggle-nav-ul a:first-child {
        border: none;
        padding: 10px 16px;
    }
    
    .mobile-toggle-nav-ul li:not(:last-child) a {
        border-bottom: 1px solid #e6e6e6;
    }
    
    body .mobile-toggle-nav-inner {
        max-width: unset!important;
    }
    
    .mobile-toggle-nav-ul .wpex-open-submenu {
        right: 0;
        width: 100%;
    }

    .mobile-toggle-nav-ul .wpex-open-submenu .ticon {
        right: 16px;
    }

    div#site-header-inner {
        max-width: calc(100% - 32px);
        padding: 10px 0;
    }

    body .shrink-sticky-header #site-logo img {
        max-height: 38px!important;
    }

    .footer-social {
        padding: 36px 0;
        flex-wrap: wrap;
        gap: 16px;
    }
    
    ul#menu-footer-menu {
        flex-direction: column;
        gap: 16px;
    }
    
    .footer-desc {
        width: 100%;
        text-align: left;
    }

    .slider {
        margin-bottom: 64px;
    }
    
    .slide-box {
        flex-direction: column;
        aspect-ratio: unset;
        max-height: unset;
    }
    
    .slider-img.slider-cover {
        position: unset;
        width: 100%;
        aspect-ratio: 16/9;
    }
    
    video#slider-vid {
        position: unset;
        transform: unset;
        height: fit-content;
    }
    
    .slider-content {
        padding: 32px 16px;
        margin: 0;
        border-radius: 0;
        max-width: unset;
    }
    
    .slider-desc {
        font-size: 32px;
        line-height: 40px;
    }
    
    a.slider-link {
        width: 100%;
        margin-top: 32px;
    }
    
    .slider .tns-outer {
        display: flex;
        gap: 24px;
        flex-direction: column-reverse;
    }
    
    .slider .tns-nav {
        position: unset;
        gap: 16px;
        justify-content: center;
    }
    
    .slider .tns-nav button {
        width: 12px;
    }
    
    .slider-title {
        font-size: 22px;
        line-height: 30px;
    }
    
    .hl-desc {
        font-size: 36px;
        line-height: 40px;
        font-weight: bold;
        margin: 8px 16px 32px;
    }
    
    .highlights-section .tns-controls {
        max-width: unset;
        justify-content: center;
        margin-top: 24px;
    }
    
    a.hl-box {
        flex-direction: column-reverse;
        gap: 32px;
        margin: 32px 0 0;
        padding: 0 16px 32px;
    }
    
    .hlbox-text {
        width: 100%;
    }
    
    .hlbox-thumb {
        width: calc(100% + 16px);
        height: unset;
        aspect-ratio: 1.4;
        margin: -32px -16px 0 0px;
    }
    
    .hl-box:before {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    
    body #tns2-iw {
        margin: 0;
    }

    .page .highlights-section {
        margin-bottom: 64px;
    }
    
    .career-box {
        flex-direction: column-reverse;
        margin-bottom: 86px;
    }
    
    .career-text {
        padding: 32px 16px;
    }
    
    a.career-link {
        width: 100%;
        justify-content: center;
    }
    
    .career-img {
        width: 100%;
        height: unset;
        aspect-ratio: 1;
        margin: 0;
    }
    
    .prd-keyvalues {
        margin-bottom: 64px;
    }
    
    .keyvalues {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: unset;
        margin-bottom: 64px;
        gap: 24px;
    }
    
    .keyvalue-thumb {
        width: 100%;
        height: fit-content;
    }
    
    .keyvalue-thumb img {
        width: 100%;
    }
    
    .keyvalue-title {
        padding: 0 16px;
        font-size: 24px;
        line-height: 30px;
        margin: 16px 0 8px;
    }
    
    .keyvalue-desc {
        padding: 0 16px;
        font-size: 14px;
        line-height: 24px;
    }

    .callout-section {
        padding: 32px 16px;
    }
    
    .callout-title {
        font-size: 36px;
        line-height: 42px;
    }
    
    .callout-desc {
        text-align: left;
        margin-top: 24px;
    }
    
    .callout-section a {
        width: 100%;
        justify-content: center;
        margin-top: 32px;
    }

    .page-head .site-breadcrumbs {
        display: none;
    }
    
    .page-head-title {
        font-size: 22px;
        margin-bottom: 16px;
    }
    
    .page-head {
        margin-top: 24px;
    }
    
    .page-intro-title {
        font-size: 48px;
        line-height: 56px;
    }
    
    .page-intro-desc {
        font-size: 20px;
        line-height: 30px;
    }
    
    .contact-phone {
        text-align: left;
    }
    
    .contact-num {
        text-align: left;
    }
    
    .contact-address {
        text-align: left;
    }
    
    .contact-map {
        text-align: left;
        margin-bottom: 64px;
    }
    
    .page-id-32 .career-box {
        width: 100vw;
        margin: 0 -16px 86px;
    }

    .page-id-30 .prd-keyvalues {
        width: 100vw;
        margin: 0 -16px 64px;
    }

    .page-id-30 .page-intro-desc {
        margin-bottom: 0;
    }

    .single-head {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    
    header.single-blog-header h1 {
        font-size: 42px;
        line-height: 50px;
    }
    
    header.single-blog-header {
        margin-bottom: 42px;
    }
    
    #post-media {
        width: 100vw;
        margin: 0 -16px;
    }

    .tax-head-title {
        line-height: 50px;
        margin-bottom: 42px;
    }
    
    div#blog-entries {
        grid-template-columns: 1fr;
    }
    
    a.prd-box img {
        width: 75px;
        height: 75px;
        min-width: 75px;
    }
    
    p.prd-box-subtitle {
        display: none;
    }
    
    .prd-box-text {
        margin: 0;
    }
    
    .prd-box-title {
        font-size: 22px;
        line-height: 28px;
    }
    
    a.prd-box {
        gap: 12px;
        padding: 12px;
    }

    .page-section {
        flex-direction: column-reverse;
        gap: 24px;
    }
    
    .page-section .wp-block-column:not(.page-sec-cover) {
        width: 100%;
        max-width: unset;
    }
    
    p.page-sec-toptitle {
        font-size: 20px;
        line-height: 28px;
    }
    
    p.page-sec-title {
        font-size: 36px;
        line-height: 42px;
    }
    
    p.page-sec-link a {
        padding: 0 16px;
    }
    
    .back-gray {
        margin-bottom: 64px;
        padding: 42px 0;
    }
    
    .back-gray > .wp-block-column > p.page-sec-toptitle, .back-gray > .wp-block-column > p.page-sec-title, .back-gray > .wp-block-column > p.page-sec-desc {
        text-align: left;
        max-width: unset;
    }
    
    .back-gray > .wp-block-column > p.page-sec-desc {
        margin-bottom: 42px;
    }
    
    .back-gray p.page-sec-link a {
        font-size: 14px;
        width: 100%;
    }
    
    .back-gray .page-section:not(:last-child) {
        margin-bottom: 56px;
    }
    
    
    .back-gray .wp-container-9 {
        flex-direction: column;
    }
    
    .prd-list-section .hl-desc {
        text-align: left;
        margin: 0 0 32px;
    }
    
    .prd-list-section {
        width: 100%;
        max-width: unset;
        margin-bottom: 64px;
    }
    
    .prd-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .prd-list a {
        height: unset;
        border: unset;
        box-shadow: unset;
        background-color: var(--green);
        color: #fff;
        padding: 8px 12px;
        font-size: 20px;
    }
    
    .prd-list a span {
        display: none;
    }
    
    .page-id-91 .prd-keyvalues {
        width: 100vw;
        margin: 0 -16px 64px;
    }
    
    .page-id-91 .prd-keyvalues .hl-title {
        text-align: left;
        padding: 0 16px;
    }
    
    .page-id-91 .prd-keyvalues .hl-desc {
        padding: 0 16px;
        text-align: left;
        margin: 8px 0 42px;
    }
    
    .page-id-91 .career-box {
        width: 100vw;
        margin: 0 -16px 64px;
    }

    .tax-prd-category .archive-grid, .post-type-archive .archive-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .prd-single-title {
        font-size: 32px;
        line-height: 40px;
        margin: 32px 0 16px;
    }
    
    .prd-single-subtitle {
        font-size: 32px;
        line-height: 40px;
    }
    
    .prd-single-content {
        flex-direction: column-reverse;
        gap: 42px;
    }
    
    .prd-single-images {
        width: 100%;
        min-width: unset;
        margin: 0;
    }
    
    div#prd-images-thumbs {
        margin-top: 16px;
    }
    
    .prd-single-images .tns-controls button {
        left: 10px;
    }
    
    .prd-single-images .tns-controls button i {
        width: 24px;
        height: 24px;
    }
    
    .prd-single-images .tns-controls button:last-child {
        right: 10px;
    }
    
    .prd-single-desc {
        text-align: left;
        font-size: 16px;
    }


    .highlights-section .tns-item {
        width: 20%!important;
    }
}