@media (min-width: 1701px) and (max-width: 1840px) {

.container{ max-width: 1440px; width: 1440px; }

h1 {font-size:40px;line-height: 1.2;}

h2 {font-size: 36px;line-height: 1.2;}

h3 {font-size: 32px;line-height: 1.2;}

h4 {font-size: 24px;line-height: 1.4;}

h5 {font-size: 20px;line-height: 1.4;}

h6 {font-size: 18px;line-height: 1.4;}	

p{ font-size: 16px;}

.header-top-inner{ min-height: 90px; }

.contain-wapper{ padding: 90px 0 0 0; }

.banner-text {width: 490px;}

.text p,

.text p a,

.text ul li,

.text ol li{ font-size: 16px;}



.p-64{ padding: 56px;}

.py-64{ padding-top: 56px; padding-bottom: 56px; }

.pt-64{ padding-top: 56px;}

.pb-64{ padding-bottom: 56px;}

.py-112{ padding-top: 100px; padding-bottom: 100px; }

.pt-112{ padding-top: 100px;}

.pb-112{ padding-bottom: 100px;}

.py-160{ padding-top: 140px; padding-bottom: 140px; }

.pt-160{ padding-top: 140px;}

.pb-160{ padding-bottom: 140px;}

.py-56{ padding-top: 50px; padding-bottom: 50px; }

.pt-56{ padding-top: 50px;}

.pb-56{ padding-bottom: 50px;}

.py-80{ padding-top: 70px; padding-bottom: 70px; }

.pt-80{ padding-top: 70px;}

.pb-80{ padding-bottom: 70px;}

.py-40{ padding-top: 40px; padding-bottom: 40px; }

.pt-40{ padding-top: 40px;}

.pb-40{ padding-bottom: 40px;}

.p-48{ padding: 38px;}

.py-48{ padding-top: 38px; padding-bottom: 38px; }

.pt-48{ padding-top: 38px;}

.pb-48{ padding-bottom: 38px;}



.about-data h1{ margin-bottom: 64px; }

.section-title{ max-width: 700px; }

.services-box .img{ min-height: 682px; }

.testi-box .img{ min-height: 290px; }

.cta-data-1{ max-width: 680px; }

.gallery-slider-block .img{ min-height: 400px; }

.contact-right-inner{ min-width: 794px; }

.contact-block-main .contact-right{ width: 528px;}

.contact-block-main .contact-left{     width: calc(100% - 528px); }

.contact-block-main .contact-left span{ min-width: calc((100vw - 1410px) / 2 + 100% + 0px);}



.about-block-main .about-left {width: calc(100% - 506px);}

.about-right{ padding: 0 0 0 70px;  width: 506px;}

.about-block-main .about-left span{ min-width: calc((100vw - 1410px) / 2 + 100% + 0px);}

.step-box{ min-height: 478px; }

.step-box .count{ font-size: 344px;     right: -34px;top: -114px;}

.cta-section-2 .cta-data-1{ max-width: 385px; }



.inner-banner .banner-bg{ min-height: 600px; }

.home-about-outer.about-sec-1 .about-right{ padding: 0 70px 0 0; }

.Choose-box{ min-height: 478px; }

.brand-list ul{ gap: 2px;}

.brand-list ul li{ width: 180px;}

.team-box .team-img {width: 298px; min-width: 298px;}

.team-box{ gap: 40px;}

.team-listing .row{ margin: 0 -24px !important; row-gap: 48px; }

.team-listing .row>*{ padding: 0 32px !important; }





.contact-map-block .contact-map .map-blk{ height: 596px;  min-width: calc((100vw - 1410px) / 2 + 100% + 0px); }

.contact-map-block{ gap: 70px;}

.contact-map-block .contact-left {width: 442px;}

.contact-map-block .contact-map {width: calc(100% - 442px);}

.contact-box{ min-height: 410px; }

.faq-listing{ max-width: 1020px; }

.faq-listing .accordion-item .accordion-header button{ min-height: 64px; }



.technology-bg-img{ height: 442px; }

.technology-bg-img{ margin: -160px 0 0 0; }



.transport-block-main  { gap: 70px;}

.transport-left {width: 420px;}

.transport-right {width: calc(100% - 490px );}

.transport-right .Choose-box{ min-height: 382px; }



.cms-data-block-main{ gap: 70px;}

.defult-page-left {width: 300px;}

.defult-page-right{ width: calc(100% - 370px);}

.Choose-box .Choose-box-sub h3{   font-size: 24px;}
.Choose-box .Choose-box-sub p{   }
	
	.step-box .step-box-sub h3{ font-size: 24px; min-height: 82px;;}
.step-box .step-box-sub p{ font-size: 14px;}
}



