@media only screen and (max-width: 480px) {
    html {
        min-width:320px;
   }
    header.content{
        height:160px;
   }
    .whatsapp{
        display:inline-block;
   }
    .whatsapp:after{
        content:"";
   }
    .min .whatsapp {
        margin-top:-23px;
        margin-left:170px;
   }
    #steps{
        transform:scale(0.7);
   }
    .min .home{
        margin-top:10px;
   }
    .whatsapp img{
        width:70px;
   }
    .sticky .whatsapp{
        transform:scale(0.5) translate(150px,-225px);
        margin-top:0px;
        color:#333;
        font-size:22px;
        z-index:101;
   }
    .sticky .whatsapp:hover{
        color:#333;
   }
    .whatsapp{
        position:absolute;
        transform:scale(0.5);
        left:125px;
        top:60px;
        color:#ffffff;
        z-index:101;
        opacity:0.9;
   }
    .whatsapp:hover{
        opacity:1;
        color:#ffffff;
   }

    #categoria .disposiciones.fake{
        display:none;
   }
    .slick-dots {
        display:none !important;
   }
    .home{
        padding:0px;
        position:relative !important;
        left:auto;
        top:auto;
        display:block;
        margin:3px;
   }
    .sticky .home{
        position:absolute !important;
        top:-30px;
        left:0;
   }
    .home img{
        width:300px;
   }
    .sticky .home img{
        width:210px;
   }
    .content {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        min-width: 0 !important;
   }
    #cookies-container{
        width:100%;
   }
    .disposiciones {
        width:auto;
        padding-top:15px;
        padding-bottom:10px;
   }
    .disposicion.precio b{
        padding:0px;
        line-height:1;
   }
    span.precio {
        font-size: 20px !important;
        margin-bottom:10px;
        padding-bottom:5px;
   }
    .disposiciones h2 {
        font-size: 18px;
   }
    .menuNavigation {
        background-size: 255px 30px;
        height:120px;
        padding-top:110px;
   }
    .min .menuNavigation{
        height:190px !important;
        padding-top:0px;
   }
    .sticky .menuNavigation {
        background-size: 255px 30px;
        height:40px;
        margin-top:25px;
   }
    .menuNavigation .content{
        margin-top:-95px;
   }
    .sticky .menuNavigation .content {
        margin-top:0px;
   }
    .pieMenuNavigation {
        background-size: 260px 20px;
        height:10px;
   }
    .sticky .pieMenuNavigation {
        background-size: 260px 20px;
        height:10px;
   }
    .sliderBottom {
        background-size: 500px 48px;
   }
    .sliderBottom div{
        font-size:17px;
        padding:0;
        margin:-10px 0 0 -70px;
   }
    #idiomas {
        float:none;
        position:absolute;
        top:65px;
        z-index:4;
        left:95px;
        margin-right:auto;
   }
    #idiomas li{
        margin:0 !important;
        background-color:transparent !important;
        left:0;
   }
    #idiomas li a{
        font-size:14px !important;
        display:block;
        color:#CA6D14;
   }
    #idiomas li a:hover{
        color:#fff;
   }
    #carrito{
        position:absolute;
        left:240px;
        margin-top:20px;
        margin-bottom:-70px;
        width:auto;
        padding-right:0;
   }
    #carrito span{
        margin-top:-59px;
        margin-right:0px;
        font-size:10px;
        position:absolute;
        right:12px;
        top:112px;
   }
    #carrito img{
        width:70px;
   }
    .sticky #carrito2 img{
        width:82px;
   }
    .sticky #carrito2{
        position:fixed;
        top:100px;
        right:0;
   }
    .sticky #carrito2 span{
        top:59px;
        right:12px;
        font-size:12px;
   }
    #paginas li,#categorias li{
        display:none;
   }
    #paginas,#categorias {
        width:100%;
        margin-top:0;
   }
    #categorias {
    display: none;
}
    .open #paginas{
        top:-55px;
        padding-top:55px;
        padding-bottom:10px;
   }
    .open #categorias{
        top:102px;
        border-width:1px 0 0 0 ;
        border-color:#FFDBC6;
        border-style:dashed;
        padding-top:5px;
        display:block;
   }
    .open #categorias li.ofertas {
    display:inline-block;
    min-width:200px;
}
    .open #categorias li a{
        max-width:100%;
   }
    .open #paginas, .open #categorias{
        position:absolute;
        background-color:#A5491A;
        width:100%;
        z-index:200;
        left:0;
        right:0;
        text-align:center;
        max-width:100%;
   }
    .open #categorias{
        top:95px;
        padding-bottom:10px;
   }
    .open #categorias ul{
        column-width: auto;
   }
    .open #paginas li,.open #categorias li{
        display:block;
        line-height:1.3;
   }
    .open #paginas li a,.open #categorias li a{
        color:#FFDBC6;
        cursor:pointer;
        font-size:18px !important;
   }
    .open #paginas li a:hover,.open #categorias li a:hover{
        color:#fff;
   }
    .open #paginas li.activo, .open #categorias li.activo{
        position:relative;
        top:0px;
        width:100%;
   }
    #paginas li.activo a, #categorias li.activo a{
        color:#CA6D14;
        text-align:center;
        display:block;
        font-size:12px;
        max-width:100%;
        margin:3px;
   }
    .open #paginas li.activo a, .open #categorias li.activo a{
        color:#51270F;
        font-size:15px;
   }
    #menuhamburger{
        position:absolute;
        top:30px;
        text-align:center;
        left:143px;
        line-height:1;
        padding:4px;
        border-radius:4px;
        font-family:"Arial Black", Gadget, sans-serif !important;
        font-weight:bold;
        font-size:30px;
        vertical-align:middle;
        background-color:#5F3D2C;
        color:#F5D5B8;
        cursor:pointer;
        display:inline-block;
   }
    #menuhamburger:hover{
        color:#fff;
   }
    .open #menuhamburger{
        z-index:201;
        color:#fff !important;
        background-color:transparent;
        display:block;
        top:-50px;
        left:0;
        width:100%;
        text-align:center;
   }
    #menu-separator{
        position:absolute;
        left:5px;
        top:-90px;
        padding:0;
        width:auto;
   }
    #menu-separator img{
        width:75px;
   }
    #envio{
        height:35px;
        margin-top:-118px;
        transform:rotate(-4deg);
        left:10px;
   }
    #proximaFeria, #proximasFerias, #face, #hashtag, #ofertas, #oferta{
        width:100% !important;
   }
    .pagination{
        display:none;
   }
    .ferias{
        background-size: 520px 15px;
        height:auto;
   }
    .no-svg #proximaFeria {
        background-image: url("../images/orangeCarneBottom.svg?cache=0");
   }
    #proximaFeria {
        background-size: 520px 15px;
        float:none;
        height: 199px;
        padding:30px 0 0 5px;
        width:100%;
        background-image: url("../images/orangeCarneBottom.svg?cache=0");
   }
    #proximaFeria img {
        float: left;
        margin-top: -5px;
        width:170px;
        height:auto;
   }
    #proximaFeria p{
        font-size:13px;
        margin-bottom:10px;
        margin-top:0;
   }
    #proximaFeria h1{
        font-size:25px;
        margin-top:-16px;
        line-height:1;
        color:#fff;
   }
    #proximaFeria h1 a{
        width:130px;
        margin-top:10px;
        font-size:15px;
   }
    #proximaFeria h2 {
        width:130px;
        line-height:1;
        margin-top:-5px;
        display:inline-block;
        font-size:15px;
        margin-bottom:3px !important;
   }
    #proximaFeria h3 a {
        width:auto;
        font-size:13px;
        padding:4px;
        margin-top:0px;
   }
    #proximaFeria h3 a:hover {
   }
    #proximaFeria form {
        width:100px;
   }
    #proximaFeria form button {
   }
    #proximaFeria form button:hover {
   }
    #proximasFerias{
        float:none;
        width:100% !important;
        margin-top:0px;
        padding:15px;
        text-align:center;
        height:auto;
        padding-bottom:40px;
   }
    #proximasFerias dl{
        text-align:center;
   }
    #proximasFerias dt,#proximasFerias dd{
        float:none;
        margin-right:0 !important;
        font-size:14px;
   }
    #proximasFerias form button{
        width:auto;
        padding:10px;
        margin-top:0;
        line-height:1.3;
        font-size:15px;
   }
    .social{
        height:auto;
        background-size: 520px 15px;
   }
    #face, #hashtag {
        width:100%;
        float:none;
        height:auto;
        font-size:16px;
        padding:20px 0px 40px 0px;
   }
    #face button{
        cursor:pointer;
   }
    #face button img{
        width:100px;
        margin:10px;
   }
    .tiendas a{
        font-size:16px !important;
   }
    .tienda {
        background-size: 520px 20px;
        height:auto;
        padding-bottom:20px;
   }
    .tiendas {
        background-image:none;
        background-size: 520px 15px;
        height:48px;
   }
    .tiendas .content{
        height:130px;
        background-position: left 100.4%;
        background-size: 520px 15px;
   }
    #ofertas,#tres{
        height:auto;
        float:none;
        width:100%;
   }
    #ofertas{
        padding-bottom:15px;
   }
    #ofertas a{
        margin-top:30px;
        display:block;
   }
    #tres > div{
        float:none;
        height:auto;
   }
    .oferta a{
        display:block;
        width:100%;
   }
    .oferta{
        width:100%;
        padding:20px 10px 0 10px;
   }
    .oferta .separator{
        display:block;
        position:relative;
        top:auto;
        right:auto;
        text-align:center;
        font-size:40px;
        margin-bottom:-20px;
        color:#B0978A;
        line-height:1;
   }
    .oferta .ahora{
        height:auto;
        margin-left:10px;
        width:auto;
        height:auto;
        margin-bottom:-20px;
   }
    .oferta .antes strong{
        padding:3px;
        margin-top:-9px;
        margin-left:67%;
        text-align:center;
        font-size:14px;
        display:block;
   }
    .oferta .antes{
        width:50%;
        height:auto;
   }
    .oferta .info{
        margin-top:0px;
        height:auto;
   }
    .oferta .info small{
        margin-top:0px;
        display:block;
   }
    #navFooter{
        width:100%;
        margin-left:0px;
        padding:0;
        border-width:0px 0 1px 0;
        margin-bottom:10px;
        border-style:dashed;
        border-color:#A5491A;
   }
    #navFooter a{
        font-size:17px;
   }
    #menuCategorias{
        column-count:2;
   }
    #footer-container aside {
        float:none;
        width:100%;
   }
    footer aside, #navFooterMain{
        height:350px;
       ;
   }
    #footer-container aside li a{
        font-weight:normal;
        font-size:17px;
   }
    #footer-container h2{
        font-size:16px;
        margin-top:30px;
   }
    #enlaceRedes button{
        display:block;
        width:100%;
   }
    #enlaceRedes{
        width:160px;
   }
    #natural100{
        right:10px;
   }
    #marker{
        margin-bottom:20px;
        font-size:17px;
   }
    #marker:hover{
        color:#fff;
   }
    #cookies-container{
        bottom:0;
        margin:0;
        height:auto;
        border-width:1px 0 0 0;
        border-color:#fff;
        border-style:dashed;
        padding:20px;
        font-size:16px;
   }
    .cookieclose{
        font-size:40px;
        text-align:center;
        line-height:1;
        margin:10px 0 -30px 0;
        display:block;
        position:relative;
   }
    .banner img{
        width:100% !important;
        margin:0px 0 15px 0 !important;
   }
    .disposiciones button {
        padding:6px !important;
        font-size:12px !important;
       ;
        height:42px !important;
        white-space: normal;
   }
    .disposiciones button.verCesta{
        width:129px !important;
   }
    .totalParcial, .disposiciones.destacado .totalParcial {
        padding:8px 2px 8px 0;
        font-size:13px;
   }
    .totalParcial span, .disposiciones.destacado .totalParcial span{
        margin:-9px 0 -9px -1px!important;
        padding:13px 6px;
        display:inline-block;
        font-size:13px;
   }
    #producto .disposiciones{
        width:100%;
   }
    #producto .disposiciones img{
        width:100% !important;
        margin:0 0 25px 0;
        border-width:0;
        border-radius:4px;
   }
    #fichatecnica, #producto .disposiciones .disposicion, #producto .disposiciones .min {
        width:100%;
   }
    #producto .disposiciones h2{
        font-size:19px;
   }
    #producto .disposiciones hr {
        border-width:0 0 5px 0;
   }
    #categoria{
        margin-top:-35px !important;
   }
    #pagina_wrapper{
        padding:0 20px;
        margin:-20px 0 -30px 0;
   }
    .banner{
        height:auto;
        margin-bottom:-4px;
   }
    .banner img{
        margin:0;
        width:100% 
   }
    .pago .menuNavigation, .pagook .menuNavigation, .pagoko .menuNavigation, .carrito .menuNavigation, .direccion .menuNavigation{
        background-position: left top;
        background-size:255px 30px;
        margin:150px 0 0 0;
        padding:0;
        height:31px !important;
   }
    .pago header.content, .pagook header.content, .pagoko header.content, .carrito header.content, .direccion header.content{
        height:130px;
   }
    .pago #home img, .pagook #home img, .pagoko #home img, .carrito #home img, .direccion #home img{
        width:290px;
        margin:10px;
   }
  }
  