@import url("globle.css");


@media only screen and (max-width:1599px){
	.container, .pagetitle .container{max-width:90%;}
}

@media only screen and (max-width:1499px){
	.container, .pagetitle .container{max-width:1340px;}
	.shrtitems{gap: var(--fs16);}
	.hSearch{width: 340px;}
	.mainMenu > ul{gap: var(--fs24);}
	.pagetitle, .pagetitle img{height: 500px;}
}


@media only screen and (max-width:1399px){
	.container{max-width:1240px;}
	.pagetitle .container{max-width:1240px;}
	.heroPageText{max-width: 42%;}
	.hSearch{display: none;}
	.serIcon{display: flex; padding-right: 0px; margin-right: 0px; border-right: 0px;}
	.mainMenu > ul{gap: var(--fs30);}
	.shrtitems{gap:0;}
	.header{padding: var(--fs24) 0;}
	body{padding-top: 72px;}
	.fSearch{top:72px;     padding: 20px 20px;}
	.fSearch > span{font-size: 20px; top: 23px; left: 18px;}
	.cls{top: 18px;}

	.hero .container{height: 600px;}
	.pagetitle, .pagetitle img{height: 500px;}
	.pagetitle:before{left: -20%;}


	

}

@media only screen and (max-width:1299px){
	.container{max-width:1140px;}
	.pagetitle{height: 500px;}
	.pagetitle img{height: 500px;}
	.pagetitle:before{left: -14%;}
	.pagetitle .container{max-width:1140px;}
	.hisText{max-width: 50%;}
	.getintouch h2{font-size: var(--fs42); line-height: var(--fs52);}
	.btmtext p{width: 60%;}
	.supAllItems .excItem{padding-right: var(--fs16);}
	.supAllItems .excItem h4{font-size: var(--fs18); margin-bottom: var(--fs16);}
	.excItem p{font-size: var(--fs14); line-height: var(--fs22);}
	.solutions .heading h2{font-size: var(--fs34);}
	.headCard p{padding-right: 0px; font-size: 15px; line-height: var(--fs22);}
	.headCard h2{margin-bottom: 0px; font-size: var(--fs32);}
	.casestudies .caseItem .img img{min-height: 255px;}
	.relatedArticles{padding: var(--fs24);}
	.relItem a{gap: var(--fs16);}
	.relItem a .img{width: 45%;}
	.relItem a .relText{width: calc(55% - 24px);}
	.heroPageText{max-width: 45%;}

	.hero .container{height:500px;}
	.relItem a .relText h4{font-size: var(--fs18); line-height: var(--fs24);}

}

@media only screen and (max-width:1199px){
	.container{max-width:940px;}
	.pagetitle .container{max-width:940px;}
	.heroPageText h1{font-size: var(--fs38); line-height:var(--fs46);}
	.hisText {        max-width: 100%;        position: relative;        left: 0;        border-radius: 0px 0px 24px 24px;        bottom: 0;    }
	.stats .row > div{justify-content: flex-start; border-left:1px solid rgba(255, 255, 255, 0.30); border-right: 0px;}
	.getintouch h2{max-width: 70%;}
	.btmtext p{font-size: var(--fs20); line-height: var(--fs30);}
	.getintouch{gap:65px;}
	.git{padding-right:30px;}
	.cntfr, .solutions .heading h2m{padding-left:10px; }
	h2{font-size: var(--fs38);}
	.supAllItems .excItem{min-height: 183px;}
	.solutions .heading{display: flex; align-items:  flex-end; justify-content: space-between;}
	.solutions .heading .l_head{max-width: 60%;}
	.products .newsTxt a h4{font-size: var(--fs20);}
	.headCard > div{max-width: 60%;}
	.casestudies .caseItem .img img{min-height:auto;}
	.artCardItem h4{font-size: var(--fs22);}
	.relItem a .img{width: 100%;}
	.relItem a .relText{width: 100%;}
	.relItem a .relText h4{margin-bottom: var(--fs10);}
	.projTags{display: flex; flex-wrap: wrap;}
	.projTags li{width:45%;}
	.heroPageText p{line-height:24px;}
	.heroPageText h1{font-size: var(--fs34); line-height: normal;}

	.pagetitle{height:400px;}
	.pagetitle img{height:400px;}
	.pagetitle:before{left: -10%;}

	.mainMenu{display: none;}
	.openMenuBtn{display: flex;}
	.serIcon{ padding-right: var(--fs20); margin-right: var(--fs20); border-right: 1px solid rgba(255,255,255,0.40);}

	.heroText{max-width: 58%;}
	.heroText label{font-size: var(--fs14);}
	.heroText h1{font-size: var(--fs46);     line-height: var(--fs58);}
	.heroText p{font-size: var(--fs18); line-height: var(--fs28);}

	.alterProduct .relItem a .relText{width: 57%;}
	.prdsText h1{font-size: var(--fs28); line-height: 34px;}

}