@media (min-width: 1501px) and (max-width: 1700px) {

    .container{ max-width: 1273px; width: 1273px; }

    h1 {font-size:40px;line-height: 1.2;}

    h2 {font-size: 36px;line-height: 1.2;}

    h3 {font-size: 32px;line-height: 1.2;}

    h4 {font-size: 24px;line-height: 1.4;}

    h5 {font-size: 20px;line-height: 1.4;}

    h6 {font-size: 18px;line-height: 1.4;}	

    p{ font-size: 16px;}

    .header-top-inner{ min-height: 90px; }

    .contain-wapper{ padding: 90px 0 0 0; }

    .banner-text {width: 490px;}

    .text p,

    .text p a,

    .text ul li,

    .text ol li{ font-size: 16px;}

    

    .p-64{ padding: 50px;}

    .py-64{ padding-top: 50px; padding-bottom: 50px; }

    .pt-64{ padding-top: 50px;}

    .pb-64{ padding-bottom: 50px;}

    .py-112{ padding-top: 88px; padding-bottom: 88px; }

    .pt-112{ padding-top: 88px;}

    .pb-112{ padding-bottom: 88px;}

    .py-160{ padding-top: 125px; padding-bottom: 125px; }

    .pt-160{ padding-top: 125px;}

    .pb-160{ padding-bottom: 125px;}

    .py-56{ padding-top: 44px; padding-bottom: 44px; }

    .pt-56{ padding-top: 44px;}

    .pb-56{ padding-bottom: 44px;}

    .py-80{ padding-top: 62px; padding-bottom: 62px; }

    .pt-80{ padding-top: 62px;}

    .pb-80{ padding-bottom: 62px;}

    .py-40{ padding-top: 40px; padding-bottom: 40px; }

    .pt-40{ padding-top: 40px;}

    .pb-40{ padding-bottom: 40px;}

    .p-48{ padding: 38px;}

    .py-48{ padding-top: 42px; padding-bottom: 42px; }

    .pt-48{ padding-top: 42px;}

    .pb-48{ padding-bottom: 42px;}

    

    .about-data h1{ margin-bottom: 64px; }

    .section-title{ max-width: 660px; }

    .services-box .img{ min-height: 602px; }

    .cta-data-1{ max-width: 600px; }

    .gallery-slider-block .img{ min-height: 355px; }

    .contact-right-inner{ min-width: 700px; }

    .contact-block-main .contact-right{ width: 466px;}

    .contact-block-main .contact-left{     width: calc(100% - 466px); }

    .contact-block-main .contact-left span{ min-width: calc((100vw - 1243px) / 2 + 100% + 0px);}

    .about-block-main .about-left {width: calc(100% - 447px);}

    .about-right{ padding: 0 0 0 62px;  width: 447px;}

    .about-block-main .about-left span{ min-width: calc((100vw - 1243px) / 2 + 100% + 0px);}

    .step-box{ min-height: 478px; }

    .step-box .count{ font-size: 344px;     right: -34px;top: -114px;}

    .testi-box .img{ min-height: 290px; }

    .cta-section-2 .cta-data-1{ max-width: 385px; }





    .inner-banner .banner-bg{ min-height: 500px; }

    .home-about-outer.about-sec-1 .about-right{ padding: 0 62px 0 0; }



    .Choose-box{ min-height: 420px; }

     

.brand-list ul{ gap: 2px;}

.brand-list ul li{ width: 160px;}

.team-box .team-img {width: 264px; min-width: 264px;}

.team-box{ gap: 32px;}

.team-listing .row{ margin: 0 -24px !important; row-gap: 48px; }

.team-listing .row>*{ padding: 0 32px !important; }





.contact-map-block .contact-map .map-blk{ height: 526px;  min-width: calc((100vw - 1243px) / 2 + 100% + 0px); }

.contact-map-block{ gap: 62px;}

.contact-map-block .contact-left {width: 390px;}

.contact-map-block .contact-map {width: calc(100% - 390px);}

.contact-box{ min-height: 376px; }

.faq-listing{ max-width: 900px; }

.faq-listing .accordion-item .accordion-header button{ min-height: 64px; }

.faq-listing .accordion-item{ padding: 20px; }



.technology-bg-img{ height: 390px; }

.technology-bg-img{ margin: -140px 0 0 0; }



.transport-block-main  { gap: 60px;}

.transport-left {width: 370px;}

.transport-right {width: calc(100% - 430px );}

.transport-right .Choose-box{ min-height: 335px; }



.cms-data-block-main{ gap: 60px;}

.defult-page-left {width: 300px;}

.defult-page-right{ width: calc(100% - 360px);}
.Choose-box .Choose-box-sub h3{   font-size: 20px;}
.Choose-box .Choose-box-sub p{ font-size: 14px;   }
	
		.step-box .step-box-sub h3{ font-size: 24px; min-height: 82px;;}
.step-box .step-box-sub p{ font-size: 14px; min-height:105px;}
}

@media (min-width: 1400px) and (max-width: 1500px) {

    .container{ max-width: 1273px; width: 1273px; }

    h1 {font-size:40px;line-height: 1.2;}

    h2 {font-size: 36px;line-height: 1.2;}

    h3 {font-size: 32px;line-height: 1.2;}

    h4 {font-size: 24px;line-height: 1.4;}

    h5 {font-size: 20px;line-height: 1.4;}

    h6 {font-size: 18px;line-height: 1.4;}	

    p{ font-size: 16px;}

    .header-top-inner{ min-height: 90px; }

    .contain-wapper{ padding: 90px 0 0 0; }

    .banner-text {width: 490px;}

    .text p,

    .text p a,

    .text ul li,

    .text ol li{ font-size: 16px;}

    

    .p-64{ padding: 50px;}

    .py-64{ padding-top: 50px; padding-bottom: 50px; }

    .pt-64{ padding-top: 50px;}

    .pb-64{ padding-bottom: 50px;}

    .py-112{ padding-top: 88px; padding-bottom: 88px; }

    .pt-112{ padding-top: 88px;}

    .pb-112{ padding-bottom: 88px;}

    .py-160{ padding-top: 125px; padding-bottom: 125px; }

    .pt-160{ padding-top: 125px;}

    .pb-160{ padding-bottom: 125px;}

    .py-56{ padding-top: 44px; padding-bottom: 44px; }

    .pt-56{ padding-top: 44px;}

    .pb-56{ padding-bottom: 44px;}

    .py-80{ padding-top: 62px; padding-bottom: 62px; }

    .pt-80{ padding-top: 62px;}

    .pb-80{ padding-bottom: 62px;}

    .py-40{ padding-top: 40px; padding-bottom: 40px; }

    .pt-40{ padding-top: 40px;}

    .pb-40{ padding-bottom: 40px;}

    .p-48{ padding: 38px;}

    .py-48{ padding-top: 42px; padding-bottom: 42px; }

    .pt-48{ padding-top: 42px;}

    .pb-48{ padding-bottom: 42px;}

    

    .about-data h1{ margin-bottom: 64px; }

    .section-title{ max-width: 660px; }

    .services-box .img{ min-height: 602px; }

    .cta-data-1{ max-width: 600px; }

    .gallery-slider-block .img{ min-height: 355px; }

    .contact-right-inner{ min-width: 700px; }

    .contact-block-main .contact-right{ width: 466px;}

    .contact-block-main .contact-left{     width: calc(100% - 466px); }

    .contact-block-main .contact-left span{ min-width: calc((100vw - 1243px) / 2 + 100% + 0px);}

    .about-block-main .about-left {width: calc(100% - 447px);}

    .about-right{ padding: 0 0 0 62px;  width: 447px;}

    .about-block-main .about-left span{ min-width: calc((100vw - 1243px) / 2 + 100% + 0px);}

    .step-box{ min-height: 365px; }

    .step-box .count{ font-size: 220px;     right: -10px;top: -70px;}

    .testi-box .img{ min-height: 290px; }

    .cta-section-2 .cta-data-1{ max-width: 385px; } 





    .inner-banner .banner-bg{ min-height: 500px; }

    .home-about-outer.about-sec-1 .about-right{ padding: 0 62px 0 0; }



    .Choose-box{ min-height: 420px; }

 

.brand-list ul{ gap: 2px;}

.brand-list ul li{ width: 160px;}

.team-box .team-img {width: 264px; min-width: 264px;}

.team-box{ gap: 32px;}

.team-listing .row{ margin: 0 -24px !important; row-gap: 48px; }

.team-listing .row>*{ padding: 0 32px !important; }





.contact-map-block .contact-map .map-blk{ height: 526px;  min-width: calc((100vw - 1243px) / 2 + 100% + 0px); }

.contact-map-block{ gap: 62px;}

.contact-map-block .contact-left {width: 390px;}

.contact-map-block .contact-map {width: calc(100% - 390px);}

.contact-box{ min-height: 376px; }

.faq-listing{ max-width: 900px; }

.faq-listing .accordion-item .accordion-header button{ min-height: 64px; }

.faq-listing .accordion-item{ padding: 20px; }



.technology-bg-img{ height: 364px; }

.technology-bg-img{ margin: -130px 0 0 0; }



.transport-block-main  { gap:50px;}

.transport-left {width: 340px;}

.transport-right {width: calc(100% - 390px );}

.transport-right .Choose-box{ min-height: 335px; }



.cms-data-block-main{ gap: 60px;}

.defult-page-left {width: 300px;}

.defult-page-right{ width: calc(100% - 360px);}
.Choose-box .Choose-box-sub h3{   font-size: 20px;}
.Choose-box .Choose-box-sub p{ font-size: 14px;  }
	
		.step-box .step-box-sub h3{ font-size: 24px; min-height: 82px;;}
.step-box .step-box-sub p{ font-size: 14px; min-height:105px;}
}

