/* ----------------------------------------------------------------------*/

/* 1370
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1370px){





	.slider .tx h2 {
		font-size: 3.8rem
	}
	.slider .tx h4 {
		font-size: 1.7rem
	}


}






/* 1200
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
	
	
	/* slider */
	.slider .tx h2{
		font-size: 3.6rem;
	}
	.slider .tx h4{
		font-size    : 1.6rem;
		margin-bottom: 5px;
	}


	/* productos */
	.producto{
		margin-right: 1.5%
	}
	
	
    .preventa-banda {
		width: 170px;
		height: 170px;
		background-size: contain;
		
	}

}
  


/* ----------------------------------------------------------------------*/

/* 1024
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1024px){


	
	/* header */
	#header{
		position: fixed;
		top: 0;
		padding: 10px 0;
	}

	#header:after{
		height: 1px
	}

	/* #menu */
	.menu_item {
		width: auto;
	}

		#menu li a,
		.user_profile a {
			font-size: .9rem;
		}

		.sub-menu{
			padding-top: 10px
		}

	/* logo */
	.logo-header img{
		height: 40px
	}



	/* productos */

		/* home */
		#productos .cyg--d-grid {
			grid-template-columns: repeat(3, 1fr);
		}


		.producto{
			margin-right: 1%
		}
		.producto span{
			font-size: .8rem
		}



	.preventa-banda {
		width: 150px;
		height: 150px;
		background-size: contain;
		
	}




	/* slider */
	.slider .ratio {
		padding-top: 56.25% !important;
	}
	
    

}





/* ----------------------------------------------------------------------*/

/* 840
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 840px){
	
	h2{
		font-size: 2.2rem
	}
	


	/* productos */
	.producto{
		margin-right: 1.5%;
		width: 23%
	}
	.producto:nth-child(6n+6){
		margin-right: 1.5%
	}
	.producto span{
		font-size: .8rem
	}
	
	/* ficha */
	.sec-ficha{
		padding-top: 30px
	}

	.sec-ficha .col-5,
	.sec-ficha .col-7{
		width: 100%;
		padding-left: 0
	}
    .sec-ficha .col-5{
    	margin-top: 20px
    }

}






/* ----------------------------------------------------------------------*/

/* 768
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
	
	h2{
		font-size: 2rem
	}
	h5{
		font-size: 1.2rem
	}
	

	/* col */
	.col-5,
	.col-7{
		width: 100%
	}



	/* menú */
	.menu_wuser{
		right: 290px !important;;
	}
	#menu{
		right: 220px
	}

	#menu li{
		padding: 0 10px
	}

	#menu li a{
		font-size: .9rem
	}
	

	.sub-menu li a{
		font-size: .75rem !important
	}
	
	.ico_carrito_wuser{
		right: 270px !important;
	}
	.ico-carrito{
		right: 200px
	}

	.user_profile{
		font-size: 0.9rem;
	}
	
	/* intro */
	#productos-intro{
		padding: 15px 0
	}



	/* productos */
	.producto{
		width: 31%
	}

    /* buscador */
    .buscador_wuser{
    	    margin-top: 0;
    }
    .buscador input{
    	width: 110px
    }

	

	/* address */
	address{
		width: 100%
	}

	form{
		width: 100%;
		margin-top: 30px
	}


	/* ficha */
	.sec-ficha .col-5{
		padding-left: 0;
		margin-top: 30px
	}


	.col-12, .col-8,
	.col-4{
		width: 100%;
		margin: 0
	} 

	.cont-tabla{
		padding: 0;
		margin-bottom: 40px
	}
	 
 

	 .td-cantidad{
	 	width: 100px
	 }

	
	 .preventa-banda {
		width: 140px;
		height: 140px;
		background-size: contain;
		
	}




	#productos-intro header{
		display: block;
	}
	#productos-intro header p{
		margin-top: 15px;
		padding: 0;
	}
	#productos-intro .pc{
		display: none;
	}
	#productos-intro .movil{
		display: block;
	}




	.detalle-armado{
		padding-left: 0;
	}
		.detalle-armado:before{
			display: none;
		}


}







/* ----------------------------------------------------------------------*/

