@media (max-width: 768px) {


    /* per evitare lo scroll orizzontale. bug presente in altri siti.. */
    .row{
        margin-left: 0;
        margin-right: 0;
    }

    .content {
        padding-left:0px;
        padding-right:0px;
    }
    /***/

    #foto-per-sfondo {
        display: none;
    }
    iframe {
        width: 100%;
    }
    h1 { font-size: 26px; }
    h2 { font-size: 22px; }
    h3 { font-size: 20px; }
    h4 { font-size: 17px; }

    hr {
        border-top: 1px solid rgba(2, 51, 100,  .11)
    }

    .menu-servizio {
        overflow-x: scroll;
        overflow-y: hidden;
        padding-left: 15px;
        height: 46px;

        background-image: url(../img/shadow-menu-servizio-mobile.png);
        background-position: top right;
        background-repeat: no-repeat;
    }

    .menu-servizio, .navbar-fixed-top {
        -webkit-backface-visibility: hidden;
    }
    .menu-servizio  .container {
        width: 585px;
    }
    .primo-livello.navbar-default {
        top: 45px;
    }
    .social-xs {
        display: inline-block!important;
        padding-left: 50px;
    }
    .content {
        padding-right: 15px;
    }
    .container > .navbar-header {
        margin-left: 15px;
    }

    #body {
        margin-top: 0px;
    }

    #header-mobile {
        height: 47px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        margin-top: 97px;
        padding: 0px 20px;
    }

    #header-mobile img {
        max-height: 45px;
        width: auto;
    }

    #btn-openmenu-mobile {
        font-size: 15px;
    }
    #menu-mobile {
        width: 100%;
    }

    #collapse-menu {
        height: 370px;
        max-height: 370px;

        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling:touch;
        background-color: #fafafa;

        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);;
    }

    #menu-mobile.fixed {
        position: fixed;
        top:91px;
        left: 0px;
        z-index: 100;
    }

    .menu-sidebar {
        background-color: #fafafa;


    }

    #menu-mobile .btn, #menu-mobile .nav-pills>li>a {
        border-radius: 0px;
    }

    .navbar-default .navbar-nav>li>a {
        width: 100%;
        height: auto;
        font-size: 14px;
        text-align: left;
        padding-left: 30px!important;
    }

    .navbar-nav>li, .navbar-nav {
        float: none!important;;
    }

    .navbar-nav>li>.dropdown-menu {
        display: block;
        position: relative;

        float: none;

        padding: 0px 0 5px 20px;
        margin: 0px 0 0;
        list-style: none;
        font-size: 14px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);

        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    ::-webkit-scrollbar {
        width: 0px;  /* remove scrollbar space */
        height: 4px;
        background: transparent;  /* optional: just make scrollbar invisible */
        background: rgb(0, 84, 147);  /* optional: just make scrollbar invisible */
    }
    /* optional: show position indicator in red */
    ::-webkit-scrollbar-thumb {
        background-color: #1C9AD9;
    }

    /*
    .galleria img {
        width: 100%;
        height: auto;
    }
    */

    #footer {
        padding: 15px;
    }
    #footer .blocco {
        background: transparent;
    }

    .share .btn {
        display: block;
        width: 100%;
        line-height: 2em;

    }

    .btn-chiama {
        background-color: #3276b1;
        color:#fff;
        text-decoration: none!important;
        font-weight: bold;

        border-color: #3276b1;
    }

    .btn-invia {
        display: block;
        width: 100%;
    }


    #sidebar table {
        width: 100%!important;
    }

    .home #body {
        margin-top: 95px;
    }

    #blocchi-home .col-sm-4 {
        padding: 0px;
        border-bottom: 1px solid #000;
    }

    #blocchi-home .blocco {
        margin: 0px;
        margin-top: 10px;

    }
}