@media (min-width: 1240px) and (max-width: 1399px) {

    .container{ max-width: 1100px; width: 1100px; }

    h1 {font-size:40px;line-height: 1.2;}

    h2 {font-size: 36px;line-height: 1.2;}

    h3 {font-size: 32px;line-height: 1.2;}

    h4 {font-size: 24px;line-height: 1.4;}

    h5 {font-size: 20px;line-height: 1.4;}

    h6 {font-size: 18px;line-height: 1.4;}	

    p{ font-size: 15px;}

    .header-top-inner{ min-height: 80px; }

    .contain-wapper{ padding: 80px 0 0 0; }

    .banner-text {width: 490px;}

    .text p,

    .text p a,

    .text ul li,

    .text ol li{ font-size: 15px;}

    

    .p-64{ padding: 38px;}

    .py-64{ padding-top: 38px; padding-bottom: 38px; }

    .pt-64{ padding-top: 38px;}

    .pb-64{ padding-bottom: 38px;}

    .py-112{ padding-top: 76px; padding-bottom: 76px; }

    .pt-112{ padding-top: 76px;}

    .pb-112{ padding-bottom: 76px;}

    .py-160{ padding-top: 125px; padding-bottom: 125px; }

    .pt-160{ padding-top: 125px;}

    .pb-160{ padding-bottom: 125px;}

    .py-56{ padding-top: 38px; padding-bottom: 38px; }

    .pt-56{ padding-top: 38px;}

    .pb-56{ padding-bottom: 38px;}

    .py-80{ padding-top: 54px; padding-bottom: 54px; }

    .pt-80{ padding-top: 54px;}

    .pb-80{ padding-bottom: 54px;}

    .py-40{ padding-top: 40px; padding-bottom: 40px; }

    .pt-40{ padding-top: 40px;}

    .pb-40{ padding-bottom: 40px;}

    .p-48{ padding: 32px;}

    .py-48{ padding-top: 32px; padding-bottom: 32px; }

    .pt-48{ padding-top: 32px;}

    .pb-48{ padding-bottom: 32px;}

    

    .about-data h1{ margin-bottom: 54px; }

    .section-title{ max-width: 660px; }

    .services-box .img{ min-height: 522px; }

    .cta-data-1{ max-width: 550px; }

    .gallery-slider-block .img{ min-height: 308px; }

    .contact-right-inner{ min-width: 610px; }

    .contact-block-main .contact-right{ width: 404px;}

    .contact-block-main .contact-left{     width: calc(100% - 404px); }

    .contact-block-main .contact-left span{ min-width: calc((100vw - 1070px) / 2 + 100% + 0px);}

    .about-block-main .about-left {width: calc(100% - 447px);}

    .about-right{ padding: 0 0 0 62px;  width: 447px;}

    .about-block-main .about-left span{ min-width: calc((100vw - 1070px) / 2 + 100% + 0px);}

    .step-box{ min-height: 365px; }

    .step-box .count{ font-size: 220px;     right: -10px;top: -70px;}

    .testi-box .img{ min-height: 240px; }

    .cta-section-2 .cta-data-1{ max-width: 385px; } 

    .step-box .step-box-sub p,

    .services-box-sub p{ font-size: 14px;}

    .f-menu-top ul{ gap: 20px;} 

    .services-box-sub{ gap: 20px;}



    .inner-banner .banner-bg{ min-height: 450px; }

    .home-about-outer.about-sec-1 .about-right{ padding: 0 62px 0 0; }





.Choose-box{ min-height: 380px; }

 

.brand-list ul{ gap: 2px;}

.brand-list ul li{ width: 140px;}

.team-box .team-img {width: 246px; min-width: 246px;}

.team-box{ gap: 32px;}

.team-listing .row{ margin: 0 -24px !important; row-gap: 48px; }

.team-listing .row>*{ padding: 0 32px !important; }

.Choose-box .Choose-box-sub{ padding: 30px; }

.Choose-box .Choose-box-sub p{ font-size: 14px;}

.brand-list ul li span img{ max-width: 100px; }





.contact-map-block .contact-map .map-blk{ height: 450px;  min-width: calc((100vw - 1070px) / 2 + 100% + 0px); }

.contact-map-block{ gap: 62px;}

.contact-map-block .contact-left {width: 320px;}

.contact-map-block .contact-map {width: calc(100% - 320px);}

.contact-box{ min-height: 350px; }

.faq-listing{ max-width: 800px; }

.faq-listing .accordion-item .accordion-header button{ min-height: 64px; }

.faq-listing .accordion-item{ padding: 20px; }

.contact-box{ padding: 24px; }





.technology-bg-img{ height: 364px; }

.technology-bg-img{ margin: -130px 0 0 0; }





.transport-block-main  { gap:50px;}

.transport-left {width: 340px;}

.transport-right {width: calc(100% - 390px );}

.transport-right .Choose-box{ min-height: 335px; }



.cms-data-block-main{ gap: 60px;}

.defult-page-left {width: 300px;}

.defult-page-right{ width: calc(100% - 360px);}
.Choose-box{ min-height: 470px;}
.Choose-box .Choose-box-sub h3{     font-size: 20px;}
.Choose-box .Choose-box-sub p{ font-size: 13px;   } 
.Choose-box .Choose-box-sub{ padding:20px; }

	
			.step-box .step-box-sub h3{ font-size: 24px; min-height: 140px;;}
.step-box .step-box-sub p{ font-size: 14px; min-height:126px;}
	.step-box .step-box-sub{ padding:18px; }
}

 

