@media (min-width: 2000px) and (max-width: 2900px) {
	.banner-img-outer{ top: 250px; }
	.banner-img-sub span img{ width: 350px; max-width: 350px;}
}

@media (min-width: 1701px) and (max-width: 2000px) {
	.banner-img-outer{ top: 170px; }
	.banner-wapper{ min-height: calc(100vh - 250px); }
	.banner-img-sub span img{ width: 190px; max-width: 190px;}
	.brand-logo ul li img{ max-height: 80px; }
}
@media (min-width: 1401px) and (max-width: 1700px) {
	.banner-img-outer{ top: 120px; }
	.banner-wapper{ min-height: calc(100vh - 200px); }
	.banner-img-sub span img{ width: 190px; max-width: 190px;}
	.brand-logo ul li img{ max-height: 80px; }
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.banner-img-outer{ top: 120px; }
	.banner-wapper{ min-height: calc(100vh - 130px); }
	.banner-img-sub span img{ width: 160px; max-width: 160px;}
	.brand-logo ul li img{ max-height: 80px; }
	.brand-logo{ padding: 32px 0 0 0; }
}
@media (min-width: 1601px) and (max-width: 1700px) {
.header-top{ min-height: 102px; }
.header-top .logo a img{ max-height: 48px; }
.header-right .main-nav ul li a{ font-size: 15px;}
.blue-btn a{ height: 40px; padding: 0 14px; font-size: 15px; }
.blue-btn a i img{ width: 22px;}
.banner-wapper{ padding: 224px 0 0 0; }
.banner-img-outer{ top: 160px; }
.banner-img-sub{ gap: 45px; }
.banner-img-sub span img{ max-width:182px;}
.py-60{ padding: 48px 0; }
.section-title h2{ font-size: 32px;}
.brand-logo ul li img{ max-height: 60px; max-width: 290px; }
p{ font-size: 15px;}
.section-title p{ font-size: 15px; padding: 13px 0 0 0; }
.how-it-bg{ height: 333px; }
.how-it-list{ padding: 48px 0 0 0; }
.how-it-list .row{ margin: 0 -9px !important; }
.how-it-list .row >*{ padding: 0 9px !important; }
.how-it-box{ padding: 80px 26px 26px; min-height: 333px; }
.how-it-box .count{ font-size: 80px;}
.how-it-box .icon{ margin: 0 0 16px; min-height: 94px; }
.how-it-box .icon img{ max-height: 94px; }
.how-it-box h5{ font-size: 22px;}
.how-it-box p{ font-size: 15px;}
.how-it-logo img,
.story-block .story-logo img{ max-height: 48px; }
.how-it-data{ padding: 35px 0 0 0; }
.how-it-data .how-it-data-left .text-1{ font-size: 18px;}
.how-it-data .how-it-data-left .text-2,
.how-it-data .how-it-data-left ul li{ font-size: 16px;}
.how-it-data .how-it-data-left ul{ padding: 24px 0 0 0; }
.how-it-data .how-it-data-left ul li span::before{ width: 22px; height: 22px; background-size: cover;}
.cta-block-main .blue-block .round-1, .cta-block-main .blue-block .round-2{ width: 305px; height: 305px;}
.cta-block-main .blue-block .round-1{ bottom: 0; top: auto;  left: -55px;}
.cta-outer-version-1 .car-left{ bottom: 55px; left: -242px; }
.cta-outer-version-1 .car-left img{ max-width: 761px; }
.cta-outer-version-1 .car-right img{ width: 805px;}
.cta-outer-version-1 .car-right{ right: -157px;}
.cta-outer-version-1{ padding: 48px 0 136px; }
.cta-block-main .blue-block .round-2{ top: auto; bottom: 35px;  right: -66px;}
.white-btn{ padding: 34px 0 0 0; }
.white-btn a{  height: 40px; padding: 0 14px; font-size: 16px; }
.white-btn a i img{ width: 22px;}
.why-choose-outer{ padding-bottom: 0; }
.story-block .story-logo{ padding: 0 0 35px; }
.cms-data h3 {font-size: 32px;}
.cms-data p,
.cms-data  ol li,
.cms-data  ul li{ font-size: 16px;}
.car-block-main{ margin: 60px 0 -158px 0; }
.car-block-inner .car-img img{ max-width: 1008px; }
.car-point-block ul li .doat span{ height: 36px; width: 36px; }
.car-point-block ul li.doat-1{ left:45px; top: 106px; }
.car-point-block ul li.doat-2{ left: 234px; top: 184px; }
.car-point-block ul li.doat-3{ left:545px; top: 262px; }
.car-point-block ul li.doat-4{ left:auto; right: 180px; top: 195px;  }
.car-point-block ul li.doat-5{ left: auto; right: 97px; top: 153px;}
.car-point-block ul li .hide-block{ width: 388px; padding: 22px;}
.car-point-block ul li .hide-block h6{ padding:  0 0 8px; font-size: 18px;}
.home-section-5{ padding-top: 185px; }
.payment-box{ padding: 18px 22px; }
.payment-box .icon span{ width: 54px; height: 54px;}
.payment-box .icon span img{ max-width: 44px; max-height: 44px; }
.payment-box h5{ font-size: 22px; padding: 0 0 8px;}
.payment-box .icon{ padding: 0 0 18px; }

.services-block{ padding: 35px 0 0 0; }
.services-left .accordion-item .accordion-header .accordion-button {font-size: 22px;}
.services-block .services-left{ width: 666px;}
.services-right{ width: calc(100% - 666px - 36px );}
.partner-block{ padding: 48px 9% 0; }
.counter-box .icon span{ height: 74px;  width: 74px; }
.counter-box .icon span img{ max-height: 54px; max-width: 54px; }
.counter-box .icon{ padding: 0 0 13px; }
.counter-box .count-text {font-size: 32px;}
.cta-outer-version-2{ padding-bottom: 136px; }
.cta-outer-version-2 .car-right{ width: 560px; right: -24px;}
.cta-outer-version-2 .car-right img{ width: 100%;}
.gallery-block{ padding: 25px 0 0 0; }
.review-block{ padding: 48px 0 88px 0; }
.review-box{ padding: 22px;  }
.review-box .review-top .avtar-img span{ width: 54px; width: 54px;}
.review-box .review-top .avtar-img{ margin: 0 13px 0 0; }
.review-box .review-top .name h6{ font-size: 18px; padding: 0 0 8px;}
.review-box .review-top .name .photo-text,
.review-box .review-rating .star-text {font-size: 15px;}
.review-box .review-top{ padding:  0 0 18px; }
.review-box .review-text p{ padding: 11px 0 0 0; font-size: 15px;}
 
.review-box .review-rating .star span {width: 26px; height: 26px;}
.faq-outer .services-left .accordion-item .accordion-header .accordion-button{ min-height: 54px; }
 
.f-logo img{ max-height: 97px; }
 
.f-text{ padding: 0 0 35px; }
.footer-left h6{ padding: 0 0 18px; font-size: 17px;}
.f-social ul li a{ width: 48px; height: 48px;}
.f-social ul li a img{ max-width: 20px; }
.f-social ul{gap: 18px; }
.f-ct-col i{ margin:  0 8px 0 0; }
.f-ct-col i img{ width: 20px;}
.f-contact-data{ padding: 35px 0 0 0; }
.f-ct-col{ font-size: 15px;}
.f-ct-col + .f-ct-col{ margin-left:  35px; }
.footer-left{ max-width: 622px; }
.footer-right{ gap: 193px; }
.footer-right h5 {font-size: 17px;}
.footer-right .f-links ul { margin: 26px 0 0 0; }
.footer-right .f-links ul li a {font-size: 16px;}
 
.copyright{ font-size: 15px; padding: 25px 0;}
.banner-wapper .banner-img{ bottom: 40px; }
.banner-wapper .banner-img img{ max-width: 700px; }


.contact-left {width: 587px;}
.home-contact-outer .section-title.left-align h2{ font-size: 44px;}
.home-contact-outer .section-title.left-align p{ font-size: 20px;}
.home-contact-outer .f-social{ padding: 44px 0 0 0; }
.contact-right{ width: 624px;}
.ct-form{ padding: 8px 32px 32px; }
.input-box{  padding: 24px 0 0 0; }
.input-box .input-title{ padding: 0 0 12px; font-size: 14px; }
.input-box .input-text{ height: 40px; padding: 0 12px; font-size: 14px;  }
.input-box textarea.input-text{ height: 200px; }
.checkbox-row label    span.wpcf7-list-item-label::before,
.checkbox-row label    span.wpcf7-list-item-label::after{ height: 20px; width: 20px; }
.checkbox-row label    span.wpcf7-list-item-label{ padding: 0 0 0 32px;  line-height: 20px; font-size: 14px;}
.submit-row button{ height: 40px; }
}

