﻿/*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(40vh) !important;
    }
    .slogan {
        right: -70px;
    }


    .slogan h1 {
        font-size: 30px;
    }

    .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;
    }
}


@media (max-width: 321px) {
}

@media (min-width: 768px) and (max-width: 991px ) {
    .monitor {
        min-height: calc(60vh) !important;
    }

    .slogan {
        right: -125px;
    }

    .menu .uk-list-inline li {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .slogan h1 {
        font-size: 50px;
    }
    .slogan p {
        font-size: 20px;
    }
    .img-prodotto {
        height: 250px;
    }
    .uk-margin-left-sm {
        margin-left: 30px !important;
    }
}
@media (min-width: 992px) and (max-width:1199px) {
    .monitor {
        min-height: calc(60vh) !important;
    }
    .slogan {
        right: -125px;
    }
    .uk-list-inline > li {
        padding-left: 10px;
        padding-right: 10px;
    }
}

    @media (min-width: 1200px) and (max-width:1280px) {
        .slogan {
            right: 0;
        }
    }

    @media (min-width: 1281px) and (max-width:1366px) {

        .slogan {
            right: 0;
        }
    }

    @media (min-width: 1367px) and (max-width:1679px) {
        .slogan {
            right: 0;
        }
        
    }

    @media (min-width: 1680px) and (max-width:1900px) {
        .slogan {
            right: 5%;
        }
      
    }

    @media (min-width: 2000px) {

        .slogan {
            right: 20%;
        }
    }


    @media (min-width: 3000px) {
    }