@media (min-width: 992px) and (max-width: 1239px) {

	.container{ max-width: 900px; width: 900px; }

    h1 {font-size:40px;line-height: 1.2;}

    h2 {font-size: 36px;line-height: 1.2;}

    h3 {font-size: 32px;line-height: 1.2;}

    h4 {font-size: 24px;line-height: 1.4;}

    h5 {font-size: 20px;line-height: 1.4;}

    h6 {font-size: 18px;line-height: 1.4;}	

    p{ font-size: 15px;}

    .header-top-inner{ min-height: 80px; }

    .contain-wapper{ padding: 80px 0 0 0; }

    .banner-text {width: 490px;}

    .text p,

    .text p a,

    .text ul li,

    .text ol li{ font-size: 15px;}

    

    .p-64{ padding: 24px;}

    .py-64{ padding-top: 24px; padding-bottom: 24px; }

    .pt-64{ padding-top: 24px;}

    .pb-64{ padding-bottom: 24px;}

    .py-112{ padding-top: 76px; padding-bottom: 76px; }

    .pt-112{ padding-top: 76px;}

    .pb-112{ padding-bottom: 76px;}

    .py-160{ padding-top: 100px; padding-bottom: 100px; }

    .pt-160{ padding-top: 100px;}

    .pb-160{ padding-bottom: 100px;}

    .py-56{ padding-top: 38px; padding-bottom: 38px; }

    .pt-56{ padding-top: 38px;}

    .pb-56{ padding-bottom: 38px;}

    .py-80{ padding-top: 36px; padding-bottom: 36px; }

    .pt-80{ padding-top: 36px;}

    .pb-80{ padding-bottom: 36px;}

    .py-40{ padding-top: 40px; padding-bottom: 40px; }

    .pt-40{ padding-top: 40px;}

    .pb-40{ padding-bottom: 40px;}

    .p-48{ padding: 24px;}

    .py-48{ padding-top: 24px; padding-bottom: 24px; }

    .pt-48{ padding-top: 24px;}

    .pb-48{ padding-bottom: 24px;}



    

    .about-data h1{ margin-bottom: 54px; }



    .section-title{ gap: 20px; max-width: 660px; }

    .services-box .img{ min-height: 480px; }

    .cta-data-1{ max-width: 550px; }

    .gallery-slider-block .img{ min-height: 247px; }

    .contact-right-inner{ min-width: 610px; }

    .contact-block-main .contact-right{ width: 404px;}

    .contact-block-main .contact-left{     width: calc(100% - 404px); }

    .contact-block-main .contact-left span{ min-width: calc((100vw - 870px) / 2 + 100% + 0px);}

    .about-block-main .about-left {width: calc(100% - 380px);}

    .about-right{ padding: 0 0 0 62px;  width: 380px;}

    .about-block-main .about-left span{ min-width: calc((100vw - 870px) / 2 + 100% + 0px);}

    .step-box{ min-height: 365px; }

    .step-box .count{ font-size: 160px;     right: -10px;top: -55px;}

    .testi-box .img{ min-height: 180px; }

    .cta-section-2 .cta-data-1{ max-width: 385px; } 

    .step-box .step-box-sub p,

    .services-box-sub p{ font-size: 14px;}

    .f-menu-top ul{ gap: 20px;} 

    .services-box-sub{ gap: 20px;} 



    .header-logo img{ width: 200px;}

    .header-right,

    .main-nav>ul{ gap: 20px;}

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

    .about-right{ padding-left: 36px; }

    .testi-box{ gap: 16px;}

    .f-logo img{ width: 200px;}





    .inner-banner .banner-bg{ min-height: 450px; }

    .home-about-outer.about-sec-1 .about-right{ padding: 0 36px 0 0; }

    .cta-section-2.version-2 .cta-data-1{ max-width: 475px; }

    .Choose-box{ min-height: 380px; }

 

.brand-list ul{ gap: 2px;}

.brand-list ul li{ width: 115px;}

.team-box .team-img {width: 180px; min-width: 180px;}

.team-box{ gap: 24px;}

.team-listing .row{ margin: 0 -24px !important; row-gap: 48px; }

.team-listing .row>*{ padding: 0 32px !important; }

.Choose-box .Choose-box-sub{ padding: 30px; }

.team-box-sub .text p,

.Choose-box .Choose-box-sub p{ font-size: 14px;}

.brand-list ul li span img{ max-width: 100px; }



.contact-map-block .contact-map .map-blk{ height: 450px;  min-width: calc((100vw - 870px) / 2 + 100% + 0px); }

.contact-map-block{ gap: 62px;}

.contact-map-block .contact-left {width: 320px;}

.contact-map-block .contact-map {width: calc(100% - 320px);}

.contact-box{ min-height: 350px; }

.faq-listing{ max-width: 800px; }

.faq-listing .accordion-item .accordion-header button{ min-height: 64px; }

.faq-listing .accordion-item{ padding: 20px; }

.contact-box{ padding: 24px; }



.contact-box .icon img{ max-width: 30px; max-height: 30px; }

.contact-box .icon{ width: 36px; height: 36px;}



.technology-bg-img{ height: 364px; }

.technology-bg-img{ margin: -130px 0 0 0; }

.Choose-box .Choose-box-sub h3{ font-size: 26px;}





.transport-block-main  { gap:50px;}

.transport-left {width: 340px;}

.transport-right {width: calc(100% - 390px );}

.transport-right .Choose-box{ min-height: 335px; }





.cms-data-block-main{ gap: 40px;}

.defult-page-left {width: 260px;}

.defult-page-right{ width: calc(100% - 300px);}



.Choose-box{ min-height: 380px;}
.Choose-box .Choose-box-sub h3{   font-size: 20px;}
.Choose-box .Choose-box-sub p{ font-size: 13px;   } 
.Choose-box .Choose-box-sub{ padding:20px; }
	.Choose-listing .row{ row-gap:30px; }
	.Choose-listing .row>*{ width:50%}
	
				.step-box .step-box-sub h3{ font-size: 24px; min-height: 82px;;}
.step-box .step-box-sub p{ font-size: 14px; min-height:64px;}
	.step-box .step-box-sub{ padding:18px; }
	.step-listing .row{ row-gap:30px; }
	.step-listing .row>*{ width:50%}

}

