@media screen and (max-width: 1024px) 	{	
	#container{ width:94%; padding:0 3%;}
	#header{height:auto;}
	.header-logo{ float:none; text-align:center; padding:15px; margin-left:0;}
	.header-logo img{ height:120px;}
	.header-right{ float:none; margin:15px; height:35px;}
	.header-telf{ display:none;}
	.nav-h > ul { width:99% !important; padding:20px 5px !important;}
} 

@media screen and (max-width: 950px) 	{	

	.item-cliente{ width:21.5%; margin-right:4%; }
	#container .item-cliente:nth-child(5n){ margin-right:4%;}
	#container .item-cliente:nth-child(4n){ margin-right:0;}

	#footer .logo { width:20%;}
	#footer .derecho { width:50%; margin-top:10px;}
	#footer .social { width:20%; margin-top:10px;}
}

@media screen and (max-width: 800px) 	{
	.body-left{float:none; width:100%; margin-bottom:40px;}
	.body-right{float:none; width:94%; padding:10px 3%; margin-left:0;}

	#footer .derecho { margin-top:0;}
	#footer .social { margin-top:0;}
	
	.contact-info{ 
		background:url(../image/map.jpg) top center;
		background-size: auto 100%;
		width:100%; 
		padding:100px 0;
	}
	.contact-info .gmap{
		margin: 0 100px 0 10%;
	}
}

@media screen and (max-width: 650px) 	{	
	
	#header{position:static;}
	.header-logo {padding:25px 0;}
	.header-right{ display:none; }
	#nav-responsive{ position:absolute; display:block; top:5px; left:0; width:100%; z-index:99999; }
	
	
	.item-servicio{ float:left; width:48%; margin-right:4%; }
	#container .item-servicio:nth-child(3n){ margin-right:4%;}
	#container .item-servicio:nth-child(2n){ margin-right:0;}
		
	.item-cliente{ width:47.5%; margin-right:4%; }
	#container .item-cliente:nth-child(2n){ margin-right:0;}
	
	
	#footer .logo { display:block; width:100%; float:none; text-align:center; margin:30px 0;}
	#footer .derecho {display:block; width:100%; float:none; text-align:center; margin:30px 0;}
	#footer .social {display:block; width:100%; float:none; text-align:center; margin:30px 0;}

	#footer .social a{width:40px; height:40px;line-height:40px;}
	#footer .social a span{ font-size:20px; }
	
	.contact-info .gmap{
		float:none; margin:0 auto;
	}
	.contact-info .data{
		float:none; margin:50px auto 0; text-align:center;
	}
	.contact-info .data .home-title{ text-align:center; }
	
	.comment-form .inputtext{width:80% !important;}
	.comment-form textarea {width: 80% !important;}
}

@media screen and (max-width: 500px) 	{
	
	.mod-two{ float:none; width:100%; margin-right:0%; }
	.mod-two.nosotros{width:90%; padding:20px 5% 40px;}

	.item-servicio{ float:none; width:100%; margin-right:0%; }
	#container .item-servicio:nth-child(3n){ margin-right:0;}
	#container .item-servicio:nth-child(2n){ margin-right:0;}	
		
	.item-articulo{ float:none; width:100%; margin-right:0; }
	
	.item-cliente{ float:none; width:99.5%; margin-right:0; }
	#container .item-cliente:nth-child(5n){ margin-right:0;}
	
	.comment-form .inputtext{width:90% !important;}
	.comment-form textarea {width: 90% !important;}
	
}

@media screen and (max-width: 400px) 	{	
	/*.item-foto{ float:none; width:100%; margin-right:0; }
	.item-foto:nth-child(3n){margin-right:0;}*/
}