@media (min-width: 1701px) and (max-width: 1840px) {
.container{ max-width: 1440px; width: 1440px; }
h1, .h1 {font-size:40px;line-height: 1.2;}
h2, .h2 {font-size: 36px;line-height: 1.2;}
h3, .h3 {font-size: 32px;line-height: 1.2;}
h4, .h4 {font-size: 24px;line-height: 1.4;}
h5, .h5 {font-size: 20px;line-height: 1.4;}
h6, .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-164{ padding-top: 150px; padding-bottom: 150px; }
.pt-164{ padding-top: 150px;}
.pb-164{ padding-bottom: 150px;} 
.py-56{ padding-top: 50px; padding-bottom: 50px; }
.pt-56{ padding-top: 50px;}
.pb-56{ padding-bottom: 50px;}
.p-84{ padding: 74px;}
.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;}
.p-32{ padding: 32px;}
.py-32{ padding-top: 32px; padding-bottom: 32px; }
.pt-32{ padding-top: 32px;}
.pb-32{ padding-bottom: 32px;}

.section-title{ max-width: 700px; }
.logo img{ max-height: 44px; }
.main-nav>ul>li { padding: 36px 0px; }
.header-bottom{ min-height: 96px; }
.contain-wapper{ padding: 144px 0 0 0; }

.brand-box .brand-over-box{ padding: 32px ; }
.Partners-listing ul li span{ min-height: 44px; }
.Partners-listing ul li span img{ max-height: 44px; }

.vedio-block{ border-radius: 40px; }

.cta-full-outer .cta-data-1{ width: 378px;}

.why-box-main.version-1 .why-box-gray .img img{ max-width: 300px; }

.testimonials-left{width: 270px;}
.testimonials-right{ width: calc(100% - 330px);}
.testimonials-box{ width: 390px; min-height: 390px;}

.cta-full-outer-main-2 .cta-full-outer-2 .cta-img{ max-width: 75%; height: 92%; }
.cta-box-view { padding: 77px 64px; }
.cta-box-view-main { align-items: unset;}
.cta-box-outer::after{ height: 138px; }

.belt-wapper-inner ul li{ width: 160px; min-height: 48px;}
.belt-wapper-inner ul li img{ max-width: 160px; max-height: 48px; }

.contact-block-main .contact-left span{ width: calc((100vw - 1410px) / 2 + 100% + 135px);}
.contact-block-main .contact-left span img{ width: 120%; bottom: -88px; }
.contact-right-inner{ min-width: 1024px;}
.contact-left .section-title{ max-width: 330px; }
.location-map { padding-top: 56.24%; }
.partstab-inn .sourtab-nav ul li { min-width: 240px; min-height: 180px; }

.brandtab-inn ul li { width: calc(25% - 18px); }
.news-box-sub { padding-bottom: 110px; }
.news-box .read-more { bottom: 38px; }

.solution-right .col-md-6:nth-child(4n+1) .solution-img { width: 540px; height: 540px; bottom: -140px; }
.solution-right .col-md-6:nth-child(4n+2) .solution-img { width: 430px; height: 430px; }
.solution-right .col-md-6:nth-child(4n+3) .solution-img, .solution-right .col-md-6:nth-child(4n) .solution-img { width: 540px; height: 540px; }

	
.hrbrochur-lf { width: 480px; }
.bloglist-listing-content { padding-bottom: 86px; }
.blog-listing-box .career-lstbtn { bottom: 38px; }

}

@media (min-width: 1501px) and (max-width: 1700px) {
.container{ max-width: 1273px; width: 1273px; }
h1, .h1 {font-size:40px;line-height: 1.2;}
h2, .h2 {font-size: 36px;line-height: 1.2;}
h3, .h3 {font-size: 32px;line-height: 1.2;}
h4, .h4 {font-size: 24px;line-height: 1.4;}
h5, .h5 {font-size: 20px;line-height: 1.4;}
h6, .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-164{ padding-top: 150px; padding-bottom: 150px; }
.pt-164{ padding-top: 150px;}
.pb-164{ padding-bottom: 150px;} 
.py-56{ padding-top: 44px; padding-bottom: 44px; }
.pt-56{ padding-top: 44px;}
.pb-56{ padding-bottom: 44px;}
.p-84 { padding: 65px; }
.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;}
.p-32{ padding: 32px;}
.py-32{ padding-top: 32px; padding-bottom: 32px; }
.pt-32{ padding-top: 32px;}
.pb-32{ padding-bottom: 32px;}

.logo img{ max-height: 44px; }
.main-nav>ul>li { padding: 36px 0px; }
.header-bottom{ min-height: 96px; }
.contain-wapper{ padding: 144px 0 0 0; }
.brand-box .brand-over-box{ padding: 24px ; }
.brand-box .brand-over-box .b-logo{ min-height: 64px; }
.brand-box .brand-over-box .b-logo img{ max-height: 64px; /*max-width: 140px;*/}
.brand-box .brand-over-box .b-logo{ margin: 0 0 12px; }

.Partners-listing ul li span{ min-height: 40px; }
.Partners-listing ul li span img{ max-height: 40px; }

.Machinery-left{ width: 390px;}
.Machinery-right{ width: calc(100% - 448px);}
.vedio-block{ border-radius: 32px; }

.cta-full-outer .cta-data-1{ width: 378px;}

.why-box-main.version-1 .why-box-gray .img img{ max-width: 250px; }
.why-box-main .why-box-green{ min-height: 378px; }
.why-box-main .why-box-gray { min-height: 530px; }
.why-box-main.version-3 .why-box-gray .img img{ bottom: -95px; max-width: 280px; }
.why-block-main .col-md-4:nth-child(3n+2) .why-box-main .why-box-gray { min-height: 570px; }
.why-block-main .col-md-4:nth-child(3n+2) .why-box-main .why-box-green { min-height: 335px; }


.testimonials-left{width: 270px;}
.testimonials-right{ width: calc(100% - 310px);}
.testimonials-box{ width: 390px; min-height: 390px;}
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img{ max-width: 65%; height: 92%; }


.news-box .news-box-sub{ padding: 30px 30px 110px; }
.news-box .read-more { bottom: 38px; }

.cta-box-view { padding: 65px 45px; }
.cta-box-view-main { align-items: unset;}
.cta-box-outer::after{ height: 138px; }

.belt-wapper-inner ul li{ width: 160px; min-height: 40px;}
.belt-wapper-inner ul li img{ max-width: 160px; max-height: 40px; }

.contact-block-main .contact-left span{ width: calc((100vw - 1243px) / 2 + 100% + 130px);}
.contact-block-main .contact-left span img{ width: 120%; bottom: -88px; }
.contact-right-inner{ min-width: 900px;}
.contact-left .section-title{ max-width: 300px; }
.contact-block-main .contact-left{ width: calc(100% - 468px);}
.contact-block-main .contact-right{ width: 468px;}

.solution-left { width: 390px;}
.solution-right { width: calc(100% - 448px); }
.solution-right .col-md-6:nth-child(4n+1) .solution-img { width: 520px; height: 520px; bottom: -140px; }
.solution-right .col-md-6:nth-child(4n+2) .solution-img { width: 410px; height: 410px; }
.solution-right .col-md-6:nth-child(4n+3) .solution-img, .solution-right .col-md-6:nth-child(4n) .solution-img { width: 540px; height: 540px; }

.location-rght { width: calc(100% - 366px); }
.location-map { padding-top: 56.24%; }

.partstab-inn .sourtab-nav ul li { min-width: 240px; min-height: 180px; }
.making-card { min-height: 400px; }
.making-box { min-height: 685px; }
.achieve-col { min-height: auto; }
.cardcust-box .achieve-content { padding-left: 38px; }

.brandtab-inn ul li { width: calc(25% - 18px); }
.teamcard-img { min-height: 420px; }
.home-main-banner-img  { min-height: auto; padding-top: 56.24%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img img { margin-right: 50px; }
.history-content { padding: 0px 18px; }		
.history-col span { margin-bottom: 15px; }
.history-slider { padding-bottom: 70px; }
	
.aboutcard-box { padding: 35px; }
.jobopen-rght { width: calc(100% - 320px); }

.teamwrk-inn { gap: 50px; }
.teamwrk-lf, .teamwrk-img { width: calc(50% - 25px); }
.brochure-btn { gap: 16px; }

.hrbrochur-lf { width: 480px; }
.hrbrochur-sec:before { width: 63.66%; }
	
.bloglist-listing-content { padding-bottom: 86px; }
.blog-listing-box .career-lstbtn { bottom: 38px; }
.blgpst-hrlf, .blogpst-lf, .eventpst-hrlf { width: 400px; }
.blogpst-rght, .blgpst-featureimg, .eventpst-hero .blgpst-featureimg { width: calc(100% - 450px); }
.blgpst-hrlf h1 { max-width: 340px; }

.event-banner { padding: 130px 0px; }
.team-card { padding: 50px 50px 0; }
}
@media (min-width: 1400px) and (max-width: 1500px) {
.container{ max-width: 1273px; width: 1273px; }
h1, .h1 {font-size:40px;line-height: 1.2;}
h2, .h2 {font-size: 36px;line-height: 1.2;}
h3, .h3 {font-size: 32px;line-height: 1.2;}
h4, .h4 {font-size: 24px;line-height: 1.4;}
h5, .h5 {font-size: 20px;line-height: 1.4;}
h6, .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-164{ padding-top: 140px; padding-bottom: 140px; }
.pt-164{ padding-top: 140px;}
.pb-164{ padding-bottom: 140px;} 
.py-56{ padding-top: 44px; padding-bottom: 44px; }
.pt-56{ padding-top: 44px;}
.pb-56{ padding-bottom: 44px;}
.p-84{ padding: 65px;}
.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;}
.p-32{ padding: 30px;}
.py-32{ padding-top: 30px; padding-bottom: 30px; }
.pt-32{ padding-top: 30px;}
.pb-32{ padding-bottom: 30px;}

