@media only screen and (max-width:1920px){
    .paddingbody{padding-left:70px!important;padding-right: 70px !important;}
    .viewmobheader{display: none;}
    
    
  } 
  @media only screen and (min-width: 1200px) and (max-width: 1660px)  {
    .paddingbody{padding-left:70px!important;padding-right: 70px !important;}
    
    
  }
  @media only screen and (min-width: 1024px) and (max-width: 1200px){
    .paddingbody{padding-left:50px!important;padding-right: 50px !important;}
	.footerrightblk{padding-left: 50px;}
	.footerleftblk{padding-right: 50px;}
    
    
    
  }
  @media only screen and (min-width: 991px) and (max-width: 1023px)  {
    .paddingbody{padding-left:40px!important;padding-right: 40px !important;}
	.footerrightblk{padding-left: 40px;}
	.footerleftblk{padding-right: 40px;}
    
    
    
  }
  @media only screen and (min-width: 660px) and (max-width: 990px)  {
    .paddingbody{padding-left:30px!important;padding-right: 30px !important;}
	
    
    
    
  }
  @media only screen and (min-width: 318px) and (max-width: 659px){
    .paddingbody{padding-left:10px!important;padding-right: 10px !important;}
	
    
  }
  
@media only screen and (max-width:1500px){
	.container{max-width:1200px;}
	.rightarrow::after{right: -60px;}
	.box{max-width: 190px;}
}

@media only screen and (max-width:1360px){
	.container{max-width: 1120px;}
	.circleinner{max-width: 125px;height: 125px;}
	.innercirtext{font-size: 14px;}
   
}
@media only screen and (max-width:1250px){
	.box{max-width: 170px;}
	.contact-box{padding: 0;}

}
@media only screen and (max-width:1200px){
	.container{max-width: 991px;}
	.ciricon img {max-width: 35px;}
	.circleinner {max-width: 110px;height: 110px;}
	.circleinner::before{width: 30px;height: 30px;top: 38%;left: -12px;}
	.boxicon img {max-width: 50px;}
	.whyustext{padding-right: 0;}
	.menu ul li {padding: 0 14px;}

}
@media only screen and (max-width:1160px){
	

}

@media only screen and (max-width:1060px){
	.box {
		max-width: 160px;
	}
	.box p{font-size: 15px;line-height: 20px;}
	.whyustext h2{font-size: 45px;line-height: 50px;}
}

@media only screen and (max-width:1024px) {
	.container{max-width: 900px;}
	.bannertext h1{font-size: 90px;line-height: 90px;}
	.bannertext {padding: 150px 0 50px;}
	.proccescircle{flex-wrap: wrap;}
	.circleinner{max-width: 200px;height: 200px;margin: 10px 50px;}
	.whyblk .row .widthcover{width: 100%;}
	.whybox{padding-top: 20px;}
	.box {max-width: 180px;}
	.bannertext {
		padding: 100px 0 50px;
	}
}

@media only screen and (max-width:991px) {
	.container{max-width: 800px;}
	.menu{display: none;}
	.mobnav{display: block;}
	.bannertext h1{font-size: 80px;line-height: 80px;}
	.footerblk.footerlist{padding-left: 0;}
	.box {max-width: 160px;}
	.boxicon{height: 125px;}
	.whybox {
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}
	.toggle-btn{left: 590px;}
	.sericoncircle{max-width: 160px;height: 160px;}
	.serboxtext h4{font-size: 20px;line-height: 24px;}
	.downloadapp{padding-top: 50px;}
}
@media only screen and (max-width: 880px){
	.toggle-btn {
		left: 550px;
	}
	.bannertext h1 {
		font-size: 60px;
		line-height: 60px;
	}
}
@media only screen and (max-width: 768px) {
	.container{max-width: 100%;}
    .bannertext{z-index: 0;}
	.bannertext h1{font-size: 70px;line-height: 70px;}
	.bannertext p{font-size: 20px;line-height: 30px;}
	.bannerimg{display: none;}
	.footerbg .col-md-3{width: 50%;}
    .copyrighttext{display: none;}
    .copyrighttext.mobview{display: block;}
	.toggle-btn{left:500px;}
	.serboxtext h4{height: 20px;}
	.aboutsubtext h2{font-size: 35px;line-height: 40px;}
	.formheader{padding-bottom: 25px;}
	.bannertext {padding: 50px 0 50px;}
	.downloadapp{padding-top: 30px;}
	.imgabout{padding-top: 20px;}

}

