@media screen and (min-width: 1280px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: calc(1215px + 40px); }
}
/*MIN 1660 ENDS*/

/* @media screen and (min-width: 1024px) {
    .split-lines { visibility: hidden; }
    .line-animate { opacity: 0; transform: translateY(-30px); animation: fadeInUp 0.8s ease-out forwards; }
    @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }
} */
/*MIN 1024 ENDS*/

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

/*1600*/

@media screen and (max-width: 1440px) {
    h1, .h1 { --fSize: 58px; }
    h2, .h2 { --fSize: 46px; }
    h3, .h3 { --fSize: 34px; }
    h4, .h4 { --fSize: 28px; }
    .site-header { padding: 20px 0; }
    .bttn { line-height: 62px; min-width: 218px; height: 62px; }
    .pt100 { padding-top: 80px; }
    .mt100 { margin-top: 80px; }
    .brandsld-slide img { max-width: 200px; height: auto; }
    .main-bnr-wrap h1, .cntrboxcol h3 { --fSize: 66px; }
    #play-btn { font-size: 100px; }
    .cntrboxcol p { font-size: 18px; }
    .bttn-sm { height: 50px; line-height: 50px; min-width: 188px; }
    .smrthvacslide img { width: 40px; }
    .menutogglewrap, .contactwrap .link { font-size: 18px; }
    .lgcardboxsldr { padding: 44px 50px; }
    .resourceblogscontentwrap h3 { font-size: 26px; }
    .connectuswrap { padding: 60px 80px; }
    .recognizedsection { padding: 80px 0; }
    .productlistingrows { padding-top: 30px; }
    .counter-section { padding: 60px 0; }
    .connectussection { margin-bottom: 100px; }
    .footer--foo-top { padding: 60px 0 30px; }
    .foobottomwrap { padding: 20px 0; }
    .lgcardsldr h3 { font-size: 46px; }
    .journeysliderwrap>div:first-child { padding: 0 60px; }
    .journeysection { background-size: 50%; background-position: right -40% top -60%; }
    .fundrsldrbxrgt { padding: 26px 60px 0 40px; }
    .fundrsldrboxwrap .slide-arrow { width: 50px; height: 50px; font-size: 22px; }

    .fundrsldrboxwrap .slide-arrow.prev-arrow { right: 60px; }

    .contacturight form.wpcf7-form, .formwrapbox label+.submitbttn { margin-top: 50px; }
    .maplocationsection { padding-bottom: 110px; }
    .headerdeskfullsection .svgwrap svg {width:700px;height: auto;}
    .productcardrows { gap: 60px; }
    .stepsboxleft span { font-size: 200px; }
    .stepsboxleft h2 { font-size: 46px; }
}

/*1440*/