@media only screen and (max-width:991px){
	.container, .pagetitle .container{max-width:740px;}
	.stats:before{background-size: cover; width: 100%;}
	.getintouch{gap: var(--fs24); padding: var(--fs40);}
	.getintouch h2{max-width: 100%; margin-bottom: 0px;}
	.getintouch p{width: 100%; margin-bottom: var(--fs40);}
	
	h2, .solutions .heading h2{font-size: var(--fs36); line-height: var(--fs42);}
	.padd100{padding: var(--fs60) 0;}
	.git{border-right: 0px; padding-right: 0px; margin-top: var(--fs48);}
	.git h2{margin-bottom: var(--fs30);}
	.cntfrm{padding-left: 0px;}
	.cntItem{flex-wrap: wrap; border: 1px solid var(--border); padding: 0px; flex-direction: column; border-radius: var(--fs24); padding: var(--fs30);}
	.supAllItems{gap: var(--fs36); justify-content: flex-start;}
	.supAllItems .excItem{width: calc(33% - 35px); padding: 0px; border: 0px;}
	.supAllItems .excItem img{height: 35px;}
	.headCard > div{max-width: 80%;}
	.breadcrume{padding: var(--fs20) 0;}

	.relItem a .img{width: 30%;}
	.relItem a .relText{width: 60%;}
	.relItem a .relText h4{margin-bottom: var(--fs10); font-size: var(--fs20); line-height: var(--fs28);}

	.pagetitle{height:350px;}
	.pagetitle img{height:350px;}
	.pagetitle:before{left: -10%;}

	.heroPageText h1{font-size: var(--fs30);}
	.pagetitle:before{left: -12%;}

	.hero .container{position: relative; height: 400px;}
	.heroText{max-width: 63%;}
	.heroText label{margin-bottom: 10px !important}
	.heroText h1 {        font-size: 36px;        line-height: 48px;    margin-bottom: 16px;}
	.heroText p{margin-bottom: var(--fs24);}

	.heroPageText{max-width: 60%;}
	.pagetitle:before{left: -9%;}
	.sequence{flex-wrap: wrap;}

}

@media only screen and (max-width:767px){
	.container{max-width:95%;}
	.hisText{padding: var(--fs24);}
	.getintouch h2{font-size: var(--fs36); line-height: var(--fs44);}
	.getintouch p{font-size: var(--fs18); line-height: var(--fs30);}
	.heading{flex-wrap: wrap;}
	
	h2, .solutions .heading h2, .pfProDet .heading h2{font-size: var(--fs36); line-height: var(--fs42);}
	.padd100, .padd70, .padd80{padding: var(--fs48) 0;}
	.cntItem{flex-direction: row;}
	.cntSec .row > div:last-child .cntItem{border-bottom: 1px solid var(--border);}
	.supAllItems .excItem{width: calc(50% - 35px); padding: 0px; border: 0px;}
	.excellStats:before{background-size: cover; width: 100%;}
	.solutions .heading .l_head{max-width: 100%; margin-bottom: 0px;}
	.headCard > div{max-width: 100%;}
	.casestudies .caseItem{gap: var(--fs16);}
	.getintouch:after{width:100%;}
	.ttlCount{width: 100%; text-align: center;}
	.pagination{width: 100%;}
	.sequence{flex-wrap: wrap;}
	.sequence li{font-size: var(--fs14);}
	.sequence li a{font-size: var(--fs14);}
	.sequence li:after{margin: 0px 10px;}
	.relItem a .relText h4{font-size: var(--fs18); line-height: var(--fs24);}
	.pfProDet{padding: var(--fs36);}
	.projTags li{width: 100%;}
	.pagination ul li, .pagination ul li a{width: var(--fs40);    height: var(--fs40); font-size: var(--fs16);}

	.pagetitle{height: auto;}
	.pagetitle:before{content:none;}
	.pagetitle img{position:relative; height: auto;}
	.heroPageText{max-width:90%;}
	.pagetitle .container{position: unset; padding: 20px 20px 48px 20px; border-bottom: 1px solid var(--border); height:auto;}

	.heroPageText {        max-width: 100%;    }
	.header{padding: var(--fs20) 0;}
	body{padding-top:64px;}
	.fSearch{top: 64px;}

	.hero .container{ height: 400px;}
	.hero:before{background-position: center;}
	.heroText{max-width:100%;}
	.heroText label{margin-bottom: 10px !important}
	.heroText h1 {font-size: 36px;        line-height: 48px;    margin-bottom: 16px;}
	.heroText p{margin-bottom: var(--fs16);}

	.btn-primary, .btn-secondary{line-height: var(--fs46); padding: 0 var(--fs18);}

	.heroPageText label{font-size: var(--fs14);}
	.heroPageText h1{font-size: var(--fs28);}
	.heroPageText p{font-size: var(--fs16); line-height: var(--fs24);}
	.moreInfo .accordion-flush .accordion-item .accordion-button img{display: none;}
}

