@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-o-viewport{width:device-width}
@-ms-viewport{width:device-width}
@viewport{width:device-width}

@media screen and (max-device-width : 480px) {
	/* dimensioni generali */
    body {
        margin-top: 80px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        font-size: 200% !important;
    }

    .home-button {
        display: block !important;
        position: absolute !important;
        width: 100px !important;
        left: 45% !important;
        height: 18px !important;
        top: 3px !important;
        right: 3px !important;
        color: white !important;
        font-size: 200% !important;
    }

    a.home-button:visited {
        color: white !important;
    }

    #menuResponsive {
            height: 80px !important;
             }

/* menu di navigazione orizzontale */
    #menuResponsive {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        height: 40px;
        width: 101% !important;
        background-color: #1646a3 !important;
        color: white !important;
        z-index: 10 !important;
    }

    #menuResponsive a:link {
        color: white !important;
    }

    .menu-button {
        display: block !important;
        position: absolute !important; /*width: 22px !important;  */
        height: 18px !important;
        top: 3px !important;
        right: 3px !important; /*background-image: url("http://www.senato.it/intranet/prove/responsive/glyphicons-517-menu-hamburger.png") !important;*/
    }

    .collapse {
        height: 74px !important;
        width: 74px !important;
        display: block !important;
        position: absolute !important;
        right: 30px !important;
        margin-bottom: 3px !important;
        margin-top: 3px !important;
        width: 37px;
        height: 37px;
        background-image: url("menu-74.png");
        background-repeat: no-repeat !important;
     }

     /* menu di sinistra */
    .sx {
        position: absolute !important;
        top: 80px !important;
        left: -1000px;
        background-color: #1646a3 !important;
        z-index: 1 !important;
        width: 75% !important;
        -o-transition: left 500ms !important;
        -webkit-transition: left 500ms !important;
        transition: left 500ms !important;
        font-size: 100% !important;
    }

    .sx li a {
        color: white !important;
        background-image: none !important;
        font-size: 160% !important;
        line-height: 200% !important;
        width: 90% !important;
    }

     .sx li {
        border-bottom: 1px !important;
        border-bottom-color: white !important;
        border-bottom-style: solid !important;
        background-color: #1646a3 !important;
        background-image: none !important;
    }

    .sx li.current, .sx li.current a.current {
        color: #1646a3 !important;
        background-color: white !important;
    }

    .sxSmall {
    	width: 95% !important;
    	font-size: 150%;
    }

    .dxSmall {
    	width: 95% !important;
    	font-size: 200% !important;
    }

    .dx, .antimafia_sx, .antimafia_dx {
    	width: 100% !important;
    }

    .leftHome, .rightHome {
        width:95% !important;
    }

    .legislatura_romano, .sottotitolo {
    	font-size: 80%;
    }
    /* nascondo menu principale e breadcrumbs */
    #navigator, #menu_orizzontale, .menu_orizzontale, .menu_sx_label {
    	display:none !important;
    }

    div.carica, div.titolari, div.compsx {
    	width: 100% !important;
    }

    div.titolari > ol > li > div {
    	height: 120px !important;
    }

    div.titolari img {
    	width: 80px !important;
    }

    .dimensione_file_icona img {
    	width: 60px;
    }

    .listaspaziata, .bordoNero li {
    	margin-bottom: 30px !important;
    }

    .sottotitolo iframe {
        width: 100% !important;
    }

    .dxtd .dxSmall {
        font-size: 40px !important;
        margin-top: 50px;
    }

    .video_evidenza {
       width: 60%;
    }

    #bicamerali #params\.query {
      width: 80%!important;
    }


}

@media screen and (min-device-width : 481px) {
  #menuResponsive, .collapse, .menu-button, .home-button {
    display: none !important;
  }
}