@media (min-width: 768px) and (max-width: 991px) {

	.container{ max-width: 700px; width: 700px; }

    h1 {font-size:40px;line-height: 1.2;}

    h2 {font-size: 36px;line-height: 1.2;}

    h3 {font-size: 32px;line-height: 1.2;}

    h4 {font-size: 24px;line-height: 1.4;}

    h5 {font-size: 20px;line-height: 1.4;}

    h6 {font-size: 18px;line-height: 1.4;}	

    p{ font-size: 15px;}

    .header-top-inner{ min-height: 80px; }

    .contain-wapper{ padding: 80px 0 0 0; }

    .banner-text {width: 490px;}

    .text p,

    .text p a,

    .text ul li,

    .text ol li{ font-size: 15px;}

    

    .p-64{ padding: 24px;}

    .py-64{ padding-top: 24px; padding-bottom: 24px; }

    .pt-64{ padding-top: 24px;}

    .pb-64{ padding-bottom: 24px;}

    .py-112{ padding-top: 76px; padding-bottom: 76px; }

    .pt-112{ padding-top: 76px;}

    .pb-112{ padding-bottom: 76px;}

    .py-160{ padding-top: 100px; padding-bottom: 100px; }

    .pt-160{ padding-top: 100px;}

    .pb-160{ padding-bottom: 100px;}

    .py-56{ padding-top: 38px; padding-bottom: 38px; }

    .pt-56{ padding-top: 38px;}

    .pb-56{ padding-bottom: 38px;}

    .py-80{ padding-top: 36px; padding-bottom: 36px; }

    .pt-80{ padding-top: 36px;}

    .pb-80{ padding-bottom: 36px;}

    .py-40{ padding-top: 40px; padding-bottom: 40px; }

    .pt-40{ padding-top: 40px;}

    .pb-40{ padding-bottom: 40px;}

    .p-48{ padding: 24px;}

    .py-48{ padding-top: 24px; padding-bottom: 24px; }

    .pt-48{ padding-top: 24px;}

    .pb-48{ padding-bottom: 24px;}



    

    .about-data h1{ margin-bottom: 54px; }



    .section-title{ gap: 20px; max-width: 660px; }

    .services-box .img{ min-height: 480px; }

    .cta-data-1{ max-width: 450px; }

    .gallery-slider-block .img{ min-height: 247px; }

    .contact-right-inner{ min-width: 100%; }

    .contact-block-main .contact-right{ width:100%;}

    .contact-block-main .contact-left{     width: 100%; }

    .contact-block-main .contact-left span{ min-width: 100%;}

    .about-block-main .about-left {width: calc(100% - 380px);}

    .about-right{ padding: 0 0 0 62px;  width: 380px;}

    .about-block-main .about-left span{ min-width: calc((100vw - 870px) / 2 + 100% + 0px);}

    .step-box{ min-height: 365px; }

    .step-box .count{ font-size: 160px;     right: -10px;top: -55px;}

    .testi-box .img{ min-height: 180px; }

    .cta-section-2 .cta-data-1{ max-width: 385px; } 

    .step-box .step-box-sub p,

    .services-box-sub p{ font-size: 14px;}

    .f-menu-top ul{ gap: 20px;} 

    .services-box-sub{ gap: 20px;} 



    .header-logo img{ width: 200px;}

    .header-right,

    .main-nav>ul{ gap: 20px;}

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

    .about-right{ padding-left: 36px; }

    .testi-box{ gap: 16px;} 



    .about-block-main{ flex-direction: column-reverse;}

    .about-right{ padding-left: 0;  width: 100%;}

    .about-data h1{ margin-left: 0; }

    .about-block-main .about-left{width: 100%; }

    .about-block-main .about-left span{ width: 100%; min-width: 100%;}

    .about-block-main .about-left span img{ position: relative; width: 100%;  height: auto; }

    .services-listing .col-md-4{ width: 50%;}

    .step-listing .row{ row-gap: 20px; }

    .step-listing .row>*{ width: 50%;}

    .contact-block-main {flex-direction: column-reverse;}

    .contact-block-main .contact-left span img,

    .contact-block-main .contact-left span{ position: relative; height: auto; }





    .inner-banner .banner-bg{ min-height: 450px; }

    .home-about-outer.about-sec-1 .about-block-main{ flex-direction: column-reverse;}

    .home-about-outer.about-sec-1 .about-right{ padding: 0; }

    .cta-section-2.version-2 .cta-data-1{ max-width: 473px; }



    .Choose-box{ min-height: 380px; }


    .brand-list ul{ gap: 20px;}

    .brand-list ul li{ width: 115px;}

    .team-box .team-img {width: 180px; min-width: 180px;}

    .team-box{ gap: 24px;}

    .team-listing .row{ margin: 0 -24px !important; row-gap: 48px; }

    .team-listing .row>*{ width: 100%; padding: 0 32px !important; }

    .Choose-box .Choose-box-sub{ padding: 30px; }

    .team-box-sub .text p,

    .Choose-box .Choose-box-sub p{ font-size: 14px;}

    .brand-list ul li span img{ max-width: 100px; }

    .Choose-listing .row{ row-gap: 20px;}

    .Choose-listing .row>*{ width: 50%;}

    .contact-block-main{   }

    .contact-block-main .contact-right{ position: relative; z-index: 2; }

    .contact-block-main .contact-left{ width: calc(100% + 40px); position: absolute; left: 0; bottom: 0; margin: 0 -20px;}

    .contact-section{ position: relative; }

    .contact-section .container{ position: static; }



    .contact-map-block .contact-map .map-blk{ height: 450px;  min-width: calc((100vw - 870px) / 2 + 100% + 0px); }

.contact-map-block{ gap: 62px;}

.contact-map-block .contact-left {width: 100%;}

.contact-map-block .contact-map {width: 100vw;}

.contact-box{ min-height: 350px; }

.faq-listing{ max-width: 800px; }

.faq-listing .accordion-item .accordion-header button{ min-height: 64px; }

.faq-listing .accordion-item{ padding: 20px; }

.contact-box{ padding: 24px; }



.contact-box .icon img{ max-width: 30px; max-height: 30px; }

.contact-box .icon{ width: 36px; height: 36px;}

.contact-map-block{ padding-top: 64px; gap: 48px; flex-direction: column;} 

.contact-box-listing .row{ row-gap: 20px;}

.contact-box-listing .row >*{ width: 100%;}



.technology-bg-img{ height: 364px; }

.technology-bg-img{ margin: -130px 0 0 0; }

.Choose-box .Choose-box-sub h3{ font-size: 26px;}

.technology-block {flex-direction: column;}

.technology-block .technology-top-left{ width: 100%; padding: 0 0 20px;  }

.technology-block .technology-top-right{ width: 100%;}





.transport-block-main  { flex-direction: column; gap:48px;}

.transport-left {width:100%;}

.transport-right {width: 100%;}

.transport-right .Choose-box{ min-height: 335px; }



.cms-data-block-main{ gap: 48px; flex-direction: column;}

.defult-page-left {width: 100%;}

.defult-page-right{ width: 100%;}

	
	.Choose-box{ min-height: 380px;}
.Choose-box .Choose-box-sub h3{   font-size: 20px;}
.Choose-box .Choose-box-sub p{ font-size: 13px;   } 
.Choose-box .Choose-box-sub{ padding:20px; }
	.Choose-listing .row{ row-gap:30px; }
	.Choose-listing .row>*{ width:50%}
	
					.step-box .step-box-sub h3{ font-size: 24px; min-height: 82px;;}
.step-box .step-box-sub p{ font-size: 14px; min-height:84px;}
	.step-box .step-box-sub{ padding:18px; }
	.step-listing .row{ row-gap:30px; }
	.step-listing .row>*{ width:50%}
} 