@media only screen and (max-width:575px){
	.container{max-width:98%;}
	.header{padding: var(--fs18) 0;}
	.brandlogo img{height: calc(var(--fs16) - 1px); width: auto;}
	.cardItem .itemText h4{font-size: var(--fs20);}
	.cardItem .itemText p{display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;}
	.getintouch{padding: var(--fs30); gap: var(--fs16);}
	.getintouch h2{font-size: var(--fs28); line-height: var(--fs38);}
	.getintouch p{font-size: var(--fs16); line-height: var(--fs24); margin-bottom: var(--fs24);}
	h2, .solutions .heading h2, .pfProDet .heading h2{font-size: var(--fs28); line-height: var(--fs34);}
	.newsTxt a h4, h4{font-size: var(--fs22);}
	.padd100, .padd70, .padd80{padding: var(--fs48) 0;}
	.supAllItems{gap: 0px; padding: 0px var(--fs16);}
	.supAllItems .excItem{width: 100%; border: 0px; min-height: auto; padding-bottom: var(--fs30); margin-bottom: var(--fs30); border-bottom: 1px solid rgba(255,255,255,0.40);}
	.supAllItems .excItem:last-child{padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px;}
	.headCard{padding: var(--fs30);}
	.headCard p{padding-right: 0px;}

	.relItem a .img{width: 100%;}
	.relItem a .relText{width: 100%;}

	.futreProj{padding: 0px 10px;}
	.heroPageText h1 {        font-size: var(--fs28);    }
	nav.mainMenu{display: none;}
	body{padding-top: 74px;}
	.openMenuBtn{display: block;}
	.serIcon{padding: 0px var(--fs12);     margin: 0px var(--fs12);}
	.selected-text{display: none;}
	.selected-flag{height: var(--fs16);}
	.arrow{font-size: var(--fs12);}
	.serIcon span{font-size: var(--fs20);}
	.openMenuBtn{font-size: var(--fs20);}

	.cls{right: var(--fs14	); top:24px;}
	.cls span {    font-size: var(--fs18); }
	.fSearch > span {        font-size: 20px;        opacity: 0.7;        top: 23px;    }
	.fSearch input{padding-left: var(--fs26); width: 95%;     font-size: 14px;}
	body{padding-top: 66px;}

	.hero{height:200px;}
	.hero:before{content: none;}
	.hero .container{ height: auto;}
	.hero .heroText{display: none;}

	.mblhreTxt{background: linear-gradient(149deg,rgba(25, 26, 61, 1) 38%, rgba(0, 171, 117, 1) 100%);}
	.mblhreTxt{padding: var(--fs24) var(--fs24) var(--fs40) var(--fs24);}
	.heroText label{display: none;}
	.heroText h1 {        font-size: 30px;        line-height: 42px;        margin-bottom: 14px;    }
	.heroText p{font-size: var(--fs16); line-height:var(--fs24);}

	.mblhreTxt{display: block;}
	.moreInfo .accordion-button p{font-size: var(--fs14); line-height: var(--fs20);}
	.heading > a{
		margin-top: var(--fs24);
	}
}