/*PER ALTEZZE INFERIORI AL 768*/
@media (max-height: 768px) {
   
}

@media (max-width: 767px) {
    .menu {
        padding: 20px 10px 0 10px;
        
    }
    .button-menu {
        width: 40px;
        height: 40px;
        padding: 0;
    }
    .uk-logo {
        margin: 10px;
    }
    .menu-mobile {
        background-color: #efefef;
        background-image: url(/img/bg-menu.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: contain;
    }
        .menu-mobile .uk-close {
            color: rgb(125 119 119 / 50%);
        }
        .menu-mobile a {
            color: #1c1c1c !important;
            margin-top:20px;
        }

    .monitor {
        min-height: calc(60vh) !important;
    }
    .slogan {
        right: auto;
        bottom: -10%;
        top: auto;
        left: 50%;
        text-align: center;
    }
        .slogan p {
            font-size: 16px;
            margin-top: 5px;
            margin-bottom: 8px;
        }
    .slide-home {
        background-size: 225%;
        background-position: 9% top;
        background-color: #d1d1d1;
    }

    .slogan h1 {
        font-size: 30px;
        margin-bottom:0;
    }

    .slider-prodotti  {
        padding: 0 25px 30px 55px;
    }

    .arrow-right {
        margin: 0;
        right: -10px;
    }
    .arrow-left {
        margin: 0;
        left: -10px;
    }
    .prodotto .uk-button-primary, .prodotto .uk-button-secondary {
        border-radius: 30px;
        padding: 0px 15px;
        font-size: 14px;
    }
    .button-list li {
        padding: 3px;
    }

    .img-prodotto {
        height: 260px;
    }

    .img-carrello {
        width: 200px;
        height: 200px;
    }
    .uk-margin-remove-top-xs {
        margin-top:0 !important;
    }
    .categorie {
        margin-left: 30px;
    }
    .prodotto-slide, .prodotto-img {
        height: 300px;
    }
    .prodotto-thumbs {
        margin-bottom:10px;
    }
    .uk-padding-left-xs {
        padding-left:30px !important;
    }
    .uk-margin-left-xs {
        margin-left: 30px !important;
    }

    .tab-ordini, .uk-table-xs * {
        font-size: 15px;
    }
    .tab-prezzo {
        width: 75px;
    }

    .tab-ordini td, .uk-table-xs td{
        padding: 16px 3px;
    }

    .menu-account .uk-button {
        padding: 0 13px;
        border-right: 1px solid #8080806b;
    }
    .dati-prodotto {
        min-height: 120px;
    }
}


@media (max-width: 375px) {
    h1, h2 {
        font-size: 23px;
    }
    .monitor {
        min-height: calc(75vh) !important;
    }

    .slogan {
        right: auto;
        bottom: -10%;
        top: auto;
        left: 50%;
        text-align: center;
    }

        .slogan p {
            font-size: 16px;
            margin-top: 5px;
            margin-bottom: 8px;
        }

    .slide-home {
        background-size: 225%;
        background-position: 9% top;
        background-color: #d1d1d1;
    }

    .slogan h1 {
        font-size: 30px;
        margin-bottom: 0;
    }
    .btn-accedi .span-area-riservata {
        display: none;
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    .btn-accedi .span-area-riservata {
        display: none;
    }
    .lista-menu{
        margin-top:0px!important;
    }
    .menu {
        padding: 10px 10px 10px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    .monitor {
        min-height: calc(60vh) !important;
    }

   

   /* .menu .uk-list-inline li {
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
    }*/
    .menu .uk-list-inline li {
        font-size: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .menu .uk-list-inline.lista-menu > li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .menu .uk-logo {
        max-width: 115px;
        margin-top: 5px;
    }
    .slogan {
        right: -68px;
        top: 78%;
    }

        .slogan h1 {
            font-size: 35px;
        }

        .slogan p {
            font-size: 15px;
        }

    .slide-home {
        background-position: 18% 50%;
    }
    .img-prodotto {
        height: 250px;
    }
    .uk-margin-left-sm {
        margin-left: 30px !important;
    }

    .btn-accedi .span-area-riservata{
        display:none;
    }

}
@media (min-width: 992px) and (max-width:1199px) {
    .monitor {
        min-height: calc(60vh) !important;
    }
    .slogan {
        right: -150px;
        top: 78%;
    }

        .slogan h1 {
            font-size: 69px;
        }

        .slogan p {
            font-size: 23px;
        }

    .slide-home {
        background-position: 18% 50%;
    }
    .menu .uk-list-inline > li {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 11px;
    }
    .dati-prodotto {
        min-height: 146px;
    }
}

    @media (min-width: 1200px) and (max-width:1280px) {
        .slogan {
            right: -170px;
        }
            .slogan h1 {
                font-size: 69px;
            }
            .slogan p {
                font-size: 23px;
            }
        .slide-home {
            background-position: 22% 50%;
        }
        .menu .uk-list-inline > li {
            padding-left: 8px;
            padding-right: 8px;
            font-size: 13px;
        }
        .menu .uk-list-inline.lista-menu > li {
            padding-left: 6px;
            padding-right: 6px;
        }

        .menu .uk-logo {
            max-width: 190px;
        }
    }

    @media (min-width: 1281px) and (max-width:1366px) {

        .slogan {
            right: -170px;
        }

            .slogan h1 {
                font-size: 69px;
            }

            .slogan p {
                font-size: 23px;
            }

        .slide-home {
            background-position: 22% 50%;
        }
        .menu .uk-list-inline > li {
            padding-left: 8px;
            padding-right: 8px;
            font-size: 13px;
        }
    }

    @media (min-width: 1367px) and (max-width:1679px) {
        .slogan {
            right: 0;
        }
        .menu .uk-list-inline > li {
            padding-left: 8px;
            padding-right: 8px;
            font-size: 13px;
        }
        
    }

    @media (min-width: 1680px) and (max-width:1900px) {
        .slogan {
            right: 5%;
        }
        .slide-home {
            background-position: 28% 50%;
        }
    }

    @media (min-width: 2000px) {

        .slogan {
            right: 20%;
        }
    }


    @media (min-width: 3000px) {
    }