.menu-resp{
    float:right;
    margin:1.5em 0 0 0;
    display:none;
}
.menu-resp a{
	float:left;
	display:block;
	width:24px;
	}
.show-mobile{
	margin-left:1em;
	display:none;
	font-weight:400;
}
.hide1column-desktop, .gap-hidden{
	display:none;
}



@media screen and (max-width: 1400px){
.title-bck{display:none;}
#superficies{
	max-width:100%;
	overflow-x:hidden;
}


 h1 {
		 
		  font-size: 3.3em;
		  
		  letter-spacing:normal;
		}

}

@media screen and (max-width: 1290px){
	nav,.menu-contents,.contents{
		max-width: auto;
		width:100%;
		padding-right:2em;
		padding-left:2em;
	}

	.footer-social {
	 padding:2em 0 0 3em;
	 clear:both;
	 float: right;
	 width:270px;
	}
	.footer-info {
	    float: right;
	}
	.product-img {
		width:40%;
	}
	.product-info {
		width:60%;
	}
	.product-img img {
	    max-width: 300px;
	}
	.submenu-product li a {

	    padding: .5em 2em .5em 2em;

	}
	.inputSearch {

	    width: auto;
	    min-width:280px;
	}
	
}

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

.col-faqs{

    column-count: 1;
    column-gap: 0;
}
.unbreakable{
	width:100%;
   display: inline-block;
}
.submenu-product li a {
    
    font-size:.9em;
    padding: .5em 1em .5em 1em;

	}
.inputTextarea{
    height:300px;
}
.contact-ref-msg{
   
    padding-top:4em;
}
}

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

	nav ul li a {
	    padding-left: 18px;
	    padding-right: 18px;
	}
	.submenu-product li a {

	    padding: .5em 1em .5em 1em;

	}
	.submenu-product li{
	    font-size:1.2em;
	    min-width:auto;
	}
}

@media screen and (max-width: 1024px){
    .contact-right,.contact-left,.contact-offices .popup-sucursal-l1
    {width:100%;}
    .title-mtop {
    margin: 1em 0 1em 0;
}
	.col-faqs{
	    float:left;
	    width:100%;
	    position:relative;
	    padding:1em 0 0 0;
	}

	.footer-nav {
	    padding: 0 0 0 3em;
	}
	.submenu-products { display:none; }
	.submenu ul {
    
	    max-width: 33%;
	}
	.product-filter{

		 font-size:.85em;
	
		}
	.product-name{
	
		 font-size:1.3em;
		
	}
	.product-type{
	
		 font-size:1.4em;
	
	}

	nav ul li a {
		padding: 25px 12px 0 12px;
		}


		#superficies{
		margin-top:5em;
	}



}

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

	nav ul li a {
		padding: 20px 10px 0 10px;
		}
	nav ul li.nav-button a {

    padding: 20px 10px 20px 10px;

}
	
	.logo {
	    margin-top: 18px;
	    width: 160px;
	}
	.footer-logo {

  
    width: 160px;

}
	.sup-image-sel {

	    right: -33px;
	    max-width:150px;

	}
	.section-header{
	    margin-top:80px;
	}
}

@media screen and (max-width: 930px){
	.us-details{
  
   font-size:1.2em;
   line-height:1.4em;
}
	.first-footer-nav{
		clear:both;
		padding-left:0;
	}
	.footer-nav, .footer-info{
		margin-top:2em;
	}
	.header-section {
	    height: 360px;
	}
	.section-title {
	    font-size: 4em;
	    line-height: 1.2em;
	    margin-top:1.5em;
	    padding:1em;
	}
	.section-title-prof{
	    font-size: 4em;
	    padding-top:120px;

	}
	.column2-big, .column2-small{
		width:100%;
	}
	.column2-small{
		padding-bottom:2em;
	}


}

/* menu responsive */
@media screen and (max-width: 1010px){
 .search-words{
 	clear:both;
 	float:left;
 }
 .modal-search-container .button{
	float:left;
 }
	nav ul{
		display:none; 
		clear:both; 
		float:left;
	}
	nav{
		height:60px;
	}

	.menu-resp{
		display:block;
	}

.search-title {

    width: 36%;
    float: left;
    padding: 2.7em 0 0 2em;

}
#menu {
	    top: 108px;
	}
.menu-prof {

  display:none;

}

}

