@media screen and (max-width: 1366px){
    #home-wrap .row1 .testo-container { top: -70px; }
}
@media screen and (max-width: 1024px){
    #main-title span,
    .sidenav-trigger i, #accedi i{font-size: 32px;}
    #logo a img { height: 32px; margin: 24px 0; }
    
    #home-wrap p { font-size: 1.8rem; }
    
    .side-page{width: 80%; right: -80%;}
    #accedi-box{    top: 110px; left: 5%; width: 90%;padding: 10px 25px 20px;}
    form#formlogin #login-password{margin-bottom: 25px;}
    #accedi-box p { font-size: 1.5rem; }
    
    #home-wrap .container { width: 70%; }
    #home-wrap .row1 .testo-container{top: 0; margin-top: 20px; width: 100%;}
}
@media screen and (max-width: 900px){
    #home-wrap .row2 img{width: 80%; margin: 0 auto 20px; display: block;}
}
@media screen and (max-width: 800px){
    #main-title span,
    .sidenav-trigger i, #accedi i{font-size: 26px;}
    #logo a img { height: 26px; margin: 27px 0; }
}
@media screen and (max-width: 768px){
    .side-page h2 { font-size: 3rem;}
}
@media screen and (max-width: 720px){
    #main-title span{font-size: 20px;}
}
@media screen and (max-width: 640px){
    #logo a img{    height: 30px; margin: 25px 0;}   
}
@media screen and (max-width: 640px){
    #main-title span:nth-child(1){display: block;}
    #main-title a{display: block;
    margin: 18px auto;}
    #main-title span { line-height: 8px; }
    
    #home-wrap p { font-size: 1.6rem; }
    #home-wrap a.btn{font-size: 1.4rem;}
}
@media screen and (max-width: 600px){}
@media screen and (max-width: 480px){
    p { font-size: 1.4rem;     line-height: 2.2rem;}
    a.btn { font-size: 1.3rem; }

    .side-page{    padding: 40px 6% 20px;}
    .side-page h2 { font-size: 2.3rem; }
    
    body.page11 table td{display: block; width: 100% !important;}
    body.page11 sub{font-size: 90%;}
}
@media screen and (max-width: 425px){
    
}
@media screen and (max-width: 414px){}
@media screen and (max-width: 375px){
    #logo a img{    height: 26px; margin: 27px 0;}
    #main-title a{margin: 20px auto;}
    #main-title span{ font-size: 18px; line-height: 20px;  margin: 0px auto; }
}
@media screen and (max-width: 360px){}
@media screen and (max-width: 320px){
    #logo a img{    height: 24px; margin: 28px 0;}
    #main-title a{margin: 22px auto;}
    #main-title span{ font-size: 16px; line-height: 20px;  margin: 0px auto; }
}