@media only screen and (max-width: 744px) {
	.container{max-width: 100%;}
}

@media only screen and (max-width:683px) {
	.container{max-width: 100%;}
	.circleinner {
		max-width: 155px;
		height: 155px;
		margin: 10px 50px;
	}
	.servicepart{max-width: 500px;}
		
	
}
@media only screen and (max-width:610px){
	.logo img{max-width: 200px;}
	.aboutsubtext h2{font-size: 30px;line-height: 35px;}
	.seekingblk2{padding: 15px;}
	
}
@media only screen and (max-width:560px){
	.circleinner {
		max-width: 115px;
		height: 115px;
		margin: 10px 50px;
	}
	.bannertext {padding: 50px 0 30px;}
	 .seekingblk2{width: 100%;}
	.innerdata h3{font-size: 20px;line-height: 22px;}
	.servicepart {
		flex-wrap: wrap;
		max-width: 400px;
		margin: 0 auto;
		position: relative;
	}
	.aboutsubtext{padding: 0;}
    .abouttext{padding-top: 0;}
}
@media only screen and (max-width:528px) {

	.container{max-width: 100%;}
	.logo img{max-width: 150px;}
	.headerbtn .userbtn{padding: 0 10px 6px;}
	.bannertext h1{font-size: 60px;line-height: 60px;}
	.circleinner {
		max-width: 100px;
		height: 100px;
		margin: 10px 50px;
	}
	.innercirtext {font-size: 11px;}
	.downloadapp{padding-top: 20px;}
	.logo img {
		max-width: 130px;
	}
	
} 

@media only screen and (max-width:480px) {

	.container{max-width: 100%;}
	.viewmobheader{display: flex;}
	.headerblk .headerbtn{display: none;}
	.logo img {max-width: 115px;}
	.rightarrow::after{display: none;}
	.circleinner{margin: 10px 20px;}
	.footerbg .col-md-3{width: 100%;}
	.footerblk{padding: 10px 0 0 0;}
	.socialbox {margin-top: 0px;}
	.copyrighttext {margin-top: 0px;}
	.aboutsubtext h2{font-size: 28px;line-height: 32px;}
	.aboutbtn1{padding: 10px;}
	.aboutbtn2{padding: 10px;}
	.aboutbtn1 a, .aboutbtn2 a{font-size: 10px;}
	.contactno a{font-size: 12px;}
	.mailboxgreen {padding: 5px 9px 7px 9px;}
	.mailboxgreen i{font-size: 12px;}
	.offcanvas-menu label span, .offcanvas-menu label span::before, .offcanvas-menu label span::after{width: 23px;height: 2px;}
	.header_leftside{gap: 5px;}
	.offcanvas-menu > label{width: 25px;
		height: 25px;
        margin: 0;
	}
	.top-social-icon li{margin-left: 8px;}
} 


@media only screen and (max-width:415px) {

	.container{max-width: 100%;}	
	.bannertext h1{font-size: 50px;line-height: 50px;}
	.boxicon {height: 110px;}
	.box p {height: 70px;padding: 11px;}
	.box {max-width: 130px;}
	.logo img {
		max-width: 100px;
	}
	.toggle-btn {
		left: 460px;
	}
	.toggle-btn {
		font-size: 30px;
		top: -7px;}
	.aboutbtn1 a, .aboutbtn2 a{font-size: 9px;}
	.aboutbtn1 , .aboutbtn2 {padding: 8px;}
	.aboutbtnset{flex-wrap: wrap;}
	.contactno a{font-size: 12px;}
	.top-social-icon li:nth-of-type(1) a{padding: 5px;}
	select#language-section{font-size: 12px;}
} 



@media only screen and (max-width:390px) {
	.container{max-width: 100%;}
	.logo img {
		max-width: 80px;
	}
	
}