@media (max-width: 1529px) {}

@media (max-width: 1440px) {
 .built-to-section .col-5{max-width:45%;}

}

@media (min-width: 1200px) {}

@media (max-width: 1199px) {
    h1,.h1 {font-size: 45px;}
    .title p {font-size: 22px;}
    header.header-main .header-menu nav ul{gap:50px;}
    header.header-main .header-menu nav ul li a {font-size: 18px;}
    .banner-section .banner-inner .banner-video{min-height: 400px;}
    .what-make-section .what-make-row .what-make-col,.service-section .service-row .col-3 {max-width:50%;}
    .faq-section .faq-left{max-width:41%;}
    .built-to-section .col-5{max-width:48%;}
    .service-section .col-5{max-width:550px;}
    .service-listing-section.service-section .service-row{row-gap:30px;}
    .growth-section .col-5{max-width:50%;}
    .confidence-section{padding:120px 0px;}
    .best-difference-section .info-card{padding:40px;}
    .not-found-section{padding:400px 0px 87px;}
    .footer-main .footer-links a {font-size: 16px;}
    .thank-you-banner-section .title .h1 {font-size: 100px;}
    .contact-banner-section .wpcf7-form {padding: 30px;}
    .contact-banner-section .title .row {row-gap: 40px;}

}

@media (min-width:992px){
    .d-md-block{display: block;}
    .d-md-none{display: none;}
    .d-md-flex{display: flex;}
}

@media (max-width: 991px) {
    :root {
        --marquee-gap: 60px;
        --logo-marquee-gap: 60px;
    }
    h1,.h1 {font-size:40px;}
    h2,.h2 {font-size:32px;}
    .py-100{padding: 80px 0;}
    .title p {font-size: 20px;}
    .btn{font-size: 18px;}
    .btn.big-btn{font-size:20px;}
    li {font-size: 18px;}
    header.header-main .header-menu nav ul{gap:25px;}
    header.header-main .header-menu nav ul li a {font-size: 16px;}
    .banner-section{padding:50px 0px 80px;}
    .banner-section .banner-inner-row{flex-direction:column;gap:20px;text-align:center;}
    .banner-section .banner-inner-row .col-6{max-width:500px;margin:0 auto;}
    .banner-section .banner-inner h3,.banner-section .banner-inner p{text-align:center;}
    .banner-section .banner-inner-row .h3 {margin: 0 auto;}
    .our-number-section .marquee-track,.our-number-section .marquee-track .number-maruee{gap:var(--marquee-gap);}
    .our-partner-section .logo-marquee-track,.our-partner-section .logo-marquee{gap:var(--logo-marquee-gap);}
    .our-number-section .marquee-track .number-maruee .h3{font-size:36px;}
    .faq-section .faq-right,.faq-section .faq-left{max-width:100%;}
    .cta-section .cta-box .col-6{max-width:65%;}
    footer{padding:70px 0 20px;}
    .footer-main .footer-links{padding:30px 0px;}
    .footer-main .footer-links > div{max-width:50%;}
    .footer-main .footer-top .col-5:nth-child(1){max-width:max-content;}
    .footer-main .footer-top .col-5:nth-child(2){max-width:75%;}
    .built-to-section .row{flex-direction:column-reverse;}
    .built-to-section .col-5{max-width:100%;}
    .growth-section .col-5,.growth-section .col-6{max-width:100%;}
    .confidence-section{padding:90px 0px;}
    .best-difference-section .col-6{max-width:100%;}
    .not-found-section{padding:330px 0px 87px;}
    .thank-you-banner-section .title .h1 {font-size: 80px;}
    .contact-banner-section .title .row {row-gap: 30px;}
    .contact-banner-section .container > .row > .col-6 {max-width:100%;}
    .row-gap-40{row-gap: 30px;}
    .contact-banner-section .title {max-width: 100%;}
    .contact-banner-section .wpcf7-form .cf7-contact p span textarea {max-height: 150px;}
}

@media (min-width: 768px) {
    .d-sm-block{display: block;}
    .d-sm-none{display: none !important;}
    .d-sm-flex{display: flex;}
    .header-main .navbar-toggler{display: none;}
}

