@media screen and (max-width: 768px) {

    #top { display: none; }
    
    #top-content {
        width: 98%;
    }    
    #top-content > .left { float: none; }
    #top-menu { float: none; margin: 10px; padding: 10px; }
    #trad { display: none; }
    
    #header-content { width: 90%; }
    #header-content > .left { float: none; }
    #header-content > .right { display: none; }
    
    #logo { margin: 0; }
    #logo img { max-width: 100%; }
    
    #menu-content { width: 96%; padding: 2%; }
    
    #menu a { border-left: 0; width: 45%; padding: 1%; margin: 1%; }
    
    #menu a.selected { padding: 1%; margin: 1%; }
    
    #smenu-content { height: auto; width: 92%; padding: 4%;}
    
    #addbar, .zopim, #bar { display: none; }
    
    #main { width: 90%; }
    
    #footer { margin: 15px 0 0 0; }
    
    #footer-content { width: 96%; padding: 2%; }
    
    #footer .footer-menu { float: left; padding: 2%; width: 46%; }
    
    #footer-loghi {
      float: none;
      padding-right: 0;
      text-align: center;
      width: auto;
      clear: both;
    }
    
    #footer-copyright { font-size: 12px; }
    
    #footer-copyright .left { float: none; }
    
    #footer-copyright .right { float: none; margin: 10px 0; }
    
}

@media screen and (min-width: 650px) and (max-width: 768px) {

    #header-content > .left { float: left; }
    #header-content > .right { display: block; }
    
}

@media screen and (min-width: 481px) and (max-width: 768px) {
 
    #top { display: block; }
    
    #top-content > .left { float: left; }
    #top-menu { float: right; margin: 0; padding: 0 0 10px 0; }
    
    #menu-content { width: 100%; padding: 0%; }
    
    #menu a { width: auto; }    
    
    #smenu-content { padding: 1%; width: 98%; } 
    
    #footer .footer-menu { width: 29%; }
 
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
 
 
}

@media screen and (min-width: 1025px) {
 
     
 
}