/* 645
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 645px){
	


	/* productos */

		/* home */
		#productos .cyg--d-grid {
			grid-template-columns: repeat(2, 1fr);
		}


	/* GALERIA */
	.galeria{
		width: calc(100% - 75px);
	}

	.galeria .owl-dots{
		left: -80px;
	}
	.galeria .owl-dot{
		width: 70px;
		height: 70px !important
	}


	.preventa-banda {
		width: 120px;
		height: 120px;
		background-size: contain;
		
	}

	

	/* ---------------------------------------- */

	h2{
		font-size: 1.6rem
	}
	h5{
		font-size: .95rem
	}

	p{
		font-size: .9rem !important
	}

	/* conty */
	.cont{
		padding: 0 15px
	}
	
	 
	/* col */
	.col-6{
	 	width: 100%
	}

	.carrito_item{
		display: block;
		position: absolute;
    	right: 80px;
	}

	.main-menu .carrito_item{
		display: none;
	}

	.ico_carrito_wuser {
    	right: 80px !important;
	}
	.ico-carrito{
		right: 80px;
		bottom: 9px
	}



	/* slider */
	.slider .tx h2{
		font-size: 2.8rem;
	}
	.slider .tx h4{
		font-size    : 1.4rem;
	}


	/* menú */
	.btn-menu{
		display: block
	}
	

	.main-menu{
		display: none;
		position: absolute;
		top: 50px;
		right: 0;
		background: #333;
		z-index: 9999;
		width: 260px;
		height: auto
	}
	.main-menu.visible{
		display: block
	}

	.menu_wuser {
    	right: auto !important;
	}
	#menu{
		position: relative;
		width: 100%;
		float: left;;
		right: auto
	}

	#menu li{
		width: 100%;
		padding: 0
	}

	#menu li a{
		width: 100%;
		float: left;
		padding: 10px 15px;
		border-bottom: 1px solid #666
	}

	#a-producto{
		/*width: calc(100% - 35px) !important*/
	}
	.menu_item {
	    width: 100%;
	}
	
	.menu li a:hover{
		color: 
	}

	#menu li a:after{
		display: none !important
	}

	.ico-drop{
		display: block;
		width: 35px;
		height: 37px;
		position: absolute;
		right: 0;
		top: 0;
		color: #fff;
		font-weight: 600;
		font-size: 1.1rem;
		font-style: normal;
		padding: 0 5px;
		background: #222;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 9999;
		border-bottom: 1px solid #666;
		cursor: pointer;
	}

	.sub-menu{
		position: relative;
		display: none;
		opacity: 1;
		width: 100%;
		visibility: visible; 
	}
	
	.buscador_wuser {
    	right: auto !important;
	}
	.buscador{
		position: relative;
		width: 100%;
		float: left;
		right: auto;
		padding: 0 15px;
		margin: 15px 0;
	}

	.buscador input{
		width: calc(100% - 30px)
	}


	.user_profile{
		position: relative;
		float: left;
		right: auto;
		width: 100%;
		padding: 10px 15px 10px 15px;
		margin-bottom: 15px;
		max-width: none;
    	margin-left: 0;
	}

	.user_profile span{
		float: none;
	}
	/* slider */
	.slider figure{
		padding-top: 30%
	}
	

	/* GALERIA */
	.galeria{
		width: calc(100% - 60px);
	}

	.galeria .owl-dots{
		width: 55px;
		left: -55px;
	}
	.galeria .owl-dot{
		width: 48px;
		height: 48px !important
	}


	

	/* categorias */
	.categorias h5{
		margin-left: 15px
	}


	/* productos */
	.producto{
		width: 48%;
		margin-right: 1.8%
	}


	/* form */
	form .col-6:nth-of-type(2){
		padding-left: 0
	}
 

	/* contacto */
	#contacto .tit{
		margin-bottom: 30px
	}
 

	/* footer */
	#footer p{
		font-size: .8rem
	}



	.campo_form .del{
	    padding: 6px 10px;
	    width: 15%;
	}

	.box .box_plus{
		width: 15%;
	}

	.user_profile_mod{
		width: 260px;
		right: 0;
    	bottom: -315px;
	}


	.col-6{
		width: 100%
	}


	#main{
		padding-top: 60px
	}

	

	/* GALERIA */
	.galeria{
		width: calc(100% - 50px);
	}

	.galeria .owl-dots{
		width: 50px;
		left: -50px;
	}
	.galeria .owl-dot{
		width: 40px;
		height: 40px !important
	}
	

	form .col-6:nth-child(even){
		padding-left: 0 !important
	}
	form .col-6:nth-child(odd){
		padding-right: 0 !important
	}
	

	.cont-tabla form,
	.form-contacto{
		padding-left: 0
	}


	.item-col{
		width: auto;
	}

	.pedido-header{
		display: none;
	}

	.alt-x{
		display: block;
	}

	.ver-pedido table{
		width: 120%;
	}



	



	.preventa-banda {
		width: 90px;
		height: 90px;
		background-size: contain;
		
	}

}




/* ----------------------------------------------------------------------*/

/* 540
 
-------------------------------------------------------------------------*/

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

	.slider .tx h2{
		font-size: 1.85rem;
	}
	.slider .tx h4{
		font-size    : 1.3rem;
	}


}







/* ----------------------------------------------------------------------*/

/* 480
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 480px){


	.col-6{
		width: 100%
	}

	/* PRODUCTOS */

		/* home */
		#productos .cyg--d-grid {
			grid-gap: 15px;
		}

		#productos .cyg--d-grid .producto span {
			font-size  : .8rem;
		}



	/* slider */
	.slider .tx h2{
		font-size: 1.65rem;
	}
	.slider .tx h4{
		font-size    : 1.1rem;
	}

	.slider .tx a {
		padding: 6px 12px;
		font-size: .85rem;
	}


}


/* ----------------------------------------------------------------------*/

/* 340
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 340px){



	/* slider */
	.slider .tx h2{
		font-size: 1.4rem;
	}
	.slider .tx h4{
		font-size: 1rem;
	}

	.slider .tx a {
		padding  : 5px 10px;
		font-size: .82rem;
	}


	/* PRODUCTOS */

		/* home */
		#productos .cyg--d-grid .producto span {
			min-height: 52px;
		}

}