@media screen and (max-width: 1279px) {
    h1, .h1 { --fSize: 56px; }
    h2, .h2 { --fSize: 44px; }
    h3, .h3 { --fSize: 32px; }
    h4, .h4 { --fSize: 26px; }
    .main-bnr-wrap h1, .cntrboxcol h3 { --fSize: 62px; }
    .main-bnr-wrap { max-width: 1000px; }
    .pt100 { padding-top: 70px; }
    .big-brand-section .brandsldrone+.brandsldrone { margin-top: 40px; }
    .brandsld-slide img { max-width: 150px; }
    .cardboxcenterone, .cardboxcenterfour { max-width: 370px; }
    .cardboxcentertwo, .cardboxcenterthree { max-width: 170px; }
    .cardboxcenterfourcont { max-width: 300px; padding: 0px 20px 16px; }
    .cardboxcenterfourimg img { width: 230px; }
    .cardboxcenterfourimg { margin-top: -20px; }
    .cardboxtopleftcol { max-width: 340px; }
    .cardboxtoprightcol { max-width: calc(100% - 348px); }
    .cardboxtoprgtrgt img { width: 500px; }
    .cardboxtoprgtrgt { right: -150px; top: 100px; }
    .cardboxtoplefticon { min-height: 150px; max-width: 150px; }
    .bottom .cardboxtoprgtrgt img { width: 420px; }
    .bottom .cardboxtoprgtleft { margin-left: 30px; }
    .lgcardsldr h3 { font-size: 44px; }
    .imginfotriocenter { max-width: 360px; }
    .imginfotrioleft { max-width: 330px; }
    /* .imginfotrioright { max-width: calc(100% - 390px); } */
    

    
    .btminfotrio { margin-bottom: 40px; }
    .imginfotriosection { background-position: right -230px top -320px; }
    .powercontentwrap .cntrboxrow { padding-top: 80px; }
    .oddevenimgsection { background-size: 60%; background-position: bottom left -30%; }
    .powercontentsection { background-size: 700px; }
    /* .powercontentsection { background-position: right -30% bottom -30%; } */
    .infrastructureimgcolleft { max-width: 300px; }
    .infrastructureimgcolcenter { max-width: 620px; }
    .infrastructureimgcolright { max-width: 158px; }
    .infrastructureimgcolcenter img { max-height: 440px; }
    .foundersection h2 { margin-bottom: 30px; }
    .maplocationsection { padding-bottom: 90px; }
    .headerdeskcenterfullleft>ul>li>a, .headerdeskcenterfullcenter>ul>li>a { font-size: 32px; }
    
    .ani-float-banner { width: 450px; transform: translateY(-50%) scale(0.5); }
    .ani-float-banner p { font-size: 34px; }

    .foobottomwrap .col-lg-9 { width: 70%; }
    .foobottomwrap .col-lg-3 { width: 30%; }

}

/*1279*/

