@media (min-width: 768px) {
	.navbar-collapse{ width: 50%;}
	.footer{padding: 5% 0 2%;}
	
	.content-otherpage,
	.content-box{padding:5% 0;}
	.readmore-btn.readright{
		margin: 0;
		float: right;
	}
	
	.title-box.subtitle{
		text-align: left;
		margin: 0;
	}
	.textservice.service2{
		text-align: right;
	}
	.contactbtn.phonebtn {
		width: 390px;
	}
	.contactbtn.linebtn {
		width: 300px;
	}
	.textservice h1,
	.textcontact h1{font-size: 26px;}
	.contactbar{
		text-align: right;
	}
	.img-box{margin-bottom: 4rem;}
	.title-box h1{font-size: 30px;}
	.textcontact{margin: auto;}
	.contactbtn img{width: 35px;}
	.cardcontact{margin: 0;}
	
	.bannerpage{padding: 3% 0;}
	
	.knowledge-box.knowledge-box1{
		height: 100%;
		margin: 0;
	}
	.knowledge-box.knowledge-box2:last-child{margin-bottom: 0;}
	.slideproducts{margin: 0 0 2rem;}
	
}
@media (min-width: 992px) { 
	html{ font-size:18px; } 
	#nav-icon3{display: none ;}
	.headbar-main{padding: 0;}
	.navbar-brand img { width: auto;max-width: 80%;}
	.hamburgers-box{justify-content: flex-start;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 100%;
		justify-content: flex-end;
	}
	
	.navbar-nav li{
		width:auto;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.navbar-nav li a{
		padding: 5px 10px;
		text-align: center;
	}
	
	.policy-box ul{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.contact-footer{padding-left: 3rem;}
	.contactbar img{width: 25px;vertical-align: sub;}
	.policy-box{
		padding: .3rem 0;
		font-size: 18px;
	}
	.mapbox{height: 315px;}
	.social-box img{width: 45px;}
	.knowledge-box.knowledge-box2 .readmore-btn{
		position: absolute;
		left: .5rem;
		bottom: 1rem;
		z-index: 1;
	}
}
@media (min-width: 1200px) {
	html{ font-size:20px; } 
	.container{max-width:1220px;}
	.navbar-brand img { max-width: 60%;}
	.textservice h1, 
	.textcontact h1{font-size: 30px;}
	
	.textaboutpage h1{font-size: 33px;}
	.textaboutpage h2{font-size: 28px;}
}

@media (min-width: 1440px) {
	.container{max-width:1336px;}
	.title-box h1 { font-size: 38px;}
	.textaboutpage h1{font-size: 38px;}
	
	
}

@media (min-width: 1600px) { 
	.contactbtn.phonebtn {width: 425px;}
	.contactbtn.linebtn{width: 330px;}
	.contact-footer { padding-left: 5rem;}
	
}
@media (min-width: 1800px) {
	html{ font-size:22px; } 
	.container{max-width:1440px;}
	
}
@media (min-width: 2000px) {
	
}
@media (min-width: 2400px) {
	
}
@media (min-width: 2750px) {
	
}
@media (min-width: 3000px) {
	
}