@media (min-width: 768px) {
	html{ font-size:18px; } 
	.footer{padding: 5% 0 1%;}
	.copyright-box{
		padding: 1% 0 0;
		margin-top: 4%;
	}
	.contactbar{text-align: right;}
	.content-box.abouthome .row{
		justify-content: flex-end;
		align-items: center;
	}
	.content-box{padding: 7% 0;}
	.content-box.whatwedo-home .row{justify-content: center;}
	
	/*.content-box.sustainabilitypage,*/
	.content-box.whatwedo-home {
		margin-bottom: 0;
		
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(248, 248, 248, 1) 40%, rgba(248, 248, 248, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(248, 248, 248, 1) 40%, rgba(248, 248, 248, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(248, 248, 248, 1) 40%, rgba(248, 248, 248, 1) 100%);
	}
	.content-box.whatwedo-home .title-box{text-align: left;}
	.whatwedo-box{margin-left: 2rem;margin-top: 0rem;margin-bottom: 2rem;}
	/*.sustainabilitypage .whatwedo-box{margin: 0 auto 2rem;}
	.sustainabilitypage .whatwedo-box:last-child{margin-bottom: 0;}*/
	.textabout-home{padding-right: 10%;}
	.text-port.textsusta{padding-right: 10%;}
	.mapbox{
		height: 100%;
		aspect-ratio:inherit;
	}
	.content-box.whatwedo-home{
		padding-bottom: 7%;
		padding-top: 0;
	}
	.contactform{padding: 2rem;}
	.address-footer{margin: 0 -15px;}
	.content-box.aboutpage .row{justify-content: flex-end;}
	.textabout-aboutpage{padding: 0 15% 0 5%; margin: 2rem auto 0;}
	.content-box.aboutpage .imgabout-home{
		height: 100%;
		aspect-ratio:auto;
	}
	.textvision-aboutpage.text-right{text-align: right;}
	/*.textvision-aboutpage{margin-top: 3rem;}
	
	.textvision-aboutpage#vision{
		margin-left: 3rem;
		margin-right: -3rem;
	}
	.textvision-aboutpage#mission{
		margin-left: -3rem;
		margin-right: 3rem;
	}*/
	
	
	.port-box.sustabox2,
	.port-box.port-box2, 
	.services-box.services-box2{margin-top: 2rem;}
	.textdetail-service .readmore-btn{margin: 2rem auto 0;}
	.content-box.relatedbox .readmore-btn{margin:0;float: right;}
	.content-box.relatedbox .title-box{
		text-align: left;
		margin: 0;
	}
	.banner-otherpage{padding: 5% 0;}
	
	.portfolio-tabs ul li a img{width: 80px;}
	.taglinebox{padding: 5% 0;}
	.content-box.visionpage .row,
	.content-box.missionpage .row{align-items: center;}
	.title-vision{text-align: right;padding-right: 10%;}
	
	.content-box.portfoliopage{padding: 5% 0;}
	.content-box.contactuspage{padding: 5% 0 0;}
	.contactuspage .contactform{margin-bottom: 2rem;}
	
	
	.content-box.relatedbox .port-box{margin-bottom: 0;}
	
	.text-port.textsusta{margin-top: 1rem;}
}
@media (min-width: 992px) { 
	#nav-icon3{display: none ;}
	.languagemb-box{display: none;}
	.language-box{display: block;}
	.navbar-brand img{
		width: auto;
		max-width: 100%;
	}
	.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:.5rem 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;
	}
	
	.slidework .slick-next{right: -2rem;}
	.slidework .slick-prev{left: -2rem;}
	
	.social-footer{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.footer{font-size: 16px;}
	.logo-footer img{
		width: auto;
		max-width: 100%;
	}
	.menu-footer{margin: 0 -15px;}
	.navbar-nav li .dropdown-menu{
		display: block;
		height: 0;
		transition: all 0.6s;
		background: #FFF;
		border-radius: 8px;
		overflow: hidden;
		border: none;
		box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	}
	.navbar-nav li .dropdown-menu a{padding: 10px;}
	.navbar-nav li.dropdown:hover .dropdown-menu{height: 100px;}
	.navbar-nav li.language-box .dropdown-menu{
		display: none;
		height: auto;
		margin: 0;
	}
	.navbar-nav li.language-box .dropdown-menu a{padding:10px 20px;}
	.navbar-nav li.language-box:hover .dropdown-menu{display: block;height: auto;}
	
	
	.content-box.aboutpage .row{align-items: center;}
	.textabout-aboutpage{margin: auto;}
	
	
	.textvision-aboutpage#vision{
		margin-left: 5rem;
		margin-right: -5rem;
	}
	.textvision-aboutpage#mission{
		margin-left: -5rem;
		margin-right: 5rem;
	}
	
	.slideprosucts .slick-prev, 
	.slideprosucts .slick-next{
		width: 33px;
		height: 33px;
	}
	
}
@media (min-width: 1200px) {
	html{ font-size:20px; } 
	.footer h1{font-size: 22px;}
	.textabout-home h1,
	.title-box h1{font-size: 38px;}
	.footer{font-size: 18px;}
	.menu-footer{margin: 0 -10px 0 -20px;}
	.social-footer img{width: 38px;}
	.contact-footer img{width: 125px;}
	
	.slidework .slick-prev, .slidework .slick-next{
		width: 55px;
		height: 55px;
	}
	.whatwedo-box img{width: 50px;}
	.whatwedo-box h1{font-size: 32px;}
	.whatwedo-box {
        margin-left: 4rem;
        margin-top: 0rem;
        margin-bottom: 2rem;
        margin-right: 3rem;
    }
	
	.textabout-aboutpage h1{font-size: 38px;}
	.taglinebox h1{font-size: 36px;}
	.taglinebox h2{font-size: 30px;}
	
	
	.slideprosucts .slick-prev, 
	.slideprosucts .slick-next{
		width: 45px;
		height: 45px;
	}
	.slideprosucts .slick-next{right: -1rem;}
	.slideprosucts .slick-prev{left: -1rem;}
}

@media (min-width: 1440px) {
    .container{ max-width: 1230px; }
	.content-box.whatwedo-home{margin-top: 4rem;}
	.textabout-home {padding-right: 10%;}
	.readmore-btn{width: 185px;}
	.content-box.consult-home{padding: 5% 0;}
	.address-footer{margin: 0 ;}
	
	.textvision-aboutpage#vision{
		margin-left: 7rem;
		margin-right: -7rem;
	}
	.textvision-aboutpage#mission{
		margin-left: -7rem;
		margin-right: 7rem;
	}
	.textabout-aboutpage{padding: 0 20% 0 5%; margin:0;}
	
}

@media (min-width: 1600px) { 
	html{ font-size:22px; } 
	.textabout-home {padding-right: 20%;}
	.textabout-home h3{font-size: 22px;}
	.textabout-home h1, .title-box h1 {
        font-size: 44px;
    }
	.navbar-nav li a{font-size: 20px;}
}
@media (min-width: 1800px) {
    .container{ max-width: 1336px; }
	.footer{font-size: 20px;}
	.textabout-aboutpage {
        padding: 0 13% 0 22%;
    }
	
}
@media (min-width: 2000px) {
	.footer{font-size: 1rem;}
	.container{ max-width: 1440px; }
	
}