@media screen and (max-width: 1199px) {
    body { font-size: 18px; line-height: 1.5; }
    h1, .h1 { --fSize: 54px; }
    h2, .h2 { --fSize: 42px; }
    h3, .h3 { --fSize: 30px; }
    h4, .h4 { --fSize: 24px; }
    .text-30 { --fSize: 22px; }
    .foonav-row { justify-content: space-between; max-width: 430px; margin-left: auto; }
    .main-bnr-wrap h1, .cntrboxcol h3 { --fSize: 58px; }
    .bttn { line-height: 58px; min-width: 218px; height: 58px; }
    .brandsld-wrapper { gap: 120px; }
    .bttn-sm { height: 48px; line-height: 48px; min-width: 186px; }
    .smrthvacslidewrap { gap: 60px; }
    .cardboxtoplefttext { min-height: 150px; }
    .cardboxtoplefticon { min-height: 130px; max-width: 130px; }
    .cardboxtopleftcol { max-width: 280px; }
    .cardboxtoprightcol { max-width: calc(100% - 288px); }
    .cardboxtoprgtrgt img { width: 400px; }
    .cardboxtoprgtrgt { right: -60px; left: auto; width: 380px; }
    .bottom .cardboxtoprgtrgt img { width: 310px; }
    .cardboxcenterone, .cardboxcenterfour { max-width: 280px; }
    .cardboxcentertwo, .cardboxcenterthree { max-width: 168px; }
    .cardboxcenterfourimg img { width: 200px; }
    .cardboxcenterfourcont { max-width: 260px; }
    .cardboxcenterthreergt { margin-right: -50px; }
    .cardboxcentertwolft { margin-left: -50px; }
    .cardboxcentercont { max-width: 250px; padding: 20px; }
    .cardboxcentertwolft h3 { padding: 18px; }
    .cardboxcentertworgt img, .cardboxcenterthreelft img, .cardboxtoplefticon img { width: 70px; }    
    .lgcardsldrwrp .slick-slide { padding: 0 10px; }
    .lgcardsldrwrp { margin: 0; padding-bottom: 60px; padding-top: 30px; }
    .lgcardsldr { max-height: 460px; }
    .djkarrows .slide-arrow { width: 50px; height: 50px; }
    .djkarrows .slide-arrow.prev-arrow { left: -70px; }
    .djkarrows .slide-arrow.next-arrow { right: -70px; }
    .resourceblogsliderwrap { padding-bottom: 60px; }
    .headlogowrap .custom-logo { width: 160px; }
    .iconcontentfourows { gap: 20px 10px; margin-top: 30px; }
    .iconcontentfoucol { padding: 15px 0; }
    .powercontentwrap .cntrboxcols+.cntrboxcols { padding-left: 60px; margin-left: 60px; }
    .powercontentwrap .cntrboxrow { padding-top: 60px; }
    .infrastructureimgcolcenter { order: 1; max-width: 100%; }
    .infrastructureimgcolleft { max-width: calc(100% - 260px); }
    .infrastructureimgcolright { max-width: 250px; }
    .infrastructureimgcollefttop img { aspect-ratio: 356/209; }
    .infrastructureimgcolleftbottomleft { max-width: 220px; }
    .infrastructureimgcolleftbottomright { max-width: calc(100% - 228px); }
    .infrastructureimgcolleftbottomleft img { aspect-ratio: 168 / 106; }
    .journeysliderwrap>div:first-child { max-width: 300px; padding: 0 20px 0 0; }
    .journeysliderwrap>div:last-child { padding-left: 60px; max-width: calc(100% - 300px); }
    .fundrsldrbxlft { max-width: 330px; }
    .fundrsldrbxrgt { max-width: calc(100% - 330px); padding-top: 0; }
    .fundrsldrbxrgtbottom { margin-top: 50px; }
    .foundersection h2 { margin-bottom: 20px; }
    .contacturows { gap: 80px; }
    .contacturight .form-label span label .wpcf7-list-item-label, .contacturight label span label .wpcf7-list-item-label { font-size: 18px; padding: 8px 18px; }
    .headerdeskcenterfullcenter { margin-left: 80px; }
    .headerdeskcenterfullleft>ul>li>a, .headerdeskcenterfullcenter>ul>li>a { font-size: 28px; }
    .headerdeskcenterfullcenter>ul>li>.sub-menu>li>a { font-size: 18px; }
    .connectwithus { padding: 16px 40px; }
    .headerdeskcenterfullright { max-width: 300px; }
    .productcardrows { gap: 30px; }
    .productcardcols .thumb { margin-bottom: 30px; }
    .stepsboxleft h2 { font-size: 42px; }
    .stepsboxleft span { font-size: 160px; }
    .stepsboxright { max-width: 550px; }
    .stepsboxleft { max-width: calc(100% - 550px); }
    .joeslide h3 { font-size: 280px; line-height: 300px; }
    .joeslide p { width: 550px; }
    .kefe-item { gap: 120px; }

    .foobottomwrap .col-lg-9 { width: 60%; }
    .foobottomwrap .col-lg-3 { width: 40%; }

    .imginfotrioleft { max-width: 300px; }
    .imginfotriocenter { max-width:300px; }
}

/*1199*/

