@media (min-width:320px) and (max-width:1326px) {
    .logo-mobile {
        width: 100%;
        float: left;
        text-align: center;
        display: block;
    }

    .btn-responsive-menu {
        display: block;
        float: right;
        padding: 5px;
        cursor: pointer;
        margin: 10px 0 0 0;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background: #6684aa;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        width: 25px;
        right: 15px;
        position: relative;
        z-index: +1;
    }

    .icon-bar {
        display: block;
        width: 18px;
        height: 2px;
        margin: 5px;
        background-color: #f5f5f5;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    }

    .mainmenu-mobile {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-y: scroll;
        background: #6684aa;
        list-style: none;
        display: none;
    }

        .mainmenu-mobile > li {
        }

            .mainmenu-mobile > li > a {
                display: block;
                text-decoration: none;
                padding: 0.5em 1% 0.5em 5%;
                font-size: 1em;
                color: #fff;
                font-weight: 700;
                border-top: 1px solid #fff;
                border-bottom: 1px solid #fff;
                text-shadow: 0 -1px 2px #3f94ca;
                color: #f7f7f7;
                background: -webkit-linear-gradient(#6684aa, #6684aa);
                line-height: 1.35em;
                text-transform: uppercase;
            }

    #header > .immagine {
        top: 0px;
    }

    #main-content {
        margin-top: 0;
    }

    .mainmenu-mobile > li.active > a {
        color: #fff;
    }

    .mainmenu-mobile > li > a:hover {
        color: #fff;
    }

    .mainmenu-mobile > li > ul {
        margin: 5% 10%;
    }

        .mainmenu-mobile > li > ul > li {
            line-height: 16px;
            margin: 0 0 5px 0;
            padding: 0 0 10px 0;
            border-bottom: 1px solid #fff;
        }

            .mainmenu-mobile > li > ul > li:last-of-type {
                line-height: 16px;
                margin: 0 0 5px 0;
                padding: 0 0 10px 0;
                border-bottom: none;
            }

            .mainmenu-mobile > li > ul > li > a {
                text-transform: uppercase;
                font-size: 16px;
                text-transform: none;
                font-weight: initial;
                color: #fff;
            }

    #wrapper {
        width: 95%;
        margin: 0 auto;
    }

    #header > .telefono-ricerca {
        width: 100%;
        margin: 10px 0;
        padding: 0;
        float: left;
    }

        #header > .telefono-ricerca > .telefono {
            width: 54%;
            color: #3b778f;
            font-size: 18px;
            font-weight: 500;
            margin: 0 23%;
        }

        #header > .telefono-ricerca > .search {
            float: left;
            width: 100%;
            margin: 20px 0;
            text-align: center;
        }

    #header > .main-navigation {
        display: none;
    }

    #mailup_contatti_home > .dx > .header > img {
        float: none !important;
        width:auto !important;
    }

    .n2-ss-align {
        top: 0;
        position: initial;
    }

    .info, #contenuti > .info {
        width: 96%;
        padding: 70px 2% 0 2%;
        font-size: 17px;
        top: 0;
        height: 158px;
        line-height: 18px;
        font-weight: 600;
    }

    #main-content-home {
        margin: 30px 0;
    }

    #news > ul > li {
        width: auto;
    }

    #mailup_contatti_home {
        width: 100%;
        margin: 20px 0 0 0;
    }

        #mailup_contatti_home > .sx {
            width: 100%;
            margin-bottom: 30px;
        }

            #mailup_contatti_home > .sx > .header:before {
                width: 100%;
                float: left;
                content: 'news';
                background-color: #98b6d8;
                color: #fff;
                text-align: center;
            }

            #mailup_contatti_home > .sx > .header > img {
                display: none;
            }

    #contatti > .riga > .etichetta, #contatti > .riga > .oggetto, #contatti > .riga > .oggetto-big {
        width: 100% !important;
        text-align: left !important;
    }

    input[type="file"] {
        margin-bottom: 20px;
    }

    #mailup_contatti_home > .dx {
        width: 100%;
        min-height: initial;
    }

        #mailup_contatti_home > .dx > .header > img {
            width: 100%;
            float: left;
        }

    #content {
        width: 100%;
        margin: 40px 0 0 0;
    }

    aside {
        width: 100%;
        margin: 40px 0 0 0;
    }

    article > h1 {
        font-size: 26px;
        line-height: 26px;
    }
}

@media (max-width:360px) {
    #header > .telefono-ricerca > .telefono {
        width: 60%;
        margin: 0 20%;
    }
}

@media (min-width:361px) and (max-width:375px) {
    #header > .telefono-ricerca > .telefono {
        width: 54%;
        margin: 0 23%;
    }
}

@media (min-width:376px) and (max-width:567px) {
    #header > .telefono-ricerca > .telefono {
        width: 46%;
        margin: 0 27%;
    }
}

@media (max-width:567px) {
    #brand > ul > li {
        width: 100%;
    }

    div#n2-ss-3 .n2-font-160f3fbf4fe58b5a701ceff068b6fb4d-simple {
        font-size: 201% !important;
    }

    div#n2-ss-3 .n2-font-5694dc379f9df4552c5ac191154451f0-simple {
        font-size: 100% !important;
    }

    #contenuti > .post > .allegato_prodotto {
        width: 93%;
        padding-left: 50px;
    }
}

@media (min-width:568px) and (max-width:768px) {
    #brand > ul > li {
        width: 50%;
    }

    #contenuti > .post > .allegato_prodotto {
        width: 93%;
        padding-left: 50px;
    }
}

@media (min-width:568px) {
    #header > .telefono-ricerca > .telefono {
        width: 35%;
        margin: 1% 0 0 -1%;
    }

    #header > .telefono-ricerca > .search {
        float: right;
        width: auto;
        margin: 0;
        text-align: right;
    }
}

@media (min-width:1660px)   {
#header > .main-navigation {
 
    left: initial;
 
     max-width: 1327px;  
}
}