@media (min-width: 768px) { 
	html{font-size: 16px;}
	#nav-icon3{top: 0rem;}
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 1%;}
	.copyright-box{padding: 1% 0 0;}
	.contact-footer{margin: 0;}
	.address-footer{margin: 0 auto;}
	.social-footer{margin: 0;text-align: left;}
	.content-aboutus{padding: 5% 0;}
	.img-ab{margin-bottom: 4rem;}
	
	.mapbox{height: 315px;}
	.content-services{padding: 5% 0;}
	.title-box h1{font-size: 1.8rem;}
	.service-box p{
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 1.3;
		height: calc(1rem * 1.3 * 4);
	}
	.service-box{margin: 2rem auto 0;}
	.service-box img{width: 40px;}
	.content-category {padding: 2% 0 5%;}
	.logo-footer{text-align: left;}
	.logo-footer img{width: auto;max-width: 100%;}
	.content-otherpage{padding: 5% 0;}
	.banner-otherpage{padding: 7% 0;}
	.mappic{margin: 0;}
	.text-products{
		height: 100%;
		position: relative;
	}
	.text-products ul.toolpro{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	.slideproducts{margin: 0;}
	.slideproducts .slider-for .item {padding: .75rem;}
	.relatedbox .related-read{width: 200px;}
}
@media (min-width: 992px) { 
	.line-contact.linemobile{display: none;}
	.navbar-brand img, .logo-footer img{width: 130px;}
	.hamburgers-box{justify-content:center;}
	
	.navbar-expand-lg .navbar-collapse{
		width: 100%;
		margin-top: 5px;
		justify-content: center;
	}
	.navbar-expand-lg .navbar-nav{
		justify-content: center;
		width: 100%;
		margin: 0;
	}
	.navbar-nav li{
		width: auto;
		margin: auto;
		padding: 0;
		text-align: center;
	}
	.navbar-nav li a{
		padding: 3px;
		position: relative;
	}
	
	#nav-icon3{display: none;}
	.policy-box ul{
		display: flex ;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}
	.mapbox{height: 420px;}
	.text-about h1{font-size: 1.3rem;}
	.category-box .readmore-btn{width: 200px;}
	.text-cate{padding-left: .75rem;}
	.text-cate h1{
		-webkit-line-clamp: 1;
		height: calc(1rem * 1.3* 1);
	}
	.service-box span {
    	width: 80px;
		height: 80px;
	}
	.service-box img{width: 50px;}
	.title-box{margin-bottom: 3rem;}
	.service-box {padding: 4rem 1.5rem 2rem;}
	.messagebox{
		margin: 3rem auto 0;
		padding: 3rem;
	}
	
}
@media (min-width: 1200px) { 
	html{font-size: 18px;}
	.navbar-brand img, .logo-footer img{width: 165px;}
}

@media (min-width: 1440px) { 
    .container{ max-width: 1336px; }
	.text-about h1{font-size: 1.6rem;}
	.service-box span {
    	width: 100px;
		height: 100px;
	}
	.service-box img{width: 60px;}
	.line-contact img{width: 33px;}
	/* .messagebox{margin: 5rem auto 0;} */
	.messagebox{margin: 3.65rem -8rem 0;}
}

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