@media (min-width: 1301px) and (max-width: 1600px) {
	.header-top{ min-height:92px; }
	.header-top .logo a img{ max-height: 44px; }
	.header-right .main-nav ul li a{ font-size: 14px;}
	.blue-btn a{ height: 36px; padding: 0 12px; font-size: 14px; }
	.blue-btn a i img{ width: 20px;}
	.banner-wapper{ padding: 202px 0 0 0; }
 
.banner-img-sub{ gap: 45px; }
.banner-img-sub span img{ max-width:182px;}
.banner-wapper .banner-img{ bottom: 40px; }
.banner-wapper .banner-img img{ max-width: 700px; }
	.py-60{ padding: 44px 0; }
	.section-title h2{ font-size: 28px;}
	.brand-logo{ padding: 44px 0 0 0; }
	.brand-logo ul li img{ max-height:55px; max-width: 257px; }
	p{ font-size: 14px;}
	
	.section-title p{ padding: 12px 0 0 0;  font-size: 14px;}
	.how-it-bg{ height: 300px; }
	.how-it-list{ padding: 44px 0 0 0; }
	.how-it-list .row{ margin: 0 -8px !important; }
	.how-it-list .row >*{ padding: 0 8px !important; }
	.how-it-box{ padding: 73px 24px 24px; min-height: 300px; }
	.how-it-box .count{ font-size: 70px;}
	.how-it-box .icon{ margin: 0 0 16px; min-height: 84px; }
	.how-it-box .icon img{ max-height: 84px; }
	.how-it-box h5{ padding: 0 0 8px; font-size: 20px;}
	.how-it-box p{ font-size: 14px;}
	.how-it-logo img,
	.story-block .story-logo img{ max-height: 44px; }
	.how-it-data{ padding: 32px 0 0 0; }
	.how-it-data .how-it-data-left .text-1{ font-size: 16px;}
	.how-it-data .how-it-data-left .text-2,
	.how-it-data .how-it-data-left ul li{ font-size: 14px;}
	.how-it-data .how-it-data-left ul{ padding: 24px 0 0 0; }
	.how-it-data .how-it-data-left ul li span::before{ margin: 0 6px 0 0; width: 20px; height: 20px; background-size: cover;}
	.cta-block-main .blue-block .round-1, 
	.cta-block-main .blue-block .round-2{ width: 275px; height: 275px;}
	.cta-block-main .blue-block .round-1{ bottom: 0; top: auto;  left: -50px;}
	.cta-outer-version-1 .car-left{ bottom: 50px; left: -218px; }
	.cta-outer-version-1 .car-left img{ max-width: 685px; }
	.cta-outer-version-1 .car-right img{ width: 725px;}
	.cta-outer-version-1 .car-right{ right: -141px;}
	.cta-outer-version-1{ padding: 48px 0 123px; }
	.cta-block-main .blue-block .round-2{ top: auto; bottom: 30px;  right: -60px;}
	.white-btn{ padding: 32px 0 0 0; }
	.white-btn a{  height: 36px; padding: 0 14px; font-size: 14px; }
	.white-btn a i img{ width: 22px;}
	.why-choose-outer{ padding-bottom: 0; }
	.story-block .story-logo{ padding: 0 0 32px; }
	.cms-data h3 {font-size: 28px;}
	.cms-data p,
	.cms-data  ol li,
	.cms-data  ul li{ font-size: 14px;}
	.story-block .row{ margin:  0 -22px !important; align-items: center; }
.story-block .row > *{ padding: 0 22px !important;}
	.car-block-main{ margin: 54px 0 -143px 0; }
	.car-block-inner .car-img img{ max-width: 907px; }
	.car-point-block ul li .doat span{ height: 32px; width: 32px; border: var(--white) solid 8px; }
	.car-point-block ul li.doat-1{ left:41px; top: 96px; }
	.car-point-block ul li.doat-2{ left: 211px; top: 166px; }
	.car-point-block ul li.doat-3{ left:491px; top: 236px; }
	.car-point-block ul li.doat-4{ left:auto; right: 162px; top: 176px;  }
	.car-point-block ul li.doat-5{ left: auto; right: 97px; top: 153px;}
	.car-point-block ul li .hide-block{ width: 350px; padding: 20px;}
	.car-point-block ul li .hide-block h6{ padding:  0 0 8px; font-size: 16px;}
	.home-section-5{ padding-top: 167px; }
	.payment-box{ padding: 16px 20px; }
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-box .icon span{ width: 48px; height: 48px;}
	.payment-box .icon span img{ max-width: 36px; max-height: 36px; }
	.payment-box h5{ font-size: 20px; padding: 0 0 8px;}
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-block .row{ margin: 0 -12px !important; }
	.payment-block .row > *{ padding: 0 12px !important; }
	
	.services-block{ padding: 32px 0 0 0; }
	.acc-contain{ padding: 8px 0; }
	.acc-contain.cms-data ul li + li{ margin-top: 4px; }
	.services-left .accordion-item .accordion-header .accordion-button { min-height: 44px; padding: 8px 0; font-size: 20px;}
	.services-block .services-left{ width: 600px;}
	.partner-block{ padding: 44px 5% 0; }
	.services-right{ width: calc(100% - 600px - 34px );}
 
	.counter-box .icon span{ height: 66px;  width: 66px; }
	.counter-box .icon span img{ max-height: 48px; max-width: 48px; }
	.counter-box .icon{ padding: 0 0 12px; }
	.counter-box .count-text {font-size: 28px;}
	.cta-outer-version-2{ padding-bottom: 123px; }
	.cta-outer-version-2 .car-right{ width: 504px; right: -22px;}
	.cta-outer-version-2 .car-right img{ width: 100%;}
	.review-block .slick-slide {margin: 0 13px;  }
.review-block .slick-list {margin: 0 -13px;}
	.gallery-block{ padding: 44px 0 0 0; }
	.review-block{ padding: 44px 0 88px 0; }
	.review-box{ padding: 20px;    }
	.review-box .review-top .avtar-img span{ width: 48px; width: 48px;}
	.review-box .review-top .avtar-img{ margin: 0 12px 0 0; }
	.review-box .review-top .name h6{ font-size: 16px; padding: 0 0 8px;}
	.review-box .review-top .name .photo-text,
	.review-box .review-rating .star-text {font-size: 14px;}
	.review-box .review-top{ padding:  0 0 16px; }
	.review-box .review-text p{ padding: 10px 0 0 0; font-size: 14px;}
	 
	.review-box .review-rating .star span {width: 24px; height: 24px;}
	.faq-outer .services-left .accordion-item .accordion-header .accordion-button{ min-height: 54px; }
 
	.f-logo img{ max-height: 97px; }
 
	.f-text{ padding: 0 0 32px; }
	.footer-left h6{ padding: 0 0 16px; font-size: 16px;}
	.f-social ul li a{ width: 44px; height: 44px;}
	.f-social ul li a img{ max-width: 18px; }
	.f-social ul{gap: 16px; }
	.f-ct-col i{ margin:  0 8px 0 0; }
	.f-ct-col i img{ width: 18px;}
	.f-contact-data{ padding: 32px 0 0 0; }
	.f-ct-col{ font-size: 14px;}
	.f-ct-col + .f-ct-col{ margin-left:  32px; }
	.footer-left{ max-width: 580px; }
	.footer-right{ gap: 174px; }
	.footer-right h5 {font-size: 16px;}
	.footer-right .f-links ul { margin: 24px 0 0 0; }
	.footer-right .f-links ul li a {font-size: 14px;}
 
	.copyright{ font-size: 14px; padding: 24px 0;}	
	
	.fourzero-page{ padding: 150px 0 60px;  }


	.contact-left {width: 566px;}
.home-contact-outer .section-title.left-align h2{ font-size: 44px;}
.home-contact-outer .section-title.left-align p{ font-size: 20px;}
.home-contact-outer .f-social{ padding: 44px 0 0 0; }
.contact-right{ width: 564px;}
.ct-form{ padding: 8px 32px 32px; }
.input-box{  padding: 24px 0 0 0; }
.input-box .input-title{ padding: 0 0 12px; font-size: 14px; }
.input-box .input-text{ height: 40px; padding: 0 12px; font-size: 14px;  }
.input-box textarea.input-text{ height: 200px; }
.checkbox-row label  span.wpcf7-list-item-label::before,
.checkbox-row label  span.wpcf7-list-item-label::after{ height: 20px; width: 20px; }
.checkbox-row label  span.wpcf7-list-item-label{ padding: 0 0 0 32px;line-height: 20px; font-size: 14px;}
.submit-row button{ height: 40px; }
.cms-data h1{ font-size: 48px;}
.defult-page{ padding: 160px 0 60px; }
}
 
