@media only screen and (max-width : 991px) {
    #wrapper{
        background: #fff !important;
    }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {
    /* Styles */
    .smartphones{
        font-size: 20px;
        color: rgb(255, 166, 0);
    }

    /*.colum-colum{
        display: none;
        transition: all ease 0.25s;
    }*/
    .menu-link {
        display: block;
        line-height: 22px;
        padding: 14px 5px;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
    }
    .menu-item:not(:first-child) {
        border-top: 1px solid rgb(54, 54, 54);
    }

    .sub-menu-container .menu-item > .menu-link {
        position: relative;
        padding: 11px 5px;
        line-height: 22px;
        font-weight: 400;
        color: #000;
        letter-spacing: 0;
        font-family:  'Roboto', sans-serif;
    }

    .sub-menu-titolo{
        font-weight: 400; 
        font-size: 14px;
        letter-spacing: 1px; 
        text-transform: uppercase; 
        font-family: 'Roboto', sans-serif;
        color:#D38B4D;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .sub-menu-container .menu-item:hover > .menu-link {
        font-weight: 700;
        color: #D38B4D;

    }

    .mega-menu-content .sub-menu-container {
        border-top: 1px solid rgb(54, 54, 54);
    }

    .sub-menu-container .menu-item:not(:first-child) {
        border-top: 1px solid rgb(54, 54, 54);
    }
    .svg-trigger path {
        fill: none;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke: #000;
        stroke-width: 5;
        stroke-linecap: round;
    }
    .space-mobile{
        margin-top: 37px;
    }

    .testo-piccolo-slide{
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 300;
    }
    
    .testo-grande-slide{
        font-family: 'Roboto', sans-serif;
        font-size: 30px; 
        font-weight: 800;
    }
    #wrapper{
        background: #fff !important;
    }
    .img_slide_storia{
        object-position: top;
    }
}




/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 991px) {
    /* Styles */
    
    .ipads{
            font-size: 20px;
            color: rgb(17, 0, 255);

    }

    .colum-colum{
        display: none;
    }
    .menu-link {
        display: block;
        line-height: 22px;
        padding: 14px 5px;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family:'Roboto', sans-serif;
    }
    .menu-item:not(:first-child) {
        border-top: 1px solid rgb(54, 54, 54);
    }

    .sub-menu-container .menu-item > .menu-link {
        position: relative;
        padding: 11px 5px;
        line-height: 22px;
        font-weight: 400;
        color: #f8f9fa;
        letter-spacing: 0;
        font-family: 'Roboto', sans-serif;
    }

    .sub-menu-titolo{
        font-weight: 400; 
        font-size: 14px;
        letter-spacing: 1px; 
        text-transform: uppercase; 
        font-family: 'Roboto', sans-serif; 
        color:#D38B4D;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .sub-menu-container .menu-item:hover > .menu-link {
        font-weight: 700;
        color: #D38B4D;
    }

    .mega-menu-content .sub-menu-container {
        border-top: 1px solid rgb(54, 54, 54);
    }

    .sub-menu-container .menu-item:not(:first-child) {
        border-top: 1px solid rgb(54, 54, 54);
    }
    .svg-trigger path {
        fill: none;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke: #000;
        stroke-width: 5;
        stroke-linecap: round;
    }
    .space-mobile{
        margin-top: 37px;
    }

    .testo-piccolo-slide{
        font-family:'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 300;
    }
    
    .testo-grande-slide{
        font-family:'Roboto', sans-serif;
        font-size: 30px; 
        font-weight: 800;
    }


    
}