@media screen and (max-width: 991px) {
    h1, .h1 { --fSize: 50px; }
    h2, .h2 { --fSize: 40px; }
    h3, .h3 { --fSize: 26px; }
    .site-header { padding: 18px 0; }
    .headlogowrap .custom-logo { width: 140px; }
    .main-bnr-wrap h1, .cntrboxcol h3 { --fSize: 52px; }
    .main-bnr-wrap p { margin: 20px 0; }
    .brandsld-slide img { max-width: 120px; }
    .brandsld-wrapper { gap: 100px; }
    .pt100 { padding-top: 60px; }
    .smtitle { font-size: 18px; padding: 16px 20px; }
    .lgcardboxsldr { padding: 24px 30px; }
    .lgcardsldr h3 { font-size: 38px; }
    .lgcardsldr p { margin-top: 2px; font-size: 18px; }
    .foonav-row { max-width: 100%; margin-top: 30px; }
    /* .companyinfowrap { gap: 20px; } */
    .foobottomwrap .row { flex-direction: column; }
    .companyinfowrap { width: max-content; }
    .foobottomwrap .col-lg-3 { width: 100%; text-align: left!important; }
    /* .foobottomwrap .col-lg-3 a { margin-left: 6px; } */
    /* .foobottomwrap .col-lg-3.text-center { text-align: left; } */
    .testimonialsboxrows::before, .testimonialsboxrows::after { width: 30%; }
    .testimonialsboxwrap { padding: 20px 0 50px; }
    .cardboxcenterone, .cardboxcenterfour { max-width: calc(70% - 8px); }
    .cardboxcentertwo, .cardboxcenterthree { max-width: 30%; }
    .cardboxtoprgtrgt { bottom: 0; top: auto; }
    .cardboxtoprightcol { align-items: flex-start; }
    .cardboxtoprgtleft { margin: 10px auto 0; }
    .cardboxcentercont { margin: 0 auto; max-width: 340px; padding-top: 30px; }
    .cardboxcenterfourcont { max-width: 360px; margin: 0 auto; }
    .cardboxcenterfourimg { margin-top: 10px; }
    .cardboxcenterfourimg img { width: 250px; }
    .bottom .cardboxtoprgtrgt img { width: 220px; transform: translateY(-20px) !important; }
    .bottom .cardboxtoprgtrgt { top: auto; bottom: -70px; }
    .bottom .cardboxtoprgtleft { margin-left: 20px; position: relative; z-index: 1; }
    .iconcontentfourows { margin-top: 30px; }
    .oddevenimgrows:nth-child(even)>div:first-child { order: 0; }
    .creamcardrows { gap: 20px; } .creamcardcols h3 { padding: 0; }
    .powercontentwrap .cntrboxrow { padding-top: 40px; }
    .powercontentwrap h2 { margin: 0; }
    .foonav-col { min-width: 133px; }
    .foonav-col .h5 { margin-bottom: 10px; }
    .infrastructureimgcolright { max-width: 210px; }
    .infrastructureimgcolleft { /*max-width: calc(100% - 220px);*/ max-width: 100%; }
    .creamcardcols{border-radius:16px;}
    .infrastructureimgcolright img:nth-child(3) { aspect-ratio: 173 / 197; }
    .msnvsnimgwrap img { width: 360px; }
    .msnvsnimgwrap::before { height: 200px; }
    .fundrsldrleftwrap { max-width: 100%; }
    .fundrsldrrgtwrap { display: none; }
    .fundrsldrbxlft { max-width: 280px; }
    .fundrsldrbxrgt { max-width: calc(100% - 280px); padding-right: 0; padding-left: 30px; }
    .fundrsldrbxrgtbottom { margin-top: 20px; }
    .fundrsldrboxwrap { position: relative; padding-bottom: 60px; }
    .contacturows { flex-direction: column; gap: 20px; }
    .contacturight { width: 100%; max-width: 100%; }
    .contactuleft { flex-direction: column-reverse; width: 100%; }
    .companyinfocntctwrap { display: flex; gap: 20px; margin-bottom: 70px; justify-content: space-between; }
    .companyinfocntctcols+.companyinfocntctcols { margin: 0; }
    .contactuleft .contactus-nav { margin: 0; display: flex; flex-wrap: wrap; gap: 30px; }
    .contactuleft .contactus-nav .nav-item+.nav-item { padding: 0; }
    .contactuleft .contactus-nav button { font-size: 30px; }
    .contacturight form.wpcf7-form, .formwrapbox label+.submitbttn { margin-top: 30px; }
    .contacturight .form-label span, .contacturight label span { font-size: 18px; }
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="password"],
    input[type="num"],
    input[type="tel"],
    select,
    textarea {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
    }

    .maplocationsection { padding-bottom: 70px; }
    .headerdeskcenterfullleft, .headerdeskcenterfullcenter, .headerdeskcenterfullright { width: 100%; max-width: 100%; margin: 0; }

    .headerdeskcenterfullcenter { padding: 50px 0; }
    .headerdeskcenterfullwrap { padding-top: 20px; }
    .headerdesktopfullwrap { padding: 18px 0; }

    .headerdeskfullsection .svgwrap svg { width: 500px; margin-bottom: -200px; margin-right: -200px; }

    .stepsboxleft,.stepsboxright { max-width: 100%; }
    .stepsboxright { margin: 20px 0; }
    .stepsboxleft span { font-size: 140px; }
    .stepsboxleft h2 { font-size: 38px; }
    .stepsboxfullwrap p { margin-top: 0; }
    .productcardrows { grid-template-columns: repeat(2, 1fr); }
    .productcardcols .thumb{margin-bottom: 20px;}
    .productcardcols p { margin: 10px 0 6px; }
    
    .oddevenimgrows+.oddevenimgrows { margin-top: 40px; }
    .ecofriendlyrows>div>p, .iconcontentfourows { width: 100%; }

    .joeslidr { padding-left: 0; }
    .kefe-item { gap: 60px; }


    .imginfotrioright { max-width: 100%; display: flex; justify-content: space-around; }
    .btminfotrio { margin: 0; }
    .imginfotrioriorbox+.imginfotrioriorbox { margin: 0; }
} 