@media (max-width: 992px) {

    .footer-top{ gap: 32px; padding: 48px 0; flex-direction: column; align-items: center; justify-content: center; }

    .f-logo img{ width: 174px;}

    .f-menu-top ul{ flex-direction: column; gap: 24px;}

    .footer-bottom{ flex-direction: column; gap: 32px; padding: 24px 0 64px; }
    .f-link-bot{ order: 1; }
    .footer-bottom .copyright{ order: 2; }
    .footer-bottom .copyright.proudly-text{ margin: 0; order: 3; } 
    .f-link-bot ul{ flex-direction: column; gap: 16px;}

    .header-top-inner{ min-height: 56px; }

    .contain-wapper{ padding: 56px 0 0 0; }

    .menu-icon{ display: flex; position: relative; right: 0px; margin: 0px 0 0 0; top: 0; }

	.menu-icon a{ width: 56px; height: 56px; display: flex; align-items: center;  justify-content: center;}

.menu-icon a .line-main{ flex-direction: column; gap: 5px;    width: 20px; min-height: 12px; display: flex; position: relative; }

.menu-icon a .line-main i{  position: relative; transition: transform 250ms cubic-bezier(.2,.6,.3,1),width 250ms cubic-bezier(.2,.6,.3,1); width: 100%; height: 2px; border-radius: 4px; background: var(--black);  }

.menu-icon a.active .line-main i.line-2{ opacity: 0; }

.menu-icon a.active .line-main i.line-1{ transform: rotate(45deg); top: 7px; }

.menu-icon a.active .line-main i.line-3{ transform: rotate(-45deg); top: -7px; }

.mobile-header{ width: 100%; justify-content: space-between; display: flex;}

.header-top-inner{ transition: all 0.3s ease-in-out; transform: translateX(-100%); display: flex; height: 100vh;  position: absolute; left: 0; top: 100%; background: var(--white); flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 40px 20px; }

.mobile-header .header-logo{ position: relative; left: auto; top: auto; transform: none; }

.mobile-header .header-logo img{ width: 148px;  transform: scale(1.3);
    transform-origin: left center;}
.header-top{ min-height: 56px; }

body.active-menu{ overflow: hidden; }

.header-wapper .container{ width: 100%; max-width: 100%; position: static; }

.header-wapper{ position: relative; display: block; width: 100%; }

.header-top-inner .header-logo{ display: none; padding: 0 0 32px; position: relative; left: auto; top: auto; transform: none; }

.header-top-inner .header-logo img{ width: 194px;}

.header-right,

.header-left{ width: 100%; }

.main-nav>ul{ flex-direction:  column; gap: 24px; align-items: flex-start; justify-content: flex-start;}

.header-right{ padding: 24px 0 0 0;  flex-direction: column ;gap: 24px; align-items: flex-start; justify-content: flex-start;}

.h-btn{ width: 100%;}

.h-btn a{ width: 100%; background: var(--black); justify-content: center;}

.header-top-inner.active{ transform: none; }

.main-nav>ul>li>a{ font-size: 16px;}

.main-nav>ul>li{ padding: 0; }

.main-nav{ width: 100%;}

.main-nav>ul>li { width: 100%; position: relative;} 

.main-nav>ul>li .icon{content: ''; transition: all 0.3s ease-in-out; position: absolute; right: 0; top: -10px; margin: 0px 0 0 0; width: 16px; height:12px; background: url(../images/menu-arrow.svg) no-repeat center center; transform: rotate(180deg); background-size: 16px auto;  width: 40px; height: 40px; } 

.main-nav>ul>li ul{ display: none; position: relative; width: 100%; height: auto;}

.main-nav>ul>li{ flex-direction: column;}

.main-nav>ul>li.active .icon{ transform: rotate(0deg); }

 }

