@media only screen and (min-width: 1367px) {

    #container, #navigation, #content-container {
        width: 1225px;
    }

    .right {
        width: 867px;
        background-size: 867px;
    }

    #contenuto {
        margin: 22px 20px 60px 35px;
    }

    h1 {
        padding-bottom: 240px;
        font-size: 30px;
    }

    h4 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 961px) and (orientation:portrait) {

    #sx, #menuint, #navigation {
        display: none;
    }

        #container, #content-container, .right, #contenuto, #navigation ul {
            width: 100%;
            float: none;
        }

    #content-container {
        border-top: 8px solid #3f99d8;
        margin-top: 88px;
    }

    .right {
        background-size: 100%;
        top: 0;
        margin-bottom: 0;
        min-height: 100vh;
    }

        /*.right:after {
            content: "";
            display: block;
            clear: both;
        }*/

    #contenuto {
        margin: 0;
        padding: 25px;
        box-sizing: border-box;
    }

    #logo {
        padding: 0px;
        margin: 0px;
        float: none;
        margin-bottom: 10px;
    }

    h1 {
        padding-bottom: 25vw;
        text-shadow: 1px 1px #295d7a;
    }

    #logoSanacMobile {
        display: block;
        position: absolute;
        top: 30px;
        left: 25px;
        height: 35px;
    }

    #togglemenumobile {
        position: absolute;
        width: 28px;
        height: 24px;
        right: 40px;
        top: 40px;
        background-image: url('../img/menumobile.png');
        background-size: cover;
        z-index: 1001;
    }

        #togglemenumobile.active {
            background-image: url('../img/menumobilebianco.png');
        }

    #menumobile {
        display: none;
        position: absolute;
        /*width: calc(100vw - 40px);
        height: calc(100vh - 40px);*/
        left: 15px;
        top: 15px;
        bottom: 15px;
        right: 15px;
        background-color: #449ad3;
        z-index: 1000;
        padding-top: 80px;
    }

        #menumobile ul {
                text-transform: uppercase;
            }

            #menumobile ul li {
                list-style: none;
                text-align: center;
                color: #fff;
                padding: 4px 0;
                font-size: 16px;
            }

                #menumobile ul li a {
                    color: #fff;
                    text-decoration: none;
                }

            #menumobile ul > li > ul {
                text-transform: lowercase;
            }

            #menumobile ul li ul {
                padding: 10px 0;
                display: none;
                background-color: rgba(0,0,0,.1);
                margin: 10px 0 20px 0;
            }

                #menumobile ul li ul li {
                    padding: 1px;
                }

                    #menumobile ul li ul li:last-child ul {
                        margin-bottom: -10px;
                    }

    .intestazionetab div {
        display: none;
    }

    .stati {
        float: none;
        margin: 0 auto;
    }

    #imgHome, #testoHome, .imgHome, #sfumaturaHome {
        width: 100%;
    }

    #sfumaturaHome {
        display: none;
    }

    #imgHome {
        margin-top: 0;
    }

        #imgHome div {
            padding: 10px 25px 50px 25px;
            text-align: left;
            background-color: #dddbdb;
        }

    #testoHome {
        background-image: none;
        background-color: #999595;
        height: auto;
    }

        #testoHome #testoHomeinner {
            text-align: left;
            margin: 25px;
            width: auto;
        }

            #testoHome #testoHomeinner h2 {
                display: inline;
            }

    #lingua {
        padding: 10px 0px 0px 0;
        color: #bbb;
    }

        #lingua a {
            color: #ddd;
        }


    #pp_full_res img, .pp_hoverContainer, .pp_content, .ppt, .pp_pic_holder, .pp_details {
        width: 100% !important;
        height: auto !important;
    }

    .pp_content_container .pp_details {
        margin: 30px 0 2px 0;
    }

    .contatto {
        text-align: center;
        width: 100%;
        float: none;
    }






    /*#navigation {
        text-align: center;
        padding-bottom: 0;
    }

        #navigation li a {
            float: none;
            display: inherit;
            font-size: 12px;
            padding: 2px;
            font-family: "Open Sans Condensed";
            font-family: BenchNine;
            font-weight: 300;
        }

        #navigation li:nth-child(2) {
            display: none;
        }*/
}
