@media only screen and (max-width: 959px) and (min-width: 481px) {
    html {
        min-width:320px;
    }
    header.content{
        height:160px;
    }
    .whatsapp{
        display:inline-block;
    }
    .whatsapp img{
        width:70px;
    }
    .whatsapp:after{
        content:"";
    }
    #steps{
        transform:scale(0.7);
    }
    .min .home{
        margin-top:0px;
    }
    .sticky .whatsapp{
        transform:scale(0.5) translate(-80px,-240px);
        color:#333;
        font-size:22px;
        z-index:101;
    }
    .sticky .whatsapp:hover{
        color:#333;
    }

    .whatsapp{
        position:absolute;
        transform:scale(0.7);
        left:300px;
        top:70px;
        color:#ffffff;
        z-index:101;
        opacity:0.9;
    }
    .min .whatsapp {
        margin-top:-23px;
        margin-left:80px;
    }
    .whatsapp:hover{
        opacity:1;
        color:#ffffff;
    }
    .home{
        padding:5px;
        position:relative !important;
        left:auto;
        top:auto;
        display:block;
    }
    .sticky .home{
        position:absolute;
        z-index:201;
        top:-30px;
        left:0;
    }
    .home img{
        width:350px;
    }
    .sticky .home img{
        width:230px;
    }
    .sticky .home {
        margin:0 5px;
    }
    .content {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        min-width: 0 !important;
    }
    #cookies-container{
        width:100%;
    }
    .menuNavigation {
        background-size: 510px 60px;
        height:155px 
    }
    .min .menuNavigation{
        height:55px;
    }
    .sticky .menuNavigation {
        background-size: 510px 60px;
        background-position:bottom left;
        height:30px;
        margin-bottom:-1px;
        margin-top:30px;
    }
    .sticky .menuNavigation .content {
        margin-top:0px;
    }
    .pieMenuNavigation {
        background-size: 500px 25px;
        height:20px;
    }
    .sticky .pieMenuNavigation {
        background-size: 500px 20px;
        height:20px;
    }
    .sliderBottom {
        background-size: 500px 48px;
    }
    .sliderBottom div{
        font-size:17px;
        padding:0;
        margin:-10px 0 0 -70px;
    }
    #idiomas {
        float:none;
        position:absolute;
        top:114px;
        z-index:4;
        left:78px;
    }
    #idiomas li{
        margin:0 !important;
        background-color:transparent !important;
        left:0;
    }
    #idiomas li a{
        font-size:18px !important;
        display:block;
        color:#CA6D14;
    }
    #idiomas li a:hover{
        color:#fff;
    }
    #carrito{
        position:absolute;
        right:10px;
        top:-32px;
        margin-bottom:-70px;
        width:auto;
        padding-right:0;
    }
    #carrito span{
        font-size:13px;
        position:absolute;
        right:15px;
        top:66px;
    }
    #carrito img{
        width:90px;
    }
    .sticky #carrito2 img{
        width:85px;
    }
    .sticky #carrito2{
        position:fixed;
        top:100px;
        right:0;
    }
    .sticky #carrito2 span{
        top:63px;
        right:16px;
        font-size:13px;
    }
    #paginas li,#categorias li{
        display:none;
    }
       .open #categorias li.ofertas {
    display:inline-block;
    min-width:200px;
}
    .open #paginas{
        top:0px;
    }
    .open #categorias{
        top:88px;
        border-width:1px 0 0 0 ;
        border-color:#FFDBC6;
        border-style:dashed;
        padding-top:5px;
    }
    .open #categorias li a{
        max-width:100%;
    }
    .open.menuNavigation{
        margin-top:0;
    }
    .open #paginas, .open #categorias{
        position:absolute;
        background-color:#A5491A;
        width:100%;
        left:0;
        right:0;
        text-align:center;
        max-width:100%;
        margin-bottom:-3px;
        ;
        z-index:201;
        margin:0;
    }
    .open #paginas{
        top:51px;
        padding-bottom:6px;
    }
    #categorias{
        display:none;
    }
    .open #categorias{
        top:140px;
        padding-bottom:6px;
        display:block;
    }
    .open #categorias ul{
        column-width: auto;
    }
    .open #paginas li,.open #categorias li{
        display:block;
        line-height:1.2;
    }
    .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{
        width:100%;
    }
    #paginas li.activo a, #categorias li.activo a{
        color:#CA6D14;
        text-align:left;
        display:block;
        font-size:17px;
    }
    .open #paginas li.activo a, .open #categorias li.activo a{
        color:#51270F;
        font-size:15px;
        text-align:center;
        width:100%;
    }
    #menuhamburger{
        position:absolute;
        top:70px;
        text-align:center;
        right:34px;
        line-height:1;
        padding:4px;
        border-radius:4px;
        font-family:"Arial Black", Gadget, sans-serif !important;
        font-weight:bold;
        font-size:35px;
        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:#A5491A;
        display:block;
        top:0;
        left:0;
        width:100%;
        padding-top:12px;
        text-align:center;
        position:absolute;
    }
    #menu-separator{
        position:absolute;
        left:10px;
        top:-40px;
        padding:0;
        width:auto;
        z-index:100;
    }
    #menu-separator img{
        width:80px;
    }
    #envio{
        height:50px;
        margin-top:-80px;
        transform:rotate(-8deg);
        right:10px;
    }
    #proximaFeria {
        background-size: 400px 30px;
        float:none;
        height: 199px;
        padding:0px 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:19px;
        margin-bottom:10px;
        margin-top:0;
    }
    #proximaFeria h1{
        margin-top:0;
        margin-bottom:0;
        color:#fff;
    }
    #proximaFeria h1 a{
        font-size:25px !important;
        display:inline-block;
        line-height:1;
        width:230px;
    }
    #proximaFeria h2 {
        width:290px;
        line-height:1;
        margin-top:-305px !important;
        display:inline-block;
    }
    #proximaFeria h3 a {
        width:auto;
        font-size:17px;
        margin-top:-20px;
    }
    #proximaFeria h3 a:hover {
    }
    #proximaFeria form {
        width:100px;
    }
    #proximaFeria form button {
    }
    #proximaFeria form button:hover {
    }
    #proximaFeria, #proximasFerias, #face, #hashtag, #ofertas, #oferta{
        width:100% !important;
    }
    .pagination{
        display:none;
    }
    .ferias{
        background-size: 500px 14px;
        height:auto;
    }
    .no-svg #proximaFeria {
        background-image: url("../images/orangeCarneBottom.svg?cache=0");
    }
    #proximaFeria {
        background-size: 500px 14px;
        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: 0px;
        width:170px;
        height:auto;
    }
    #proximaFeria h1{
        font-size:25px;
        margin-top:-16px;
        line-height:1;
        color:#fff;
    }
    #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;
    }
    #proximasFerias form button{
        width:auto;
        padding:10px;
        margin-top:0;
        line-height:1.3;
        font-size:15px;
    }
    .social{
        height:auto;
        background-size: 500px 14px;
    }
    #face, #hashtag {
        width:100%;
        float:none;
        height:auto;
        font-size:16px;
        padding:20px 0px 30px 0px;
    }
    #face button{
        cursor:pointer;
    }
    #face button img{
        width:100px;
        margin:10px;
    }
    .tiendas a{
        font-size:16px !important;
    }
    .tienda {
        background-size: 500px 20px;
        height:auto;
        padding-bottom:20px;
    }
    .tiendas {
        background-image:none;
        background-size: 500px 14px;
        height:48px;
    }
    .tiendas .content{
        height:130px;
        background-position: left 100.4%;
        background-size: 2250px 0px;
    }
    .slick-dots {
        display:none !important;
    }
    #ofertas,#tres{
        height:auto;
        float:none;
        width:100%;
    }
    #tres {
        column-width:auto;
        column-gap: 10px;
    }
    #ofertas{
        padding-bottom:15px;
    }
    #ofertas a{
        margin-top:30px;
        display:block;
    }
    .oferta a{
        display:block;
        width:100%;
    }
    .oferta{
        width:100%;
        padding:20px 0 0 0;
        display:block;
    }
    .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:-5px;
        height:auto;
    }
    .oferta .info small{
        margin-top:-4px;
        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:3;
    }
    #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;
    }
    #enlaceRedes button{
        display:block;
        width:100%;
    }
    #enlaceRedes{
        width:160px;
    }
    #marker{
        margin-bottom:20px;
        font-size:17px;
    }
    #marker:hover{
        color:#fff;
    }
    #natural100{
        position:absolute;
        bottom:0px;
        right:0px;
    }
    #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;
    }
    #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%;
    }
    #categoria{
        margin-top:-30px !important;
    }
    .disposiciones {
        width:auto;
    }
    #pagina_wrapper{
        padding:0 20px;
        margin:-20px 0;
    }
    .banner{
        height:auto;
        width:100%;
    }
    .banner img{
        margin:0;
        width:100%;
    }
    .pago .menuNavigation, .pagook .menuNavigation, .pagoko .menuNavigation, .carrito .menuNavigation, .direccion .menuNavigation{
        background-position: left bottom;
        background-size: 510px 60px;
    }
    .pago header.content, .pagook header.content, .pagoko header.content, .carrito header.content, .direccion header.content{
        height:75px;
        background-color:#fff;
    }
    .pago #home img, .pagook #home img, .pagoko #home img, .carrito #home img, .direccion #home img{
        height:80px;
        margin:10px;
    }
}