.logo img{ max-height: 44px; }
.main-nav>ul>li { padding: 36px 0px; }
.header-bottom{ min-height: 96px; }
.contain-wapper{ padding: 144px 0 0 0; }


.brand-box .brand-over-box{ padding: 20px ; }
.brand-box .brand-over-box .b-logo{ min-height: 56px; }
.brand-box .brand-over-box .b-logo img{ /*max-width: 200px;*/ max-height: 64px; }
.brand-box .brand-over-box .b-logo{ margin: 0 0 12px; }

.Partners-listing ul li span{ min-height: 40px; }
.Partners-listing ul li span img{ max-height: 40px; }

.Machinery-left{ width: 390px;}
.Machinery-right{ width: calc(100% - 448px);}

.vedio-block{ border-radius: 32px; }

.cta-full-outer .cta-data-1{ width: 378px;}

.why-box-main.version-1 .why-box-gray .img img{ max-width: 250px; }
.why-box-main .why-box-green{ min-height: 378px; }
.why-box-main .why-box-gray{ min-height: 530px; }
.why-box-main.version-3 .why-box-gray .img img{ bottom: -95px; max-width: 280px; }
.why-block-main .col-md-4:nth-child(3n+2) .why-box-main .why-box-gray { min-height: 570px; }
.why-block-main .col-md-4:nth-child(3n+2) .why-box-main .why-box-green { min-height: 335px; }
.why-box-main.version-3 .why-box-gray .img img{ bottom: -95px; max-width: 280px; }

.testimonials-left{width: 270px;}
.testimonials-right{ width: calc(100% - 310px);}
.testimonials-box{ width: 370px; min-height: 370px;}

.cta-full-outer-main-2 .cta-full-outer-2 .cta-img{ max-width: 55%; }

.news-box .news-box-sub{ padding: 24px 24px 96px; }
.news-box .read-more { bottom: 24px; }


.cta-box-view { padding: 65px 45px; }
.cta-box-view-main { align-items: unset;}
.cta-box-outer::after{ height: 138px; }
.cta-box-view-main.ctashape-img:before { width: 74%; }

.belt-wapper-inner ul li{ width: 140px; min-height: 40px;}
.belt-wapper-inner ul li img{ max-width: 140px; max-height: 40px; }

.placeholder-img .play-icon a, .vdoposter .play-btn { width:160px; height: 120px; }
.placeholder-img .play-icon a img, .vdoposter .play-btn img { max-width: 50px; }
.twcolvdo-inn .vdoposter .play-btn img { max-width: 80px; }

.contact-block-main .contact-left span{ width: calc((100vw - 1243px) / 2 + 100% + 130px);}
.contact-block-main .contact-left span img{ width: 120%; bottom: -88px; }
.contact-right-inner{ min-width: 900px;}
.contact-left .section-title{ max-width: 300px; }
.contact-block-main .contact-left{ width: calc(100% - 400px);}
.contact-block-main .contact-right{ width: 400px;}
 
.solution-left { width: 390px;}
.solution-right { width: calc(100% - 448px); }
.solution-right .col-md-6:nth-child(4n+1) .solution-img { width: 520px; height: 520px; bottom: -140px; }
.solution-right .col-md-6:nth-child(4n+2) .solution-img { width: 410px; height: 410px; }
.solution-right .col-md-6:nth-child(4n+3) .solution-img, .solution-right .col-md-6:nth-child(4n) .solution-img { width: 540px; height: 540px; }

.sourtab-nav ul li { padding: 20px 26px; }
.location-rght { width: calc(100% - 366px); }
.location-map { padding-top: 56.24%; }
.partstab-inn .sourtab-nav ul li { min-width: 240px; min-height: 180px; }

.making-card { min-height: 360px; }
.making-box { min-height: 685px; }
.achieve-col { min-height: auto; }

.brandtab-inn ul li { width: calc(25% - 18px); }
.teamcard-img { min-height: 420px; }
.history-content { padding: 0px 18px; }		
.history-col span { margin-bottom: 15px; }
.history-slider { padding-bottom: 70px; }
	
.brand-box.brand-box-v2 { padding-bottom: 210px; }	
.home-main-banner-img  { min-height: auto; padding-top: 56.24%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img img { margin-right: 50px; }

.jobopen-rght { width: calc(100% - 320px); }
.teamwrk-inn { gap: 50px; }
.teamwrk-lf, .teamwrk-img { width: calc(50% - 25px); }
.brochure-btn { gap: 16px; }

	
.hrbrochur-lf { width: 480px; }
.hrbrochur-sec:before { width: 63.66%; }
.imgal-popcontent { max-width: 700px; }

.career-pstlf { width: 360px; }
.career-pstrght { width: calc(100% - 440px); }

.bloglist-banner-post { min-height: 450px; }
.bloglist-listing-content { padding-bottom: 86px; }
.blog-listing-box .career-lstbtn { bottom: 38px; }
.blgpst-hrlf, .blogpst-lf, .eventpst-hrlf { width: 400px; }
.blogpst-rght, .blgpst-featureimg, .eventpst-hero .blgpst-featureimg { width: calc(100% - 450px); }
.blgpst-hrlf h1 { max-width: 340px; }
.blgpst-featureimg { min-height: 350px; }

.event-banner { padding: 130px 0px; }
.team-card { padding: 50px 50px 0; }
}
@media (min-width: 1240px) and (max-width: 1399px) {
.container{ max-width: 1100px; width: 1100px; }
h1, .h1 {font-size:40px;line-height: 1.2;}
h2, .h2 {font-size: 36px;line-height: 1.2;}
h3, .h3 {font-size: 32px;line-height: 1.2;}
h4, .h4 {font-size: 24px;line-height: 1.4;}
h5, .h5 {font-size: 20px;line-height: 1.4;}
h6, .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-164{ padding-top: 140px; padding-bottom: 140px; }
.pt-164{ padding-top: 140px;}
.pb-164{ padding-bottom: 140px;} 
.py-56{ padding-top: 38px; padding-bottom: 38px; }
.pt-56{ padding-top: 38px;}
.pb-56{ padding-bottom: 38px;}
.p-84{ padding: 50px;}
.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;}
.p-32{ padding: 28px;}
.py-32{ padding-top: 28px; padding-bottom: 28px; }
.pt-32{ padding-top: 28px;}
.pb-32{ padding-bottom: 28px;}

.logo img{ max-height: 44px; }
.main-nav>ul>li { padding: 36px 0px; }
.header-bottom{ min-height: 96px; }
.contain-wapper{ padding: 144px 0 0 0; }

.brand-box .brand-over-box{ padding: 10px ; }
.brand-box .brand-over-box .b-logo{ min-height: 56px; }
.brand-box .brand-over-box .b-logo img{ max-width: 200px; max-height: 64px; }
.brand-box .brand-over-box .b-logo{ margin: 0 0 12px; }
.brand-box .white-btn{ padding: 0 10px; }

.Partners-listing ul li span{ min-height: 40px; }
.Partners-listing ul li span img{ max-height: 40px; }

.Machinery-left{ width: 390px;}
.Machinery-right{ width: calc(100% - 448px);}

.vedio-block{ border-radius: 26px; }
.placeholder-img .play-icon a, .vdoposter .play-btn { width:160px; height: 120px; }
.placeholder-img .play-icon a img, .vdoposter .play-btn img { max-width: 50px; }
.twcolvdo-inn .vdoposter .play-btn img { max-width: 80px; }	

.cta-full-outer .cta-data-1{ width: 378px;}

.why-box-main.version-1 .why-box-gray .img img{ max-width: 220px; }
.why-box-main .why-box-green{ min-height: 378px; }
.why-box-main .why-box-gray{ min-height: 530px; }
.why-block-main .col-md-4:nth-child(3n+2) .why-box-main .why-box-gray { min-height: 578px; }
.why-block-main .col-md-4:nth-child(3n+2) .why-box-main .why-box-green { min-height: 330px; }

.why-box-main.version-3 .why-box-gray .img img{ bottom: -95px; max-width: 280px; }

.testimonials-left{width: 270px;}
.testimonials-right{ width: calc(100% - 310px);}
.testimonials-box{ width: 340px; min-height: 340px;}

.cta-full-outer-main-2 .cta-full-outer-2 .cta-img{ max-width: 55%; }

.news-box .news-box-sub{ padding: 24px 24px 96px; }
.news-box .read-more { bottom: 24px; }


.cta-box-view { padding: 60px 42px; width: 38%; }
.cta-box-view-main { align-items: unset;}
.cta-box-view-main .cta-img-right { width: 62%; padding-left: 120px; }
.cta-box-outer::after{ height: 138px; }
.cta-box-view-main.ctashape-img:before { width: 68%; height: 200px; }
	
.belt-wapper-inner ul li{ width: 140px; min-height: 40px;}
.belt-wapper-inner ul li img{ max-width: 140px; max-height: 40px; }

.contact-block-main .contact-left span{ width: calc((100vw - 1070px) / 2 + 100% + 130px);}
.contact-block-main .contact-left span img{ width: 120%; bottom: -88px; }
.contact-right-inner{ min-width: 700px;}
.contact-left .section-title{ max-width: 300px; }
.contact-block-main .contact-left{ width: calc(100% - 300px);}
.contact-block-main .contact-right{ width: 300px;}

