/* responsiveeee */

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


.fuegooo{ bottom:-70px;
	      left: 0}


/* contenidooo de infooooo */
.row{ bottom: 150px;}


/*texto 1 titulo puerta*/
.swiper-title{ font-size: 35px;
	           line-height: 15px;
	           font-weight: 500}

/*texto 2 titulo cortafuegoo*/
.swiper-title2{ font-size: 35px;
	            }

/* fuegoo en textooo de subtitulo 2222 */
.row .swiper-title2 img{ position: absolute;
						 width: 100%;
						 max-width: 60px;
						 top: -40px;
						 right: -20px;}




/*bannerrr nuevosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/* logooosssssssssssssssssssssssssssssssss*/
.logo-en-fuego2{padding:40px 0px 0px 0px;}



/*texto 1 titulo puerta*/
.slider-title{ font-size: 45px;
	           line-height: 40px}

.row2 h1{ text-shadow: -3px -3px 0 #ff0000, 
	      -3px 3px 0 #ff0000, 
	      3px 3px 0 #ff0000, 
	      3px -3px 0 #ff0000, 
	      -5px -5px 0 #420000, 
	      -5px 5px 0 #420000, 
	      5px 5px 0 #420000, 
	      5px -5px 0 #420000 }

/*texto 2 titulo cortafuegoo*/
.slider-title2{ font-size: 45px}

/*sub tituloooo en cuadro rojo*/
.slider-subtitulo{ padding: 7px}

.slider-subtitulo h3{ font-size: 15px}



}












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

/* logooo en fuegoooooooooooooooooooooooooooooooooooooo */
.logo-en-fuego{ width: 55%;
				
			}


/* contenidooo de fuego de fondo y infoooooooooooooooo */
.container { width:55%;
	         }



.fuegooo{ bottom:-100px;
	      left: 0
          
          }




/*texto 1 titulo puerta*/
.swiper-title{ 
	           font-size: 30px;
	           margin: 0;
	           line-height: 25px;}

/*texto 2 titulo cortafuegoo*/
.swiper-title2{ font-size: 30px;
	            margin: 0;}

/* fuegoo en textooo de subtitulo 2222 */
.row .swiper-title2 img{ position: absolute;
						 width: 100%;
						 max-width: 50px;
						 top: -30px;
						 right: -15px;
						  }

/*sub tituloooo en cuadro rojo*/
.subtitulo{  font-size: 15px;}						  



/*fuegggoooo pieee de sliderrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.fire-slider-texto h1{ font-size: 20px;}

}







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




/*texto 1 titulo puerta*/
.swiper-title{ 
	           font-size: 30px;
	           line-height: 25px;}

/*texto 2 titulo cortafuegoo*/
.swiper-title2{ font-size: 30px;
	            }

/* fuegoo en textooo de subtitulo 2222 */
.row .swiper-title2 img{ position: absolute;
						 width: 100%;
						 max-width: 50px;
						 top: -30px;
						 right: -15px;
						  }

/*sub tituloooo en cuadro rojo*/
.subtitulo{  font-size: 15px;}








}











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

/* enviosss peruuu */
.subtitulo2{ font-size: 12px }

.envios p{ font-size: 10px }
.envios img{ width: 100%;
			 max-width: 50px }



/*bannerrrrrrrrrrrr nuevosssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

/*texto 3 titulo cerradura doble manija*/
.slider-title3{ font-size: 30px}




/*fuegggoooo pieee de sliderrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.fire-slider-texto h1{ font-size: 18px;}

}









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



/* logooooo en fuegoooooo */
.logo-en-fuego{ 
				padding:10px 0px 0px 0px;
			}
.logo-en-fuego img{ background-color: rgba(255,255,255,.9); }


/* fuegooooo de fondoooo */
.fuegooo{bottom:-100px;
         
          }



/*texto 1 titulo puerta*/
.swiper-title{ 
	           font-size: 25px;
	           margin: 0;
	           line-height: 25px;}

