@media (max-width: 1600px) {

    .content-img .floating-car {

        right: -25px;

    }

    #testimonials .testimonials-container {

        padding: 0 30px;

    }

    #testimonials .slick-arrow.slick-prev {

        left: -15px;

    }

    #testimonials .slick-arrow.slick-next {

        right: -15px;

    }

}



@media (max-width: 1024px) {

    .drop1024 {

        display: flex;

        flex-direction: column;

    }

    .col-sm-6#pc45, .col-sm-6#pc55 {

        width: 100% !important;

    }

    .drop1024 .pg-contact.border-right {

        border-right: unset;

        border-bottom: 1px solid #E5E5E5;

    }

    .drop1024 .content-text.content-left.extra-padding {

        padding: 0 0 40px !important;

    }

    .drop1024 .content-text.content-right.extra-padding {

        padding: 40px 0 0 !important;

    }

}



@media (min-width: 992px) {

    .show991 {

        display: none !important;

    }

}



@media (max-width: 991px) {

    #hero {

        height: auto;

    }

    #hero .hero-content {

        justify-content: center;

        align-items: center;

        padding: 300px 30px 75px;

    }

    #hero .hero-content * {

        text-align: center;

    }

    #hero .hero-content h1 + p {

        width: 100%;

    }

    #header .services a span, #scrollingHeader .services a span {

        display: none !important;

    }

    #servicesContainer .sc-card.third,

    #servicesContainer .sc-card.fourth,

    #wcuContainer .wcu-card {

        width: calc(50% - 10px);

    }

    #servicesContainer .sc-card a img,

    #servicesContainer .sc-card.fourth a img {

        height: 200px;

    }

    .hide991 {

        display: none !important;

    }

    .btn-center {

        display: block;

        margin: 20px auto 0;

        width: max-content;

    }

    .btn-center.margin-top {

        margin: 40px auto 0;

    }

}



@media (min-width: 768px) {

    .content-text.content-left {

        padding-right: clamp(43.333333333333336px, 3.3854166666666665vw, 65px) !important;

    }

    .content-text.content-right {

        padding-left: clamp(43.333333333333336px, 3.3854166666666665vw, 65px) !important;

    }

    .content-text.content-left.extra-padding {

        padding-right: clamp(66.66666666666667px, 5.208333333333333vw, 100px) !important;

    }

    .content-text.content-right.extra-padding {

        padding-left: clamp(66.66666666666667px, 5.208333333333333vw, 100px) !important;

    }

    #mobileHeader, .mobile-show {

        display: none !important;

    }

}