@media screen and (max-width: 840px){
	.column-3 {
	    float: left;
	    width: 48%;
	    position: relative;
	    padding-bottom: 80px;
	}
	.hide2columns{display:none;}
	.gap-hidden{display:block;}
	.sup-image-sel {

	    z-index: 10;
	    position: absolute;
	    right: -43px;
	    bottom: 20px;
	    max-width:100%;
	}
	.column-4.col4{
			overflow:unset !important;
		}
	.video-details {

		    font-size: 1.2em;

		}
	.category-selector{
	 margin-bottom:1em
	}

	.col-prods{

	    width:50%;
	    
	}

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

		#superficies{
		margin-top:7em;
	}

	.search-title {
	    width: 100%;
	    float: left;
	    padding: 1em 0 0 2em;
	}
	.search-button {

	    position: relative;
	    top: auto;
	   	padding: 1em 0 0 2em;
	    display: block;
	    max-width: 187px;
	    clear:both;
	    float:left;
	}
	.search-box {

 
    min-height: 150px;


}
	.column-2 {
	    width: 100%;
	}
	.hide1column{display:none;}
	.video-text{margin-bottom:2em;}

		.product-name{
		
		 padding:.5em 0 .5em 0;
	
		}
		.product-type{
		
		 padding:0 ;
		}
		.extrapad-column2 {

	    padding-left: 0;

	}

}

/* nueva estructura de menú */
@media screen and (max-width: 760px){
    
    nav ul{
    	width:100%;
    	padding-top:1em;
    }
	nav ul li{
	
		clear:both; 
		float:left;
		width:100%;
		text-align:left;
	}
	nav ul li a {
	    
	    border-top:1px solid #ccc;
	    padding: 10px 0 10px 10px;

	}
	nav ul li a.productos-menu{
		border-top:none;
	}

	nav ul li.nav-button {

	   max-width:172px;
	   margin:.5em 0 .5em 0;


	}
	nav ul li.nav-button a {
		border-top:none;
	    padding: 10px ;

	}
	.show-mobile a{
		border-top:none;
	}

	
	.submenu-product {
	    display:none;
	}

	.product-details-title {
	
	    font-size: 1.6em;
	    padding: 1em 0 1em 0;
	    
	}
	.product-description-col {

	    column-count: 1;
	    column-gap: 0;
	    font-size: 1.1em;
	    line-height: 1.4em;

	}

	.header-section {

	    height: 290px;

	}

}
@media screen and (max-width: 685px){
	.product-tip-right {
        clear:both;
	    width: 100%;
	    max-width: 100%;
	    padding-left: 0;
	    padding-top:2em;

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

	.product-img {
		width:100%;
		text-align:center;
	}
	.product-info {
		width:100%;
		padding:1em;
		text-align:center;
	}
	.product-img img {
      
	   max-width: 300px;
	   float: none;
	   margin:0 auto;

	}
	.button-prod-buy{
	    float:none;
	    margin:0 auto;
	    margin-top:2em;
	    margin-bottom:2em;
	}
	.product-description, .product-list{
		width:100%; max-width: 100%;
	}

	.dropdown {
		width:100%;
	}
	.footer-nav, .footer-info,.footer-social{
		clear:both;
		float:left;
		padding-left:0;
	}
	.footer-nav{
		margin-top:0;
	}
	.first-footer-nav{
		margin-top:2em;
	}

	.product-details-title {

	    font-size: 1.3em;
	    padding: 1em 0 1em 0;
	}

	.modal-search-container .column-4{
		width:100%;
	}
	.modal-search-container .column-gap{
		display:none;

	}
	
}

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

	.row-prods{
		display: block;
	}
	.inputSearch{
		width:100%;
		clear:both;
		float:left;
	}
	.button-search{
		margin-top:1em;
		clear:both;
		float:left;
	}
	.col-prods{

	    width:100%;
	    
	}

	.header-section {
	    height: 300px;
	}
	.section-title {
	    font-size: 3em;
	    line-height: 1.2em;
	    margin-top:1em;
	    padding:1em;
	}
	.section-title-prof{
	    font-size: 3em;
	    padding-top:90px;

	}
	.title-section{
	 
	    font-size:1.7em;

	}

	.sup-image-sel {

    z-index: 10;
    position: absolute;
    right: -32px;
    max-width:150px;

}
	.header-section {

	    height: 200px;

	}

h1 {

    font-size: 2.8em;
    letter-spacing: 0;

}
#superficies{
		margin-top:3em;
	}
	.search-box {
	    background: url(../images/search-bck2.png) no-repeat right bottom;
	    background-size:auto 70%;
	}

	.button {
	    padding: .6em 0 .6em 0;
	    min-width: 150px;
	    font-size: 1em;
	    letter-spacing: 1px;
	}
	.button-zoom {

    	min-width: auto;

		}
	.category-selector p{
		font-size:.9em;
		}


}

@media screen and (max-width: 490px){
	.events-day-block, .events-details {
	    width: 100%;
	    text-align: left;

	}
	.section-title-prof{
	    font-size: 2.5em;
	    padding-top:90px;

	}
}


@media screen and (max-width: 420px){
	.search-box {
	    background: url(../images/search-bck2.png) no-repeat right bottom;
	    background-size:auto 50%;
	}

	}