@media (min-width: 768px) {
	.footer{padding: 5% 0 2%;}
	.content-box{padding:5% 0;}
	.contactbar{display: block;}
	.contact-footer{margin: 0;}
	
	.content-box.aboutpage{
		padding: 5% 0;
	    background: -webkit-linear-gradient(left, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
	    background: -o-linear-gradient(left, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
	    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
	}
	.content-box.abouthome{
	    background: -webkit-linear-gradient(right, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
	    background: -o-linear-gradient(right, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
	    background: linear-gradient(to left, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);
		margin: 3rem auto;
	}
	.imgabout{margin: 0;}
	.content-box.projectshome .title-box{text-align: left;}
	.content-box.serviceshome .col-6{margin-bottom: 0;}
	
	.imgproject.imgproject2 {margin: 0 -.5rem;}
	.imgproject.aspect2 {aspect-ratio: 2 / 3.05;}
	.readmore-btn.readnews{margin: 0; float: right;}
	.title-box.subtitle{text-align: left;margin: 0;}
	
	
	.tabcareers ul.nav-pills{
		justify-content: flex-start; 
		border-bottom: 1px solid #F00; 
	}
	.tabcareers ul.nav-pills li{
		width: auto;
		margin: 0 .75rem 0 0;
	}
	.tabcareers ul.nav-pills li a{ 
		border-bottom: none; 
		padding: 8px 15px;
	}
	
	.careerspage .subtitle {margin-bottom: 0;}
	#applyModal .modal-dialog{margin: auto;}
	.contactform{margin: 0;}
}
@media (min-width: 992px) { 
	html{ font-size:18px; } 
	#nav-icon3{display: none ;}
	.headbar-main{padding:.75rem 0;}
	.navbar-brand{text-align: left;}
	.navbar-brand img{
		width: auto;
		max-width: 76%;
	}
	.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;
	}
	.hvr-underline-from-center:before{background: #FFF;}
	.navbar-nav li.active a, .navbar-nav a:hover{
		color: #FFF;
	}
	.navbar-nav li .hvr-underline-from-center:hover:before, .navbar-nav li .hvr-underline-from-center:focus:before, .navbar-nav li.active .hvr-underline-from-center:before {
	  left: 0%;
	  right: 0%;
	}
	.navbar-nav li .dropdown-menu{
		width: 100%;
		min-width: inherit;
		background: #f5f5f5;
		margin: 0;
		font-size: .9rem;
	}
	.navbar-nav li .dropdown-menu a{
		text-align: left;
		padding: 5px;
	}
	.navbar-nav li .dropdown-menu.dropdown-submenu a{
		justify-content: center;
		padding: 10px 5px;
	}
	.search-box .dropdown-menu{min-width: 18rem;}
	
	.navbar-nav li a{
		color: #FFF;
		padding: 5px 8px;
        font-size: 16px;
		text-align: center;
	}
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.contact-footer{margin: 0 -15px;}
	.copyright-box{margin-top: 3rem;}
	.imgabout {margin: 0 3rem 0 -4rem;}
	
	.textservices h1{font-size: 35px;}
	.imgproject.aspect2 {aspect-ratio: 2 / 3.035;}
	.slidenews .slick-prev, .slideprojects .slick-prev{left: -2rem;}
	.slidenews .slick-next, .slideprojects .slick-next{right: -2rem;}
	.slidenews .slick-prev, .slidenews .slick-next,
	.slideprojects .slick-prev, .slideprojects .slick-next{
		width: 40px;
		height: 40px;
	}
	.mapbox{height: 315px;}
	#applyModal .modal-dialog {
		max-width: 882px;
	}
	#applyModal .modal-dialog {
        margin: 3rem auto;
    }
	#applyModal form{padding: 2rem;}
}
@media (min-width: 1200px) {
	html{ font-size:20px; } 
	.social-footer img{width: 45px;}
	.content-box.abouthome{
		padding: 3% 0;
	}
	.iconservice{padding: 2rem 1.5rem;}
	.navbar-nav li a{font-size: 1rem;}
}

@media (min-width: 1440px) {
	.title-box h1{font-size: 2rem;}
	.textservices{
		margin: 2rem auto;
    	padding-right: 10%;
	}
	.textservices p{font-size: 25px;}
	.textservices h1{font-size: 40px;}
}

@media (min-width: 1600px) { 
    .container{ max-width: 1440px; }
	.imgabout {
        margin: 0 6rem 0 -7rem;
    }
}
@media (min-width: 1800px) {
	.container{ max-width: 1600px; }
	html{ font-size:22px; } 
}
@media (min-width: 2000px) {
	
}
@media (min-width: 2400px) {
	
}
@media (min-width: 2750px) {
	html{ font-size:24px; } 
	
}
@media (min-width: 3000px) {
	
}