/* =========== Media Queries =========== */
@media only screen and (max-width: 1024px) {
#portada .bujia-home, #portada .bujia-home-encendida{width:100%;}
#portada .portada-title{font:300 250%/100% 'Montserrat';}

#productos .encabezado .bg-txt{width:100%;height:auto;font:900 1200%/80% 'Montserrat';}
#productos .encabezado .foto-right{width:100%;}
#productos .encabezado .foto-left{left:0%;}
}

@media only screen and (max-width: 992px) {
.row{margin-left:0 !important;margin-right:0 !important;}
.mobile{display:block;}
.mobile_hidden{display:none;}
#menu_button{display:block;}
#menu{position:fixed;z-index:998;text-align:left;max-width:400px;width:80%;padding:120px 5% 75px;height:100%;right:-150%;top:0;background:#000;color:#fff;overflow:auto;transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;}
#menu .langs{margin:0 auto 30px;}
#menu.active{right:0;box-shadow:-5px 0 5px rgba(0,0,0,.2);}
#menu ul.menu{display:block;grid-template-columns:none;gap:auto;}
#menu li.item{float:none;display:block;width:100%;margin:0 auto 20px;font:300 175%/100% 'Montserrat';}
#menu li.item ul.submenu{border-left:1px solid #fff;margin:5px 0 5px 15px;}
#menu li.item li.subitem{padding:0 0 0 15px;list-style:none;font-size:75%;}
#menu li.item a,
#menu li.item span{display:inline-block;padding:15px 0;width:auto;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;}
#menu li.item a:hover{color:#e8e8e8;}
#menu li.item .icon{display:none;}

#tira_home h3{font:400 120%/105% 'Montserrat';letter-spacing:.5px;}

.col{float:none;width:100%;padding:0;margin:0 auto 25px;}
.col.col40{width:100%;}
.col.col60{width:100%;}
	
#menu-foot li{padding:0 3%;}
#menu-foot li a{font:100%/120% 'Montserrat';letter-spacing:-.5px;}
#certificaciones li span{font-size:80%;padding:0 0 0 5px;}

#empresa{padding:50px 5%;}
#empresa .title.xbig{font:900 350%/110% 'Montserrat' !important;margin:15px auto 25px;}
.title.xbig small{width:100%;}
#empresa .texto{font:120%/135% 'Montserrat';margin:35px auto;}
#empresa .arrow{right:5%;width:90px;}

#productos .encabezado .bg-txt{font:900 1000%/80% 'Montserrat';}
#productos .info h2{font:900 300%/105% 'Montserrat';}
}

@media only screen and (max-width: 768px) {
#inicio{min-height:80%;height:80vh;}

.arranca img{width:200%;}
header{height:80px;}
#encabezado h1{max-width:300px;}
#menu_button{margin:20px 0 0;}

#portada .portada-title span{display:block;}
.parallax .texto .desc{font:300 110%/125% 'Montserrat';margin:15px auto 0;}

#sorteo{margin:0 auto 25px;}

#wrap,.wrap{padding:35px 5%;}
#menu-foot{padding:35px 5%;}

#corte .texto{left:10%;}
#corte .bujia{width:65%;}

.title{font:900 220%/110% 'Montserrat' !important;margin:15px auto 25px;}
.seccion .info h2{font:300 220%/110% 'Montserrat';}

#certificaciones{padding:20px 5px;}
#footer{padding:20px 3%;}
#footer .dato{width:50%;font-size:120%;padding:10px 0;}

.col-productos{width:100%;}
#productos .encabezado .lata{width:100%;}
}

@media only screen and (max-width: 736px) {
#producto .ficha{width:50%;}
#producto .plano{float:right;width:48%;margin:0 0 0 2%;}

#tira_home h3{font:400 100%/105% 'Montserrat';letter-spacing:0;}

}

