@media screen and (min-width: 768px){
	
	.wrap{width: 735px}
	.pageSection{padding-bottom: 25px}
	.slider .sliderText{width: 768px}
	.slider .textos{width: 580px}
	.slider .sliderText p{font-size: 9px; padding-top: 18px;background-position: 190px 20px; background-size: 200px;}
	#float-header{height: 52px; width: 100%; position: fixed; top: 0;background-color: #282828; z-index: 99999; transition: background 0.6s linear, margin 0.4s ease-in, width 0.4s ease-in, opacity 0.4s linear; left: 50%; margin-left: -50%; opacity: 1;}
	#float-header.hidden{width: 0; margin: 0; opacity: 0}
	#float-header.hidden #logo-mini, #float-header.hidden ul>a{opacity: 0; transition: opacity 0s linear}
	#float-header #logo-mini{transition: opacity 0.4s 0.4s linear}
	#float-header #menu-bajo>ul>a{transition: opacity 0.4s 0.4s linear}

	#homeinfo p{width: 708px}
	#portfolio #proyectos{padding-bottom: 0px; width: 665px}
	#portfolio #galeria{width: 640px}
	
	#proyecto{padding-bottom: 75px}
	#proyecto #muestras{width: 705px; padding: 15px}
	#proyecto #muestras #detalle{padding-bottom: 45px}
	#proyecto #muestras #images img{height: auto; width: 705px}
	.slide-container, .slide{width: 768px}
	
	#obras #obras-list {
    width: 560px;
    height: 445px;
	}
	
	#servicios #serv-list{
		width: 450px;
		    justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
	}
	#servicios #serv-list .servicio{
		margin-bottom: 25px
	}
	
	#contact_us{width: 735px}
	footer#page_footer .subtitle{padding-bottom: 0px}
	footer#page_footer form .left_part input[type="text"]{width: 500px}
	footer#page_footer form aside{margin-top: 25px}
	footer#page_footer form aside input[type="submit"]{display: block;float: none;width: 500px; margin-left: 117px}
	footer#page_footer form .left_part, footer#page_footer form textarea{width: 500px; margin-left:auto; margin-right: auto; display: block}
	footer#page_footer form aside p{padding-top: 50px}
	#final-rombo{width:735px; height: 75px}
	
	.imgs-wrapper img{max-width: 90vw; max-height: 90vh}
}
@media screen and (max-width: 767px){
	.onlyResp{display: block}
	
	/* Sacar el menú flotante */
	#float-header{display: none}
	
	/* Resp Menu*/
	#respMenuToggle{
		width: 30px;
		height: 28px;
		background-image: URL('imagenes/menu_icon.png');
		background-repeat: no-repeat;
		position: fixed;
		right: 50%;
		top: 30px;
		z-index: 9999;
	}
	#respMenuToggle.active{
		background-position: -44px 0;
	}
	#respMenu{
		display: none;
		position: fixed;
		width: 200px;
		height: 270px;
		background-color: rgba(79,74,68,.95);
		z-index: 9999;
	}
	#respMenu nav{
		padding-left: 22px;
		padding-top: 33px
	}
	#page-header #respMenu  nav>ul>a:after{display: none}
	#page-header #respMenu  nav>ul>a{
		font-size: 13px;
		line-height: 41px;
		color: white;
		text-align: left;
		display: block;
		letter-spacing: 1px;
		font-weight: 500
	}
	#respMenu.active{
		display: block;
		right: 0;
		top: 80px;
	}
	/* Generales para todas las res mobile */
	#page-header .wrap #data nav{display: none}
	
	/* Centrar galeria de proyectos*/
	#portfolio #proyectos{margin-left: 0px}
	#portfolio #proyectos .obras_element{margin-left: 0px;}
	#portfolio #galeria{width: 290px; padding-bottom: 32px}
	#portfolio #proyectos{padding-bottom: 0px; width: 290px}
	
	/* Mostrar las descripciones siempre */
	#portfolio #proyectos .obras_element .overlay{opacity: 1}
	
	/* Mostrar obras centradas */
	#obras #obras-list { width: 280px; height: 815px; }

	/* Servicios posicionamiento */
	#servicios #serv-list{ width: 450px; justify-content: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around;}
	#servicios #serv-list .servicio{ margin-bottom: 25px }
	
	/* Lightbox siempre entre en la pantalla */
	.imgs-wrapper img{max-width: 90vw; max-height: 90vh}
}
@media screen and (min-width: 600px) and (max-width: 767px){
	
	.wrap{width: 600px}
	.pageSection{padding-bottom: 25px}
	.pageSection > .subtitle{font-size: 18px; margin-bottom: 27px}

	#respMenuToggle{margin-right: -280px;}
	.slide-container, .slide{width: 600px; height: 292px}
	.slide-container .slide{background-size: 100%}
	.slider .silestoneBrand{ width: 80px; height: 93px; background-size: 100%; margin-right: 15px; margin-top: 15px}
	.slider .sliderText{width: 600px; margin-top: 50px;background-size: 760px 150px;background-repeat: no-repeat;background-position: 50% -21px;}
	.slider .textos{width: 420px}
	.slider .sliderText p{font-size: 9px; padding-top: 18px;background-size: 190px; background-position: 113px 21px;}
	.slider .prevSlide, .slider .nextSlide { width: 43px; height: 43px; background-size: 100%}
	
	#homeinfo .subtitle{padding-top: 52px;}
	#homeinfo p{width: 580px; line-height: 28px; width: 500px}
		
	#proyecto{padding-bottom: 75px}
	#proyecto #muestras{width: 600px; padding: 15px}
	#proyecto #muestras #detalle{padding-bottom: 45px}
	#proyecto #muestras #images img{height: auto; width: 600px}
	
	
	#contact_us{width: 600px}
	footer#page_footer .subtitle{padding-bottom: 0px}
	footer#page_footer form .left_part input[type="text"]{width: 500px}
	footer#page_footer form aside{margin-top: 25px}
	footer#page_footer form aside input[type="submit"]{display: block;float: none;width: 500px; margin-left: 50px}
	footer#page_footer form .left_part, footer#page_footer form textarea{width: 500px; margin-left:auto; margin-right: auto; display: block}
}

