@media (min-width: 768px) { 
	html{font-size: 18px;}	
	.navbar-collapse{width: 50%;}
	.language-mobile{top: .75rem;}
	#nav-icon3{top: 35%;}
	.navbar-brand img{width: 380px;}
	.slim .navbar-brand img{width: 280px;}
    .footer{padding: 4% 0%;}
	.footer h1{font-size: 1rem;}
	.contact-footer{
		margin: auto;
		padding-left: 1rem;
		border-left: 1px solid #414141;
	}
	.content-box, .content-products{padding: 5% 0;}
	.social-footer{text-align: left;}
	.slide-products .owl-products .owl-nav  button.owl-prev{
		font-size: 36px;
		position: absolute;
		left: -1.5rem;
		top: 50%;
    	transform: translate(0%,-50%);
	}
	.slide-products .owl-products .owl-nav  button.owl-next{
		font-size: 36px;
		position: absolute;
		right:  -1.5rem;
		top: 50%;
    	transform: translate(0%,-50%);
	}
	.contact-sendmox{height: 100%;}
	.detail-box h1{height: 55px;}
	
	
	.content-otherpage{padding: 5% 0;}
	#big, #big .item{height: auto;}
	.slide-news #big.owl-carousel{
		background: #FFF;
		padding: 1rem;
	}
	.vdo-show{height: 315px;}
	
	.water-detail{
		display: flex;
		/*align-items: flex-end;
		height: 100%;*/
	}
	.water-detail img{margin: 0;}
	.vdo-present{ height:420px;}
	 .category-tabs h1{text-align: left;}
    .category-tabs ul.nav-pills li .fa-angle-double-right{display: inline;}
    .category-tabs ul.nav-pills li{width: 100%;margin-bottom: 0;}
    .category-tabs ul.nav-pills li a{
        padding: 6px 8px;
        border-radius: 0;
        margin-bottom: 0;
        border: none;
        border-bottom: 1px solid #161616;
    }

}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){   
	.headbar-main{
		padding: .5rem 0;
		background: #FFF;
	}
    .navbar-expand-lg .navbar-collapse{
		width: 100%;
		justify-content: flex-end;
	} 
	.menu-main{background: #228b22;}
    .navbar-expand-lg .navbar-nav{width: 100%; }
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: auto;
        margin: auto;
		padding: 0;
		font-size: 20px;
    }
    .navbar-collapse ul li a{
        padding:7px 25px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
		color: #FFF;
    }  
	
	.navbar-collapse ul li.active a, .navbar-collapse ul li a:hover{
		color: #FFF;
	}	
	.language-mobile{display: none;}
	.policy-box{padding: .75rem 0;}
	.policy-box ul{
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: left;
	}
	.detail-box{padding: .3rem 0;}
	.detail-box h1{height: auto;}
	.aboutus-box h1{font-size: 28px;}
	.title-box h1{font-size: 33px;}
	.contact-sendmox h1{font-size: 24px;}
	.social-footer{
		margin:0 auto;
		text-align: center;
		height: 100%;
		border-left: 1px solid #414141;
		border-right: 1px solid #414141;
	}
	.contact-footer{border: none;padding-left: 0;}
	.contact-header{font-size: 24px;text-align: right;}
	.contact-header ul{
		list-style: none;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.contact-header ul li:first-child{margin-right: 15px;}
	.language-pc a{
		width: 50px;
    	height: 50px;
		overflow: hidden;
		border-radius: 50%;
		display: block;
		padding: 2px;
    	border: 1px solid #228b22;
	}
	.language-pc a img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.language-pc .dropdown-menu{
		width: 100%;
		min-width: inherit;
		padding: 0;
		border: none;
		border-radius: 0;
	}
	.language-pc .dropdown-menu a{
		width: auto;
		height: auto;
		border-radius: 0;
		padding: 10px 5px;
		text-align: center;
		border: none;
	}
	.language-pc .dropdown-menu a:hover{background:#F5F5F5;}
	.language-pc .dropdown-menu a img{width: 100%;}
	.slim .contact-header{font-size: 20px;}
	
	.content-otherpage.companypage .row{align-items: center;}
	#thumbs .item {height: 120px;}
	.content-otherpage.contactpage .message-contact{padding: 2rem 1rem 3rem;}	
	.content-otherpage.contactpage {padding-bottom: 3%;}
	
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
	html{font-size: 20px;}	
    .container{ max-width: 1240px; }
	.navbar-brand img{width: 470px;}
	.slim .navbar-brand img{width: 370px;}
	.slide-products .owl-products .owl-nav  button.owl-prev{
		left: -2rem;
	}
	.slide-products .owl-products .owl-nav  button.owl-next{
		right: -2rem;
	}
	.detail-box{padding: .75rem;}
	.detail-box h1{font-size:17px;}
	.navbar-collapse ul li a {padding: 16px 55px;}
	.slim .navbar-collapse ul li a {padding: 10px 55px;}
	.aboutus-box h1 {font-size: 33px;}
	.contact-sendmox h1, .water-detail h1 {font-size: 30px;}
	.footer h1{font-size: 24px;}
	.vdo-show{height: 480px;}
	.address-box h1{font-size: 26px;}
	.mapbox{height: 315px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{ max-width: 1366px; }
	.detail-box h1{font-size: 22px;}
	.navbar-brand img{width: 503px;}
	.slim .navbar-brand img{width: 400px;}
	.contact-header{font-size: 26px;}
	.slide-video .owl-video .owl-nav button.owl-next {
		margin-right: -1.8rem;
		font-size: 30px;
	}
	.slide-video .owl-video .owl-nav button.owl-prev {
		margin-left: -1.8rem;
		font-size: 30px;
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
	html{font-size:22px;}	
    .container{ max-width: 1440px; }
	.detail-box h1{font-size: 24px;}
	.contact-footer{padding-left: 3rem;}
	.address-box h1{font-size: 30px;}
	.mapbox{height: 480px;}
	.vdo-present{height: 515px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    html{font-size:24px;}
    .container{ max-width: 1600px; }
	.detail-box h1{font-size: 26px;}
	.vdo-show{height: 515px;}
}




