@keyframes shine {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
@media only screen and (max-width: 767px) {

    /*#region ---------- GENERICHE ---------- */

    /*#endregion*/

    /*#region ---------- BANNER ---------- */

        #owl-banner .owl-wrapper-outer {
            border-bottom: 1px solid #dadada;
        }

        .sezioneBanner {
            position: relative;
            max-height: 350px;
            overflow: hidden;
        }

        .colonnaBanner {
            position: absolute;
            top: 0px;
            padding: 0 3% !important;
            height: 100% !important;
            display: flex !important;
            flex-direction: column;
            justify-content: center;
        }

        .banner-img {
            width: 100%;
            height: 20vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .banner-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .colonnaBanner * {
            font-weight: 600;
        }

        .colonnaBanner a {
            text-decoration: none;
            text-align: center;
            display: block;
            color: #fff;
            z-index: 2;
            padding: 5% 0;
            margin-top: 4%;
            font-size: 7vw;
            width: 100%;
        }

            .colonnaBanner a * {
                display: inline-block;
                width: 96%;
                padding: 3% 0%;
            }

        /*#endregion*/

    /*#region ---------- TITOLI ---------- */

    #headerPiuCliccati {
        padding: 0px;
        margin: 5% 0;
        text-align: center;
        display: block;
    }

    #h1Vetrina,
    .h1Box,
    #contenitoreBlog header h2, .h3Box, #h1PiuCliccati {
        display: block;
        font-weight: 600;
        font-size: 9vw;
        border-radius: 0px;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .h3IlMeglioDi {
        font-size: 8vw;
    }

    .toLoad .h3IlMeglioDi {
        height: 30px;
        width: 90%;
        background-color: #e9edee;
        background: linear-gradient(to top right,#e9edee 0%,#aaaaaa99 25%,#bbbbbb 50%,#aaaaaa99 75%,#e9edee 100%);
        background-size: 400% 400%;
        animation: shine 2.5s linear infinite;
        display: inline-block;
        padding: 0;
        margin: 0 auto;
    }

    .toLoad .showMore {
        width: 20%;
        height: 20px;
        background-color: #e9edee;
        background: linear-gradient(to top right,#e9edee 0%,#aaaaaa99 25%,#bbbbbb 50%,#aaaaaa99 75%,#e9edee 100%);
        background-size: 400% 400%;
        animation: shine 2.5s linear infinite;
    }

        .toLoad .showMore:after {
            content: '';
        }

    /*#endregion*/

    /*#region ---------- CONTENITORI PROMOZIONI ---------- */

    .contenitoreProdottoNovita,
    .contenitoreProdottoOfferte {
        text-align: center;
        display: inline-block;
        width: 50%;
        overflow: hidden;
        position: relative;
        vertical-align: top;
        margin-bottom: 5%;
    }

    #contenitoreProdottiRecenti, #contenitoreVetrina, #contenitoreIlMeglioDi, #MA_contenitoreProdottiRecenti, #MA_contenitorePiuCliccati, #contenitorePiuCliccati {
        text-align: center;
    }

    #contenitorePiuCliccati {
        width: 100%;
        clear: both;
        overflow: hidden;
        margin: 3% auto;
    }

        .contenitoreProdottoNovita a,
        .contenitoreProdottoOfferte a,
        .contenitoreProdottoVetrina a,
        .contenitoreProdottiRecenti a,
        .contenitoreProdottiIlMeglioDi a,
        .contenitoreProdottoClick a {
            text-decoration: none;
        }

    /*#endregion*/

    /*#region ---------- FOTO PRODOTTI ---------- */

    .fotoProdottoVetrina a, .fotoProdottoNovita a, .fotoProdottoOfferte a, .fotoProdottoRecente a, .fotoProdottoIlMeglioDi a, .fotoProdottoClick a{
        z-index: 1;
        position: relative;
    }

    .fotoProdottoNovita:before, .fotoProdottoOfferte:before, .fotoProdottoRecente:before, .fotoProdottoVetrina:before, .fotoProdottoIlMeglioDi:before, .fotoProdottoClick:before {
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
        content: '\f1ce';
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        text-align: center;
        font-size: 30px;
        width: 100%;
        display: block;
        top: calc(50% - 20px);
        position: absolute;
        left: 0;
        z-index: 0;
        color: #000;
    }

    .fotoProdottoNovita,
    .fotoProdottoOfferte {
        overflow: hidden;
        text-align: center;
        z-index: 1;
        position: relative;
        width: 90%;
        margin: 0 auto;
        height: 25vw;
    }

    .fotoNovita,
    .fotoOfferte {
        max-height: 25vw;
        max-width: 100%;
    }

    .fotoProdottoVetrina, .fotoProdottoRecente, .fotoProdottoIlMeglioDi, .fotoProdottoClick {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 40vw;
        overflow: hidden;
    }

    .fotoVetrina, .imgProdRecente, .imgProdIlMeglioDi, .fotoClick {
        height: auto;
        width: auto;
        max-width: 95%;
        max-height: 40vw;
        margin: auto;
        object-fit: scale-down;
    }

    /*#endregion*/

    /*#region ---------- DATI PRODOTTO ----------*/

    .nomeProdottoVetrina, .nomeProdottoNovita, .nomeProdottoOfferte, .nomeProdottoRecente, .nomeProdottoIlMeglioDi, .nomeProdottoClick {
        width: 80%;
        padding: 0% 10%;
        text-align: center;
        margin: 3% auto;
        margin-bottom: 0;
        font-size: 5vw;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
    }

    .nomeProdottoVetrina,
    .nomeProdottoRecente,
    .nomeProdottoIlMeglioDi, .nomeProdottoClick {
        min-height: 46px;
    }

        .nomeProdottoNovita,
        .nomeProdottoOfferte {
            font-size: 14px;
            padding: 0 5%;
            margin: 3% auto;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            height: 35px;
            display: -webkit-box;
        }

        .prezzoProdotto {
            text-decoration: line-through;
        }  

        .contenitoreProdottoNovita .prezzoProdotto,
        .contenitoreProdottoOfferte .prezzoProdotto {
            font-size: 4vw;
            display: inline;
            margin-right:6px;
        }

    .owl-products .prezzoProdotto, .contenitoreProdottiIlMeglioDi .prezzoProdotto, .contenitoreProdottoClick .prezzoProdotto {
        font-size: 5vw;
        display: block;
        color: #575755;
    }

    .owl-products .scontoProdotto,
    .contenitoreProdottoNovita .scontoProdotto,
    .contenitoreProdottoOfferte .scontoProdotto,
    .contenitoreProdottiIlMeglioDi .scontoProdotto,
    .contenitoreProdottoClick .scontoProdotto{
        padding: 0 5px;
        text-align: center;
        font-weight: 600;
        background-color: #1e61d4;
        color: #fff;
        position: absolute;
        z-index: 1;
        top: 0%;
        right: 14%;
        border-radius: 9px;
        font-size: 22px;
    }

        .contenitoreProdottoNovita .scontoProdotto,
        .contenitoreProdottoOfferte .scontoProdotto {
            font-size:20px;
        }

        .contenitoreProdottoNovita .prezzoProdottoDefinitivo,
        .contenitoreProdottoOfferte .prezzoProdottoDefinitivo {
            display: inline-block;
            font-size: 5.7vw;
            font-weight: 600;
        }

    .owl-products .prezzoProdottoDefinitivo, .contenitoreProdottiIlMeglioDi .prezzoProdottoDefinitivo, .contenitoreProdottoClick .prezzoProdottoDefinitivo{
        font-weight: 600;
        font-size: 7vw;
    }

    #contenitoreNovita .lnkProdottoRecensioni, #contenitoreNovita .lnkProdottoRecensioni *, #contenitoreNovita .lnkProdottoRecensioni *:before, #contenitoreOfferte .lnkProdottoRecensioni, #contenitoreOfferte .lnkProdottoRecensioni *, #contenitoreOfferte .lnkProdottoRecensioni *:before {
        font-size: 11px;
        text-align: center;
    }

    /*#endregion*/

    /*#region ---------- CATEGORIA IN EVIDENZA HOME ---------- */

    .contenitoreCatInEvidenza {
        display: block;
        margin: 5% 5%;
        overflow: hidden;
        position: relative;
    }

        .contenitoreCatInEvidenza.toLoad {
            min-height: 50vw;
            background-color: #e9edee;
            background: linear-gradient(to top right,#e9edee 0%,#aaaaaa99 25%,#bbbbbb 50%,#aaaaaa99 75%,#e9edee 100%);
            background-size: 400% 400%;
            animation: shine 2.5s linear infinite;
        }

    .divfotoCatInEvidenza {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 50vw;
        width: 100%;
    }

        .divfotoCatInEvidenza:before {
            content: '';
            position: absolute;
            top: 0;
            z-index: 0;
            left: 0;
            height: 100%;
            width: 15%;
            display: block;
            background: #fff;
        }

        .divfotoCatInEvidenza img {
            width: 100%;
            height: 50vw;
            object-fit: cover;
        }

        .divfotoCatInEvidenza:after {
            content: '';
            position: absolute;
            top: 0;
            z-index: 0;
            left: 15%;
            height: 100%;
            width: 85%;
            display: block;
            background: #fff;
            -webkit-mask-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,1)),color-stop(1,rgba(0,0,0,0)));
        }

    .boxElencoCategorie {
        position: absolute;
        top: 20px;
        left: 0;
        width: 96%;
        padding: 2%;
    }

    .nomeCatInEvidenza {
        z-index: 1;
        color: #222;
        font-weight: 600;
        text-transform: uppercase;
        display: block;
        background-color: rgba(22,22,22,0);
        color: #000;
        font-size: 4.7vw;
        letter-spacing: .3px;
    }

    .contenitoreCatInEvidenza ul {
        display: block;
        z-index: 1;
        flex-direction: column;
        justify-content: center;
        text-align: left;
        font-weight: 400;
        background-color: rgba(22,22,22,0);
        color: #000;
        padding: 2% 18px;
        letter-spacing: .3px;
        margin: 0 auto;
        font-size: 14px;
    }

    .contenitoreCatInEvidenza li {
        padding-bottom: 2%;
    }


    .listCataloghi {
        padding: 0px;
        margin: 0 5%;
    }

        .listCataloghi li {
            display: block;
            margin: auto;
            margin-bottom: 5%
        }

            .listCataloghi li a {
                background: #1e61d4;
                display: block;
                padding: 15px 10px;
                color: #fff;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                font-weight: 600;
                text-align: center;
            }

    /*#endregion*/

    /*#region --- IL MEGLIO DI TO LOAD --- */

    .sectionIlMeglioDi.toLoad{
        margin-bottom:5%;
    }

    .boxItem.toLoad {
        width: 100%;
        height: 300px;
        display: inline-block;
    }

        .boxItem.toLoad .contenitoreProdottiIlMeglioDi {
            margin: 0 auto;
            height: 100%;
        }

        .boxItem.toLoad .fotoProdottoIlMeglioDi {
            width: 40%;
            background-color: #e9edee;
            background: linear-gradient(to top right,#e9edee 0%,#aaaaaa99 25%,#bbbbbb 50%,#aaaaaa99 75%,#e9edee 100%);
            background-size: 400% 400%;
            animation: shine 2.5s linear infinite;
            height: 40vw;
            margin: 20px auto;
        }

            .boxItem.toLoad .fotoProdottoIlMeglioDi:before {
                content: '';
            }

        .boxItem.toLoad .nomeProdottoIlMeglioDi {
            width: 40%;
            background-color: #e9edee;
            background: linear-gradient(to top right,#e9edee 0%,#aaaaaa99 25%,#bbbbbb 50%,#aaaaaa99 75%,#e9edee 100%);
            background-size: 400% 400%;
            animation: shine 2.5s linear infinite;
        }

        .boxItem.toLoad .singleLine {
            width: 40%;
            background-color: #e9edee;
            background: linear-gradient(to top right,#e9edee 0%,#aaaaaa99 25%,#bbbbbb 50%,#aaaaaa99 75%,#e9edee 100%);
            background-size: 400% 400%;
            animation: shine 2.5s linear infinite;
            min-height: 25px;
            margin: 10px auto;
        }

    .sectionIlMeglioDi.toLoad > div > div:not(:first-child) {
        display: none;
    }

        /*#endregion*/
        
        /*#region ---------- BLOG ---------- */
        
        #contenitoreBlog {
            overflow: hidden;
            margin-bottom: 20px;
            margin-top: 5%;
        }

    #contenitoreBlog ul {
        list-style: none;
    }

    #contenitoreBlog .article-list-title {
        margin: 0px;
    }

    /* Titolo news */
        #contenitoreBlog .article-list-title a {
            font-size: 5.5vw;
            font-weight: 400;
            color: #fff;
            padding: 2%;
            background-color: #1e61d4e6;
            display: block;
            overflow: hidden;
            top: 0px;
            left: 0px;
            width: 96%;
            text-shadow: 0px 0px 10px #847d79;
        }

    /* Data e Autore News */
    .contenitoreInformazioniBlog {
        font-size:14px;
        padding: 10px 0;
    }

        .contenitoreInformazioniBlog i {
            margin-right: 5px;
        }

    /* Link generico news */
    #contenitoreBlog ul {
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #contenitoreBlog li {
        width: 90%;
        margin: 5% auto 5% auto;
    }

    #contenitoreBlog li article {
        overflow: hidden;
        position: relative;
        border-radius: 3px;
    }

    /* Foto news */
    #contenitoreBlog .imgNews {
        overflow: hidden;
        width: auto;
        height: 35vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #contenitoreBlog article img {
        width: 100%;
        max-width: none;
    }

    .imgNews img {
        -webkit-filter: brightness(80%);
        filter: brightness(80%);
    }

    /*#endregion*/

    /*#region ---------- MIGLIORI MARCHE ---------- */

    #headerMiglioriMarchi {
        margin-bottom: 4%;
    }

    #sectionMiglioriMarchi .owl-prev {
        display: none !important;
    }
    /*img all'interno*/
    #sectionMiglioriMarchi .owl-next {
        background-image: none !important;
        height: 78px !important;
        right: -2% !important;
        top: calc(50% - 39px) !important;
        transform: translateY(-50%);
        background-color: #fff;
        border-radius: 0px;
    }

    .owl-brands {
        margin: 0 auto;
        width: 90%;
    }

    .owl-brands .owl-next:before {
        content: '';
        display: block;
        height: 100%;
        width: 12px;
        background: linear-gradient(to left,rgba(0,0,0,.9),rgba(0,0,0,0));
        position: absolute;
        opacity: .4;
        left: -12px;
    }

    .owl-brands .owl-next:after {
        content: '\f054';
        font-family: FontAwesome;
        display: inline-block;
        color: #000;
        font-size: 18px;
        line-height: 78px !important;
    }

    .contenitoreMiglioreMarca {
        min-height: 120px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 10%;
        width: 80%;
    }

    .contenitoreMiglioreMarca a {
        width: 90%;
        height: 78px;
        padding: 0 3%;
        margin: 0 1% 2% 1%;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        font-size: 15px;
        overflow: hidden;
        text-align: center;
        vertical-align: top;
    }

    .marcaLogo {
        vertical-align: middle;
        max-width: 100%;
        max-height: 70px;
        object-fit: scale-down;
    }

    /*#endregion*/

    /*#region ---------- SHOW ALL CATEGORIES ---------- */

    .buttonBox {
        text-align: center;
        margin: 40px auto;
    }

    .showAll {
        display: block;
        margin: 0 auto;
        background: #1e61d4;
        padding: 5% 0;
        font-weight: 600;
        width: 90%;
        color: #fff;
        font-size: 5vw;
        letter-spacing: 1px;
    }

    /*#endregion*/

    /*#region ---------- OWL CONTROLS ---------- */

    .owl-prev,
    .owl-next {
        width: 32px !important;
        height: 53px !important;
        top: calc(50% - 60px) !important;
        z-index: 2 !important;
        background-repeat: no-repeat;
        background-position: center;
    }

    .owl-prev {
        background-image: url(Images/left-arrow-slim.png);
        left: 1% !important;
    }

    .owl-next {
        background-image: url(Images/right-arrow-slim.png);
        right: 1% !important;
    }

    /*#endregion*/

    /*#region --- CUSTOM --- */

    .spot-blog-forum .colonnaPagina {
        background-position: center center;
        background-size: cover;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .spot-blog-forum .colonnaPagina p {
        height: 100%;
        width: 100%
    }

    .spot-blog-forum .colonnaPagina:hover {
        -webkit-filter: contrast(1.3);
        box-shadow: inset 0 1px 8vw -1px #2e2e2e
    }

    .spot-blog-forum .colonnaPagina a {
        font-size: 5vw;
        width: 90%;
        height: 90%;
        padding: 5%;
        margin: 0 auto;
        font-weight: 600;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        text-decoration: none
    }

    .spot-blog-forum a span {
        background-color: #1e61d4;
        border-radius: 3px;
        color: #fff;
        display: block;
        margin: 0;
        padding: 2%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    /*#endregion*/
}