@media screen and (min-width: 480px) and (max-width: 599px){
	.wrap{width:460px}
	.pageSection{padding-bottom: 25px}
	.pageSection > .title{font-size: 44px; line-height: 36px}
	.pageSection > .subtitle{font-size: 18px; padding-top:15px; margin-bottom: 27px}
	#respMenuToggle{margin-right: -215px;}
	.slide{width: 480px; height: 234px; background-size: 100% auto}
	.slide-container{width: 480px; height: 234px}
	.slider .silestoneBrand{ width: 80px; height: 93px; background-size: 100%; margin-right: 15px; margin-top: 15px}
	.slider .sliderText{width: 480px; margin-top: 20px; height: 85px; background-size: 760px 150px;background-repeat: no-repeat;background-position: 50% -31px;}
	.slider .textos{width: 350px}
	.slider .prevSlide, .slider .nextSlide { width: 43px; height: 43px; background-size: 100%}
	.slider .sliderText p{font-size: 9px; padding-top: 8px; background-size: 190px; background-position: 78px 11px;}
	.slider .sliderText h2{font-size: 35px; line-height: 33px}
	
	#homeinfo .subtitle{padding-top: 50px}
	#homeinfo p{font-size: 16px; line-height: 28px; width: 380px}
	
	#proyecto{padding-bottom: 75px}
	#proyecto #muestras{width: 430px; padding: 15px}
	#proyecto #muestras .right{float: none;margin: 0 auto;display: block;margin-top: -15px; width: 100%}
	#proyecto #muestras .left{padding-top: 30px}
	#proyecto #muestras #categories h3{line-height: 7px; font-size: 9px; display: inline-block}
	#proyecto #muestras #title{font-size: 14px; padding-bottom: 7px}
	#proyecto #muestras #description{font-size: 9px; width: auto}
	#proyecto #muestras #detalle{padding-bottom: 45px}
	#proyecto #muestras #images img{height: auto; width: 430px}
	
	
	#obras #obras-list {
    width: 270px;
    height: 805px;
	}
	
	#contact_us{width: 420px}
	footer#page_footer .subtitle{padding-bottom: 0px}
	footer#page_footer form .left_part, footer#page_footer form textarea{width: 420px; margin-left:auto; margin-right: auto; display: block}
	footer#page_footer form .left_part input[type="text"]{width: 420px}
	footer#page_footer form aside{margin-top: 10px}
	footer#page_footer form aside input[type="submit"]{display: block;float: none;margin-left: 378px}
	footer#page_footer form aside p{font-size: 18px; line-height: 24px}
	footer#page_footer form aside{margin-top: 25px}
	footer#page_footer form aside input[type="submit"]{display: block;float: none;width: 420px; margin-left: 0}
	#final-rombo{width:460px; height: 75px}
}
@media screen and (max-width: 479px){
	.wrap{width:300px}
	.no320{visibility: hidden;display: block;height:0px}
	.only320{display: block;}
	#respMenuToggle{margin-right: -140px;}
	#respMenu{width: 100%}
	#respMenu nav{padding-left: 0}
	#page-header #respMenu  nav>ul>a{padding-left: 0; text-align: center}
	.pageSection{padding-bottom: 25px}
	.pageSection > .title{font-size: 44px; line-height: 36px}
	.pageSection > .subtitle{font-size: 20px; padding-top:15px; margin-bottom: 28px}
	
	.slide{width: 320px; height: 234px; background-size: cover}
	.slide-container{width: 320px; height: 234px}
	.slider .silestoneBrand{ width: 80px; height: 93px; background-size: 100%; margin-right: 15px; margin-top: 15px}
	.slider .sliderText{display: none}
	.slider .prevSlide, .slider .nextSlide {display: none}
	
	#homeinfo .ubicados{width: 100%}
	#homeinfo .subtitle{padding-top: 32px}
	#homeinfo p{width: 220px; line-height:22px}
	
	#proyecto{padding-bottom: 75px}
	#proyecto #muestras{width: 270px; padding: 15px}
	#proyecto #muestras .right{float: none;margin: 0 auto;display: block;margin-top: -15px; width: 100%}
	#proyecto #muestras .left{padding-top: 30px; width: 270px}
	#proyecto #muestras #categories h3{line-height: 7px; font-size: 9px; display: inline-block}
	#proyecto #muestras #title{font-size: 14px; padding-bottom: 7px}
	#proyecto #muestras #description{font-size: 9px}
	#proyecto #muestras #detalle{padding-bottom: 45px}
	#proyecto #muestras #images img{height: auto; width: 270px}
	
	
	#obras #obras-list {width: 270px;height: 805px;}
	
	#servicios #serv-list{width: 320px;}
	#contact_us{width: 420px}
	#contact_us{width: 300px}
	footer#page_footer .subtitle{padding-bottom: 0px}
	footer#page_footer form .left_part, footer#page_footer form textarea{width: 300px; margin-left:auto; margin-right: auto; display: block}
	footer#page_footer form .left_part input[type="text"]{width: 300px}
	footer#page_footer form aside{margin-top: 10px}
	footer#page_footer form aside input[type="submit"]{display: block;float: none;margin-left: 258px}
	footer#page_footer form aside p{font-size: 18px; line-height: 24px}
	footer#page_footer form aside{margin-top: 25px}
	footer#page_footer form aside input[type="submit"]{display: block;float: none;width: 300px; margin-left: 0}
	
	#final-rombo{width:300px; height: 75px}
	
	.imgs-wrapper img{max-width: 90vw; max-height: 90vh}
}