/*991*/

@media screen and (max-width: 767px) {
    h1, .h1 { --fSize: 46px; }
    h2, .h2 { --fSize: 36px; line-height: calc(var(--fSize) + 12px); }
    h3, .h3 { --fSize: 24px; }
    h4, .h4 { --fSize: 22px; }
    .main-bnr-wrap h1, .cntrboxcol h3 { --fSize: 46px; line-height: calc(var(--fSize) + 10px); }
    .hvacright { margin-top: 15px; }
    .hvacright p { font-size: 16px; margin-bottom: 24px; }
    .row.cntrboxrow { margin: 0 -15px; }
    .row.cntrboxrow>* { padding: 0 15px; }
    .cntrboxcol p { font-size: 16px; }
    .smrthvacslide { gap: 10px; }
    .smrthvacslide img { width: 36px; }
    .smrthvacslidewrap { gap: 50px; }
    .lgcardsldr h3 { font-size: 34px; }
    .lgcardsldr p { font-size: 16px; }
    .recognizedsection { padding: 50px 0; }
    .recognizedrows { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 20px; }
    .recognizedcols { max-width: calc(100% / 3 - 14px); }
    .resourceblogscontentwrap h3 { font-size: 24px; }
    .resourceblogscontentwrap .link { font-size: 14px; }
    .connectuswrap { padding: 40px 40px; }
    .foonav-col { min-width: 164px; }
    .cardboxtopleftcol { max-width: 220px; }
    .cardboxtoprightcol { max-width: calc(100% - 228px); }
    .bottom .cardboxtoprgtleft { margin: 20px auto 0; max-width: calc(100% - 20px); }
    .productlistingrows p { margin: 6px 0 6px; font-size: 14px; }
    .cardboxcentercont { max-width: 300px; margin-left: 0px; }
    .cardboxcenterone img { width: 200px; bottom: -30px; right: -30px; }
    .cardboxcenterfourcont { max-width: 300px; margin-right: 0; }
    .cardboxcenterfourimg img { width: 185px; }
    .cardboxcenterfour, .cardboxcenterthree { margin-top: 8px; }
    .connectussection { margin-bottom: 80px; }
    .imginfotrioright { max-width: 100%; padding-top: 10px; }
    .imginfotriocenter { max-width: 100%; padding-top: 30px; display: flex; justify-content: center; }
    .imginfotriocenter img { width: 350px; }
    .btminfotrio { margin-bottom: 10px; margin-top: 12px; }
    .btminfotrio ul { flex-wrap: wrap; }
    .creamcardrows { grid-template-columns: repeat(1, 1fr); }
    .powercontentwrap .cntrboxrow { padding-top: 30px; }
    .infrastructureimgcolcenter img { max-height: 320px; }
    .infrastructureimgcolright { max-width: 180px; }
    /* .infrastructureimgcolleft { max-width: calc(100% - 190px); } */
    .infrastructureimgcolright img { aspect-ratio: 173 / 110; }
    .infrastructureimgcolleftbottomleft { max-width: 170px; }
    .infrastructureimgcolleftbottomright { max-width: calc(100% - 178px); }
    .infrastructureimgcolright img:nth-child(3) { aspect-ratio: 173 / 160; }
    .journeysliderwrap>div:first-child {display: none;}
    .journeysliderwrap>div:first-child, .journeysliderwrap>div:last-child { max-width: 100%; padding: 0; border: 0; }
    .journeysliderrightwrap { padding: 0; }
    .journeysliderwrap>div:last-child { border-top: 1px solid var(--secondary-a); padding-top: 20px; margin-top: 20px; }
    .fundrsldrbxrgt { max-width: 100%; padding-left: 0; }
    .msnvsnsctncnt>div:last-child { text-align: left; margin-top: 20px; }
    .msnvsnsctncnt>div:last-child p { margin-left: 0; }
    .msnvsnimgwrap { margin-top: 20px; }
    .msnvsnsctncnt p { max-width: 100%; }
    .journeysection { padding: 40px 0; }
    .companyinfocntctwrap { flex-wrap: wrap; }
    .maplocationwrap iframe { aspect-ratio: 1216 / 380; max-height: 380px; }
    .contactuleft .contactus-nav button { font-size: 26px; }
    .contactuleft .contactus-nav { gap: 20px; }
    .submitbttn { font-size: 18px; padding: 5px 26px; }
    .headerdesktopfullwrap .logowhite img { width: 120px; }
    .headermenutoggle img { width: 40px; }
    .headerdeskcenterfullleft>ul>li>a, .headerdeskcenterfullcenter>ul>li>a { font-size: 24px; }
    .headerdeskcenterfullcenter>ul>li>.sub-menu>li>a { font-size: 16px; }
    .headerdeskcenterfullcenter>ul>li>.sub-menu>li>.sub-menu>li>a { font-size: 14px; }
    .connectwithus { padding: 14px 30px; }
    .creamcardcols{border-radius:12px;}
    .fundrsldrbxrgttop { padding-top: 10px; }
    .menutogglewrap > span { display: none; }
    .testimonialsboxcols:hover { transform: scale(1); margin: 0; }
    .testimonialsboxrows-col, .testimonialsboxrows+.testimonialsboxrows .testimonialsboxrows-col { animation-duration: 8s; }
    .productcardcols .thumb{margin-bottom: 10px;}
    .productcardrows{ gap:40px; }
    .stepsboxleft h2{font-size:34px;}
    .cardboxtoprgtrgt { width: 310px; }
    .cardboxtoprgtrgt img { width: 290px; }
    .powercontentsection { padding-top: 80px; padding-bottom: 80px; background-position: bottom -240px right -127px; background-size: 490px; }
    .stepsboxleft span { font-size: 110px; }
    #play-btn { font-size: 80px; }
    .joeslide h3 { font-size: 190px; line-height: 240px; }
    .joeslide p { padding: 0; width: 100%; }
    .kefe-item + .kefe-item { padding-top: 20px; margin-top: 20px; }
    .ani-float-banner { width: 400px; transform: translateY(-50%) scale(0.6); }
    .ani-float-banner p { font-size: 28px; padding: 36px 0; }


    .imginfotrioleft { max-width: 100%; }
    .btminfotrio, .imginfotrioriorbox { width: 220px; align-items: start; }
    .btminfotrio { margin: 0; }
    .imginfotrioright { justify-content: space-between; margin-top: 20px; }
}

