@media (min-width: 768px) {
	.navbar-collapse{width: 40%;}
	.footer{padding: 5% 0 1%;}
	.copyright-box{
		padding: 1% 0 0;
		margin-top: 4%;
	}
	.content-innavation{padding: 5% 0;}
	.img-hbox{height: 100%;}
	.img-hbox img{
		height: 100%;
	}
	.textabout-home{padding: 2rem 1.5rem;}
	
	.navbar-nav li .dropdown-menu .dropdown2{
		position: relative;
	}

	.navbar-nav li .dropdown-menu .dropdown2 .dropdown-menu2{
		position: absolute;
		right:-100%;
		display:none;
	}
	.navbar-nav li .dropdown-menu .dropdown2:hover .dropdown-menu2{
		display:block;
	}

	
	.content-box.ourproductspage,
	.content-box.aboutpage{padding: 5% 0 0;}
	.content-box.aboutpage .row{align-items: center;}
	
	.content-box.contactuspage,
	.content-box.detailourproductspage,	
	.content-box.ourbrandspage,
	.content-box.oursustainnovationpage,
	.content-policy{padding: 5% 0;}
	
	
	.address-box{
		height: 100%;
		padding-left: 1rem;
		border-left: 2px solid #608bc1;
	}
	.contactform{padding: 5% 0;}
	.mapbox{margin: 0;}
	
}
@media (min-width: 992px) { 
	html{ font-size:16px; } 
	.hamburgers-box{justify-content: center;}
	.navbar-brand{width: auto;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: center;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 100%;
		margin: 0;
		justify-content: center;
	}
	
	.navbar-nav li{
		width: auto;
		margin: auto;
		text-align: center;
	}
	.navbar-nav li a{
		padding: 0;
		text-align: center;
	}
	.navbar-nav li .dropdown-menu{min-width: 14rem;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.navbar-nav li .dropdown-menu a{padding: 10px 15px;}
	.navbar-nav li.dropdown:hover > .dropdown-menu{display: block;}

	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.social-footer{margin: 0 -20px;}
	.textabout-home{padding: 3rem 7rem 0 2rem;}
	.language-box.mobiledisplay{display: none;}
	.inicon{
		width: 120px;
		height: 120px;
	}
	.title-box,
	.title-inno{margin-bottom: 3rem;}
	.icon-inno{margin-bottom: 0;}
	.textabout-home ul{padding-left: 3rem;}
	.text-sustaion{margin-bottom: 3rem;}
	
	.language-box{
		float: right;
	}

	.navbar-nav li a::after{
		content: '';
		width: 22px;
		height: 22px;
		background: url("../images/cotton-mouse.png") center center no-repeat;
		background-size: 100% !important;
		z-index: 1;
		position: absolute;
		bottom: 95%;
		left: 50%;
		transform: translate(-50%,0) scale(.65);
		opacity: 0;
		transition: ease-in-out .3s;
	}
	.navbar-nav li a:hover::after{
		transform: translate(-50%,0) scale(1);
		opacity: 1;
		bottom: 100%;
	}
	
}
@media (min-width: 1200px) {
	html{ font-size:20px; } 
	.footer{font-size: 1rem;}
	.textabout-home {padding: 5rem 4rem 0 4rem;}
	.readmore-btn {
		width: 210px;
		padding: 10px 10px;
	}
	.inicon{
		width: 140px;
		height: 140px;
	}
	.text-products h1{font-size: 38px;}
	.icon-inno{padding: 0 1rem;}
	.textabout-home h1,
	.title-inno h1,
	.title-box h1{font-size: 40px;}
	.navbar-nav li{font-size: 18px;}
}

@media (min-width: 1440px) {
    .container{ max-width: 1230px; }
	.textabout-home h1, .title-inno h1, .title-box h1{font-size: 48px;}
	.brands-box h1{font-size: 28px;}
	.footer h1{font-size: 22px;}
	.social-footer img{width: 35px;}
}

@media (min-width: 1600px) { 
    .container{ max-width: 1336px; }
	.textabout-home {
        padding: 0 9rem 0 4rem;
    }
	.aboutcontent .row{align-items: center;}
	
	.navbar-nav li a::after{
		width: 30px;
		height: 30px;
	}
	
}
@media (min-width: 1800px) {
    .container{ max-width: 1440px; }
	.textabout-home {
        padding: 0 17rem 0 4rem;
		margin: 0;
    }
	
}
@media (min-width: 2000px) {
	html{ font-size:22px; }
	.container{ max-width: 1600px; }
	
}