@media (max-width: 767px) {

    .container{ max-width: 100%; width:100%; padding: 0 20px; }

h1 {font-size:40px;line-height: 1.2;}

h2 {font-size: 36px;line-height: 1.2;}

h3 {font-size: 32px;line-height: 1.2;}

h4 {font-size: 24px;line-height: 1.4;}

h5 {font-size: 20px;line-height: 1.4;}

h6 {font-size: 18px;line-height: 1.4;}	



.home-banner .banner-bg{  height: auto; min-height: 647px; }

.banner-caption{ top: auto; bottom: 64px; transform: none; }

.home-banner{ background: var(--black); }

.home-banner .banner-bg span{ opacity: 0.6; }

.banner-text{ max-width: 100%; }

.banner-text h1{ padding: 0 0 20px; }

.banner-text .button-set{ padding: 24px 0 0 0; }



.p-64{ padding: 24px;}

    .py-64{ padding-top: 24px; padding-bottom: 24px; }

    .pt-64{ padding-top: 24px;}

    .pb-64{ padding-bottom: 24px;}

    .py-112{ padding-top: 64px; padding-bottom: 64px; }

    .pt-112{ padding-top: 64px;}

    .pb-112{ padding-bottom: 64px;}

    .py-160{ padding-top: 64px; padding-bottom: 64px; }

    .pt-160{ padding-top: 64px;}

    .pb-160{ padding-bottom: 64px;}

    .py-56{ padding-top: 24px; padding-bottom: 24px; }

    .pt-56{ padding-top: 24px;}

    .pb-56{ padding-bottom: 24px;}

    .py-80{ padding-top: 48px; padding-bottom: 48px; }

    .pt-80{ padding-top: 48px;}

    .pb-80{ padding-bottom: 48px;}

    .py-40{ padding-top: 40px; padding-bottom: 40px; }

    .pt-40{ padding-top: 40px;}

    .pb-40{ padding-bottom: 40px;}

    .p-48{ padding: 24px;}

    .py-48{ padding-top: 24px; padding-bottom: 24px; }

    .pt-48{ padding-top: 24px;}

    .pb-48{ padding-bottom: 24px;}

    .about-right{ padding: 0; }

    .about-data h1{ margin: 0; padding:   0  0 20px; }

    p,

    .text p,

    .text p a,

    .text ul li,

    .text ol li{ font-size: 16px;}

    .about-right{ width: 100%;}

    .about-block-main{ flex-direction: column-reverse;}

    .about-block-main .about-left span{ width: 100%; height: auto;}

    .about-block-main .about-left{ margin: 0 -20px; width: calc(100% + 40px);}

  

    .about-block-main .about-left span img {width: 100%; height: auto; position: relative;}

    .section-title{ gap: 12px;}

    .section-title h2{ padding: 0 0 8px; }

    .services-box .img{ min-height: 568px; }

    .services-box-sub{ gap: 20px;}

    .services-box-sub .white-btn{ padding: 4px 0 0 0; }

    .quote-block .quote-bg span.desktop-show,

    .cta-section-2 .cta-bg span.desktop-show,

    .cta-section-1 .cta-bg span.desktop-show,

    .home-banner .banner-bg span.desktop-bg{ display: none;}

    .cta-section-1 .cta-bg span.desktop-show,

    .quote-block .quote-bg span.mobile-show,

    .cta-section-2 .cta-bg span.mobile-show,

    .home-banner .banner-bg span.mobile-show{ display: block;}

    .cta-data-1{ max-width: 100%;   align-items: flex-start; justify-content: flex-end; }

    .cta-section-1{ min-height: 630px; display: flex; align-items: flex-end; }

    .cta-section-1 .cta-bg span.mobile-show{ background-position: 80% top; } 

    .cta-data-1 {gap: 20px;}

    .cta-data-1 .white-btn{ padding: 4px 0 0 0; }

    .step-listing .row{ row-gap: 20px; }

    .step-box{ min-height: 400px; }

    .step-box .step-box-sub{ padding: 24px; }

    .step-box .count{ right: -57px;}

    .quote-block{ display: flex ;align-items: flex-end; min-height: 508px; }

    .quote-text{ max-width: 100%; width: 100%; gap: 20px;}

    .quote-text .white-btn{ padding: 4px 0 0 0; }

    .testi-box .img{  height: auto; min-height: 0; }

    .testi-box .img img{ height: auto;  position: relative; width: 100%; }

    .testi-slider-block .slick-slider{ padding: 0 0 72px; }

    .testi-box{ background: var(--black); }

.testi-box>*{ color: var(--white);}

.gallery-slider-block .img{ min-height: 0; padding: 100% 0 0 0; }

.gallery-slider-block .slick-slide {margin: 0 12px;}

.gallery-slider-block .slick-list {margin: 0 -12px;}

.gallery-slider-block .slick-slider{ padding: 0 0 48px; }

.gallery-slider-block .slick-arrow,

.gallery-slider-block .slick-arrow.slick-prev{ display: none;}

.cta-section-2{ min-height: 630px; display: flex ;align-items: flex-end; }

.cta-section-2 .cta-data-1{max-width: 100%; width: 100%; gap: 20px;}

.cta-section-2 .cta-data-1 .button-set{ padding: 4px 0 0 0; }

.contact-block-main{ flex-direction: column; position: relative;}

.contact-block-main .contact-right{ position: relative; z-index: 10; width: 100%;}

.contact-right-inner{ width: 100%; min-width: 100%;}

.contact-block-main .contact-left{  position: absolute; left: 0; bottom: 0; width: calc(100% + 40px); margin: 0 -20px; max-width: calc(100% + 40px); }

.contact-block-main .contact-left span{ width: 100%; min-width: 100%; height: auto; position: relative;} 

.contact-block-main .contact-left span img{ position: relative; height: auto; }

.contact-right-inner{ padding: 64px 24px; }

.submit-row{ padding: 18px 0 0 0; width: 100%;}

.submit-row button{ width: 100%; justify-content: center;}

.home-banner .banner-bg span.mobile-bg{ display: block;}







.inner-banner .banner-bg{ min-height: 647px; }

.home-about-outer.about-sec-1 .about-block-main{ flex-direction: column-reverse;}

    .home-about-outer.about-sec-1 .about-right{ padding: 0; }



    .Choose-box{         display: flex;align-items: flex-end; min-height: 392px; }

    

    .brand-list ul{ gap: 16px; flex-wrap: nowrap; align-items: center; justify-content: flex-start;}

    .brand-list{ justify-content: flex-start;}

    .brand-list ul li{ width: 160px;}

    .team-box .team-img {width: 180px; min-width: 180px;}

    .team-box{ gap: 48px;}

    .team-listing .row{ margin: 0 -24px !important; row-gap: 48px; }

    .team-listing .row>*{ width: 100%; padding: 0 32px !important; }

    .Choose-box .Choose-box-sub{ padding: 30px; }

    .team-box-sub .text p,

    .Choose-box .Choose-box-sub p{ font-size: 16px;}

    .brand-list ul li span img{ max-width: 100px; }

    .Choose-listing .row{ row-gap: 20px;}

    .Choose-box .p-64 { padding: 24px;}

    .services-slider-block  .slick-slide {width: 270px;}

    .services-slider-block .slick-slider{ padding: 0 0 72px; }

    .services-slider-block .slick-slider .slick-dots{ left: 0; right: auto; }

    .services-slider-block .slick-slider .slick-arrow{ right: 0; left: auto;}

    .services-slider-block .slick-slider .slick-arrow.slick-prev{ right: 64px; left: auto; }

    .services-slider-block .slick-slide {margin: 0 6px;}

.services-slider-block .slick-list {margin: 0 -6px;}

.brand-list ul li span img{ max-width: 134px; }

.our-client-section h3{ font-size: 32px; padding: 0 0 48px;}

.brand-list ul {

    -moz-scroll-snap-type: x mandatory;

    scroll-snap-type: x mandatory;

    -webkit-scroll-behavior: smooth;

    -moz-scroll-behavior: smooth;

    scroll-behavior: smooth;

    overflow: hidden;

    overflow-x: auto;

    gap: 24px;

    row-gap: 0;

    width: calc(100% + 40px); margin: 0 -20px; padding: 0 16px;

}

.brand-list ul::-webkit-scrollbar { display: none;}

.brand-list ul::-webkit-scrollbar-thumb{ display:none}

.team-box{ flex-direction: column; justify-content: center; width: 100%; text-align: center;}



.cta-section-2.version-2{ min-height: 850px; align-items: flex-start; }

.cta-section-2.version-2   .cta-bg span { background-position: 25%  top; }





.contact-map-block .contact-map .map-blk{ height:320px;  min-width: 100vw }

.contact-map-block{ gap: 62px;}

.contact-map-block .contact-left {width: 100%;}

.contact-map-block .contact-map {width: 100vw;}

.contact-box{ min-height: 346px; }

.faq-listing{ max-width: 800px; }

.faq-listing .accordion-item .accordion-header button{ min-height: 64px; }

.faq-listing .accordion-item{ padding: 20px; }

.contact-box{ padding: 24px; }



.contact-box .icon img{ max-width: 30px; max-height: 30px; }

.contact-box .icon{ width: 36px; height: 36px;}

.contact-map-block{ padding-top: 64px; gap: 48px; flex-direction: column;} 

.contact-box-listing .row{ row-gap: 20px;}

.contact-box-listing .row >*{ width: 100%;}

.contact-left h2{ padding: 0 0 20px; }

.faq-listing .accordion-item .accordion-header button{ padding-right: 40px; }

.inner-banner .banner-bg span.desktop-bg{ display: none;}

.inner-banner .banner-bg span.mobile-bg{ display: block;}



.technology-bg-img{ height: 560px; }

.technology-bg-img{ margin: 00px 0 0 0; }

 

.technology-block {flex-direction: column;}

.technology-block .technology-top-left{ width: 100%; padding: 0 0 20px;  }

.technology-block .technology-top-right{ width: 100%;}

.technology-section{ padding:64px 0 48px 0; position: relative; }

.technology-bg-img{ position: absolute; left: 0; bottom: 0; width: 100%; }

.technology-bg-img img{ height: 100%; max-height: 100%; }



.transport-block-main  { flex-direction: column; gap:48px;}

.transport-left {width:100%;}

.transport-right {width: 100%;}

.transport-right .Choose-box{ min-height: 400px; }

.cta-section-1 .cta-bg span.desktop-show{ display: none;}

.cta-section-1 .cta-bg span.mobile-show{ display: block;}



.cms-data-block-main{ gap: 48px; flex-direction: column;}

.defult-page-left {width: 100%;}

.defult-page-right{ width: 100%;}



.testi-listing .testi-box{ background: #F5F5F5; }

.testi-listing .testi-box>*{ color: var(--black);}
.footer-bottom .copyright.proudly-text{ margin: 0; }
.white-border-btn a,
.white-btn a{ padding: 0 20px; }
 	.Choose-box .Choose-box-sub{ padding:30px; position:relative; }	
	
	
	 
.Choose-box .Choose-box-sub h3{     font-size: 20px;}
.Choose-box .Choose-box-sub p{ font-size: 13px;  } 
.Choose-box .Choose-box-sub{ padding:20px; }
	.Choose-listing .row{ row-gap:30px; }
    .services-slider-block{ width: calc(100% + 16px);}
	  .services-slider-block .slick-slider .slick-arrow.slick-prev{ right: 74px;}
    .services-slider-block .slick-slider .slick-arrow{ right: 10px;}
	
						.step-box .step-box-sub h3{ font-size: 24px; min-height: 0px;;}
.step-box .step-box-sub p{ font-size: 14px; min-height:0px;}
	.step-box .step-box-sub{ padding:18px; }
	.Choose-box{ flex-direction:column;}
	.Choose-box .p-64{ padding:0px; }
	
	.Choose-box .Choose-box-sub h3{  height:auto !important; font-size: 24px;  }
.Choose-box .Choose-box-sub p{ height:auto  !important; }
}





@media (min-width: 568px) and (max-width: 767px) {

}

@media (min-width: 240px) and (max-width: 567px) {

}