.solution-left { width: 390px;}
.solution-right { width: calc(100% - 448px); }
.solution-right .col-md-6:nth-child(4n+1) .solution-img { width: 450px; height: 450px; bottom: -130px; left: -60px;  }
.solution-right .col-md-6:nth-child(4n+2) .solution-img { width: 380px; height: 380px; }
.solution-right .col-md-6:nth-child(4n+3) .solution-img, .solution-right .col-md-6:nth-child(4n) .solution-img { width: 460px; height: 460px; }
.solution-right .col-md-6:nth-child(4n+3) .solution-img { left: 0; }
	
.team-card { padding: 38px 38px 0; }
.sourtab-nav ul li { padding: 20px 26px; }
.location-rght { width: calc(100% - 366px); }
.location-map { padding-top: 56.24%; }
.partstab-inn .sourtab-nav ul li { min-width: 240px; min-height: 180px; }
.partstab-inn .solution-box { padding-bottom: 440px !important; }

.making-card { min-height: 300px; }
.making-box { min-height: 600px; }
.achieve-col { min-height: auto; }
.achieve-content { padding-left: 38px; }

.brandtab-inn ul li { width: calc(25% - 18px); }
.consumer-lf { width: 330px; }
.consumer-rght { width: calc(100% - 390px); }

.teamcard-img { min-height: 340px; }
.history-content { padding: 0px 20px; }	
.history-slider { padding-bottom: 70px; }
	