@media only screen and (max-width: 667px) {
.arranca img{width:250%;}
header{height:80px;}	
#header #encabezado,
#header.top #encabezado{padding:0 5% 10px;}
#header #encabezado h1,
#header.top #encabezado h1{max-width:250px;}
#header #menu_button,
#header.top #menu_button{margin:22px 0 0;}

#menu{padding:100px 20px 0;}
#menu ul.menu{padding:0 0 0 15px;}
#menu li.item{font:125%/100% 'Montserrat';}
#menu li.item ul.submenu{margin:5px 0 5px 10px;}

.circle-bg{width:300px;height:300px;border-color:#ccc;}

#portada{height:300px;}
#corte{height:400px;}

#productos .icon-producto h3{height:30px;font:900 135%/105% 'Montserrat';}

.parallax{min-height:200px;}
.seccion .parallax{height:200px;}
.parallax .texto{padding:0 5%;}

#contacto .form{float:none;width:100%;border-left:none;padding:20px 0;}
#contacto .datos{float:none;width:100%;padding:25px 0;text-align:center;}

}

@media only screen and (max-width: 640px) {
.arranca img{width:300%;}

.error404 h2{font:300 200%/125% 'Montserrat';}

.title{font:900 200%/110% 'Montserrat' !important;}
.parallax .texto .desc{font:300 100%/120% 'Montserrat';margin:10px auto 0;}
.titulo{font:400 200%/110% 'Montserrat';}
.subtitulo{font:125%/110% 'Montserrat';}	

.btn-black{font:900 120%/105% 'Montserrat';}
.btn-black.min{font:900 80%/105% 'Montserrat';}

#menu-foot{background-size:auto 100%;}
#menu-foot li{width:32%;padding:0 25px;margin:0 0 25px;}

#certificaciones li{width:33.3%;}

#producto{}
#producto .ficha{float:none;width:100%;}
#producto .plano{float:none;width:100%;margin:0 auto 25px;}

#productos .encabezado .bg-txt{font:900 900%/80% 'Montserrat';}
#productos .info .pq{width:120%;left:-10%;padding:50px 10% 35px;background:#000;color:#fff;}
#productos .info .pq p{color:#fff;}
#productos .info .pq .hescher{background-image:url(../img/logo-w.svg);}
#productos .info h2{font:900 250%/105% 'Montserrat';}
#productos .info h3{font:900 150%/105% 'Montserrat';}
#productos .info h4{font:900 120%/105% 'Montserrat';}
#productos .info{font:300 100%/125% 'Montserrat';}
#productos .info .destaque{width:120%;left:-10%;padding:50px 10% 35px;}

#productos .encabezado .lata{width:120%;}
}

@media only screen and (max-width: 600px) {
.seccion{}
.seccion .foto{float:none;width:100%;max-width:300px;margin:0 auto 15px;}
.seccion .info{float:none;width:100%;padding:20px 0;border-left:none;}
.seccion .info h2{font:300 200%/135% 'Montserrat';}

#corte{height:350px;}
#corte .texto{left:5%;}
#corte .bujia{width:70%;}

.parallax .icons{margin:35px auto 0;font:400 90%/110% 'Montserrat';}

.empresa-texto{padding:20px 3%;}
.empresa-texto .desc{font:300 100%/150% 'Montserrat';}
}

@media only screen and (max-width: 568px) {	
.arranca img{width:400%;}
.arranca.top{margin-bottom:-50px;}

#tira_home h3{font:400 100%/110% 'Montserrat';}

#buscador .form-tabs ul{padding:0;}
#buscador .form-tabs li a{font:90%/120% 'Montserrat';letter-spacing:-1px;}
#buscador .form-tab{padding:35px 5%;}
#buscador .form-tab p{font-size:125%;line-height:150%;}
#buscador .form-tab .referencias .refe{font-size:100%;}
#buscador .form-tab select.chico{min-width:50px;width:50px;}

.resultados-buscador{display:block;width:100%;}
.resultados-buscador thead{display:block;float:left;width:40%;overflow:hidden;}
.resultados-buscador tbody{display:block;float:left;width:60%;overflow:hidden;}
.resultados-buscador th{display:block;float:left;padding:20px 5px;height:60px;width:100%;}
.resultados-buscador td{display:block;float:left;padding:10px 5px;height:60px;width:100%;}

#producto .producto-tab ul{float:none;display:block;width:100%;}
#producto .producto-tab#equivalencias li{padding:5px;}

#productos .info h2{font:900 200%/105% 'Montserrat';}

#empresa .title.xbig{font:900 250%/110% 'Montserrat' !important;}
.title.xbig small{white-space:wrap;font-size:25%;line-height:120%;}
#empresa .texto{font:100%/135% 'Montserrat';margin:25px auto;}

#contacto h2{padding:75px 0 25px;}
#contactform p{font:bold 110%/125% 'Montserrat';}
#contactform label{font:bold 110%/100% 'Montserrat';}
#contactform button{font:900 125%/100% 'Montserrat';}
}

@media only screen and (max-width: 480px) {
header{height:75px;}

#menu-foot{font-size:75%;}
#menu-foot li{padding:0 15px;margin:0 0 15px;}

.title{font:900 180%/110% 'Montserrat' !important;margin:10px auto 15px;}

#certificaciones li{display:none;}
#certificaciones li.certif{display:block;float:none;margin:0 auto;width:50%;}
#certificaciones li.certif span{text-align:center;}

#footer .dato{width:100%;margin:0 auto;}

#corte .bujia-plano{width:100%;}

#catalogos .catalogo-item{width:80%;margin:0 auto;}

.empresa-cifras{font-size:80%;}

#productos .encabezado .lata{width:140%;}
#productos .encabezado{padding:50px 0;}
#productos .encabezado .bg-txt{font:900 650%/80% 'Montserrat';}
#productos .info h2{font:900 180%/105% 'Montserrat';}
#productos .info h3{font:900 125%/105% 'Montserrat';}
#productos .info h4{font:900 110%/105% 'Montserrat';}
}

@media only screen and (max-width: 375px) {	
#menu{width:100%;}

#menu-foot li{width:48%;}

#buscador .form-tabs li a{font:80%/120% 'Montserrat';letter-spacing:-1px;}
#buscador .form-tab{padding:25px 0;}
#buscador .form-tab p{font-size:110%;line-height:135%;}

.parallax .icons{margin:25px auto 0;font:400 80%/110% 'Montserrat';letter-spacing:-1px;}

.banner h3{font:300 125%/105% 'Montserrat';white-space: nowrap;}
.banner a{white-space: nowrap;width:100%;padding:10px 0;}

.bloque-redes{margin:25px auto 0;}
.bloque-redes a{margin:0 5px 15px;}

}

@media only screen and (max-width: 320px) {
.empresa-cifras{font-size:70%;}
}