@media (max-width: 767px) {

    #header, #scrollingHeader {

        display: none !important;

    }

    #leadForm form .form-group.col-50, #contactForm .form-group.col-50 {

        width: 100%;

    }

    .section-heading * {

        text-align: center;

    }

    #leadForm .captcha-note {

        text-align: center;

        max-width: 300px;

        margin: 10px auto 0;

    }

    #wcuContainer .wcu-card {

        width: 100%;

        display: flex;

        padding: 20px;

        grid-gap: 20px;

        align-items: flex-start;

    }

    #wcuContainer .wcu-card .wcu-icon {

        margin: 0;

        width: 65px;

        height: 65px;

        flex: 0 0 65px;

    }

    .content-img {

        order: -1;

        margin: 0 0 40px;

    }

    #hero .hero-content {

        padding: 100px 30px;

    }

    #servicesContainer .sc-card a h3 {

        text-align: center;

    }

    #mobileHeader {

        padding: 10px 15px;

        background-color: rgba(5, 7, 23, 1);

        border-top: 8px solid var(--orange);

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        width: 100%;

        z-index: 9999;

    }

    #mobileHeader .brand a {

        display: block;

        width: 86px;

        height: 45px;

    }

    #mobileHeader .brand a img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: contain;

    }

    #mobileHeader ul {

        padding: 0;

        margin: 0;

        list-style: none;

        display: flex;

        align-items: center;

    }

    #mobileHeader ul li {

        margin: 0;

    }

    #mobileHeader ul li:nth-child(1) {

        margin-right: auto;

    }

    #mobileHeader .mobile-button:not(:last-of-type) {

        margin-right: 8px;

    }

    #mobileHeader .mobile-button a {

        display: flex;

        flex-direction: column;

        text-decoration: none;

    }

    #mobileHeader .mobile-button a strong {

        display: block;

        width: 40px;

        height: 40px;

        background-color: var(--primary);

        border-radius: 8px;

        background-size: 60%;

        background-repeat: no-repeat;

        background-position: center;

    }

    #mobileHeader .mobile-button a strong.icon-call {

        background-image: url(../images/icon-call.svg);

    }

    #mobileHeader .mobile-button a strong.icon-contact {

        background-image: url(../images/icon-contact.svg);

    }

    #mobileHeader .mobile-button a strong.icon-menu {

        background-image: url(../images/icon-menu.svg);

    }

    #mobileHeader .mobile-button a span {

        font-size: 12px;

        text-transform: uppercase;

        color: #FFF;

        line-height: 1;

        margin-top: 5px;

        text-align: center;

    }

    #hero, .pg-title {

        margin-top: 85px;

    }

    #mobileHeader .navigation {

        display: none;

        position: fixed;

        top: 85px;

        left: 0;

        right: 0;

        width: 100%;

    }

    #mobileHeader .navigation li a {

        text-decoration: none;

        display: block;

        text-align: center;

        padding: 15px;

        background-color: var(--dark);

        color: #FFF;

        font-size: 18px;

        border-top: 1px solid rgba(255,255,255,0.2);

        transition: all 0.3s;

    }

    #mobileHeader .navigation li a:hover,

    #mobileHeader .navigation li a:focus,

    #mobileHeader .navigation li.active > a {

        background-color: var(--primary);

        color: var(--dark);

        transition: all 0.3s;

    }

    .pg-title {

        padding: 100px 30px 50px;

    }

    .pg-title:before {

        content: '';

        background-color: rgba(5, 7, 23, 0.6);

        position: absolute;

        inset: 0;

        display: block;

        width: 100%;

        height: 100%;

        z-index: 5;

    }

    .pg-title * {

        text-align: center;

    }

    .team-img:first-of-type {

        padding: 0 0 20px !important;

    }

    .team-img:last-of-type {

        padding: 20px 0 0 !important;

    }

    .col-sm-6 {

        width: 100% !important;

    }

    .pg-title .pt-content h1 + p {

        color: #B8BAC8;

        width: 300px;

        margin: 0 auto;

    }

    #contactForm {

        padding: 30px;

    }

    .hours-of-operation {

        column-count: 1;

    }

    .hours-of-operation li {

        line-height: clamp(41.333333333333336px, 3.2291666666666665vw, 62px);

    }

    #contactForm .form-actions {

        flex-direction: column;

    }

    #contactForm .form-actions .captcha-note {

        text-align: center;

    }

    .desktop-show {

        display: none !important;

    }

    #hero .hero-video img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

    #footer ul li a, .pg-contact ul li a {

        font-size: 16px;

    }

    .content-img .floating-car {

        width: 250px;

        height: 135px;

    }

    .team-img h3 + p span {

        display: inline-block;

    }

    #testimonials .tc-card {
        padding: 56px 30px 70px;
    }

    #testimonials .tc-card p:last-of-type strong {

        padding: 0 0 25px;

    }

    #testimonials .tc-card p strong:after {

        top: unset;

        bottom: 0;

        left: 0;

    }

}



@media (max-width: 500px) {

    #hero .hero-content .btn-group {

        flex-direction: column;

        grid-gap: 10px;

    }

    #hero .hero-content .btn-group a {

        display: block;

        width: 300px;

    }

    #servicesContainer .sc-card.third, #servicesContainer .sc-card.fourth {

        width: 100%;

    }

}