.brand-box.brand-box-v2 { padding-bottom: 210px; }	
.home-main-banner-img  { min-height: auto; padding-top: 56.24%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img img { margin-right: 50px; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img:before { width: 560px; }

.jobopen-lf { max-width: 220px; }
.jobopen-rght { width: calc(100% - 260px); }
.jobopen-box { padding: 30px; }

.teamwrk-inn { gap: 50px; }
.teamwrk-lf, .teamwrk-img { width: calc(50% - 25px); }
.teamwrk-col { padding: 24px; }

.brochure-btn { gap: 16px; }
.brochure-btn > div { width: calc(50% - 8px);  }
.brochure-btn > div a { padding: 12px; }
	
.hrbrochur-lf { width: 440px; }
.hrbrochur-sec:before { width: 60%; }
.hrbrochur-img { margin-bottom: -110px; }
	
.career-lsthero-lf { width: 440px; }
.career-lsthero-rght img { max-width: 480px; margin-bottom: -160px; }
.tagline-inn { gap: 50px; }
.tagline-left, .tagline-right { width: calc(50% - 25px); }
.imgal-popcontent { max-width: 700px; }

.career-pstlf { width: 360px; }
.career-pstrght { width: calc(100% - 440px); }
.file-preview { max-width: 340px; }


.bloglist-banner-post { min-height: 450px; }
.bloglist-listing-content { padding-bottom: 80px; }
.blog-listing-box .career-lstbtn { bottom: 32px; }
.blgpst-hrlf, .blogpst-lf, .eventpst-hrlf { width: 360px; }
.blogpst-rght, .blgpst-featureimg, .eventpst-hero .blgpst-featureimg { width: calc(100% - 410px); }
.blgpst-featureimg { min-height: 350px; }

.event-banner { padding: 130px 0px; }
.event-heading { max-width: 460px; }
.event-post-inn { min-height: 380px; }
	
.bloglist-banner-tag { flex-direction: column-reverse; }
.bloglist-banner-tag h2, .bloglist-banner-tag .pretile  { width: 100%; }

.team-card h3.h2 { font-size: 30px; }
.team-slider .slick-list { padding-right: 50px; }
}

@media (min-width: 992px) and (max-width: 1239px) {
.container{ max-width: 900px; width: 900px; }
h1, .h1 {font-size:40px;line-height: 1.2;}
h2, .h2 {font-size: 36px;line-height: 1.2;}
h3, .h3 {font-size: 32px;line-height: 1.2;}
h4, .h4 {font-size: 24px;line-height: 1.4;}
h5, .h5 {font-size: 20px;line-height: 1.4;}
h6, .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-164{ padding-top: 110px; padding-bottom: 110px; }
.pt-164{ padding-top: 110px;}
.pb-164{ padding-bottom: 110px;}
.py-56{ padding-top: 38px; padding-bottom: 38px; }
.pt-56{ padding-top: 38px;}
.pb-56{ padding-bottom: 38px;}
.p-84{ padding: 42px;}
.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;}
.p-32{ padding: 25px;}
.py-32{ padding-top: 25px; padding-bottom: 25px; }
.pt-32{ padding-top: 25px;}
.pb-32{ padding-bottom: 25px;}



.section-title{ gap: 20px; max-width: 660px; }
.logo img{ max-height: 44px; max-width: 120px; }
.main-nav>ul>li { padding: 36px 0px; }
.header-bottom{ min-height: 96px; }
.contain-wapper{ padding: 144px 0 0 0; }
	
.header-nav, .main-nav>ul { gap: 20px; }
.main-nav>ul>li.menu-item-has-children>a { padding-right: 20px; }

.brand-box .brand-over-box{ padding: 30px ; }
.brand-box .brand-over-box .b-logo{ min-height: 56px; }
.brand-box .brand-over-box .b-logo img{ max-width: 200px; max-height: 64px; }
.brand-box .brand-over-box .b-logo{ margin: 0 0 12px; }
.brand-box .white-btn{ padding: 0 10px; }
.brand-boxs .row>*{ width: 50%;}
.Partners-listing ul li span{ min-height: 36px; }
.Partners-listing ul li span img{ max-width: 150px; max-height: 36px; }
.Partners-listing ul{ gap: 24px;}

.Machinery-left{ width: 300px;}
.Machinery-right{ width: calc(100% - 350px);}

.vedio-block{ border-radius: 24px; }
.Machinery-box .icon{ min-height: 44px; }
.Machinery-box .icon img{ max-height: 40px; }

.cta-full-outer .cta-data-1{ width: 378px;}
	
.why-box-main.version-1 .why-box-gray .img img{ max-width: 220px; }
.why-box-main.version-3 .why-box-gray .img img{ bottom: -95px; max-width: 280px; }
.why-block-main .row{ row-gap: 20px;}
.why-block-main .row>*{ width: 100%;}
.why-box-main{ flex-direction: row; justify-content: space-between;}
.why-box-main .why-box-gray{ width: 49%;}
.why-box-main .why-box-green {width: 49%;}
.why-box-main .why-box-green .icon img { max-height: 45px; }
	
.why-box-main .why-box-green{ min-height: 350px; }
.why-box-main .why-box-gray{ min-height: 450px !important; }

.testimonials-left{width: 270px;}
.testimonials-right{ width: calc(100% - 310px);}
.testimonials-box{ width: 320px; min-height: 320px;}

.cta-full-outer-main-2 .cta-full-outer-2 .cta-img{ max-width: 50%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img:before { width: 500px; }
.news-box .news-box-sub{ padding: 20px 20px 92px; }
.news-box .read-more { bottom: 20px }

.cta-box-view { padding: 30px 25px; width: 40%; }
.cta-box-view-main .cta-img-right { width: 60%; padding-left: 120px; }
.cta-box-view-main .cta-img-right img { max-width: 350px; }
.cta-box-outer::after{ height: 138px; }
.cta-box-view-main.ctashape-img:before { width: 68%; height: 200px; }
	
.belt-wapper-inner ul li{ width: 140px; min-height: 40px;}
.belt-wapper-inner ul li img{ max-width: 140px; max-height: 40px; }

.placeholder-img .play-icon a, .vdoposter .play-btn { width:120px; height: 100px; }
.placeholder-img .play-icon a img, .vdoposter .play-btn img { max-width: 40px; }
.vdoposter .play-btn img { max-width: 60px; }
	
.contact-block-main .contact-left span{ width: calc((100vw - 870px) / 2 + 100% + 125px);}
.contact-block-main .contact-left span img{ width: 120%; bottom: -88px; }
.contact-right-inner{ min-width: 550px;}
.contact-left .section-title{ max-width: 260px; }
.contact-block-main .contact-left{ width: calc(100% - 260px);}
.contact-block-main .contact-right{ width: 260px;}


.solution-left { width: 300px; }
.solution-right { width: calc(100% - 350px); }
.solution-right .col-md-6:nth-child(4n+1) .solution-img { width: 390px; height: 390px; bottom: -100px; left: -70px;  }
.solution-right .col-md-6:nth-child(4n+2) .solution-img { width: 380px; height: 380px; }
.solution-right .col-md-6:nth-child(4n+3) .solution-img { width: 360px; height: 360px;  left: 0; }
.solution-right .col-md-6:nth-child(4n) .solution-img { width: 360px; height: 360px;  right: -90px; }

.team-card { padding: 32px 26px 0; } 
.team-card h3.h2 { font-size: 28px; }
	
.sourtab-nav ul { gap: 20px }
.sourtab-nav ul li { padding: 20px; }
.location-lf { width: 260px; }
.location-rght { width: calc(100% - 300px); }
.location-map { padding-top: 56.24%; }
.twcolvdo-inn .placeholder-img .play-icon { max-width: 60px; }
.partstab-inn .sourtab-nav ul li { min-width: 240px; min-height: 180px; }
.partstab-inn .solution-box { padding-bottom: 400px !important; }

.making-card { min-height: 300px; }
.making-box { min-height: 520px; }
.achieve-col { min-height: auto; padding: 20px; }
.achieve-content { padding-left: 28px; }
.achieve-content img.check-icon { max-width: 18px; }
.vision-inn .row { margin-left: -10px !important; margin-right: -10px !important; }
.vision-inn .row>* { padding-left: 10px !important; padding-right: 10px !important; }

.cardcust-inn { gap: 30px; }
.cardcust-content, .cardcust-image { width: calc(50% - 15px); }
.brochure-img img { max-width: 100%; }
.brochure-btn { gap: 16px; }
.brochure-btn > div { width: 100%; max-width: 131px; }


.brandtab-inn ul li { width: calc(25% - 18px); }
.brandtab-lf { max-width: 280px; padding: 40px 25px; }
.brandtab-vdo { width: calc(100% - 300px); }

.consumer-lf { width: 330px; }
.consumer-rght { width: calc(100% - 390px); }
.teamcard-img { min-height: 320px; }
.teamcard-row  { row-gap: 48px; }
	
.brand-box.brand-box-v2 { padding-bottom: 210px; }	
.home-main-banner-img  { min-height: auto; padding-top: 56.24%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img img { margin-right: 50px; }
.history-slider { padding-bottom: 70px; }

.jobopen-lf { margin: 0 auto; text-align: center; }
.jobopen-lf .button-set { justify-content: center; }
.jobopen-rght { width: 100%; }
.jobopen-box { padding: 30px; }

.teamwrk-inn { gap: 40px; }
.teamwrk-lf, .teamwrk-img { width: calc(50% - 20px); }
.teamwrk-col { padding: 20px; }
.brochure-btn a { padding: 12px;  }

.hrbrochur-sec { padding-top: 55px; } 
.hrbrochur-lf, .career-lsthero-lf { width: 400px; }
.hrbrochur-rght, .career-lsthero-rght { width: calc(100% - 430px); }
.hrbrochur-img { margin-bottom: -100px; }
.hrbrochur-sec::before { width: 60%; }

.brochure-filter-tag ul li, .listing-filter-tag ul li, .blgfilter ul li { min-width: 160px; }
.career-lsthero-rght img {  max-width: 400px; margin-bottom: -128px; }
.tagline-inn { gap: 50px; }
.tagline-left, .tagline-right { width: calc(50% - 25px); }	
.image-gallrow { row-gap: 20px; margin-left: -10px !important; margin-right: -10px !important; }
.image-gallrow.row>* { padding-left: 10px !important; padding-right: 10px !important; }
.imgal-popcontent { max-width: 700px; }

.marketing-manager-inn { padding: 30px; }

.career-pstlf { width: 300px; }
.career-pstrght { width: calc(100% - 350px); }
.position-frmrght { width: calc(100% - 330px); }
.file-preview { max-width: 300px; }

.faqrow { padding-left: 32px; padding-right: 32px; }

.bloglist-banner-post { min-height: 400px; }
.bloglist-listing-content { padding-bottom: 72px; }
.blog-listing-box .career-lstbtn { bottom: 24px; }
.blog-listing-col { margin-top: 48px; }
.blgpst-hrlf, .blogpst-lf, .eventpst-hrlf { width: 335px; }
.blogpst-rght, .blgpst-featureimg , .eventpst-hero .blgpst-featureimg { width: calc(100% - 375px); }
.blgpst-featureimg { min-height: 350px; }
.blog-brochures { padding: 22px 22px 0; }
.event-date { padding: 6px 4px; max-width: 95px; }

.event-banner { padding: 110px 0px; }
.event-heading { max-width: 420px; }
.event-banner:before { width: 58%; }
.event-post-inn { min-height: 360px; }
	
.contact-servi-box h3 { font-size: 30px; }
	
.privacy-lf { width: 300px; }
.privacy-rght { width: calc(100% - 350px); }

.bloglist-banner-tag { flex-direction: column-reverse; }
.bloglist-banner-tag h2, .bloglist-banner-tag .pretile  { width: 100%; }
.error-404 h1.page-title { font-size: 200px; }
.contact-servi-box h4 { font-size: 20px; }
.team-slider .slick-list { padding-right: 50px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.container{ max-width: 700px; width: 700px; }
h1, .h1 {font-size:40px;line-height: 1.2;}
h2, .h2 {font-size: 36px;line-height: 1.2;}
h3, .h3 {font-size: 32px;line-height: 1.2;}
h4, .h4 {font-size: 24px;line-height: 1.4;}
h5, .h5 {font-size: 20px;line-height: 1.4;}
h6, .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: 50px; padding-bottom: 50px; }
.pt-112{ padding-top: 50px;}
.pb-112{ padding-bottom: 50px;}
.py-160{ padding-top: 100px; padding-bottom: 100px; }
.pt-160{ padding-top: 100px;}
.pb-160{ padding-bottom: 100px;}
.py-164{ padding-top: 110px; padding-bottom: 110px; }
.pt-164{ padding-top: 110px;}
.pb-164{ padding-bottom: 110px;} 
.py-56{ padding-top: 38px; padding-bottom: 38px; }
.pt-56{ padding-top: 38px;}
.pb-56{ padding-bottom: 38px;}
.p-84{ padding: 40px;}
.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;}
.p-32{ padding: 22px;}
.py-32{ padding-top: 22px; padding-bottom: 22px; }
.pt-32{ padding-top: 22px;}
.pb-32{ padding-bottom: 22px;}

.brand-box .brand-over-box{ padding: 30px ; }
.brand-box .brand-over-box .b-logo{ min-height: 56px; }
.brand-box .brand-over-box .b-logo img{ max-width: 200px;}
.brand-box .brand-over-box .b-logo{ margin: 0 0 12px; }
.brand-box .white-btn{ padding: 0 10px; }
.brand-boxs .row>*{ width: 50%;}


.Partners-listing ul li span{ min-height: 36px; }
.Partners-listing ul li span img{ max-width: 150px; max-height: 36px; }
.Partners-listing ul{ gap: 24px;}
.Machinery-block{ flex-direction: column;}
.Machinery-left{ width: 100%; padding: 0 0 32px;}
.Machinery-right{ width: 100%;}

.vedio-block{ border-radius: 20px; }
.Machinery-box .icon{ min-height: 44px; }
.Machinery-box .icon img{ max-height: 40px; }

.why-box-main.version-1 .why-box-gray .img img{ max-width: 220px; }
.why-box-main .why-box-green{ min-height: 350px; }
.why-box-main .why-box-gray{ min-height: 500px !important; }
.why-box-main.version-3 .why-box-gray .img img{ bottom: -95px; max-width: 280px; }
.why-block-main .row{ row-gap: 20px;}
.why-block-main .row>*{ width: 100%;}
.why-box-main{ flex-direction: row; justify-content: space-between;}
.why-box-main .why-box-gray{ width: 49%;}
.why-box-main .why-box-green {width: 49%;}

.testimonials-left{width: 250px;}
.testimonials-right{ width: calc(100% - 290px);}
.testimonials-box{ width: 320px; min-height: 320px;}

.cta-full-outer-main-2 .cta-full-outer-2 .cta-img{ max-width: 65%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-data-2{ max-width: 395px; }

.news-box .news-box-sub{ padding: 20px 20px 92px; }
.news-box .read-more { bottom: 20px }

.cta-box-view { padding: 32px; width: 100%; }
.cta-box-view-main .cta-img-right { width: 100%; padding-left: 120px; }
.cta-box-view-main .cta-img-right img { max-width: 380px; }
.cta-box-outer::after{ height: 138px; }

.belt-wapper-inner ul li{ width: 140px; min-height: 40px;}
.belt-wapper-inner ul li img{ max-width: 140px; max-height: 40px; }

.placeholder-img .play-icon a, .vdoposter .play-btn { width:120px; height: 100px; }
.placeholder-img .play-icon a img, .vdoposter .play-btn img { max-width: 40px; }
.twcolvdo-inn .vdoposter .play-btn { width: 63px; height: 63px; }
.twcolvdo-inn .vdoposter .play-btn img { max-width: 60px; }

.contact-block-main .contact-left span{ width: 150vw; position: absolute; bottom: 0; right: -25vw;}
.contact-block-main .contact-left span img{ width: 120%; bottom: -88px; }
.contact-right-inner{ min-width: 550px;}
.contact-left .section-title{ max-width: 100%; width: 100%; }
.contact-block-main .contact-left{ position: static; width: 100%;}
.contact-block-main .contact-right{ width: 100%;}
.contact-block-main{ flex-direction: column;}
.contact-section{ background: #fff; position: static; }
.contact-block-main .contact-right{ padding-top: 30px; }
.f-menu-top ul{ gap: 16px;}

.solution-left { width: 100%; padding: 0 0 32px; }
.solution-right { width: 100%; }
.solution-left .button-set { margin-top: 20px; }
.solution-box { padding-bottom: 234px !important; }
.solution-right .col-md-6:nth-child(4n+1) .solution-img { width: 455px; height: 455px; bottom: -100px; left: -25px; }
.solution-right .col-md-6:nth-child(4n+2) .solution-img { width: 389px; height: 389px; }
.solution-right .col-md-6:nth-child(4n+3) .solution-img { width: 475px;height: 475px;left: 32px;bottom: 0; }
.solution-right .col-md-6:nth-child(4n) .solution-img { width: 418px; height: 418px; left: 56px; bottom: -9px; }

.team-card { padding: 30px 30px 0; } 
.team-card h3.h2 { font-size: 30px; }
.twcol-content {width: 100%; }
.twcol-image { width: 100%; padding-top: 40px; }
.sourtab-nav ul { gap: 20px; }
.sourtab-nav ul li { padding: 20px; }

.location-lf { width: 100%; margin-bottom: 40px; }
.location-rght { width: 100%; }
.location-map { padding-top: 56.24%; }
.twcolvdo-inn .placeholder-img .play-icon { max-width: 60px; }
.twcolvdo-inn .placeholder-img { padding-top: 56.24%; }
.partstab-inn .sourtab-nav ul li { min-width: 180px; min-height: 100px; }
.partstab-inn .sourtab-nav ul li > img { max-width: 70px; margin-bottom: 10px; }
.partstab-inn .solution-box { padding-bottom: 440px !important; }


.making-card { min-height: 260px; }
.making-box { min-height: 450px; }
.making-box .p-64 { padding-bottom: 30px; }
.achieve-col { min-height: auto; }
.achieve-rght, .achieve-lf { width: 100%; }
.achieve-card { padding-bottom: 25%; }
.cardcust-inn { gap: 30px; }
.cardcust-content, .cardcust-image { width: 100%; }
.cardcust-img { padding-top: 70% }

.cardcust-slide .cardcust-img { padding: 0; min-height: 500px; }

.brandtab-inn ul li { width: calc(50% - 18px); padding: 32px; }
.brandtab-lf { max-width: 250px; padding: 30px 25px; }
.brandtab-vdo { width: calc(100% - 270px); }
.history-slider { padding-bottom: 65px; }

.consumer-lf { width: 100%; }
.consumer-lf h2 br { display: none; }
.consumer-rght { width: 100%; padding-top: 48px; }
.teamcard-img { min-height: 400px; }
.teamcard-row  { row-gap: 48px; }
.home-main-banner-img  { min-height: auto; padding-top: 56.24%; }

.cta-full-outer-main-2 .cta-full-outer-2 { padding-bottom: 0; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img { max-width: 100%; position: relative;  padding-top: 30px; }
	
.jobopen-box { padding: 22px; }
.jobopen-rght .row { margin-left: -10px !important; margin-right: -10px !important; }
.jobopen-rght .row>* {padding-left: 10px !important;padding-right: 10px !important;}

.hrbrochur-sec::before { width: 100%; height: 300px; }
.brochure-filter-tag ul li, .listing-filter-tag ul li, .blgfilter ul li { min-width: 130px; }

.career-lsthero-rght img { max-width: 400px; margin-bottom: -130px; }
.career-lstfilter-tag ul li  { padding: 12px 20px; }
.image-gallrow { row-gap: 20px; margin-left: -10px !important; margin-right: -10px !important; }
.image-gallrow.row>* { padding-left: 10px !important; padding-right: 10px !important; }

.marketing-manager-inn { padding: 30px; }
.career-pstlf { width: 280px; }
.career-pstrght { width: calc(100% - 310px); }

.cta-box-view-main.ctashape-img { padding-bottom: 180px; }
.cta-box-view-main.ctashape-img:before { width: 100%; height: 200px; }

.bloglist-listing-content { padding-bottom: 72px; }
.blog-listing-box .career-lstbtn { bottom: 24px; }
.blog-listing-col { margin-top: 48px; }
.blogmob_slider.row>* { padding: 0 !important; }

.event-banner { padding: 75px 0px 230px; }
.event-banner:before { width: 100%; height: 220px; }
.privacy-lf { width: 280px; }
.privacy-rght { width: calc(100% - 310px); }
.privacy-banner { padding: 112px 0px; }
.privacy-content-sec { padding: 64px 0px; }
	
.error-404  { padding-top: 140px; padding-bottom: 80px; }
.error-404 h1.page-title { font-size: 160px; }
.error-404 .error-page-text { font-size: 18px; }
.error-404 .wpsite_button { padding-top: 20px; }
.team-slider .slick-list { padding-right: 50px; }
} 

@media (max-width: 991px) {
 
 
.menu-icon{ display: flex; position: relative; right: -16px; 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-nav{ width: 100vw; transition: all 0.3s ease-in-out; transform: translateX(-100%); display: flex; height: calc(100vh - 64px);  position: absolute; left: 0; top: 100%; background: var(--white); flex-direction: column; align-items: flex-start; /*justify-content: space-between;*/ padding: 32px 20px 40px; overflow-y: auto; row-gap: 75px; }
.mobile-header .header-logo{ position: relative; left: auto; top: auto; transform: none; }
.mobile-header .header-logo img{ width: 148px;}
.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-nav.active{ transform: none; }
.main-nav>ul{ flex-direction:  column; gap: 24px; align-items: flex-start; justify-content: flex-start;}
.main-nav>ul>li>a{ font-size: 16px;}
.main-nav>ul>li{ padding: 0; transition: all 0.3s ease; }
.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: 0px; margin: 0px 0 0 0; width: 50px; height:24px; background: url('https://handys.co.uk/wp-content/uploads/2025/06/arrow-right.svg') no-repeat center right; background-size: 20px; transition: all ease-in-out 0.3s; cursor: pointer; }
.main-nav>ul>li ul{ display: none;/* position: relative; */width: 100%; height: auto; padding: 24px 0 0; }
.main-nav>ul>li{ flex-direction: column;}
.main-nav>ul>li.active .icon{ transform: rotate(0deg); }
.h-social a svg { width: 20px; height: 20px; }
.main-nav>ul>li>a:hover { color: var(--btnbg);  }
.main-nav>ul>li>a:hover { transform: scale(1.05); }
.main-nav>ul>li a:hover+.icon, .main-nav>ul>li a+.icon:hover { background: url(https://handys.co.uk/wp-content/uploads/2025/07/arrow-light.svg) no-repeat center right; background-size: 20px; transform: scale(1.08); }

.main-nav>ul>li.current-menu-item>a, .main-nav>ul>li.current-menu-ancestor>a, .main-nav>ul>li ul li.current-menu-item a { color: #07776E; }
.main-nav>ul>li.current-menu-item > span.icon, .main-nav>ul>li.current-menu-ancestor> span.icon { background: url(https://handys.co.uk/wp-content/uploads/2025/07/arrow-light.svg) no-repeat center right; background-size: 20px;  }


.logo img{ max-height: unset; max-width: 100px; }
.header-bottom { min-height: 64px; }
.contain-wapper{ padding: 65px 0 0 0; }
.header-top{ min-height: 30px; }
.header-top-outer { min-height: 36px; display: none; }
.header-btn { display: none; }
.mobile-menu-bottom .header-top-outer { display: block; margin: 0px -20px; width:calc(100% + 40px); padding: 12px; }
.mobile-menu-bottom .header-top-outer .h-phone { justify-content: center; flex-wrap: wrap; }
.mobile-menu-bottom .header-btn { display: flex; flex-direction: column; justify-content: center; width: 100%; row-gap: 24px; padding-bottom: 48px; }
.header-btn .theme-btn { justify-content: center; }
.mobile-menu-bottom { width: 100%; }

.main-nav>ul>li ul li a { font-size: 18px; color: #4A716D; }
.main-nav>ul>li ul li:not(:last-child) { margin-bottom: 12px; }
.main-nav > ul > li:first-child { display: none; }
.submenu-visible.main-nav { position: relative; min-height: 500px; }
.submenu-visible.main-nav > ul {-webkit-transform: translateX(-100%); transform: translateX(calc(-100% - 20px)); }
.main-nav > ul { position: relative; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; }
.main-nav>ul>li ul.sub-menu { position: absolute; top: 0; left: calc(100% + 20px); padding: 0; }
ul.sub-menu.menu-open { display: block; }
ul.sub-menu.menu-open li.back-button span.back { font-size: 16px; line-height: 150%; color: #0D443F; margin-bottom: 24px; display: block; background: url(http://www.inboundweb.in/handy/wp-content/uploads/2025/06/arrow-left.svg) no-repeat left center / contain; padding-left: 32px; cursor: pointer; }
.submenu-visible.main-nav>ul>li { position: static; }
span.menu-title { font-weight: 700; font-size: 24px; line-height: 140%; margin-bottom: 24px; }
.header-btn .theme-btn a { width: 100%; justify-content: center; padding: 8px 12px; }	
.header-btn .theme-btn a:hover { transform: scale(1.05); }

.footer-bottom-left, .footer-bottom-right { width: 100%; justify-content: center; }
.footer-bottom-left { gap: 10px; }
	
.history-img { padding-top: 61%; max-width: 61%; }
.vdoinner { border-radius: 20px; }

.jobopen-lf { margin: 0 auto; text-align: center; }
.jobopen-lf .button-set { justify-content: center; }
.jobopen-rght { width: 100%; }

.teamwrk-inn { gap: 48px; }
.teamwrk-lf, .teamwrk-img { width: 100%; }


.hrbrochur-lf { width: 100%; padding-bottom: 95px; }
.hrbrochur-rght, .career-lsthero-lf, .career-lsthero-rght, .tagline-left, .tagline-right { width: 100%; }
.hrbrochur-img { margin-bottom: -110px; }
.hrbrochur-img img { max-width: 500px; }
.hrbrochur-sec { padding-top: 64px; }
.brochure-filter-sec .brochure-filter-tag, .career-lstfilter, .blgfilter { margin-bottom: 28px; }

.career-lsthero  { padding-top: 48px; }
.career-lsthero-lf { padding-bottom: 75px; }

.tagline-inn { gap: 48px; }
.marketing-manager-inn{flex-direction: column; gap: 48px;}
.left-marketing-inn , .right-marketing-inn, .position-frmlf, .position-frmrght { width: 100%; }
	
.faqrow { padding-left: 32px; padding-right: 32px; }
.bloglist-banner-post { min-height: inherit; }

.blogpst-sec { padding-top: 0; }
.blgpst-hrlf, .blogpst-lf, .blogpst-rght, .eventpst-hrlf { width: 100%; }
.blgpst-featureimg, .eventpst-hero .blgpst-featureimg { width: 100%; min-height: auto; padding-top: 56.24%; }
.blogpst-inn, .eventpst-sec .blogpst-inn { flex-direction: column-reverse; gap: 80px; }
.eventpst-sec .blogpst-lf { display: block; }

.blogmob_slider { padding-bottom: 80px; }
.blogmob_slider .blog-listing-col { margin: 0px 10px; }
.blogmob_slider.slick-slider .slick-dots  { width: auto; right: 10px; gap: 12.11px; }
.blogmob_slider.slick-slider .slick-arrow { left: 74px; } 
.blogmob_slider.slick-slider .slick-arrow.slick-prev { left: 10px; }
.blogmob_slider.slick-slider .slick-dots button { width: 12.11px; height: 12.11px; border: 1.51px solid #AAAAAA; background: transparent; }
.blogmob_slider.slick-slider .slick-dots .slick-active button { background: var(--birghtgreen); border-color: var(--birghtgreen); }

.event-heading { max-width: 100%; }
.past-event-box { align-items: unset;  }
.past-event-content { width: 100%; }
.past-event-content .bloglist-banner-tag { flex-direction: column-reverse; align-items: unset; gap: 12px; }
	
.contact-lists { padding-bottom: 18px; }
.career-pstable { top: 100px; }
}

@media(min-width: 768px){ .brandtab-inn .brandtab-nav ul {display: flex !important;  } }

@media (max-width: 767px) {
.container{ max-width: 100%; width:100%; padding: 0 20px; }
h1, .h1 {font-size:40px;line-height: 1.2;}
h2, .h2 {font-size: 36px;line-height: 1.2;}
h3, .h3 {font-size: 32px;line-height: 1.2;}
h4, .h4 {font-size: 24px;line-height: 1.4;}
h5, .h5 {font-size: 20px;line-height: 1.4;}
h6, .h6 {font-size: 18px;line-height: 1.4;}	

.home-banner .banner-bg{  height: auto; min-height: 595px; }
.banner-caption{ top: auto; bottom: 32px; transform: none; }
.home-banner{ background: var(--black); }
/* .home-banner .banner-bg span{ opacity: 0.6; } */
.banner-text{ max-width: 100% !important; }
.home-banner.sm_center .banner-text{ margin: 0 auto; }
.home-banner .banner-bg::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)); }
.home-banner .banner-bg.mobile_overlay_2::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%),linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); }
.home-banner .banner-bg.mobile_overlay_3::after { background: rgba(0, 0, 0, 0.7); }
.home-banner .banner-bg.mobile_overlay_4::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); }

.wpcf7 form.sent .wpcf7-response-output  { font-size: 18px; }
.mobile_hide { display: none; }	

.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: 32px; padding-bottom: 32px; }
.pt-112{ padding-top: 32px;}
.pb-112{ padding-bottom: 32px;}
.py-160{ padding-top: 64px; padding-bottom: 64px; }
.pt-160{ padding-top: 64px;}
.pb-160{ padding-bottom: 64px;}
.py-164{ padding-top: 65px; padding-bottom: 65px; }
.pt-164{ padding-top: 65px;}
.pb-164{ padding-bottom: 65px;}
.py-56{ padding-top: 24px; padding-bottom: 24px; }
.pt-56{ padding-top: 24px;}
.pb-56{ padding-bottom: 24px;}
.p-84{ padding: 30px; }
.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;}
.p-32{ padding: 22px;}
.py-32{ padding-top: 22px; padding-bottom: 22px; }
.pt-32{ padding-top: 22px;}
.pb-32{ padding-bottom: 22px;}

.mb_p-32{ padding: 32px; }
.mb_py-32{ padding-top: 32px; padding-bottom: 32px; }
.mb_pt-32{ padding-top: 32px;}
.mb_pb-32{ padding-bottom: 32px; }

.mb_py-133 { padding-top: 133px; padding-bottom: 133px; }

.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);}

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

.sm_center { text-align: center; }
.sm_center .button-set { justify-content: center; }

.brand-box .brand-over-box{ padding: 24px ; }
.brand-box .brand-over-box .b-logo{ min-height: 56px; }
.brand-box .brand-over-box .b-logo img{ max-width: 200px;}
.brand-box .brand-over-box .b-logo{ margin: 0 0 12px; }
.brand-box .white-btn{ padding: 0 10px; position: static; }
.brand-boxs{ display: flex ;align-items: center; width: 100%; justify-content: center;}
.brand-box.brand-box-v2 { padding-bottom: 24px; }
/* .brand-boxs .row {
    -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: 20px;
    row-gap: 0;
    width: calc(100% + 40px);
    min-width: calc(100% + 40px);
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 !important;
} 
.brand-boxs .row::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px;display:none}
.brand-boxs .row::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border:2px solid #5f5e5e;border-radius:8px;display:none}
.brand-boxs .row>*{ padding: 0 !important; width: 280px;} */
.plantimage { display: none; }

.Partners-listing ul li span{ min-height: 36px; }
.Partners-listing ul li span img{ max-width: 120px; max-height: 30px; }
.Partners-listing ul{ flex-wrap: wrap; gap: 20px;}

.Machinery-block{ flex-direction: column;}
.Machinery-left{ width: 100%; padding: 0 0 32px; }
.Machinery-right{ width: 100%;}
.Machinery-box .icon{ min-height: 44px; }
.Machinery-box .icon img{ max-height: 40px; }
.Machinery-left .section-title h2 { font-size: 32px; }
.Machinery-left .section-title h2, .Machinery-left .section-title h3, .Machinery-left .section-title p, .testimonials-left .section-title h2, .testimonials-left .section-title h3, .testimonials-left .section-title p, .contact-left .section-title h2, .contact-left .section-title h3, .contact-left .section-title .text p, .solution-left .section-title h2, .solution-left .section-title h3, .solution-left .section-title p,  .section-title.sm_center h1, .section-title.sm_center h2, .section-title.sm_center h3, .section-title.sm_center p   { text-align: center; }
.Machinery-left .section-title .button-set, .testimonials-left .section-title .theme-btn, .solution-left .section-title .button-set { justify-content: center; }

.vedio-block{ border-radius: 16px; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-bg span.desktop-show,
.cta-full-outer .cta-bg span.desktop-show{display: none;}
.cta-full-outer-main-2 .cta-full-outer-2 .cta-bg span.mobile-show,
.cta-full-outer .cta-bg span.mobile-show{ display: block;}


.why-box-main.version-1 .why-box-gray .img img{ max-width: 220px; }
.why-box-main .why-box-green{ min-height: inherit !important; }
.why-box-main .why-box-gray, .why-block-main .col-md-4:nth-child(3n+3) .why-box-gray.whyimg { min-height: 521px; }
.why-box-main.version-3 .why-box-gray .img img{ bottom: -95px; max-width: 280px; }
.why-block-main .row{ row-gap: 20px;}
.why-block-main .row>*{ width: 100%;}
.why-block-main .col-md-4:nth-child(3n+3) .why-box-gray { min-height: 308px; }
.why-block-main .col-md-4:nth-child(3n+2) .why-box-main .why-box-gray { min-height: 524px; }
.why-box-main .why-box-gray{ width:100%;}
.why-box-main .why-box-green {width: 100%;}
.why-block-main .col-md-4 .why-box-gray.whyimg .img { display: flex; width: 100%; }
.why-block-main .col-md-4 .why-box-gray.whyimg .img img { max-width: 100%; width: auto; height: auto; }

.testimonials-left{width: 100%; padding: 0 0 48px; }
.testimonials-right{ width: 100%;}
.testimonials-box{ width: 300px; min-height: 300px;}
.testimonials-block { flex-direction: column;}
.testimonials-right .slick-slide{ padding: 0 16px 0 0; }
.testimonials-slider.slick-slider .slick-arrow, .news-slider-in .slick-slider .slick-arrow, .location-slider.slick-slider .slick-arrow, .team-slider.slick-slider .slick-arrow, .imgal-popcontent .slick-slider .slick-arrow { display: none !important; }
.testimonials-slider.slick-slider .slick-dots, .news-slider-in .slick-slider .slick-dots, .location-slider.slick-slider .slick-dots, .team-slider.slick-slider .slick-dots, .imgal-popcontent .slick-slider .slick-dots { justify-content: center; width: 100%; height: 8px; }
.testimonials-slider { padding-bottom: 32px; }
.testimonials-right .slick-list { padding-right: 35px; }

.cta-full-outer-main-2 .cta-full-outer-2 .cta-img{ padding: 46px 0 0 0; position: relative; right: auto; bottom: auto; max-width: 100%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-data-2{ padding-bottom: 0px;  max-width: 395px; }
.cta-full-outer-main-2 .cta-full-outer-2 { padding-bottom: 0; padding-top: 80px; }


.news-box .news-box-sub{ padding: 32px 32px 130px; }  
.news-box .read-more { bottom: 32px }
.news-slider-in .slick-slider{ padding-bottom: 32px; }
.news-slider-block .slick-list { padding-right: 45px; margin-right: -20px; }
.news-section .section-title { padding-bottom: 48px; }
	
	
	
.cta-box-view { width: 100%; }
.cta-box-view-main .cta-img-right { width: 100%; padding: 24px 22px 0 32px; }
.cta-box-view-main .cta-img-right:before { height: 120px; background-size: cover; background-position: top center; }
	
.cta-box-outer::after{ height: 138px; }
.section-title.left-align .button-set{ gap: 8px;}

.belt-wapper-inner ul li{ width: 140px; min-height: 40px;}
.belt-wapper-inner ul li img{ max-width: 140px; max-height: 40px; }

.contact-block-main .contact-left span{ width: 150vw; position: absolute; bottom: 0; right: -25vw;}
.contact-block-main .contact-left span img{ width: 120%; bottom: -88px; }
.contact-right-inner{ min-width: 100%; width: 100%;}
.contact-left .section-title{ max-width: 100%; width: 100%; }
.contact-block-main .contact-left{ position: static; width: 100%;}
.contact-block-main .contact-right{ width: 100%;}
.contact-block-main{ flex-direction: column;}
.contact-section{ background: #fff; /*position: static;*/ }
.contact-block-main .contact-right{ padding-top: 30px; }
.contact-block-main .contact-left span { display: none; }
.contact-section:before { content: ''; position: absolute; width: 100%; height: 395px; background: #07776E; bottom: 0; }
.contact-section .contact-form .submit-row { padding-top: 16px; }

.footer-top{ flex-direction: column; padding: 48px 0 ;gap: 32px;}
.f-menu-top ul {flex-direction: column; gap: 20px;}
.footer-bottom{ padding: 25px 0 64px;  width: 100%; justify-content: center; flex-wrap: wrap; }
.footer-bottom-left { width: 100%; text-align: center; }
.footer-bottom-right { justify-content: center;  }
.f-link-bot ul{ gap: 24px;}

.solution-left { width: 100%; padding: 0 0 80px; }
.solution-right { width: 100%; }
.solution-left .button-set { margin-top: 20px; }
.solution-box { padding-bottom: 235px !important; }
.solution-right .col-md-6:nth-child(4n+1) .solution-img { width: 455px; height: 455px; bottom: -100px; left: -10px; }
.solution-right .col-md-6:nth-child(4n+2) .solution-img { width: 389px; height: 389px; bottom: 20px; left: 45%; }
.solution-right .col-md-6:nth-child(4n+3) .solution-img { width: 475px;height: 475px;left: 32px; bottom: 0; }
.solution-right .col-md-6:nth-child(4n) .solution-img { width: 418px; height: 418px; left: 56px; bottom: -9px; }
.solution-right .col-md-6:nth-child(2) { order: 1; }
.solution-right .col-md-6:nth-child(4) { order: 2; }
.solution-left .button-set { display: none; }

.history-content { padding: 0px 15px; }
.history-slider .slick-list { padding-right: 115px; margin-right: -20px; }
.history-year { font-size: 32px; }
.history-text { max-width: 176px; margin: 0 auto; }
	
.team-card { padding: 24px 24px 0; }
.twcol-content {width: 100%; }
.twcol-image { width: 100%; padding-top: 48px; }
.team-card h3.h2 { font-size: 26px; } 

.sourtab-nav ul { gap: 16px; }
.sourtab-nav ul li { padding: 20px ; font-size: 20px; width: 100%; max-width: 335px; }
.sourtab-row { row-gap: 12px; text-align: left !important; }

.location-lf { width: 100%; margin-bottom: 40px; }
.location-rght { width: 100%; }
.location-map { padding-top: 56.24%; }
	
.twcolvdo-inn .vdoinner { padding-top: 69.6%; }
.twcolvdo-inn .vdoinner .play-icon { max-width: 60px; }
.twcolvdo-inn .vdoposter .play-btn { width: 63px; height: 63px; }
.location-slider { padding-bottom: 56px; }
.location-slider .slick-list { padding-right: 30px;  overflow: visible; }
.location-inn { overflow: hidden; position: relative; }
.location-inn:before { content: ''; position: absolute; width: 20px; height: 100%; top: 0; left: 0; background: inherit; z-index: 1; }
.search-frm .hs-searchfield { gap: 12px;}
	
.partstab-inn .sourtab-nav ul li { min-width: 130px; min-height: 110px; font-size: 24px; padding: 16px 20px; }
.partstab-inn .sourtab-nav ul li > img { max-width: 51px; margin-bottom: 4px; } 
.partstab-inn .sourtab-nav { padding-bottom: 80px; }
.partstab-inn .solution-box { padding-bottom: 256px !important; }
.partstab-inn .solution-img { max-width: 95%; }
.partstab-inn .col-md-6:nth-child(3n+2) .solution-img { margin-bottom: -70px; max-width: 262px; margin-right: -15px; }
	
.making-card { min-height: 437px; padding-top: 60px; }
.making-box { min-height: auto; overflow: hidden; }
.making-box .p-64 { padding-bottom: 30px; }
.making-box .p-64 { padding-bottom: 68px; }
.making-row .col-md-6:first-child .making-img.pt-54 img { margin-right: -112px; }
.making-row .col-md-6:nth-child(2n) .making-card .making-heading { max-width: 207px; margin: 0 auto; }
.making-row .col-md-6:nth-child(2n) .making-box .making-text { margin: 0px -15px; }
.making-sec .section-title { padding-bottom: 80px; }

.achieve-rght, .achieve-lf { width: 100%; }
.achieve-card { padding-bottom: 32px; }
.achieve-col { min-height: auto; }
.cardcust-box .achieve-col h5 { font-size: 24px; }
.achieve-card:before { background: linear-gradient(360deg, rgba(0, 0, 0, 0) -51.93%, rgba(0, 0, 0, 0.8) 100%), rgb(0 0 0 / 50%); }
.achieve-rght h3 { text-align: center; }
.achieve-rght .achieve-content img.check-icon { position: static; margin-bottom: 24px; }
.achieve-rght .achieve-content { padding-left: 0; }
.achieve-rght .achieve-col { border-radius: 20px; }
	
.cardcust-box .row, .achieve-rght .row { row-gap: 12px; }
.cardcust-content, .cardcust-image { width: 100%; }
.cardcust-img { padding-top: 70%; min-height: 401px; }
.cardcust-slide .cardcust-img { padding: 0; min-height: 400px; }
.cardcust-slide.slick-slider .slick-dots, .cardcust-slide.slick-slider .slick-arrow { bottom: 30px; }
.cardcust-image.cardcust-slide { border-radius: 16px; }
.cardcust-box h3 { text-align: center; }
	
.retail-txt { max-width: 226px;}


.brandtab-lf { max-width: 100%; padding: 32px; row-gap: 48px; }
.brandtab-col { row-gap: 24px; }
.brandtab-vdo { width: 100%; }
/* .brandtab-inn .sourtab-nav { overflow-x: auto; padding: 0px 20px; margin: 0px -20px; }
.brandtab-inn .sourtab-nav ul { flex-wrap: nowrap; width: max-content; } */
.brandtab-inn .brandtab-nav ul li { max-width: 100%; padding: 0; background: unset; }
.brandtab-vdo .vdoinner { padding-top: 66%; }
.brandtab-inn .brandtab-nav ul li:not(:last-child) { margin-bottom: 15px; }
.brandtab-inn .tab-content { display: none; }
.brandtab-inn .brandtab-nav { position: relative; }
.brandtab-inn .brandtab-nav span { background: url(https://handys.co.uk/wp-content/uploads/2025/06/Chevron-Down.svg) no-repeat center right 32px/24px, #0D443F; padding: 32px;  display: inline-block; width: 100%; border-radius: 20px; }
.brandtab-inn .brandtab-nav ul { position: absolute; width: 100%; background: #f8f8f8; border-radius: 32px; z-index: 1; display: none; padding: 20px; }
.brandtab-inn .tab-logo { justify-content: left; min-height: auto; max-width: 160px; }
.brandtab-inn .brandtab-nav span img { max-width: 156px; }
.brochure-heading .theme-btn { justify-content: center; width: 100%; }	
.brochure-btn > div { max-width: 123px; }
.brandtab-inn .brandtab-nav span:after { display: none; }
	
.consumer-lf { width: 100%; }
.consumer-lf h2 br { display: none; }
.consumer-rght { width: 100%; padding-top: 40px; }
.consumer-list:not(:last-child) { margin-bottom: 12px; }

.teamcard-row  { row-gap: 48px; }
.teamcard-img .desktop-img.hide { display: none; }
.teamcard-img .mobile-img { display: block; }
.teamcard-img { min-height: 390px; }
.teamcard-img span.shape-bm { bottom: -282px; }
.team-slider { padding-bottom: 32px; }
.team-img { margin: 48px -20px 0; }


.hero-banner, .hero-video { padding-top: 195px; padding-bottom: 80px}
.hero-banner:before { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%), rgba(0,0,0, 60%); }
.nice-select:after { width: 8px; height: 8px; }	
.hero-mobimage { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: top center; background-repeat: no-repeat; z-index: -1; }
.hero-banner.hr_mobimg { background-image: none !important; }
	
	
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { font-size: 18px; }
.home-main-banner-img  { min-height: auto; padding-top: 58.3%; }

.cta-full-outer-main-2 .cta-full-outer-2 .cta-img:before { right: 37%; }
.cta-full-outer-main-2 .cta-full-outer-2 .cta-img:after { width: 337px; }

.hr-banner-cta { position: relative; padding: 80px 0px; }
.hr-banner-cta .banner-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; min-height: auto; }
.hr-banner-cta .banner-caption { position: static; }
.hr-banner-cta .banner-bg::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), rgba(0, 0, 0, 0.5); }

.jobopen-rght .row, .teamwrk-box { row-gap: 12px; }
.job_slider.slick-slider .slick-arrow { left: 50% !important; transform: translateX(-50%); margin-left: 32px; }
.job_slider.slick-slider .slick-arrow.slick-prev { margin-left: -32px; }
.job_slider.row { margin-right: -20px !important; }
.job_slider.row>* {  padding-right: 45px !important; }
.teamwrk-img .cardcust-img { min-height: 292px; }

.twcolvdo-sec.sm_center .section-title.left-align h2, .twcolvdo-sec.sm_center .section-title.left-align h3, .twcolvdo-sec.sm_center .section-title.left-align p { text-align: center; }
.twcolvdo-sec.sm_center .button-set { justify-content: center; }

.hrbrochur-img { margin-bottom: -40px; }
.brochure-filter-tag ul, .career-lstfilter-tag ul, .listing-filter-tag ul, .blgfilter ul { flex-wrap: nowrap; width: max-content; }
.brochure-filter-tag ul li, .career-lstfilter-tag ul li, .listing-filter-tag ul li, .blgfilter ul li { min-width: auto; }
.brochure-filter-tag, .career-lstfilter .filters, .listing-filter-tag, .blgfilter { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; margin-right: -20px; }	
.brochure-filter-sec .section-title { row-gap: 16px; }
	
.career-lsthero-rght img { max-width: 100%; margin-bottom: -110px; }
.career-lstheading { flex-direction: column-reverse; align-items: unset; }
.career-lsthead .career-lstbtn { display: none; }
.career-lstinfo ul { flex-direction: column; align-items: unset; }
.pagination-block ul { gap: 5px; padding: 48px 64px 0px 92px; }
.pagination-block a { padding: 5px 14px; border-radius: 10px; }
.career-lstcol .career-lstbtn { display: block; }
.career-lsthead .career-lstbtn { display: none; }
.career-lstsort { width: 100%; }
.career-lstsort ul { left: 0; max-width: 130px;  }
.career-lstfilter, .upcoming-eventpst-inner .listing-filter-tag { margin-bottom: 36px; }
.career-filter-col, .upcoming_item { padding-top: 12px; }

.image-gallrow .col-md-6 { flex: 0 0 auto; width: 50%; }
.image-gallcol { border-radius: 20px; }
.image-gallrow { row-gap: 12px; margin-left: -6px !important; margin-right: -6px !important; }
.image-gallrow.row>* { padding-left: 6px !important; padding-right: 6px !important; }
.imgal-popcontent .slider-container { padding-bottom: 32px; }
span.imgal-close { width: 25px; height: 25px; top: -10px; right: -10px; border-radius: 6px; }
span.imgal-close:before, span.imgal-close:after { width: 15px; }
/* .image-gallery-sec .section-title { padding-bottom: 80px; } */

.right-marketing-inner{ text-align: center;}

.marketing-btn{text-align: center;}
.marketing-btn a{width: 100%;}

.career-pstlf, .career-pstrght { width: 100%; }
.career-pstcontent h2 { font-size: 32px; }
.career-pstsocial ul { justify-content: center; }
.position-form .submit-row p { width: 100%; flex-direction: column; }
.file-preview { position: relative; }
.file-box { flex-direction: column; align-items: unset; }

.cta-box-view-main.ctashape-img .cta-box-view { padding: 48px 48px 270px; }
.cta-box-view-main.ctashape-img .cta-box-view .section-title .button-set > div { width: auto; }
.cta-box-view-main.ctashape-img:before { width: 100%; background-size: cover; height: 211px; }

.bloglist-banner { padding-top: 64px; }
.bloglist-banner-img { width: 100%; padding-top: 66.66%; }
.bloglist-banner-content { width: 100%; }
.blog-listing-sec { padding-top: 8px; }
.blog-listing-box .career-lstbtn { position: static; margin-top: 24px; }
.blog-listing-col { margin-top: 32px; height: unset !important; }
/* .blog-listing-inner .pagination-block ul { padding-top: 32px; } */
.blogpst-sec, .eventpst-sec { padding-top: 0; }
.career-pstcontent img { min-height: 450px; object-fit: cover; }
.career-pstcontent p > strong > span { font-size: 18px; }
.career-pstcontent blockquote { font-size: 16px; line-height: 28px; }
.blog-brochures-img { padding-top: 47px; margin-bottom: 0; text-align: center; }
.related-pstbtn { width: 100%; justify-content: center; }
.blogmob_slider { padding-bottom: 36px;         margin-right: -20px !important; } 
.blogmob_slider .slick-list { padding-right: 45px !important; padding-left: 0 !important }
.blgtag-txt { text-align: cenetr; }
.blogmob_slider.slick-slider .slick-dots { justify-content: center; width: 100%; height: 12.11px; } 
.privacy-content img { min-height: 209px; }
.privacy-content p:has(img) { padding: 40px 0px; }
	
.event-banner { padding: 64px 0px 307px; }
.event-banner:before { width: 100%; height: 220px; background-size: cover; }
.event-heading h1 { font-size: 56px; }
.upcoming-eventpst-inner .pagination-block ul { padding-top: 48px; }

.newscta-sec { padding: 133.5px 0; }
.newscta-sec .banner-text p { font-size: 18px; }

.become-sec { padding: 112px 0px; }
.sectionbg:before, .sectionbg.overlay_1 { background: rgba(0,0,0, 70%); }
.contact-servi-row { row-gap: 12px; }
.contact-servi-col:nth-child(7n) .contact-servi-box { margin: 32px; height: auto; }
.contact-servi-box { word-break: break-word; }
span.contact-bmshape { content: ''; position: absolute; width: 100%; height: 410px; background: url(https://handys.co.uk/wp-content/themes/handy/assets/images/conatact-bg.png) no-repeat left -200px top / cover; left: 0; bottom: -100px; }
.privacy-banner { padding: 112px 0px; }
.privacy-content-sec { padding: 64px 0px; }
.privacy-rght { width: 100%; }
.privacy-content blockquote { font-size: 20px; padding-left: 26px; }

.error-404 .page-content form.search-form { padding-right: 0; }
.error-404 h1.page-title { font-size: 150px; }
.error-404 .error-page-text { font-size: 16px; } 
.error-404 .wpsite_button { padding-top: 20px; }	
.error-404 { padding-top: 120px; padding-bottom: 60px; }
.error-404 .page-content form.search-form .search-submit { position: static; width: 100%; margin-top: 24px; }
.error-404 .page-content form.search-form .search-field { max-width: 100%; }
	
.admin-bar header#header { padding-top: 46px; } 
.team-slider .slick-list { padding-right: 20px; }
}


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

	.teamcard-img span.shape-bm { left: -100px; }
	.hrbrochur-img { margin-bottom: -50px; }
	.hrbrochur-img img { max-width: 400px; }
	.hrbrochur-sec::before { width: 100%; height: 156px; right: 0; bottom: 0; background-size: cover; background-position: center top; }
}
	

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

	.vedio-block .placeholder-img, .vedio-block .vedio-blk-inner, .vdoinner { padding-top: 86.33%; } 
	
	.Machinery-left .section-title .button-set, .cta-box-view .section-title .button-set, .solution-left .button-set, .blog-brochures-content .button-set, .sm_center .button-set { flex-wrap: wrap;}
	.Machinery-left .section-title .button-set > div, .Machinery-left .section-title .button-set > div a, .testimonials-left .theme-btn a, .cta-box-view .section-title .button-set > div , .cta-box-view .section-title .button-set > div a, .about-btn a, .history-btn a, .solution-left .section-title .button-set > div, .solution-left .section-title .button-set > div a, .jobopen-box .theme-border-btn a, .blog-brochures-content .button-set > div, .blog-brochures-content .button-set > div a, .sm_center .button-set > div, .sm_center .button-set > div a { width: 100%; }
	
	.location-map { padding-top: 89.66%; }
	
	.search-frm .hs-searchfield .input-box, .search-frm .hs-searchfield .submit-row, .search-frm .hs-searchfield .submit-row p { width: 100%; }
	.twcol-image > img { min-height: 348px; object-fit: cover; }

	.brandtab-sec .vision-txt { max-width: 290px; margin: 0 auto; }
	.desktop-shape { display: none; }
	.mobile-shape { display: block; }
	.shape-img { height: 500px; }
	.testimonials-left h2 { max-width: 300px; margin: 0 auto; }

	.hrbrochur-img { margin-bottom: -37px; }
	.hrbrochur-img img { max-width: 294px; }
	.hrbrochur-sec::before { width: 100%; height: 156px; right: 0; bottom: 0; background-size: cover; background-position: left -70px top; }
	.right-marketing-inner{flex-direction: column; gap: 20px; }
	.marketing-box{width: 100%;}
	.blog-listing-img { padding-top: 89.6%; }
	.blgpst-featureimg { padding-top: 72.6%;}
	.blogmob_slider .blog-listing-img { min-height: 300px; } 
	.blogmob_slider .event-image .blog-listing-img, .event-image .blog-listing-img { min-height: 320px; }
	.event-post-inn .bloglist-banner-img { padding-top: 87.5%; }
	.eventpst-hero .blgpst-featureimg { padding-top: 77.6%; }
	.eventpst-hrbtn > div { width: calc(50% - 8px); }
	.eventpst-hrbtn > div a { width: 100%; }
	.error-404 h1.page-title { font-size: 100px; } 
	.team-slider .slick-list { padding-right: 15px; }
}


@media(max-width: 350px){
	.white-btn a, .white-border-btn a, .theme-btn a, .theme-border-btn a { padding: 12px; }
	.f-link-bot ul { gap: 10px; }
	.f-link-bot ul li a { font-size: 12px; }
	
	.brochure-btn { gap: 15px; }
	.pagination-block ul { padding: 48px 54px 0px 82px; }
	.pagination-block a { padding: 4px 10px; }

	.event-date { padding: 6px 4px; max-width: 90px; }
	.contact-servi-col:nth-child(7n) .contact-servi-box { margin: 20px; }
}