@media (min-width: 768px) {
	html{ font-size:16px; } 
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 1%;}
	.copyright-box{
		padding: 1% 0 0;
		margin-top: 4%;
	}
	.headbar-main{
		position: fixed;
		background: rgba(255,255,255,0.7);
	}
	.slim.headbar-main{background: rgba(255,255,255,1);}
	.social-footer{margin: 0;}
	.category-box ul li{
		width: 100%;
	}
	.category-box{
		border-right: 1px solid #e96b53;
		padding-right: 10%;
		border-bottom: none;
	}
	.category-box ul li a:hover img{margin-right: 20px;}
	.content-box{padding: 7% 0;}
	.numberrun-box{
		padding: 1rem;
		height: 100%;
		margin: 0;
		display: flex;
		align-items: center;
		align-content: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}
	.numberrun-box p,
	.numberrun-box span,
	.numberrun-box h2,
	.numberrun-box h1{width: 100%;}
	.text-abouthome ul img{width: 50px;}
	.img-abouthome{margin: 0;}
	.img-abouthome.whyusimg{
		display: flex;
		align-items: center;
		height: 100%;
		margin: 0;
		background: -webkit-linear-gradient(#ebbe3d, #f1cc51);
		background: -o-linear-gradient(#ebbe3d, #f1cc51);
		background: linear-gradient(#ebbe3d, #f1cc51);
		justify-content: center;
	}
	.img-abouthome.whyusimg img{ object-fit: contain;}
	.title-certi{margin: 0;text-align: left;}
	.textperson img{width: 145px;}
	
	
	.text-abouthome.textright-abouthome{
		margin-right: -10%;
		margin-left: 10%;
	}
	.text-abouthome.textleft-abouthome{
		margin-left: -5%;
		margin-right: 5%;
	} 
	
	.content-box.aboutuspage,
	.content-box.policy-page,
	.content-box.relatedbox,
	.content-box.productspage,
	.content-box.newsevent-page{padding: 5% 0;}
	.address-box,
	.contactform{
		height: 100%;
		padding: 2rem;
	}
	
	.content-box.relatedbox .products-box{margin-bottom: 0;}
	.expertlist{padding-right: 10%;}
	.content-box.expert-con{padding: 4% 0;}
	.content-box.scopecon{padding: 5% 0;}
	.scope-item{padding: 2rem;}
	.scope-item{min-height: 380px;}
}
@media (min-width: 992px) { 
	html{ font-size:18px; } 
	#nav-icon3{display: none;}
	.languagemb-box{display: none;}
	.navbar-brand img{
		width: 85px;
	}
	.hamburgers-box{justify-content: space-between;}
	.navbar-brand{width: auto;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 100%;
		margin: 0;
		justify-content: center;
	}
	
	.navbar-nav li{
		width: auto;
		margin: auto;
		padding: 0;
		text-align: center;
	}
	.navbar-nav li a{
		padding: 5px;
	}
	.navbar-nav li img{width: 30px;}
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.footer{font-size: .9rem;}
	.social-footer img{width: 30px;}
	.contact-footer{margin: 0 -15px 0 0;padding-left: 15px;}
	.address-footer{
		padding-left: 15px;
		margin-right: -15px;
	}
	.logo-footer{text-align: left;}
	.social-footer{text-align: left;}
	.title-box{margin-bottom: 2.5rem;}
	.textperson img{width: 170px;}
	.text-buyby h1{font-size: 1.5rem;}
	.img-certi ul li{margin: auto;}
	
	
	.text-abouthome.textright-abouthome{
		margin-right: -15%;
		margin-left: 15%;
	}
	.text-abouthome.textleft-abouthome{
		margin-left: -5%;
		margin-right: 15%;
	}
	.scope-item{font-size: 23px;}
	.title-box.title-scope h1{font-size: 25px;}
	.textcope{padding-right: 10%;}
}
@media (min-width: 1200px) {
	.address-footer,
	.contact-footer {
        padding-left: 25px;
        margin-right: -25px;
    }
	.social-footer img{width: 35px;}
	.textperson img {
        width: auto;
        max-width: 100%;
    }
	
	.title-certi h1,
	.title-box h1{font-size: 42px;}
	.text-abouthome{padding-right: 10%;}
	.text-buyby h1,
	.text-abouthome h1{font-size: 30px;margin-bottom: 1.5rem;}
	.text-abouthome.textwhy-abouthome,
	.text-abouthome.textright-abouthome{
		padding-left: 2rem;
	}
	.numberrun-box{padding: 2rem 1.5rem;}
	.category-box ul li a img{width: 42px;}
	.title-box{margin-bottom:  4.5rem;}
	.products-recoms h1{font-size: 1.2rem;}
	.text-news h1{font-size: 1.2rem;height:  calc(1rem* 1.3* 2.5)}
	.logo-footer img,
	.navbar-brand img{
		width: 100px;
	}
	.text-abouthome ul li{margin-bottom: 2.5rem;}
	.footer h1{font-size: 22px;}
	.content-tagline h1,
	.title-box.title-scope h1,
	.scope-item h1{font-size: 28px;}
	.scope-item{min-height: 450px;}
}

@media (min-width: 1440px) {
    .container{ max-width: 1230px; }
}

@media (min-width: 1600px) { 
}
@media (min-width: 1800px) {
	html{ font-size:20px; } 
    .container{ max-width: 1336px; }
	
}
@media (min-width: 2000px) {
	.container{ max-width: 1440px; }
	
}