@media only screen and (max-width:1500px){
   nav#menu-superior{
        flex-basis: 100%;
        order: 2;
        margin-top: 20px;
   }
   ul#menu-menu-superior{
        justify-content: flex-start;
   }
   footer > .ancho-limitado-80,
   #subfooter > .ancho-limitado-80{
        width: 95%;
   }
   form.formulario-footer{
       display: flex;
       margin-top: 25px;
   }
   footer > div.ancho-limitado-80 > div.contenido-footer{
       justify-content: space-between;
   }
   footer > div.ancho-limitado-80 > div.contenido-footer > *{
       margin-bottom: 20px;
   }
   footer{
       background-size: cover;
   }

   .content-area ul.products > li > a > img{
    width: auto;
    }
    section#productos-musicales-home > div.ancho-limitado > div.contenido-cajas > div.item > div.info-oferta-home > div.info-text-enlace{
        flex-wrap: wrap;
    }
    
}

@media only screen and (max-width:1300px){
    section#archive-tienda-title > div.contenido-50 > h1,
    section#pagina-info-title > div.contenido-50 > h1{
        font-size: 70px;
    }
    #producto-caja .product{
        flex-basis: 47%;
    }
    div#newletter-footer{
        flex-basis: 100%;
        text-align: center;
    }
    form.formulario-footer{
        justify-content: center;
    }
    form.formulario-footer > input[type="text"]{
        flex-basis: 50%;
    }
}

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

    div.product > div.summary{
        flex-basis:100%;
    }

    #producto-caja .product{
        flex-basis:100%;
        justify-content:center;
    }

}

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

    div.product > div.summary{
        flex-basis: 100%;
    }


    body{
        padding-top: 0px;
    }
    header{
        position: initial;
    }
    #info-header > span.horario-header, span.telefono-header, span.email-header{
        line-height: 25px;
    }
	#cabecera-web{
        flex-wrap: wrap;
    }
    #info-header{
        padding: 0px 5px;
        box-sizing: border-box;
    }
    #cabecera-web #logo,#cabecera-web > #contenedor-menu,#info-header,#info-header-menu{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    /* Menu Flotante */
    #mostrar-menu {
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 500;
        cursor: pointer;
        display: flex !important;
        height: 30px;
        background-color: #bc1818 ;
        padding: 5px 20px;
        border-radius: 10px;
        justify-content: flex-end;
        align-items: center;
        margin-top: 15px;
    }
    #mostrar-menu > span {
        align-self: center;
        font-weight: 500;
        margin-right: 5px;
        font-family: 'Libre Franklin';
        color:white;
    }
    #mostrar-menu .fa {
        display: inline-block;
        color: white;
        font-size: 28px;
        text-align: center;
        cursor: pointer;
    }
    .menu-menu-superior-container{
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }
    ul#menu-menu-superior > li > a:hover {background-color: transparent;}
    #menu-superior.activo{opacity: 1;width: 100%;display: flex;visibility: visible;left:0px;} 
    #menu-superior #menu-menu-superior{flex-direction:column; width:50%; background-color:rgba(188,24,24,0.8); position:absolute; top:0; bottom:0;display: flex;justify-content: center;text-align: center;box-sizing: border-box;margin: 0px;}
    #menu-superior #menu-menu-superior li a{color:white; font-size:19px;line-height: 25px;}
    #menu-superior li{margin:10px 0px;}
    #menu-menu-superior > li:hover > ul.sub-menu {border-radius: 0px;border-top: 0px solid #a9a5b5;}
    #menu-superior #menu-menu-superior > li > ul.sub-menu{display: flex !important; flex-direction: column; justify-content: center; width:100%; height:100%; transform: translate(100%, 0); top:0; right:0; position:absolute;min-width: auto;box-sizing: border-box;margin: 0px;}
    #menu-superior #menu-menu-superior > li > ul.sub-menu li > a{text-align:center;font-size: 15px;padding:0px 10px;}
    #menu-superior{ position:fixed; background-color:rgba(0, 0, 0, 0.8); top:0; height:100%; -webkit-transition:all 0.75s ease-in-out; -moz-transition:all 0.75s ease-in-out; -o-transition:all 0.75s ease-in-out; transition:all 0.75s ease-in-out;opacity: 0;width: 0px;z-index: 100; left:-50%;margin-top:0px !important;}
	
    div#enlaces{
        flex-wrap: wrap;
    }
    div#enlaces > div.item-enlace{
        flex-basis: 100%;
        background-position: right;
    }
    div#enlaces > div.item-enlace:nth-child(2n){
        flex-direction: row-reverse;
        background-position: left;
    }
   
    div#contenedor-contacto > div#izq-contacto,
    div#contenedor-contacto > div#der-contacto{
        flex-basis: 100%;
        box-sizing: border-box;
    }
    div#contenedor-contacto{
        justify-content: center;
        max-width: 95%;
    }

    div.vista-producto-single{
        flex-wrap: wrap;
        box-sizing: border-box;
        max-width: 100%;
        justify-content: center;
    }

    footer > div.ancho-limitado-80 > div.contenido-footer > *{
       flex-basis: 48% !important;
       text-align: center;
    }
    footer > div.ancho-limitado-80 > div.contenido-footer{
        align-items: center;
    }
    form.formulario-footer{
        justify-content: center;
    }
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter{
        flex-wrap: wrap;
    }
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > *{
        flex-basis: 100% !important;
    }
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > *:last-child{
        margin-top: 10px;
    }
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > div.fpago-footer > ul{
        justify-content: left;
    }
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > div.fpago-footer > ul li{
        margin-right: 15px;
    }
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > div.fpago-footer > ul > li:last-child{
        margin-right: 0px;
    }

    #formContacto{
        width: 100%;
    }
    div#contenedor-contacto > div#barra-central > div.info {
        flex-basis: 50%;
        margin-bottom: 50px;
    }
    div#contenedor-contacto > div#barra-central > div.info:last-child {
        margin-bottom: 0px;
    }
    div#contenedor-contacto > div#barra-central{
        justify-content: center;
        flex-wrap: wrap;
    }
    div#contenedor-contacto > div#barra-central > div.info > span.dato-info{
        margin-left: 0px;
    }
}