/*texto 2 titulo cortafuegoo*/
.swiper-title2{ font-size: 25px;
	            margin: 0;}
/* fuegoo en textooo de subtitulo 2222 */
.row .swiper-title2 img{ position: absolute;
						 width: 100%;
						 max-width: 40px;
						 top: -25px;
						 right: -10px;
						  }

/*sub tituloooo en cuadro rojo*/
.subtitulo{  font-size: 13px;
	         
             
  }


.container .button{ width: 100px;
				    height: 30px;
				    line-height: 30px;
				    font-size: 11px }




/* enviosssssssssssssssssssssss peru */

.subtitulo2{ font-size: 11px;text-align: justify; }

.envios-peru:before{ content: "";
					 width: 2px;
					 height: 100%;
					 background-color: #ff0000;
					 position: absolute;
					 top: 5px;
					 left: 50%;
					 transform: translateX(-50%);    }

.envios p{ display: none; }




/*bannerrr nuevosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*containerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
/*texto 1 titulo puerta*/
.slider-title{ font-size: 40px;
	           line-height: 35px}

/*texto 2 titulo cortafuegoo*/
.slider-title2{ font-size: 40px}





/*puertaaaaaaaaaaaaaaaaaaaaaaa en sliderrrrrrrrrrrrrrrrr*/
.puerta-slider{ left: 70%;
				bottom:;
			    transform: translateX(-70%)}

.puerta-slider img{ width: 100%;
					max-width: 250px}





/*fuegggoooo pieee de sliderrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.fire-slider-texto h1{ font-size: 16px;}


}




















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


	
/* texto parrafo apartir del 2 sliderrr*/
.swiper-textt { display: none;}

/*logoooo en fuegooooo  */
.logo-en-fuego img{ width: 100%;
					max-width: 250px}





/*bannerrr nuevosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/* logooosssssssssssssssssssssssssssss*/
.logo-en-fuego2{ width: 100%;
				 padding:20px 0px 0px 0px}

.logo-en-fuego2-centro{ left: 20px;
						transform: translateX(0);
						padding: 20px}

.logo-en-fuego2-centro img{ width: 100%;
					        max-width: 200px;}
/* contenidooo de infooooooooooooooooooo*/
.container2 { width:100%}

.row2{text-align: center;
      top: 30%;
      left: 50%;
      transform: translateX(-50%)
      translateY(-30%);}

/*sub tituloooo en cuadro rojo*/
.slider-subtitulo{  margin: 0px auto;}


/*puertaaaaaaaaaaaaaaaaaaaaaaa en sliderrrr*/
.puerta-slider{ position: absolute;
				left: 50%;
				bottom: ;
			    transform: translateX(-50%)}

.puerta-slider img{ width: 100%;
					max-width: 250px}



/*puertaaaaaaaaaaaaaaaaaaaaaaa AZULLLLLL en sliderrrr*/
.puerta-azul-slider{ width: 100%;
					 position: absolute;
				     right:auto;
				     left: 50%;
				     bottom: 80px;
				     transform: translateX(-50%);
				     text-align: center;}

.puerta-azul-slider img{ width: 100%;max-width: 500px}



/*cerraduraaaaaaa en sliderrrrrrrrrrrrrrrrr*/
.cerradura-slider{ width: 100%;
				   position: absolute;
				   left: 0;
				   top: auto;
				   bottom: 30px;
			       transform: translateX(0) translateY(0);
				   z-index: 2;
				   text-align: center;}

.cerradura-slider img{ width: 100%;max-width: 400px}


/*listaaaaaaaaaaaaaaaa*/
.slider-lista-centro{ margin: 0 auto }

.slider-lista h3{ font-size: 18px;}

.slider-lista p{ font-size: 13px;}


}









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

/* contenidooo de infooooo */
.row{ bottom: 120px;}

/*texto 1 titulo puerta*/
.swiper-title{ font-size: 20px;
	           margin: 0;
	           line-height: 20px;}