/*767*/

@media screen and (max-width: 575px) {
    h1, .h1 { --fSize: 42px; line-height: calc(var(--fSize) + 10px); }
    h2, .h2 { --fSize: 32px; }
    .text-30 { --fSize: 20px; }
    .headlogowrap .custom-logo { width: 120px; }
    .menutogglewrap, .contactwrap .link { font-size: 16px; }
    .main-bnr-wrap h1, .cntrboxcol h3 { --fSize: 42px; }
    .main-video-wrap video { border-radius: 14px; }
    .pt100 { padding-top: 40px; }
    .big-brand-section .brandsldrone+.brandsldrone { margin-top: 30px; }
    .brandsld-slide img { max-width: 100px; }
    .brandsld-wrapper { gap: 70px; }
    .mt100 { margin-top: 60px; }
    .cntrboxrow { gap: 30px 0; }
    .smtitle { padding: 14px 18px; }
    .cardboxtopleftcol, .cardboxtoprightcol { max-width: 100%; }
    .cardboxtoprightcol { margin-top: 8px; }
    .cardboxtopleftcol { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .cardboxtoplefttext { max-width: 236px; min-height: 140px; flex: 1; }
    .cardboxtoplefticon { max-width: calc(100% - 244px); width: 100%; margin: 0; }
    .cardboxtoprightcol { order: 1; min-height: 280px; }
    .bottom .cardboxtoprgtleft { max-width: 100%; margin: 15px auto 0; padding: 0 20px; }
    .bottom .cardboxtoprgtrgt { bottom: -60px; top: auto; left: 0; right: 0; text-align: center; }
    .cardboxtoprgtleft { margin-top: 20px; }
    .cardboxcentertwo, .cardboxcenterthree { display: flex; flex-wrap: wrap; max-width: 100%; justify-content: space-between; }
    .cardboxcenterone, .cardboxcenterfour { max-width: 100%; }
    .cardboxcenterone { order: 1; min-height: 230px; margin-top: 8px; }
    .cardboxcentertwo { order: 0; }
    .cardboxcenterthree { order: 2; }
    .cardboxcenterfour { order: 3; }
    .cardboxcentertwolft, .cardboxcenterthreergt { margin: 0; width: 100%; max-width: 222px; border: 0; }
    .cardboxcentertworgt, .cardboxcenterthreelft { width: 100%; max-width: calc(100% - 230px); aspect-ratio: auto; }
    .cardboxcentercont { margin: 0 auto; }
    /* .cardboxcenterone img { right: -210px; min-width: 400px; bottom: -216px; } */
    .cardboxcenterone img { width: 200px; bottom: -30px; right: -30px; }
    .cardboxcenterthreergt { margin: 0; }
    .cardboxcenterfourcont { margin: 0 auto; }
    .cardboxcenterfourimg { text-align: center; }
    .lgcardsldr h3 { font-size: 28px; }
    .lgcardboxsldr { padding: 14px 20px; }
    .titlemainbx { font-size: 16px; }
    .powercontentwrap .cntrboxcols+.cntrboxcols { padding-left: 40px; margin-left: 40px; }
    .powercontentwrap .cntrboxrow { gap: 0; }
    .connectuswrap { padding: 30px 20px; }
    .infrastructureimgcolcenter img { max-height: 240px; }
    .infrastructureimgcolleft, .infrastructureimgcolright { max-width: 100%; }
    .infrastructureimgcolright img { aspect-ratio: 173 / 70; }
    .infrastructureimgcolright img:nth-child(3) { aspect-ratio: 173 / 100; }
    .fundrsldrboxwrap .slide-arrow { width: 40px; height: 40px; border-radius: 6px; font-size: 18px; }
    .fundrsldrboxwrap .slide-arrow.prev-arrow { right: 50px; }
    .journeywrap h2 { margin-top: 0; }
    .journeysliderright h3 { --fSize: 18px; }
    .contacturight .form-label .customradio, .contacturight label .customradio { gap: 10px; }
    .contacturight .form-label span label .wpcf7-list-item-label, .contacturight label span label .wpcf7-list-item-label { font-size: 16px; }
    .contacturight .form-label .customradio label input[type="radio"]+span.wpcf7-list-item-label, .contacturight label .customradio label input[type="radio"]+span.wpcf7-list-item-label { padding: 8px 18px; }
    .maplocationsection { padding-bottom: 50px; }
    .headerdeskfullsection .svgwrap svg { width: 350px; margin-bottom: -130px; margin-right: -130px; }
    .productcardrows { grid-template-columns: repeat(1, 1fr); }
    .stepsboxleft span { font-size: 80px; }
    .stepsboxleft h2{font-size:30px;}
    .powercontentsection { padding-top: 40px; padding-bottom: 40px; }
    .oddevenimgrows+.oddevenimgrows { margin-top: 40px; }
    .foonav-col { min-width: 167px; }
    #play-btn { font-size: 70px; }
    .productlistingrows h3 { --fSize: 24px; }
    .joeslide h3 { font-size: 170px; line-height: 200px; }
    .kefe-item { grid-template-columns: 1fr; gap: 20px; }
    .kefe-list { margin-top: 30px; }
}
/*575*/

@media screen and (max-width: 480px) {
    /* .cardboxcenterone img { right: -200px;  bottom: -186px; } */
    .joeslide { height: unset; padding: 0; margin: 0 0; }
    .joeslide h3 { font-size: 80px; line-height: 1em; opacity: 1; margin-bottom: 10px; color: rgba(255,255,255,0.5); }
    .joeslide p { position: static; font-size: 20px; line-height: 28px; transform: none; }
    .ani-float-banner { width: 380px; }


    .companyinfowrap { flex-direction: column; gap: 10px; align-items: start; }
    .companyinfocntctwrap { flex-direction: column; }

    .btminfotrio, .imginfotrioriorbox { width: 150px; }
}
/*480*/

@media screen and (max-width: 420px) {
    h1, .h1 { --fSize: 32px; }
    h2, .h2 { --fSize: 28px; line-height: calc(var(--fSize) + 10px); }
    .main-bnr-wrap h1, .cntrboxcol h3 { --fSize: 34px; }
    .bttn { line-height: 48px; min-width: 208px; height: 48px; }
    .main-video-wrap video { border-radius: 10px; }
    .brandsld-wrapper { gap: 50px; }
    .productlistingrows h3 { --fSize: 22px; }
    .cardboxtoplefttext, .cardboxcentertwolft, .cardboxcenterthreergt { max-width: 170px; }
    .cardboxtoplefticon, .cardboxcentertworgt, .cardboxcenterthreelft { max-width: calc(100% - 176px); }
    .recognizedcols { max-width: calc(100% / 2 - 14px); }
    .companyinfowrap { gap: 13px; }
    .connectussection { margin-bottom: 60px; }
    .lgcardsldr { max-height: 340px; min-height: 340px; }
    .lgcardsldr img { position: absolute; }
    .lgcardsldr h3 { font-size: 24px; }
    .contactwrap { display: none; }
    .headerwrap { flex-direction: row-reverse; }
    .powercontentwrap .cntrboxcols+.cntrboxcols { padding-left: 30px; margin-left: 30px; }
    .iconcontentfourows { grid-template-columns: repeat(1, 1fr); margin-top: 20px; }
    .iconcontentfoucol { padding: 10px; }
    .infrastructureimgcolleftbottomleft { max-width: 140px; }
    .infrastructureimgcolleftbottomright { max-width: calc(100% - 148px); }
    .contacturight .form-label .customradio label input[type="radio"]+span.wpcf7-list-item-label, .contacturight label .customradio label input[type="radio"]+span.wpcf7-list-item-label { padding: 6px 12px; }
    .contacturight .form-label span label .wpcf7-list-item-label, .contacturight label span label .wpcf7-list-item-label { font-size: 14px; }
    .submitbttn { font-size: 16px; padding: 6px 26px; }
    .stepsboxleft h2{font-size:26px;}
    .page-not-found h1 { font-size: 140px; }
    .ani-float-banner { width: 100%;}
    .ani-float-banner p { padding: 36px 20px;  }
}
/*420*/

@media screen and (max-width: 375px) {
    .joeslide h3 { font-size: 66px; }
    .joeslide p { font-size: 18px; line-height: 26px; }
    .page-not-found h1 { font-size: 120px; }
    .cardboxcenterone img { width: 180px; bottom: -30px; right: -30px; }
}
/*375*/

@media screen and (max-width: 359px) {
    .ani-float-banner { transform: translateY(-50%) scale(0.7); }
    .ani-float-banner p { font-size: 22px; padding: 54px 20px;  }
}
/*359*/

@media screen and (max-height: 600px) {
    .page-not-found { height: auto; min-height: 100vh; }
}
/*359*/