@media screen and (max-width: 768px){
	#breadcrumbs,
	#slide-home .slick-prev, #slide-home .slick-next,
	.navbar-nav > li > a:after,
	.complementary-menu,
	footer .scrollup,
	header #social-bar,
	.only-desk{display: none !important;}
	
	.only-movil{display: block !important;}
	
	header, footer, section, main, footer{min-width: 100% !important;}
  figure{max-width: 100%;}
    figure img{display: block; height: auto; max-width: 100%;}
  .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{width: 100%;}
  
  .container{min-width: 100% !important; max-width: 100% !important; width: 100% !important;}
  
  section#slide,
  #wrap{float: left; width: 100%;}
  #parallax{height: 100px;}
  
  hgroup{margin: 20px 0;}
  	hgroup h3{font-size: 1.6em;}
	.more{
		text-align: center;
		margin-top: 10px;
		width: 100%;
	}
	#wrap{padding: 20px 0;}
  
  /* HEADER */
  header{background-image: none;}
  header#home{position: absolute; z-index: 99999;}
  header .row{margin: 0;}
  	header .container{padding: 0;}
  		header .col-sm-12{padding: 0;}
  		
  		header .col-head{display: block; float: left;}
  
		header a.logo{
			float: left;
			left: 0;
			margin: 10px;
			position: relative;
		}
	  	header a.logo h1,
	  	header#home a.logo h1{height: 68px; width: 200px;}
	  	
	  	header.overlay-is-navbar-collapse a.logo h1{background: url("../images/logo.svg") center center !important; height: 68px; width: 200px;}
			
			.navbar-collapse.menu-web{background-color: #212529; width: 100%;}
			.navbar-nav{margin: 0 -15px;}
				.navbar-nav li{border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin: 0; transition: .2s ease all; width: 100%;}
				.navbar-nav li.open{background-color: #e1313b; transition: .2s ease all;}
					.navbar-nav > li > a{border-radius: 0;padding: 13px 15px;}
					header#interior .navbar-nav > li > a{color: #fff !important; padding: 13px 15px !important;}
						.navbar-nav > li > ul.dropdown-menu{position: relative !important; width: 100%;}

						.navbar-nav > li.wide-menu > ul{background-color: #141414 !important; float: left !important;overflow: hidden;width: 100%;}
							.navbar-nav > li.wide-menu > ul li{width: calc(25% - 10px);}
								.navbar-nav > li.wide-menu > ul li a{font-size: .8em;font-weight: 700;}


    
	/* HOME */
	#slide-home .sliders-home .text-caption{padding: 0 30px; width: 100%;}
		#slide-home .sliders-home .text-caption img{width: 80px;}
		#slide-home .sliders-home .text-caption .text{width: 100%;}
			#slide-home .sliders-home figure.slick-current.slick-active hgroup h4{font-size: 2.0em;}
			#slide-home .sliders-home figure.slick-current.slick-active hgroup h5{}
	
	.productos-home .cat-prod{
		margin: 0 7px 10px;
		width: calc(100% - 14px);
	}
	
	#wrap.descripcion-home{}
		.descripcion-home .photo-descrip{width: 50%;}
		.descripcion-home .text-descrip{background-position: 550px center; padding: 30px 40px; width: 50%;}
			.descripcion-home .text-descrip h2{font-size: 1.8em;}
	
			#wrap.descripcion-home #parallax .about-us{margin: 0 50px;}
			
	#parallax .center-parallax img{width: 200px;}
	
	/* INTERIORES */
	#wrap.blog-detail .news-detail{margin-bottom: 20px; width: 100%;}
	.page .page-post-gallery{width: 50%;}
		.page .page-post-gallery .slick-dots{margin: 10px 0 0; position: relative;}
	
	#wrap h1{font-size: 2.2em; margin-bottom: 25px}
		#wrap.page h1:before, #wrap.productos h1:before{top: 0}
	#wrap.blog-detail .news-detail .excerpt p{font-size: 1em;}
	
	.entry-content p{text-align: justify;}
	
	/* ARTICULOS */
	#article-list{}
		#article-list ul > li{}
			#article-list ul > li figure{margin: 0 0 10px; width: 100%;}
			#article-list ul > li .news-info{width: 100%;}
				#article-list ul > li h2{font-size: 1.4em;}
	
	/* PRODUCTOS */
	.productos #article-list li a .news-info{min-height: 65px;}

	/* FOOTER */
	footer{padding-bottom: 40px;}
		footer .informacion{text-align: center}
		
		footer #social-bar{padding: 15px; text-align: center; width: 100%;}
			footer #social-bar a{display: inline-block; float: none;}
		
		.closer p{text-align: center; width: 100%;}
		.closer .naranja{display: inline-block ;text-align: center;width: 100%;}
		
	/* CONTACTO */
	#wrap .content-contacto{margin-bottom: 20px;}
		form{margin: 0 !important;}
		#wrap .content-contacto .entry-content p{margin: 10px 0;}
		#wrap .content-contacto .entry-content a{margin: 0;}
}

@media screen and (max-width: 480px){
	.product .post-carousel,
	#article-list ul > li .more{display: none !important;}
	
	.navbar-nav > li.wide-menu > ul li{overflow: hidden; width: calc(50% - 10px);}
		.navbar-nav > li.wide-menu > ul li a{font-size: .9em; font-weight: 700;}
	
	/* HOME */
	#slide-home .sliders-home .text-caption{padding: 0 20px; width: 100%;}
		
		#slide-home .sliders-home .text-caption .text{text-align: center; width: 100%;}
			
			#slide-home .sliders-home .text-caption img{float: none ;display: inline-block; margin: 0 0 10px; width: 80px;}
			#slide-home .sliders-home figure.slick-current.slick-active hgroup{width: 100%;}
				#slide-home .sliders-home figure.slick-current.slick-active hgroup h4{font-size: 2.0em;}
				#slide-home .sliders-home figure.slick-current.slick-active hgroup h5{}
			
	#wrap.news-home hgroup{margin: 0 0 20px; text-align: center;}
	#wrap.descripcion-home{display: block;}
		.descripcion-home .photo-descrip{border-bottom: 1px solid #fff; height: 160px; width: 100%;}
		.descripcion-home .text-descrip{background-position: 570px center; padding: 25px 15px; width: 100%;}
		
	#wrap.descripcion-home #parallax .about-us{margin: 0 20px; padding: 10px 20px; text-align: center;}
		#wrap.descripcion-home #parallax .about-us h3{font-size: 2em; margin-bottom: 20px;}
	
	/* INTERIORES */
	.page .page-post-gallery{width: 100%;}
	ul.nav-tabs > li{width: 50%;}
		ul.nav-tabs > li > a{
			margin: 0;
			padding: 14px 5px;
			text-align: center;
			width: 100%;
		}
	
	/* ARTICULOS */
	#article-list{}
		#article-list p{font-size: 1.0em !important;}
		#article-list ul > li{width: 100%;}
		#article-list ul > li h2{font-size: 1.2em; margin: 0;}
	/* PRODUCTOS */
	.productos #article-list li{width: calc(50% - 20px);}
	
	/* PRODUCTO */
	.product .post-gallery{margin-bottom: 10px;}
		.product .post-gallery .slick-dots{margin: 10px 0 0; position: relative;}
	
}	

@media screen and (max-width: 320px){
	#article-list ul > li h2{font-size: .8em;}
	/* FOOTER */
	footer .sucursal{padding:  15px; width: 100%;}
}