/*texto 2 titulo cortafuegoo*/
.swiper-title2{ font-size: 20px;}
/* fuegoo en textooo de subtitulo 2222 */
.row .swiper-title2 img{ position: absolute;
						 width: 100%;
						 max-width: 30px;
						 top: -18px;
						 right: -8px;}

/*sub tituloooo en cuadro rojo*/
.subtitulo{  font-size: 12px;
	         padding: 10px 0px 10px 0px}


.container .button{ width: 100px;
				    height: 30px;
				    line-height: 30px;
				    font-size: 11px }


/*controladoressssssssssssssss flechas rojas sliderrr*/

.swiper-slider-2 .swiper-button-prev,
.swiper-slider-2 .swiper-button-next {
	display: block;
	width: 40px;
	height: 50px;
	transition: all .3s ease;
	
}

.swiper-slider-2 .swiper-button-prev .swiper-button-arrow:before {
	content: "\f053";
	color: #fff;
	font-family: "icomoon", sans-serif;
	font-size: 25px;


}

.swiper-slider-2 .swiper-button-next .swiper-button-arrow:before {
	content: "\f054";
	color: #fff;
	font-family: "icomoon", sans-serif;
	font-size: 25px;}




/*fuegggoooo pieee de sliderrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/

.fire-slider-texto{ bottom:20px}
.fire-slider-texto h1{ font-size: 15px}




}
















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

.container { width:60%;
	         }

/* fuegooooo de fondoooo */
.fuegooo{bottom:-70px;
         
          }

/*texto 1 titulo puerta*/
.swiper-title{ 
	           font-size: 17px;
	           margin: 0;
	           line-height: 17px;}

/*texto 2 titulo cortafuegoo*/
.swiper-title2{ font-size: 20px;
	            margin: 0;}
/* fuegoo en textooo de subtitulo 2222 */
.row .swiper-title2 img{ position: absolute;
						 width: 100%;
						 max-width: 30px;
						 top: -18px;
						 right: -8px;
						  }


/*fuegggoooo pieee de sliderrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.fire-slider-texto h1{ font-size: 14px;}						  

.fire-slider-texto .bandera{ border:1px solid#fff;
						     width: 30px;
						     height: 18px;}

.bandera:before{ content: "";
				 width:10px;
				 height:100%;}


}


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


/*logoooo en fuegooooo  */
.logo-en-fuego img{ width: 100%;
					max-width: 200px; }

.container { width:75%;
	        bottom: 0;
	         left: 50%;
	         transform: translateX(-50%);
	         }

/* fuegooooo de fondoooo */
.fuegooo{bottom:-50px;
         
          }


/* contenidooo de infooooo */
.row{ bottom: 80px;
      }


}



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

	

.container { width:90%;}

/* fuegooooo de fondoooo */
.fuegooo{bottom:-60px;}


/*enviosss  */

.envios img{ width: 100%;
			 max-width: 40px }




/*bannerrr nuevosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/* logooosssssssssssssssssssssssssssss*/
.logo-en-fuego2-centro img{ width: 100%;
					        max-width: 120px;}


/*puertaaaaaaaaaaaaaaaaaaaaaaa en sliderrrr*/
.puerta-slider{ }

.puerta-slider img{ width: 100%;
					max-width: 200px;}



/*cerraduraaaaaaa en sliderrrrrrrrrrrrrrrrr*/
.cerradura-slider img{ width: 100%;max-width: 300px}




/*containerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.row2{width: 90%}
/*texto 1 titulo puerta*/
.slider-title{ font-size: 30px;
	           line-height: 30px}

/*texto 2 titulo cortafuegoo*/
.slider-title2{ font-size: 30px}

/*texto 3 titulo cerradura doble manija*/
.slider-title3{ font-size: 25px}




/*fuegggoooo pieee de sliderrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.fire-slider-texto h1{ font-size: 13px;}



}