@media only screen and (max-width:900px){
    .content-area ul.products{
        justify-content: center;
    }
    .content-area ul.products > li{
        padding: 0 10px;
        padding-bottom: 20px;
    }
}

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

    div#reproductor-demo-ficha{left:0 !important; right:0 !important; margin:0 auto !important;}


    #producto-caja div.product > div.woocommerce-product-gallery{padding-bottom:0px !important;}
    h2{
        font-size: 35px !important;
        line-height: 45px !important;
    }
    section#archive-tienda-title > div.contenido-50 > h1,
    section#pagina-info-title > div.contenido-50 > h1{
        font-size: 45px;
    }
    a#call_action_product{
        float: none;
    }

    div#enlaces > div.item-enlace:first-child{
        margin-bottom: 40px;
    }

    #formContacto .un_tercio{
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
    section#archive-tienda-title > div.contenido-50,
    section#pagina-info-title > div.contenido-50{
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        padding: 0px;
    }
    section#archive-tienda-title,
    section#pagina-info-title{
        height: 200px;
    }
    div#title > div.filter::after{
        display: none;
    }

    
    div#archive {
        order:1;
    }
    div.woocommerce-product-gallery img{
        max-width: 100%;
        height: auto;
    }
   
    footer > div.ancho-limitado-80 > div.contenido-footer > *{
        flex-basis: 100% !important;
        text-align: center;
     }
     div#content-category > section#principal-tienda-category,sidebar#side-tienda {
        flex-basis: 100%;
     }
     div#content-category > section#principal-tienda-category{
         order: 1;
     }
     div#content-category{
         flex-wrap: wrap;
     }
     #producto-caja div.product > div.woocommerce-product-gallery img{
        -width: auto;
        -height: 320px;
     }
     #producto-caja .product .bloque-preview {
        top: 320px;
        max-width: 100%;
        background-image: none;
     }
     #producto-caja div.product > div.woocommerce-product-gallery{
         flex-basis: 100%;
         text-align: center;
         padding-top: 35px;
         padding-bottom: 80px;
         margin-bottom: 30px;
     }
     #producto-caja #title h1 {
        font-size: 33px;
     }
     div#producto-caja {
        padding:60px 0px;
     }
     #producto-caja .product {
        flex-basis: 100%;
     }
     #producto-caja div#listado-de-canciones table td {
        padding: 10px;
     }
}

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

    div#contenido-cabecera{justify-content:center !important;}
    div#contenido-cabecera > div#logo{margin-bottom:20px;}
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > div.copyright{line-height:25px; flex-direction:column;}
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > div.fpago-footer > ul{justify-content:center !important;}
}

@media only screen and (max-width:480px){
    div#accesos-tienda{
        display:flex;
        flex-direction:row;
        align-items:center;
        flex-wrap: wrap;
        justify-content:center;
    }

  div#buscador{
      flex-basis:100%;
      margin-bottom:10px;
  }


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

    #producto-caja div.product > div.woocommerce-product-gallery img{
        width:100% !important;
        height:auto !important;
    }

}


@media only screen and (max-width:450px){
    .woocommerce-additional-fields{margin-top:20px;}
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > div.copyright > span{font-size:12px;}
    section#archive-tienda-title > div.contenido-50 > h1,
    section#pagina-info-title > div.contenido-50 > h1{
        font-size: 35px;
    }
    div#enlaces > div.item-enlace > div > h3{
        font-size: 21px !important;
    }
    #formContacto .un_medio{
        width: 100%;
    }
    #formContacto .un_medio input[type=text]{
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        margin-bottom: 20px;
    }
    #formContacto .un_medio.primero input[type=text]{
       margin-left: 0px;
    }
    #formContacto .un_medio.ultimo input[type=text]{
        margin-right: 0px;
    }
    div.item-blog > div.texto{
        padding: 30px;
    }
    section#quienes-somos-home img{
        max-width: 100%;
        height: auto;
    }
    footer img{
        max-width: 100%;
        height: auto;
    }
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > div.copyright > *{
        flex-basis: 100%;
    }
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > div.copyright > *:last-child{
        margin-top: 10px;
    }
    div#contenedor-contacto > div#barra-central > div.info > span.dato-info{
        font-size: 29px;
    }
    div#contenedor-contacto > div#barra-central > div.info > span.texto-info{
        font-size: 35px;
    }
    div#contenedor-contacto > div#barra-central > div.info > ul#redes-sociales-contacto > li:first-child{
        margin-left: 0px;
    }
    div#contenedor-contacto > div#barra-central > div.info > ul#redes-sociales-contacto > li:last-child{
        margin-right: 0px;
    }
    div#content-category{
        padding: 0px;
        width: 95%;
    }
    .category_description{
        max-width: 95%;
    }
    .content-area ul.products > li{
        padding: 0px;
        padding-bottom: 20px;
    }
    #content-archive-blog,ul.wc-tabs,#content-single-blog{
        flex-wrap: wrap;
    }
    #producto-caja ul.wc-tabs > li {
        padding: 20px 16px;
    }
}

@media only screen and (max-width:380px){
    div#subfooter > div.ancho-limitado-80 > div.contenido-subfooter > div.copyright > span{letter-spacing:0px;}
    #producto-caja #title h1{font-size:28px; text-align:center;}
}