@media only screen and (min-width : 992px) and (max-width : 1223px) {
    /* Styles */
    #logo{
        margin: auto;
    }
    .space-mobile{
        margin-right: 0 !important;
        padding-right: 0 !important;
        margin-top: 0 !important;
    }
    .header-row{
        justify-content: center;
    }
    .ipads{
            font-size: 20px;
            color: rgb(17, 0, 255);

    }

    /*.colum-colum{
        display: none;
    }*/
    .menu-link {
        display: block;
        line-height: 22px;
        padding: 14px 5px;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family:'Roboto', sans-serif;
    }
    /*.menu-item:not(:first-child) {
        border-top: 1px solid rgb(54, 54, 54);
    }*/

    .sub-menu-container .menu-item > .menu-link {
        position: relative;
        padding: 11px 5px;
        line-height: 22px;
        font-weight: 400;
        color: #f8f9fa;
        letter-spacing: 0;
        font-family:'Roboto', sans-serif;
    }

    .sub-menu-titolo{
        font-weight: 400; 
        font-size: 14px;
        letter-spacing: 1px; 
        text-transform: uppercase; 
        font-family:'Roboto', sans-serif; 
        color:#D38B4D;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .sub-menu-container .menu-item:hover > .menu-link {
        font-weight: 700;
        color: #D38B4D;
    }

    .mega-menu-content .sub-menu-container {
        border-top: 1px solid rgb(54, 54, 54);
    }

    .sub-menu-container .menu-item:not(:first-child) {
        border-top: 1px solid rgb(54, 54, 54);
    }
    .svg-trigger path {
        fill: none;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke: #fff;
        stroke-width: 5;
        stroke-linecap: round;
    }
    .space-mobile{
        margin-top: 37px;
    }

    .testo-piccolo-slide{
        font-family:'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 300;
    }
    
    .testo-grande-slide{
        font-family:'Roboto', sans-serif;
        font-size: 30px; 
        font-weight: 800;
    }


    
}


/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) and (max-width : 1823px) {
    /* Styles */
    
    .desktops{
        font-size: 20px;
        color: rgb(0, 255, 34);
    }

    .sub-menu-titolo{
        font-weight: 400; 
        font-size: 17px; 
        letter-spacing: 1px; 
        text-transform: uppercase; 
        font-family:'Roboto', sans-serif;
        color:#D38B4D;
        margin-bottom: 20px;
    }

    .sub-menu-prodotto{
        font-weight: 400 !important;
        font-size: 12px !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        font-family:'Roboto', sans-serif !important;
        color:#000 !important;
    }

    .martini__footer-link{
        font-weight: 400 !important;
        font-size: 12px !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        font-family: 'Roboto', sans-serif !important;
    }


    .sub-menu-container .menu-item > .menu-link {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
}
.colum-colum{
    column-count:2; 
    width: 279px;
}
.box-menu{
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 38px;
    margin-top: 35px;
}
.testo-piccolo-slide{
    font-family:'Roboto', sans-serif;
    font-size: 50px;
    font-weight: 300;
}

.testo-grande-slide{
    font-family:'Roboto', sans-serif;
    font-size: 60px; 
    font-weight: 800;
}
.martini__lang-menu{
    width: 60px;
}   
.menu-link {
    padding: 39px 10px;
}

}



/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */

    .largescreens{
        font-size: 20px;
        color: rgb(100, 132, 237);
    }
.sub-menu-titolo{
    font-weight: 400; 
    font-size: 17px; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    color:#D38B4D;
    margin-bottom: 20px;
}

.sub-menu-prodotto{
    font-weight: 400 !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-family:'Roboto', sans-serif;
    color:#000 !important;
}
.martini__footer-link{
    font-weight: 400 !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-family:'Roboto', sans-serif !important;
}
.sub-menu-container .menu-item > .menu-link {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.colum-colum{
    column-count:2; 
    width: 279px;
}
.box-menu{
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 38px;
    margin-top: 35px;
}

.testo-piccolo-slide{
    font-family:'Roboto', sans-serif !important;
    font-size: 50px;
    font-weight: 300;
}

.testo-grande-slide{
    font-family:'Roboto', sans-serif !important;
    font-size: 60px; 
    font-weight: 800;
}
.martini__lang-menu{
    width: 60px;
}  
.menu-link {
    padding: 39px 15px;
}
}

/*SPECIAL FOR MENU*/

@media only screen and (min-width : 1224px) and (max-width : 1285px) {
    .menu-link {
        padding: 39px 5px !important;
    }

}

@media only screen and (min-width : 1824px) {

    #sidebar p{
        font-size: 1.6rem !important;
    }

}