@media only screen and (max-width:1399px){
	.hero-text .container > div{width:55%;}
}

@media only screen and (max-width:1299px){
	.about-four__feature__title{font-size:var(--fs14); font-weight:var(--fw600);}
}

@media only screen and (max-width:1199px){
	.navigation + button{margin-left:auto;}
	.hero-text .container > div{width:65%;}
	.banner{height:calc(80vh - 120px);}
	.page-title{height: 250px;}
	.page-title h2, .heading h2{font-size: var(--fs40);}
	.offerings > li{width: calc(33.33% - 20px);}
	.exptext h4{font-size: var(--fs28);}

}

@media only screen and (max-width:991px){
	.alloffers .item{width:50%;}
	.alloffers .item:nth-child(2n){border-right:0px;}
	.alloffers .item:nth-child(3){border-right:1px solid #dcdcdc;}
	.alloffers .item:nth-child(4){border-bottom:1px solid #dcdcdc;}
	.heading h2{font-size:var(--fs38);}
	.ourprocess{gap:calc(var(--fs20) * 2);}
	.ourprocess:before{content:none;}
	.ourprocess .item{width:45%;}
	.ourprocess .item:nth-child(2), .ourprocess .item:nth-child(3){top:0px;}
	.ourprocess .item .icon{width:130px; height:130px;}
	.ourprocess .item .icon img {height:var(--fs50);}
	.ourprocess .item h4{font-size:var(--fs20);}
	.ourprocess .item p{font-size:var(--fs14); line-height:var(--fs22);}
	.process{padding-bottom:100px;}
	.getintouch:after{height:calc(var(--fs30)* 12);}
	.f-address .item{flex-wrap:wrap; justify-content:center; text-align:center; height:184px; padding:var(--fs24) var(--fs20);}
	.f-address .item span{line-height:var(--fs28);}
	.about-four__image__bg{top:-100px;}
	.about-four__feature__title{font-size:var(--fs16);}
	.banner{height:calc(70vh - 120px);}
	.hero-text h1{font-size:var(--fs48); line-height:calc(var(--fs50) + 8px);}
	.page-title{height: 200px;}
	.page-title h2{font-size: var(--fs38);}
	.padd80{padding: var(--fs50) 0px;}
	.heading h2{font-size: var(--fs34);}
	.offerings > li{width: calc(50% - 10px);}
	.exptext h4{font-size: var(--fs28);}
	.exptext p{font-size: var(--fs16); line-height: var(--fs26);}

}

@media only screen and (max-width:767px){
	.alloffers .item{width:100%; border-right:0px !important; border-bottom:1px solid #dcdcdc;}
	.alloffers .item:last-child{border-bottom:0px;}
	.heading h2{font-size:var(--fs32);}
	.alloffers .item h4{font-size:var(--fs20);}	
	.alloffers .item img{height:calc(var(--fs30) * 2)}s
	p{line-height:var(--fs26);}
	.f-links{flex-wrap:wrap; gap:0; justify-content:flex-start;}
	.f-links li{margin:0px; margin-bottom:var(--fs10); width:30%; line-height:normal;}
	.f-address .item{flex-wrap:unset; text-align:left; justify-content:flex-start; height:calc(var(--fs10) * 10);}
	.banner {height:calc(56vh - 120px); }
	.hero-text .container > div{width:74%;}
	.hero-text h1 {font-size:var(--fs38); line-height:var(--fs50); }
	.page-title{height:160px;}
	.page-title h2{font-size: var(--fs32);}
	.heading h2{font-size: var(--fs30);}
	.padd80{padding: var(--fs40) 0px;}
	.offerings{gap: var(--fs10);}
	.offerings > li{width:100%; font-size: var(--fs16);}
	.exptext h4{font-size: var(--fs24);}
	.experienced  .row{padding-bottom: var(--fs40) !important;}

}

@media only screen and (max-width:575px){
	.heading h2{font-size:var(--fs28);}
	.copyright{height:calc(var(--fs20) * 4); line-height:normal;}
	.footer:before{bottom:calc(var(--fs20) * 4); }
	.ourprocess{gap:calc(var(--fs20)* 1);}
	.ourprocess .item{width:95%;}
	.ourprocess .item{border:1px solid var(--st-border1); padding:var(--fs30);}
	.padd100, .padd120{padding:60px 0px;}
	.f-links li{width:47%;}
	.product-slider .item{padding:var(--fs20) var(--fs10); height:180px;}
	.product-slider .item img{height:calc(var(--fs50) + 16px);}
	.product-slider .item h4{margin-top:var(--fs20); font-size:var(--fs18);}
	.products:before{width:80%; height:340px;}
	.product-slider .owl-dots{margin-top:var(--fs20);}
	a.brand-logo img{height:calc(var(--fs46) - 1px);}
	.toggle-menu{width:calc(var(--fs46) - 1px); height:calc(var(--fs46) - 1px); font-size:var(--fs20);}
	.hero-text .container > div{width:100%;}
	.hero-text h1 {font-size:var(--fs24); line-height:var(--fs36); }
	.banner {height:calc(46vh - 120px); }
	.page-title{height:130px;}
	.page-title h2{font-size: var(--fs28); text-align: center;}
	.padd80{padding: var(--fs40) 0px;}
	.heading h2{font-size: var(--fs26);}
	.exptext h4{font-size: var(--fs24);}
}