@media only screen and (max-device-width: 900px){
	div.vista_producto,div.vista_rubro,div.vista_busqueda, div.vista_login,div.promo,div.chapa_container,
	div.vista_pedidos,
	div.vista_post,
	div.heading_container,.vista_rubro, div.center_right_inner > div.heading_container > div.heading_container_inner{
		width:100%;
		padding:0;
	}

	ul.navbar > li:not(:first-child){
		display: none;
	}

	div.img_container_outer {
		background-image: url("/images/bg-fondo-mobile.jpg");
		height: 90vw;
	}

	div.img_container_outer.image2 {
		background-image: url('/images/politica-envios-mobile.jpg');
	}

	div.img_container_outer.image3 {
		background-image: url('/images/todos-los-materiales-mobile.jpg');
	}


	.center_right{
		/*margin-top: 40px;*/
		padding-left: 8px;
		padding-right: 8px;
	}


	div.img_container{
		width:100%;
	}
	div.img_container img.foto_obra{
		width:100%;
	}

	.img_container > p {
		font-size: 3.9vw;
	}
	div.img_container .leyenda_suerte,
	div.img_container .leyenda_buscabas {
		font-size: 5vw;
		left: 0;
		margin-left: 0;
		padding:5px;
		width: auto;
		line-height: 10vw;
		font-size: 6vw;
		font-family: Boldy;
		font-weight: bold;
	}
	
	div.contenedor_thumbs{
		display: none;
	}
	/* Product detail page: horizontal thumbstrip stays visible */
	div.pdp div.contenedor_thumbs,
	div.vista_produto div.contenedor_thumbs {
		display: block;
	}
	div.vista_producto{
		box-shadow: none;
		border: none;
	}

	/** slides ***/

	span.slide_texto {
		background-color: #2e496b;
		color: #fff !important;
	}.titulo_slide {
		 margin-left: 0 !important;
		 left: 10px;
			 font-size: 27px !important;
	 }a.cta {
		  margin: 0;
		  bottom: 5px;
	  }.slide_inner_content{width:100% !important;}.ofertas-product-container,.footer_content,.contenedor-muchas-cuotas{width:100% !important;}
}
@media only screen and (max-device-width: 400px){

div.frame_imagen {

		min-width: 100%;
		min-height: 100vw;

	}


	div.detalle_container div.producto_specs {
		display: block;
		height: auto;
		padding: 0;
		position: initial;
		width: 100%;
	}

	div.producto_specs ul {
		width: 100%;
	}

	div.producto_specs ul li {
		display: inline-block;
		width: 70px !important;
	}

	div.elemento_cuadros_fullsize .producto_specs img,
	div.elemento_cuadros_fullsize .producto_specs ul li
	{
		max-width: 20vw;
		position: static;
	}
	div.producto_specs div.mensaje {
		border-radius: 0 !important;
		border-width: 1px !important;
		/*bottom: -23px;*/
		left: 0 !important;
		top: unset !important;
		bottom: 70px;
		/*top: auto;*/
		z-index: 10;
	}
	div.elemento_cuadros_fullsize .img_producto img{
		max-width: 100%;
	}
	div.elemento_cuadros_fullsize{
		max-width:100% !important;
	}
}
@media only screen and (max-device-width: 650px){
	.detalles_articulo > ul > li{
		min-width: auto !important;
		display: list-item !important;
		padding: 0 !important;
		border: none !important;
		background:none !important;

	}
	div.center_right_inner > div.heading_container > div.heading_container_inner{
		box-sizing: border-box;
		padding: 5px !important;
		width: 100%;
	}
	
	div.whiteline {
		bottom: 15%;
		width: 75%;
	}
	input[type=text].telefonito,
	input[type="email"].email
	{
		width:100%;
	}
	.titulo_hablamos {
		font-size:6vw;
	}
	.datos_contacto_contenedor{
		padding: 20px;
	}
	.datos_contacto_contenedor_inner img {
		max-width:40%;
	}
	.datos_contacto_contenedor_inner{
		float:none;
		width:100%;
	}
	
	a.btn_contacto_cta {
		font-size: 4vw;
		width: 71%;
		bottom: 30px;

		padding: 6px;
	}
	.detalles_articulo {
		margin: 10px 0 0;
		padding: 0;
	}
	ul.navbar {width:100%;}
	ul.navbar li {
		float:none;
		display: block;
	}


	/* vista de pedidos */
	.detalle_materiales_pedido td {
		padding: 0;
	}
	div.vista_pedidos table{width:100%;}
	/* --- chapas armco y eso --- */
	div.linea_container{
		width:100%;
		float:none;
	}
	.linea_container ul li a {
		font-size: 4.2vw;
	}

	/* ---- */
	.formulario_ingreso {
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0;
	}
	.formulario_ingreso label{
		width:100%;
		text-align: right;
	}
	div.header > div.header_top {
		display:none;
		top: 84px;
		height: 46px;
		background-color: #1f9dc6;
		width: 100%;
		text-align: center;
	}
	.header .header_top a {
		color: #ffffff;
		font-size: 4vw !important;
		padding-right: 1.1vw;
	}


	.submenu_column a.titulo_rubro{
		color: #0e4740;
	}
	.submenu_column a.titulo_rubro {
		border-bottom: 2px solid #57ad6d;
	}
	


	ul.navbar > li.list_sep{
		display:none;

	}

	ul.navbar > li {
		display: inline-block;
		/*width: 50%;*/
	}
	button.btn_cerrar {
		position: fixed;
		top: 0;
		width: 50px;
		height:50px;
		right: 0;
	}
	ul.navbar li .submenu {
		display: none;
		left: 0;
		position: static;
		width: 100%;
		z-index: 3;
	}
	.header_top{
		display:none;
	}

	body{
		width:100%;
	}
	.social{
		padding-top: 0px;
		height: 77px;
		background-position: 0 100%;
	}

	.header div.search_box.mobile_fullsize_search_box{
		margin-left: 0;
		left: 10px;
	}

	.header div.search_box {
		left: 120px;
		position: absolute;
		right: 18px;
		top: 0;
		margin-left: 0;
		width: auto;
	}
	.header_bottom{
		width:auto;
		box-sizing: initial;
    -webkit-box-sizing: initial;
		height: 85px;
	}


	.msg_envios_gratis {
		font-size: 11px;
		margin-top:2px;
		padding: 0;
	}
	.header .header_top a {
		font-size: 11px;
	}

	.header {
		border:none !important;
		margin-top:0;
	}

	.header img.imglogo {
		margin: 0;
		width: auto;
	}
	div.vec > span.span_side{display:none;}
	.decor_title{
		width:100%;
	}
	.contenedor_articulos {
		width: 100%;
	}

	.contenedor_busqueda {width:100%;}

	div.detalle_container div.accesorio_descripcion{
		margin-top:5px;
	}
	div.detalle_container div.accesorio_container{
		text-align: center;
	}
	div.detalle_container div.accesorio_container:not(:first-child){
		border-top: 1px dashed #dadada;
	}
	div.detalle_container div.accesorio_container div.detalle_elemento {
		float: none;
		display:inline-block;
	}

	.rubro_bottom_info > img,
	.contenedor_descripcion_adicional > img {
		max-width:100%;
		margin:0;
	}
	.formulario_contacto label {

		width: 100%;
	}
	.formulario_contacto textarea {

		width: 100%;
	}

	.formulario_contacto input {
		width: 60%;
	}

	/* OLD */
	.header span.spantelefonos {
		top: 70px;
		/* position: static; */
		margin: 0 auto;
		width: 160px;
		left: 0;
		display: block;
		text-align: center;
		font-size: 16px;
		margin-left: auto;
		right: 0;
		margin-right: auto;
	}

	.logo > img {
		left: 4px;
		top: 6px;
	}
	.texto_barraca{display:none;}
	a.logo{
		
		width:100%;

	}
	.header{
		/*height: 70px;*/

		width:100%;
	}
	.footer ul li{
		display: block;
	}
	.footer ul {
		padding: 0;
	}
	.footer {
		height: auto;
		width: 100%;
	}
	.footer_content {
		height: auto;
		width: 100%;
	}

	.datos_contacto{
		top: 11px;
		width: 130px;
		right: 6px;
		height: 28px;
	}
	.ofertas_actuales{
		display:none;
	}
	div.vista_producto h1 {
		font-size:31px;
	}
	
	.busqueda_header {
		border-radius: 0;
		bottom: -40px;
		left: 0;
		border-width: 0 0 1px;
		right: 0;
		top: 46px;
	}
	.busqueda_header > input {
		font-size: 18px;
	}


	/*.only_mobile{display:}*/
	/* #btn_menu_mobile handled by design.css */
	
	button.boton_busqueda {
		right: 41px;
	}
	
	*::-moz-placeholder {
		color: #789edc;
		
	}

	.chapa_container img{
		width:100%;
	}

	.chapa_container {
		width: 100%;
	}
	.buttonlike{
		display: block;
		text-align: center;
		margin-bottom: 2px;
	}

	.promo img.imagen_suelta,
	.promo div.imagen_suelta img
	{
		width:100%;
	}

	.promo div.imagen_suelta {
		width:100%;
	}

	.figcaption{
		font-size: 12px;
	}

	/* ---------- menu nuevo ----------- */

	.navbar_container_collapsed {
		width: 100%;
		min-height: 300px;

	}
	ul.products_navbar {
		padding: 0;
	}

	/** Para cuando se oculta la navegacion **/
	div.navbar_container_collapsed.navbar_hidden ul.products_navbar {
		margin-left: -150px;
	}


	/*** BOTON SIDEBAR ***/
	.btn_show_hidden_sidebar{
		display: none;
		/* background-image: url("/imgnew/arrow.png"); */
		position: absolute;
		/* margin-right: 15px; */
		margin-left: -40px;
		width: 120px;
		font-family: Arial;
		margin-top: 50px;
		height: 40px;
		border: 1px solid #9CBAFF;
		background-color: #FFFFFF;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		font-weight: bold;
		font-size: 16px;
		color: #3EA3FF;
	}

	.vista_rubro_navbar{
		display: none;
		width:100%;
	}
	.navbar_inner{
		width:100%;
	}
	ul.vista_top,ul.vista_bottom {
		width: 100%;
		box-sizing: border-box;
	}

	ul.vista_bottom > li {
		margin:10px;
	}
	ul.vista_bottom > li > a {
		font-size: 4vw;
	}

}