@media (min-width: 1201px) and (max-width: 1301px) {
	.header-top{ min-height:92px; }
	.header-top .logo a img{ max-height: 44px; }
	.header-right .main-nav ul li a{ font-size: 14px;}
	.blue-btn a{ height: 36px; padding: 0 12px; font-size: 14px; }
	.blue-btn a i img{ width: 20px;}
	.banner-wapper{ padding: 202px 0 0 0; }
	.banner-img-outer{ top: 160px; }
	.banner-img-sub{ gap: 60px; }
	.banner-img-sub span img{ max-width: 247px;}
	.py-60{ padding: 44px 0; }
	.section-title h2{ font-size: 28px;}
 
	.brand-logo ul li img{ max-height:55px; max-width: 257px; }
	p{ font-size: 14px;}
	
	.section-title p{ padding: 12px 0 0 0;  font-size: 14px;}
	.how-it-bg{ height: 300px; }
	.how-it-list{ padding: 44px 0 0 0; }
	.how-it-list .row{ margin: 0 -8px !important; }
	.how-it-list .row >*{ padding: 0 8px !important; }
	.how-it-box{ padding: 73px 24px 24px; min-height: 300px; }
	.how-it-box .count{ font-size: 70px;}
	.how-it-box .icon{ margin: 0 0 16px; min-height: 84px; }
	.how-it-box .icon img{ max-height: 84px; }
	.how-it-box h5{ padding: 0 0 8px; font-size: 20px;}
	.how-it-box p{ font-size: 14px;}
	.how-it-logo img,
	.story-block .story-logo img{ max-height: 44px; }
	.how-it-data{ padding: 32px 0 0 0; }
	.how-it-data .how-it-data-left .text-1{ font-size: 16px;}
	.how-it-data .how-it-data-left .text-2,
	.how-it-data .how-it-data-left ul li{ font-size: 14px;}
	.how-it-data .how-it-data-left ul{ padding: 24px 0 0 0; }
	.how-it-data .how-it-data-left ul li span::before{ margin: 0 6px 0 0; width: 20px; height: 20px; background-size: cover;}
	.cta-block-main .blue-block .round-1, 
	.cta-block-main .blue-block .round-2{ width: 275px; height: 275px;}
	.cta-block-main .blue-block .round-1{ bottom: 0; top: auto;  left: -50px;}
	.cta-outer-version-1 .car-left{ bottom: 50px; left: -218px; }
	.cta-outer-version-1 .car-left img{ max-width: 685px; }
	.cta-outer-version-1 .car-right img{ width: 725px;}
	.cta-outer-version-1 .car-right{ right: -141px;}
	.cta-outer-version-1{ padding: 48px 0 123px; }
	.cta-block-main .blue-block .round-2{ top: auto; bottom: 30px;  right: -60px;}
	.white-btn{ padding: 32px 0 0 0; }
	.white-btn a{  height: 36px; padding: 0 14px; font-size: 14px; }
	.white-btn a i img{ width: 22px;}
	.why-choose-outer{ padding-bottom: 0; }
	.story-block .story-logo{ padding: 0 0 32px; }
	.cms-data h3 {font-size: 28px;}
	.cms-data p,
	.cms-data  ol li,
	.cms-data  ul li{ font-size: 14px;}
	.story-block .row{ margin:  0 -22px !important; align-items: center; }
.story-block .row > *{ padding: 0 22px !important;}
	.car-block-main{ margin: 54px 0 -143px 0; }
	.car-block-inner .car-img img{ max-width: 907px; }
	.car-point-block ul li .doat span{ height: 32px; width: 32px; border: var(--white) solid 8px; }
	.car-point-block ul li.doat-1{ left:41px; top: 96px; }
	.car-point-block ul li.doat-2{ left: 211px; top: 166px; }
	.car-point-block ul li.doat-3{ left:491px; top: 236px; }
	.car-point-block ul li.doat-4{ left:auto; right: 162px; top: 176px;  }
	.car-point-block ul li.doat-5{ left: auto; right: 97px; top: 153px;}
	.car-point-block ul li .hide-block{ width: 350px; padding: 20px;}
	.car-point-block ul li .hide-block h6{ padding:  0 0 8px; font-size: 16px;}
	.home-section-5{ padding-top: 167px; }
	.payment-box{ padding: 16px 20px; }
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-box .icon span{ width: 48px; height: 48px;}
	.payment-box .icon span img{ max-width: 36px; max-height: 36px; }
	.payment-box h5{ font-size: 20px; padding: 0 0 8px;}
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-block .row{ margin: 0 -12px !important; }
	.payment-block .row > *{ padding: 0 12px !important; }
	
	.services-block{ padding: 32px 0 0 0; }
	.acc-contain{ padding: 8px 0; }
	.acc-contain.cms-data ul li + li{ margin-top: 4px; }
	.services-left .accordion-item .accordion-header .accordion-button { min-height: 44px; padding: 8px 0; font-size: 20px;}
	.services-block .services-left{ width: 600px;}
	.partner-block{ padding: 44px 5% 0; }
	.services-right{ width: calc(100% - 600px - 34px );}
 
	.counter-box .icon span{ height: 66px;  width: 66px; }
	.counter-box .icon span img{ max-height: 48px; max-width: 48px; }
	.counter-box .icon{ padding: 0 0 12px; }
	.counter-box .count-text {font-size: 28px;}
	.cta-outer-version-2{ padding-bottom: 123px; }
	.cta-outer-version-2 .car-right{ width: 504px; right: -22px;}
	.cta-outer-version-2 .car-right img{ width: 100%;}
	.review-block .slick-slide {margin: 0 13px;  }
.review-block .slick-list {margin: 0 -13px;}
	.gallery-block{ padding: 44px 0 0 0; }
	.review-block{ padding: 44px 0 88px 0; }
	.review-box{ padding: 20px;    }
	.review-box .review-top .avtar-img span{ width: 48px; width: 48px;}
	.review-box .review-top .avtar-img{ margin: 0 12px 0 0; }
	.review-box .review-top .name h6{ font-size: 16px; padding: 0 0 8px;}
	.review-box .review-top .name .photo-text,
	.review-box .review-rating .star-text {font-size: 14px;}
	.review-box .review-top{ padding:  0 0 16px; }
	.review-box .review-text p{ padding: 10px 0 0 0; font-size: 14px;}
 
	.review-box .review-rating .star span {width: 24px; height: 24px;}
	.faq-outer .services-left .accordion-item .accordion-header .accordion-button{ min-height: 54px; }
 
	.f-logo img{ max-height: 97px; }
 
	.f-text{ padding: 0 0 32px; }
	.footer-left h6{ padding: 0 0 16px; font-size: 16px;}
	.f-social ul li a{ width: 44px; height: 44px;}
	.f-social ul li a img{ max-width: 18px; }
	.f-social ul{gap: 16px; }
	.f-ct-col i{ margin:  0 8px 0 0; }
	.f-ct-col i img{ width: 18px;}
	.f-contact-data{ padding: 32px 0 0 0; }
	.f-ct-col{ font-size: 14px;}
	.f-ct-col + .f-ct-col{ margin-left:  32px; }
	.footer-left{ max-width: 580px; }
	.footer-right{ gap: 174px; }
	.footer-right h5 {font-size: 16px;}
	.footer-right .f-links ul{ margin: 24px 0 0 0; }
	.footer-right .f-links ul li a {font-size: 14px;}
	 
	.copyright{ font-size: 14px; padding: 24px 0;}	
	.fourzero-page{ padding: 150px 0 60px;  } 


	 
	.banner-img-outer{ top: 140px; }
.banner-img-sub{ gap: 30px; }
.banner-img-sub span img{ max-width:140px;}
.banner-wapper .banner-img{ bottom: 40px; }
.banner-wapper .banner-img img{ max-width: 650px; }
.banner-img-main .banner-sed img{ height: 286px; }


.contact-left {width: 420px;}
.home-contact-outer .section-title.left-align h2{ font-size: 40px;}
.home-contact-outer .section-title.left-align p{ font-size: 16px;}
.home-contact-outer .f-social{ padding: 44px 0 0 0; }
.contact-right{ width: 564px;}
.ct-form{ padding: 8px 32px 32px; }
.input-box{  padding: 24px 0 0 0; }
.input-box .input-title{ padding: 0 0 12px; font-size: 14px; }
.input-box .input-text{ height: 40px; padding: 0 12px; font-size: 14px;  }
.input-box textarea.input-text{ height: 200px; }
.checkbox-row label  span.wpcf7-list-item-label::before,
.checkbox-row label  span.wpcf7-list-item-label::after{ height: 20px; width: 20px; }
.checkbox-row label  span.wpcf7-list-item-label{ padding: 0 0 0 32px; line-height: 20px; font-size: 14px;}
.submit-row button{ height: 40px; }
.f-ct-data{ flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px;}
.f-ct-col + .f-ct-col{ margin: 0px; }

.cms-data h1{ font-size: 44px;}
.defult-page{ padding: 160px 0 60px; }

}
@media (min-width: 992px) and (max-width: 1200px) {
	.header-top{ min-height:80px; }
	.header-top .logo a img{ max-height: 44px; }
	.header-right .main-nav ul li a{ font-size: 14px;}
	.blue-btn a{ height: 36px; padding: 0 12px; font-size: 14px; }
	.blue-btn a i img{ width: 20px;}
	.banner-wapper{ padding: 152px 0 0 0; }
	.banner-img-outer{ top: 120px; }
	.banner-img-sub{ gap: 40px; }
	.banner-img-sub span img{ max-width: 180px;}
	.py-60{ padding: 44px 0; }
	.section-title h2{ font-size: 28px;}
	.brand-logo{ padding: 44px 0 0 0; }
	.brand-logo ul li img{ max-height:40px; max-width: 200px; }
	p{ font-size: 14px;}
	
	.section-title p{ padding: 12px 0 0 0;  font-size: 14px;}
	.how-it-bg{ height: 300px; }
	.how-it-list{ padding: 44px 0 0 0; }
	.how-it-list .row{ margin: 0 -8px !important; }
	.how-it-list .row >*{ padding: 0 8px !important; }
	.how-it-box{ padding: 73px 24px 24px; min-height: 300px; }
	.how-it-box .count{ font-size: 70px;}
	.how-it-box .icon{ margin: 0 0 16px; min-height: 84px; }
	.how-it-box .icon img{ max-height: 84px; }
	.how-it-box h5{ padding: 0 0 8px; font-size: 20px;}
	.how-it-box p{ font-size: 14px;}
	.how-it-logo img,
	.story-block .story-logo img{ max-height: 44px; }
	.how-it-data{ padding: 32px 0 0 0; }
	.how-it-data .how-it-data-left .text-1{ font-size: 16px;}
	.how-it-data .how-it-data-left .text-2,
	.how-it-data .how-it-data-left ul li{ font-size: 14px;}
	.how-it-data .how-it-data-left ul{ padding: 24px 0 0 0; }
	.how-it-data .how-it-data-left ul li span::before{ margin: 0 6px 0 0; width: 20px; height: 20px; background-size: cover;}
	.cta-block-main .blue-block .round-1, 
	.cta-block-main .blue-block .round-2{ width: 275px; height: 275px;}
	.cta-block-main .blue-block .round-1{ bottom: 0; top: auto;  left: -50px;}
	.cta-outer-version-1 .car-left{ bottom: 30px; left: -118px; }
	.cta-outer-version-1 .car-left img{ max-width: 505px; }
	.cta-outer-version-1 .car-right img{ width:585px;}
	.cta-outer-version-1 .car-right{ right: -141px;}
	.cta-outer-version-1{ padding: 48px 0 123px; }
	.cta-block-main .blue-block .round-2{ top: auto; bottom: 30px;  right: -60px;}
	.white-btn{ padding: 32px 0 0 0; }
	.white-btn a{  height: 36px; padding: 0 14px; font-size: 14px; }
	.white-btn a i img{ width: 22px;}
	.why-choose-outer{ padding-bottom: 0; }
	.story-block .story-logo{ padding: 0 0 32px; }
	.cms-data h3 {font-size: 28px;}
	.cms-data p,
	.cms-data  ol li,
	.cms-data  ul li{ font-size: 14px;}
	.story-block .row{ margin:  0 -22px !important; align-items: center; }
.story-block .row > *{ padding: 0 22px !important;}
	.car-block-main{ margin: 54px 0 -143px 0; }
	.car-block-inner .car-img img{ max-width: 907px; }
	.car-point-block ul li .doat span{ height: 32px; width: 32px; border: var(--white) solid 8px; }
	.car-point-block ul li.doat-1{ left:41px; top: 96px; }
	.car-point-block ul li.doat-2{ left: 211px; top: 166px; }
	.car-point-block ul li.doat-3{ left:491px; top: 236px; }
	.car-point-block ul li.doat-4{ left:auto; right: 162px; top: 176px;  }
	.car-point-block ul li.doat-5{ left: auto; right: 97px; top: 153px;}
	.car-point-block ul li .hide-block{ width: 350px; padding: 20px;}
	.car-point-block ul li .hide-block h6{ padding:  0 0 8px; font-size: 16px;}
	.home-section-5{ padding-top: 167px; }
	.payment-box{ padding: 16px 20px; }
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-box .icon span{ width: 48px; height: 48px;}
	.payment-box .icon span img{ max-width: 36px; max-height: 36px; }
	.payment-box h5{ font-size: 20px; padding: 0 0 8px;}
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-block .row{ margin: 0 -12px !important; }
	.payment-block .row > *{ padding: 0 12px !important; }
	
	.services-block{ padding: 32px 0 0 0; }
	.acc-contain{ padding: 8px 0; }
	.acc-contain.cms-data ul li + li{ margin-top: 4px; }
	.services-left .accordion-item .accordion-header .accordion-button { min-height: 44px; padding: 8px 0; font-size: 16px;}
	.services-block .services-left{ width: 50%;}
	.partner-block{ padding: 44px 5% 0; }
	.services-right{ width: calc(100% - 50% - 30px );}
 
	.counter-box .icon span{ height: 66px;  width: 66px; }
	.counter-box .icon span img{ max-height: 48px; max-width: 48px; }
	.counter-box .icon{ padding: 0 0 12px; }
	.counter-box .count-text {font-size: 28px;}
	.cta-outer-version-2{ padding-bottom: 123px; }
	.cta-outer-version-2 .car-right{ width: 400px; right: -22px;}
	.gallery-block ul li{ padding: 6px; }
	.cta-outer-version-2 .car-right img{ width: 100%;}
	.review-block .slick-slide {margin: 0 13px;  }
.review-block .slick-list {margin: 0 -13px;}
	.gallery-block{ padding: 44px 0 0 0; }
	.review-block{ padding: 44px 0 88px 0; }
	.review-box{ padding: 20px;     }
	.review-box .review-top .avtar-img span{ width: 48px; width: 48px;}
	.review-box .review-top .avtar-img{ margin: 0 12px 0 0; }
	.review-box .review-top .name h6{ font-size: 16px; padding: 0 0 8px;}
	.review-box .review-top .name .photo-text,
	.review-box .review-rating .star-text {font-size: 14px;}
	.review-box .review-top{ padding:  0 0 16px; }
	.review-box .review-text p{ padding: 10px 0 0 0; font-size: 13px;}
 
	.review-box .review-rating .star span {width: 24px; height: 24px;}
	.faq-outer .services-left .accordion-item .accordion-header .accordion-button{ min-height: 54px; }
 
	.f-logo img{ max-height: 97px; }
 
	.f-text{ padding: 0 0 32px; }
	.footer-left h6{ padding: 0 0 16px; font-size: 16px;}
	.f-social ul li a{ width: 44px; height: 44px;}
	.f-social ul li a img{ max-width: 18px; }
	.f-social ul{gap: 16px; }
	.f-ct-col i{ margin:  0 8px 0 0; }
	.f-ct-col i img{ width: 18px;}
	.f-contact-data{ padding: 32px 0 0 0; }
	.f-ct-col{ font-size: 14px;}
	.f-ct-col + .f-ct-col{ margin-left:  32px; }
	.footer-left{ max-width: 580px; }
	.footer-right{ gap: 30px; }
	.footer-right h5 {font-size: 16px;}
	.footer-right .f-links ul{ margin: 24px 0 0 0; }
	.footer-right .f-links ul li a {font-size: 14px;}
	 
	.copyright{ font-size: 14px; padding: 24px 0;}
	
	.fourzero-page{ padding: 150px 0 60px;  }


	.banner-img-outer{ top: 140px; }
	.banner-img-sub{ gap: 30px; }
	.banner-img-sub span img{ max-width:140px;}
	.banner-wapper .banner-img{ bottom: 40px; }
	.banner-wapper .banner-img img{ max-width: 650px; }
	.banner-img-main .banner-sed img{ height: 286px; }


	.contact-left {width: 420px;}
.home-contact-outer .section-title.left-align h2{ font-size: 40px;}
.home-contact-outer .section-title.left-align p{ font-size: 16px;}
.home-contact-outer .f-social{ padding: 44px 0 0 0; }
.contact-right{ width: 564px;}
.ct-form{ padding: 8px 32px 32px; }
.input-box{  padding: 24px 0 0 0; }
.input-box .input-title{ padding: 0 0 12px; font-size: 14px; }
.input-box .input-text{ height: 40px; padding: 0 12px; font-size: 14px;  }
.input-box textarea.input-text{ height: 200px; }
.checkbox-row label  span.wpcf7-list-item-label::before,
.checkbox-row label  span.wpcf7-list-item-label::after{ height: 20px; width: 20px; }
.checkbox-row label  span.wpcf7-list-item-label{ padding: 0 0 0 32px; line-height: 20px; font-size: 14px;}
.submit-row button{ height: 40px; }
.f-ct-data{ flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px;}
.f-ct-col + .f-ct-col{ margin: 0px; }

.cms-data h1{ font-size: 40px;}
.defult-page{ padding: 120px 0 60px; }
}

	 
 