@media (max-width: 767px) {
    :root {
        --marquee-gap: 40px;
         --logo-marquee-gap: 40px;
    }

    .col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{max-width: 100%;}
    .header-main .navbar-toggler{width:40px;height:40px;border-radius:50%;border:0;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;padding:0px;cursor:pointer;background-color: transparent;z-index: 9999;}
    .header-main .navbar-toggler span{width:20px;height:2px;border-radius:3px;background-color:var(--black);position:relative;transition: transform 0.4s ease,opacity 0.3s ease,top 0.4s ease;}
    .header-main .navbar-toggler span + span{margin-top:5px;}

    h1,.h1 {font-size:36px;}
    h2,.h2 {font-size:30px;}
    h3,.h3 {font-size:28px;}
    .py-100{padding: 50px 0;}
    .py-70,.thank-you-banner-section{padding: 50px 0;}
    .title p {font-size: 18px;}
    li {font-size: 16px;}
    input[type='submit'] {padding: 9px 20px;}
    .title {margin-bottom: 25px;}
        /* Header CSS Start Here */
    .header-main .logo-main{max-width:80px;}
    .header-main .header-menu{position:fixed;width:80%;top:0;right:-100%;height:100%;background-color:#000;color:#ffff;padding:50px 30px;max-width:320px;left:unset;transition:all 0.5s;transform-origin:right top;z-index:9999;}
    .menu-open .header-main .header-menu{right:0;}
    header.header-main .header-menu nav ul{flex-direction:column;}
    .btn,header.header-main .header-menu nav ul .contact-mobile-btn a {font-size:16px;padding:9px 20px;}
    .btn.big-btn{font-size:18px;padding:12px 25px;}
    .menu-open .header-main .navbar-toggler span{background-color:var(--white);}
    .header-main .navbar-toggler span:nth-child(3),.header-main .navbar-toggler span:nth-child(1){top:0;}
    .menu-open .navbar-toggler span:nth-child(1){transform:rotate(45deg);top:7px;}
    .menu-open .navbar-toggler span:nth-child(2){opacity:0;}
    .menu-open .navbar-toggler span:nth-child(3){transform:rotate(-45deg);top:-7px;}
    header.header-main .header-menu nav ul .contact-mobile-btn {display: block;}  
    header.header-main .contact-info{display:none;}
    header.header-main.header-fixed .logo img {max-height: 50px;}

    /* Header CSS End Here */
    .banner-section{padding:50px 0px;}
    .banner-section .banner-inner .banner-video{min-height: 188px;}
    .our-partner-section::before,.our-partner-section::after{width:50px;}
    .our-partner-section .logo-marquee-track,.our-partner-section .logo-marquee{gap:var(--logo-marquee-gap);}
    .our-partner-section{padding:50px 0px;}
    .four-layout-sec h2{margin-bottom:25px;}
    .our-number-section .marquee-track,.our-number-section .marquee-track .number-maruee{gap:40px;}
    .our-number-section .marquee-track .number-maruee .h3{font-size:30px;}
    .our-number-section .our-number-row::before,.our-number-section .our-number-row::after{width:50px;}
    .our-number-section .our-number-row::after{right:0;}
    .cta-section .cta-box .col-6{max-width:100%;}
    .cta-section .cta-box .col-4{justify-content:flex-start;}
    footer{padding:50px 0 20px;}
    .footer-main .footer-links > div,.footer-main .footer-top .col-5:nth-child(2),.footer-main .footer-top .col-5:nth-child(1){max-width:100%;}
    .footer-main .footer-bottom{text-align:center;}
    .footer-main .footer-bottom .text-right{text-align:center;margin-bottom:10px;order: -1;}
    .service-section .service-row .service-col .service-content{padding:20px;}
    .faq-section .faq-question {font-size: 18px;}
    .faq-section .faq-question::after {min-width: 15px;width: 15px;height: 15px;}
    .banner-inner-section{padding:60px 0px;min-height:200px;}
    .built-to-section p{font-size:16px;}
    .confidence-section{padding:60px 0px;}
    .best-difference-section .info-card{padding:30px 20px;}
    .best-difference-section::before,.best-difference-section::after{width:250px;height:150px;right:-91px;top:-5%;}
    .best-difference-section::after{top:unset;bottom:-68px;left:-25px;}
    .best-difference-section .info-card ol li:not(:last-child){margin-bottom:10px;}
    .not-found-section .title p{margin:20px 0px;}
    .not-found-section{padding:60px 0px;background:var(--grey);}
    .thank-you-banner-section .title .h1 {font-size: 50px;margin: 20px 0px 0px;}
    .thank-you-banner-section .title p {font-size: 16px;margin: 20px auto;}
    .thank-you-banner-section .title img {max-width: 80px;}
    .contact-banner-section .title p {font-size: 16px;}
    .contact-banner-section .wpcf7-form{padding:20px;}
    .contact-banner-section .wpcf7-form .cf7-contact p {gap: 20px;}
    .contact-banner-section .wpcf7-form .cf7-contact p > span {width: 100%;}
    .contact-banner-section .title .row{row-gap: 20px;}
    .contact-banner-section .wpcf7-form .cf7-contact p span textarea {max-height: 100px;}
}

@media (max-width: 575px) {
    h1,.h1 {font-size:30px;}
    h2,.h2 {font-size:28px;}
    h3,.h3 {font-size:26px;}

    .what-make-section .what-make-row .what-make-col,.service-section .service-row .col-3{max-width:100%;}    
    .growth-section .timeline .timeline-item .left-img{width:60px;height:60px;}
    .growth-section .draw-line{left:30px;}
    .growth-section .timeline .timeline-item .left-img img{max-width:30px;}
    .growth-section .timeline .timeline-item .right-content{width:calc(100% - 80px);}
    .footer-main .footer-bottom p,.footer-main .footer-bottom a {font-size: 14px;}

}

@media (max-width: 360px) {}