@media screen and (max-width:1920px) {

 .container{ max-width:1200px; width:95%; margin:0px auto;border: 0px solid;}
 .inner_container {max-width: 1200px;margin: 0px auto; width:95%;border: 0px solid; }

}

@media screen and (max-width:1024px) {

	.icon-bar ul li {  width: 31.1%; display: inline-block; border-bottom: 1px solid #3a3636;}
	.testi {margin: 0px auto;}
	.map iframe {height: 309px;}
	.customer-logos:after, .customer-logo;before { position: unset;}

}


@media screen and (max-width:768px) {

	/*navigation*/
	.logo { height: 78px;}
	.color-navigation .logo::after, .white-navigation .logo:after { border-bottom: 88px solid transparent;}
   
   /*icon*/
   .icon-bar ul li {  width: 22.1%;}
   .about-left {  width: 100%;  float: none; text-align: left;margin-bottom: 45px;}
   .about-right { float: none; width: 100%;}

   .bg-line-right { background-position: left;float: left;}
   a.more { float: none;  margin-bottom: 25px;  display: inline-block;}


   
	/*testi*/
	.testi { margin: 0px auto;  width: 95%;}

	/*contact*/
	.query_form {width: 65%; margin: 0px auto; float: none;}
	.map {float: none; width: 100%;}
	/*footer*/
	.foo_left {width: 100%; float: none;  text-align: center;}
	.foo_right { width: 100%; float: none; text-align: center;}
	.foo_right ul {text-align: center;}
}


@media screen and (max-width:736px) {

	/*same as 768*/	
	.customer-logos:after, .customer-logo;before { position: unset!important;}

}


@media screen and (max-width:684px) {
	
	/*icon*/
	.icon-bar ul li {width: 30.1%;}
	/*WDD*/
	.welcome-layer ul li { width: 80%;border-left: 0px dashed #ccc;}
	.welcome-layer br {display: none;}
	/*contact*/
	.query_form {width: 100%;margin:0px auto 50px auto; float: none;}
	/*contact*/
	.footer_top ul li {width: 49.33%;margin-top: 0px;min-height: auto;}
    .customer-logos:after, .customer-logos:before{ display: none; }
    
}

@media screen and (max-width:667px) {
	


}


@media screen and (max-width:640px) {
	


}


@media screen and (max-width:568px) {
	
	.icon-bar ul li { width: 29.1%;}
		.icon-bar ul li .info {  font-size: 12px;  letter-spacing: 0;}
	/*contact*/
	.clients-layer {width: 100%; position: unset;;}
}


@media screen and (max-width:480px) {

	/*icon*/
	.icon-bar ul li { width: 45.1%;}

	/*contact*/
	.footer_top ul li {width: 100%; margin-top: 0px; min-height: auto;}


}


@media screen and (max-width:414px) {
	
	/*icon*/
	.icon-bar ul li { width: 44.1%;}
}


@media screen and (max-width:412px) {
	

}


@media screen and (max-width:375px) {
	
	.logo { height: 60px;}
	.color-navigation .logo::after, .white-navigation .logo:after {border-bottom: 70px solid transparent;}
    #cssmenu #head-mobile {display: block;padding: 35px}

}
@media screen and (max-width:360px) {
	


}