@media (min-width: 768px) and (max-width: 991px) {
	.header-top{ min-height:70px; }
	.header-top .logo a img{ max-height: 40px; }
	.header-right .main-nav ul li a{ font-size: 14px;}
	.blue-btn a{ height: 36px; padding: 0 12px; font-size: 14px; }
	.blue-btn a i img{ width: 20px;}
	.banner-wapper{ padding: 152px 0 0 0; }
	.banner-img-outer{ top: 90px; }
	.banner-img-sub{ gap: 20px; }
	.banner-img-sub span img{ max-width: 120px;}
	.py-60{ padding: 44px 0; }
	.section-title h2{ font-size: 28px;}
	.brand-logo{ padding: 44px 0 0 0; }
	.brand-logo ul li img{ max-height:34px; max-width: 200px; }
	p{ font-size: 14px;}
	
	.section-title p{ padding: 12px 0 0 0;  font-size: 14px;}
	.how-it-bg{ height: 300px; }
	.how-it-list{ padding: 44px 0 0 0; }
	.how-it-list .row{ margin: 0 -8px !important; }
	.how-it-data{ flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start;}
	.how-it-logo{  padding: 0 0 24px; }
	.how-it-data .how-it-data-left{ width: 100%;}
	.how-it-list .row >*{ width: 50%; padding:   8px !important; }
	.how-it-box{ padding: 73px 24px 24px; min-height: 300px; }
	.how-it-box .count{ font-size: 70px;}
	.how-it-box .icon{ margin: 0 0 16px; min-height: 84px; }
	.how-it-box .icon img{ max-height: 84px; }
	.how-it-box h5{ padding: 0 0 8px; font-size: 20px;}
	.how-it-box p{ font-size: 14px;}
	.how-it-logo img,
	.story-block .story-logo img{ max-height: 44px; }
	.how-it-data{ padding: 32px 0 0 0; }
	.how-it-data .how-it-data-left .text-1{ font-size: 16px;}
	.how-it-data .how-it-data-left .text-2,
	.how-it-data .how-it-data-left ul li{ font-size: 14px;}
	.how-it-data .how-it-data-left ul{ padding: 24px 0 0 0; }
	.how-it-data .how-it-data-left ul li span::before{ margin: 0 6px 0 0; width: 20px; height: 20px; background-size: cover;}
	.cta-block-main .blue-block .round-1, 
	.cta-block-main .blue-block .round-2{ width: 200px; height: 200px;}
	.cta-block-main .blue-block .round-1{ bottom: 0; top: auto;  left: -50px;}
	.cta-outer-version-1 .car-left{ bottom: 30px; left: -90px; }
	.cta-outer-version-1 .car-left img{ max-width: 400px; }
	.cta-outer-version-1 .car-right img{ width:400px;}
	.cta-outer-version-1 .car-right{ right: -70px;}
	.cta-outer-version-1{ padding: 48px 0 123px; }
	.cta-block-main .blue-block .round-2{ top: auto; bottom: 30px;  right: -60px;}
	.white-btn{ padding: 32px 0 0 0; }
	.white-btn a{  height: 36px; padding: 0 14px; font-size: 14px; }
	.white-btn a i img{ width: 22px;}
	.why-choose-outer{ padding-bottom: 0; }
	.story-block .story-logo{ padding: 0 0 32px; }
	.cms-data h3 {font-size: 28px;}
	.cms-data p,
	.cms-data  ol li,
	.cms-data  ul li{ font-size: 14px;}
	.story-block .row{ margin:  0 -22px !important; align-items: center; }
.story-block .row > *{ padding: 0 22px !important;}
	.car-block-main{ margin: 54px 0 0px 0; padding-bottom: 40px; }
	.car-block-inner .car-img img{ max-width: 560px; }
	.car-point-block ul li .doat span{ height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; border: var(--white) solid 2px; font-size: 18px; font-weight: bold; color: #fff; }
	.car-point-block ul li.doat-1{ left:24px; top: 66px; }
	.car-point-block ul li.doat-2{ left: 141px; top: 106px; }
	.car-point-block ul li.doat-3{ left:306px; top: 147px; }
	.car-point-block ul li.doat-4{ left:auto; right: 92px; top: 106px;  }
	.car-point-block ul li.doat-5{ left: auto; right: 36px; top: 83px;}
	.car-point-block ul li .hide-block{ display: none; width: 350px; padding: 20px;}
	.car-point-block ul li .hide-block h6{ padding:  0 0 8px; font-size: 16px;}
	.home-section-5{ padding-top: 44px; }
	.payment-box{ padding: 16px 20px; }
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-box .icon span{ width: 48px; height: 48px;}
	.payment-box .icon span img{ max-width: 36px; max-height: 36px; }
	.payment-box h5{ font-size: 20px; padding: 0 0 8px;}
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-block .row{ margin: 0 -12px !important; }
	.payment-box{ background: #fff; }
	.payment-block .row > *{ width: 50%; padding:   12px !important; }
	
	.services-block{ flex-direction: column; padding: 32px 0 0 0; }
	.acc-contain{ padding: 8px 0; }
	.acc-contain.cms-data ul li + li{ margin-top: 4px; }
	.services-left .accordion-item .accordion-header .accordion-button { min-height: 44px; padding: 8px 0; font-size: 16px;}
	.services-block .services-left{ width:100%; padding: 0 0 30px;}
	.partner-block{ padding: 44px 0 0; }
	.services-right{ width:100%;}
 
	.counter-box .icon span{ height: 66px;  width: 66px; }
	.counter-box .icon span img{ max-height: 48px; max-width: 48px; }
	.counter-box .icon{ padding: 0 0 12px; }
	.counter-box .count-text {font-size: 28px;}
	.cta-outer-version-2{ padding-bottom: 123px; }
	.cta-outer-version-2 .car-right{ width: 300px; right: -22px;}
	.story-block .row > *{ width: 100%;}
	.story-block .story-img{ padding: 30px 0 0 0; }
	.gallery-block ul li{ padding: 6px; }
	.cta-outer-version-2 .car-right img{ width: 100%;}
	.review-block .slick-slide {margin: 0 13px;  }
.review-block .slick-list {margin: 0 -13px;}
	.gallery-block{ padding: 44px 0 0 0; }
	.review-block{ padding: 44px 0 88px 0; }
	.review-box{ padding: 20px;     }
	.review-box .review-top .avtar-img span{ width: 48px; width: 48px;}
	.review-box .review-top .avtar-img{ margin: 0 12px 0 0; }
	.review-box .review-top .name h6{ font-size: 16px; padding: 0 0 8px;}
	.review-box .review-top .name .photo-text,
	.review-box .review-rating .star-text {font-size: 14px;}
	.review-box .review-top{ padding:  0 0 16px; }
	.review-box .review-text p{ padding: 10px 0 0 0; font-size: 13px;}
 
	.review-box .review-rating .star span {width: 24px; height: 24px;}
	.faq-outer .services-left .accordion-item .accordion-header .accordion-button{ min-height: 54px; }
 
	.f-logo img{ max-height: 80px; }
 
	.f-text{ padding: 0 0 32px; }
	.footer-left h6{ padding: 0 0 16px; font-size: 16px;}
	.f-social ul li a{ width: 44px; height: 44px;}
	.f-social ul li a img{ max-width: 18px; }
	.f-social ul{gap: 16px; }
	.f-ct-col i{ margin:  0 8px 0 0; }
	.f-ct-col i img{ width: 18px;}
	.f-contact-data{ padding: 32px 0 0 0; }
	.f-ct-col{ font-size: 14px;}
	.f-ct-col + .f-ct-col{ margin-left:  32px; }
	.footer-left{ max-width: 360px; }
	.footer-right{ gap: 30px; }
	.footer-right h5 {font-size: 16px;}
	.footer-right .f-links ul{ gap: 16px; margin: 24px 0 0 0; }
	.footer-right .f-links ul li a {font-size: 14px;}
 
	.copyright{ font-size: 14px; padding: 24px 0;}

	.header-right .main-nav ul{ gap: 20px; padding:  0 20px 0 0; }
	.f-ct-data {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.f-ct-col + .f-ct-col{ margin: 16px 0 0 0; }
	.car-block-main{ flex-direction: column;}
	.car-block-main .mobile-show{ padding: 0 0 30px; display: block;}

	.fourzero-page{ padding: 150px 0 60px;  }



	.banner-img-outer{ top: 140px; }
	.banner-img-sub{ gap: 30px; }
	.banner-img-sub span img{ max-width:110px;}
	.banner-wapper .banner-img{ bottom: 40px; }
	.banner-wapper .banner-img img{ max-width: 600px; }
	.banner-img-main .banner-sed img{ height: 286px; }
	.banner-wapper{ min-height: 600px; }

	.contact-block{ flex-direction: column;}
	.contact-left {width: 100%; padding: 0 0 30px; }
.home-contact-outer .section-title.left-align h2{ font-size: 40px;}
.home-contact-outer .section-title.left-align p{ font-size: 16px;}
.home-contact-outer .f-social{ padding: 44px 0 0 0; }
.contact-right{ width: 100%;}
.ct-form{ padding: 8px 32px 32px; }
.input-box{  padding: 24px 0 0 0; }
.input-box .input-title{ padding: 0 0 12px; font-size: 14px; }
.input-box .input-text{ height: 40px; padding: 0 12px; font-size: 14px;  }
.input-box textarea.input-text{ height: 200px; }
.checkbox-row label  span.wpcf7-list-item-label::before,
.checkbox-row label  span.wpcf7-list-item-label::after{ height: 20px; width: 20px; }
.checkbox-row label  span.wpcf7-list-item-label{ padding: 0 0 0 32px; line-height: 20px; font-size: 14px;}
.submit-row button{ height: 40px; }
.f-ct-data{ flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px;}
.f-ct-col + .f-ct-col{ margin: 0px; }

.cms-data h1{ font-size: 32px;}
.defult-page{ padding: 120px 0 60px; }
 
 
} 
@media (max-width: 767px) {
	 
	 #header::after{ position: absolute; left: 0px; bottom: 0; width: 100%; height: 1px; content: '';  background: #E2E2E2; z-index: 5; }
	.header-top{ min-height:70px; border: 0px; }
	.header-top .logo a img{ max-height: 40px; }
	.header-right .main-nav ul li a{ font-size: 14px;}
	.blue-btn a{ height: 36px; padding: 0 12px; font-size: 14px; }
	.blue-btn a i img{ width: 20px;}
	.banner-wapper{ padding: 152px 0 0 0; }
	.banner-img-outer{ top: 90px; }
	.banner-img-sub{ gap: 20px; }
	.banner-img-sub span img{ max-width: 80px;}
	.py-60{ padding: 32px 0; }
	.section-title h2{ font-size: 24px;}
	.brand-logo{ padding: 32px 0 0 0; }
	.brand-logo ul{ gap: 30px; flex-wrap: wrap;}
	.brand-logo ul li{ display: flex; align-items: center; justify-content: center;  width: calc(50% - 16px);}
	.brand-logo ul li img{ max-height:30px; max-width: 200px; }
	p{ font-size: 14px;}
	
	.section-title p{ padding: 12px 0 0 0;  font-size: 14px;}
	.how-it-bg{ height: 300px; }
	.how-it-list{ padding:32px 0 0 0; }
	.how-it-list .row{ margin: 0 -8px !important; }
	.how-it-data{ flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start;}
	.how-it-logo{  padding: 0 0 24px; }
	.how-it-data .how-it-data-left{ width: 100%;}
	.how-it-list .row >*{ width: 100%; padding:   8px !important; }
	.how-it-box{ padding: 48px 24px; min-height: 0px; }
	.how-it-box .count{ font-size: 70px;}
	.how-it-box .icon{ margin: 0 0 16px; min-height: 84px; }
	.how-it-box .icon img{ max-height: 84px; }
	.how-it-box h5{ padding: 0 0 8px; font-size: 20px;}
	.how-it-box p{ font-size: 14px;}
	.how-it-logo img,
	.story-block .story-logo img{ max-height: 44px; }
	.how-it-data{ padding: 32px 0 0 0; }
	.how-it-data .how-it-data-left .text-1{ font-size: 16px;}
	.how-it-data .how-it-data-left .text-2,
	.how-it-data .how-it-data-left ul li{ font-size: 14px;}
	.cta-outer-version-1{ padding: 32px 0; }
	.how-it-data .how-it-data-left ul{ gap: 10px; flex-direction: column; padding: 24px 0 0 0; }
	.how-it-data .how-it-data-left ul li + li::before{ display: none;}
	.how-it-data .how-it-data-left ul li span::before{ margin: 0 6px 0 0; width: 20px; height: 20px; background-size: cover;}
	.cta-block-main .blue-block .round-1, 
	.cta-block-main .blue-block .round-2{ width: 200px; height: 200px;}
	.cta-block-main .blue-block .round-1{ bottom: auto; top: 0;  left: -50px;}
	.cta-outer-version-1 .car-left{ bottom: 10px; left: -80px; }
	.cta-outer-version-1 .car-left img{ max-width: 250px; }
	.cta-outer-version-1 .car-right img{ width:250px;}
	.cta-outer-version-1 .car-right{ bottom: 0; right: -70px;}
	.cta-outer-version-1{ padding: 32px 0; }
	.cta-block-main .blue-block{ padding-bottom: 100px; }
	.cta-block-main .blue-block .round-2{ top: auto; bottom: 30px;  right: -60px;}
	.white-btn{ padding: 32px 0 0 0; }
	.white-btn a{  height: 36px; padding: 0 14px; font-size: 14px; }
	.white-btn a i img{ width: 22px;}
	.why-choose-outer{ padding-bottom: 0; }
	.story-block .story-logo{ padding: 0 0 32px; }
	.cms-data h3 {font-size: 24px;}
	.cms-data p,
	.cms-data  ol li,
	.cms-data  ul li{ font-size: 14px;}
	.story-block .row{ margin:  0 -22px !important; align-items: center; }
.story-block .row > *{ padding: 0 22px !important;}
	.car-block-main{ margin: 54px 0 0px 0; padding-bottom: 40px; }
	.car-block-inner .car-img img{ max-width:340px; }
	.car-point-block ul li .doat span{ height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; border: var(--white) solid 1px; font-size: 14px; font-weight: bold; color: #fff; }
	.car-point-block ul li.doat-1{ left:10px; top: 38px; }
	.car-point-block ul li.doat-2{ left: 83px; top: 60px; }
	.car-point-block ul li.doat-3{         left: 180px;top: 88px; }
	.car-point-block ul li.doat-4{ left:auto; right: 55px; top: 59px;  }
	.car-point-block ul li.doat-5{ left: auto; right:15px; top: 42px;}
	.car-point-block ul li .hide-block{ display: none; width: 350px; padding: 20px;}
	.car-point-block ul li .hide-block h6{ padding:  0 0 8px; font-size: 16px;}
	.home-section-5{ padding-top: 44px; }
	.payment-box{ padding: 16px 20px; }
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-box .icon span{ width: 48px; height: 48px;}
	.payment-box .icon span img{ max-width: 36px; max-height: 36px; }
	.payment-box h5{ font-size: 20px; padding: 0 0 8px;}
	.payment-box .icon{ padding: 0 0 16px; }
	.payment-block .row{ margin: 0 -10px !important; }
	.payment-box{ background: #fff; }
	.payment-block .row > *{ width: 100%; padding:   10px !important; }
	
	.services-block{ flex-direction: column; padding: 32px 0 0 0; }
	.acc-contain{ padding: 8px 0; }
	.acc-contain.cms-data ul li + li{ margin-top: 4px; }
	.services-left .accordion-item .accordion-header .accordion-button { min-height: 44px; padding: 8px 0; font-size: 16px;}
	.services-block .services-left{ width:100%; padding: 0 0 30px;}
	.partner-block{ padding: 44px 0 0; }
	.services-right{ width:100%;}
 
	.counter-box .icon span{ height: 66px;  width: 66px; }
	.counter-box .icon span img{ max-height: 48px; max-width: 48px; }
	.counter-box .icon{ padding: 0 0 12px; }
	.counter-box .count-text {font-size: 24px;}
	.cta-outer-version-2{ padding-bottom: 80px; }
	
	.cta-outer-version-2 .car-right{ width:260px; bottom: 0; right: -22px;}
	.story-block .row > *{ width: 100%;}
	.story-block .story-img{ padding: 30px 0 0 0; }
	.gallery-block ul li{ padding: 6px; }
	.cta-outer-version-2 .car-right img{ width: 100%;}
	.review-block .slick-slide {margin: 0 13px;  }
.review-block .slick-list {margin: 0 -13px;}
	.gallery-block{ padding: 44px 0 0 0; }
	.review-block{ padding: 44px 0 88px 0; }
	.review-box{ padding: 20px;   }
	.review-box .review-top .avtar-img span{ width: 48px; width: 48px;}
	.review-box .review-top .avtar-img{ margin: 0 12px 0 0; }
	.review-box .review-top .name h6{ font-size: 16px; padding: 0 0 8px;}
	.review-box .review-top .name .photo-text,
	.review-box .review-rating .star-text {font-size: 14px;}
	.review-box .review-top{ padding:  0 0 16px; }
	.review-box .review-text p{ padding: 10px 0 0 0; font-size: 14px;}
 
	.review-box .review-rating .star span {width: 24px; height: 24px;}
	.faq-outer .services-left .accordion-item .accordion-header .accordion-button{ min-height: 54px; }
 
	.f-logo img{ max-height: 70px; }
	 
	.f-text{ padding: 0 0 32px; }
	.footer-left h6{ padding: 0 0 16px; font-size: 16px;}
	.f-social ul li a{ width: 44px; height: 44px;}
	.f-social ul li a img{ max-width: 18px; }
	.f-social ul{gap: 16px; }
	.f-ct-col i{ margin:  0 8px 0 0; }
	.f-ct-col i img{ width: 18px;}
	.f-contact-data{ padding: 32px 0 0 0; }
	.f-ct-col{ font-size: 14px;}
	.f-ct-col + .f-ct-col{ margin-left:  32px; }
	.footer-left{ max-width: 100%; width: 100%; }
	.footer-right{ gap: 30px; padding: 0 0 30px; }
	.footer-right h5 {font-size: 16px;}
	.footer-right .f-links ul{ margin: 14px 0 0 0; }
	.footer-right .f-links ul li a {font-size: 14px;}
	.footer-top{ flex-direction: column; }
	.copyright{ font-size: 14px; padding: 24px 0;}

	.header-right .main-nav ul{ gap: 20px; padding:  0 20px 0 0; }
	.f-ct-data {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.f-ct-col + .f-ct-col{ margin: 16px 0 0 0; }
	.car-block-main{ flex-direction: column;}
	.car-block-main .mobile-show{ padding: 0 0 30px; display: block;} 

	.car-block-main .mobile-show{ padding: 0px; }
	.home-section-5{ padding: 22px 0; }
	.partner-block{ padding: 0px 0 0 0; }
	.counter-box{ padding: 24px 0 0 0; }
	.partner-block .col-md-3{ width: 50%;}
	.gallery-block ul li{ width: 50%;}
	.container{ padding: 0 20px; }
	.copyright span{ display: block;}


	.header-top{ position: relative; }
	.menu-icon{ display: flex; position: absolute; right: -20px; margin: 0px 0 0 0; top: 0; }
	.menu-icon a{ width:70px; height: 70px; display: flex; align-items: center;  justify-content: center;}
.menu-icon a .line-main{ flex-direction: column; gap: 5px;    width: 24px; 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(--dark);  }
.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; }


.header-right{ display: block;
	position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#header::before{  position: fixed;  left: 0px; width: 100%; top: 0; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; pointer-events: none; content: ''; 
transition: all 0.3s ease-in-out;
}

.header-right .header-right-inner{
	background-color: var(--white);
	position: relative;
	max-height: 100vh;
	overflow: auto;
    z-index: 2;
    transform: translateY(-100%) translateZ(0);
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.85,0,.15,1);
	padding: 100px 0 0 0;
	border-bottom: #E2E2E2 solid 1px;

}
.header-right-inner-sub{ padding: 0 24px 48px;   display: block; width: 100%;}
 
.header-wapper{ position: relative; }
body.active-menu .header-right{ pointer-events: all; }
body.active-menu .header-right .header-right-inner {
    transform: translateY(0) translateZ(0);
}
body.active-menu{ overflow: hidden; }
body.active-menu #header::before{  opacity: 1; }
.header-right .main-nav ul{ gap: 14px; padding: 0 0 20px; flex-direction: column; align-items: flex-start; justify-content: flex-start;  }
.header-right .main-nav ul li a{ font-size: 16px;}
.blue-btn a{ height: 48px ; padding: 0 18px;font-size: 18px;  }
.blue-btn a i img{ width: 28px;}

.fourzero-page{ padding: 100px 0 60px;  }
.fourzero-block h1 {font-size: 32px;}


.banner-img-outer{ top: 100px; }
	.banner-img-sub{ gap: 40px; }
	.banner-img-sub span{ padding-top: 20px; }
	.banner-img-sub span img{ max-width:110px;}
	.banner-wapper .banner-img{ right: -30px; bottom: 0px; }
	.banner-wapper .banner-img img{ max-width: 356px; width: 100%; }
	.banner-img-main .banner-sed img{ height: 130px; }
	.banner-wapper{ min-height: 460px; }

	.f-logo{ padding: 0 0 20px; display: flex; align-items: center; justify-content: center; }
	.footer-right .f-links ul{ flex-direction: column; gap: 14px;}
	.footer-right{ padding: 0px; }


	.contact-block{ flex-direction: column;}
	.contact-left {width: 100%; padding: 0 0 30px; }
.home-contact-outer .section-title.left-align h2{ font-size: 28px;}
.home-contact-outer .section-title.left-align p{ font-size: 14px;}
.home-contact-outer .f-social{ padding: 44px 0 0 0; }
.contact-right{ width: 100%;}
.ct-form{ padding: 0px 20px 20px; }
.input-box{  padding: 20px 0 0 0; }
.input-box .input-title{ padding: 0 0 8px; font-size: 14px; }
.input-box .input-text{ height: 40px; padding: 0 12px; font-size: 14px;  }
.input-box textarea.input-text{ height: 200px; }
.checkbox-row label  span.wpcf7-list-item-label::before,
.checkbox-row label  span.wpcf7-list-item-label::after{ height: 20px; width: 20px; }
.checkbox-row label  span.wpcf7-list-item-label{ padding: 0 0 0 32px; line-height: 20px; font-size: 14px;}
.submit-row button{ height: 40px; }
.f-ct-data{ flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px;}
.f-ct-col + .f-ct-col{ margin: 0px; }
.review-box .review-text{ min-height: 0px; }

.review-block .slick-track{ align-items: flex-start; }
.cms-data h1{ font-size: 32px;}
.defult-page{ padding: 120px 0 60px; }
}


@media (min-width: 568px) and (max-width: 767px) {
}
@media (min-width: 240px) and (max-width: 567px) {
}