/* smartphone verticale gestito col default */
@media screen and (min-width: 320px) {

}
/* smartphone orizzontale */
@media screen and (min-width: 480px) {

}
/* tablet verticale */
@media screen and (min-width: 768px) {
    .float_lft { float: left; }
    .float_rgt { float: right; padding-top: 0; }
    .imgpage { padding-top: 150px; }
    .colonna_small { width: 40%; }
    .colonna_big { width: 52%; height: auto; }
    .logo { padding-top: 45px; }
    .box_blu { color: #ffffff; }
    .titfile { float: left; width: 40%; }
    .nomefile { float: left; width: 40%; }
    .filesize { float: left; width: 20%; text-align: right; }
    .boxgall { width: calc(20% - 20px); }
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    table, thead, tbody, th, td, tr { 
        display: block !important; 
        width: 100% !important;
    }
}

/* tablet orizzontale e schermi 1024x768 */
@media screen and (min-width: 1024px) {
    #imgopenmenu { display: none; }
    .logo { float: left; width: auto; }
    .menu_top { display: block; font-size: 1em; }
    .menu_top a { margin: 0px 15px; }
    .social { display: block; }
    .fasciaimgtop { height: 800px; }
    .conttxtimg {
        position: absolute;
        height: auto;
        width: auto;
        top: 200px;
    }
    .titimg {
        position: relative;
        height: auto;
        width: 500px;
        z-index: 2;
        font-size: 5em;
        line-height: 80px;
        padding-bottom: 50px;
        line-height: 80px;
    }
    .line_lft {
        position: relative;
        width: 300px;
        height: auto;
        border-top: 6px solid #006b9f;
        margin-right: 20px;
        float: left;
        margin-top: 5px;
    }
    .subtitimg {
        position: relative;
        width: 450px;
        height: auto;
        float: left;
        font-size: 1.3em;
        line-height: 25px;
        padding-top: 0px;
    }    
}

/* schermi moderni grandi */
@media screen and (min-width: 1200px) {
    .content { width: 1200px; }
    .menu_top { font-size: 1.2em; }   
    .menu_top a { margin: 0px 20px; }
    .conttxtimg {
        position: absolute;
        height: auto;
        width: auto;
        top: 200px;
        z-index: 2;
        left: -180px;
    } 
    .imgtop {
        position: absolute;
        height: 100%;
        width: calc(50% - 1200px / 2 + 1200px / 12 * 12);
        right: 0px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .bottom { width: 1200px; }
}