/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .noMobile {
        display: none !important;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    h1.logo {
        float: none;
        position: relative;
        margin: 0 auto;
        display: inline-block;
        top: 4px;
    }

    .box-login, .box-loggato {
        position: relative;
        clear: both;
        top: 0;
        left: 25px;
    }

        .box-login ul li, .box-loggato {
            margin-right: 10px;
        }

    .box {
        margin-bottom: 20px;
    }

        .box h2 {
            top: 380px;
        }

    ul#filters li {
        margin-left: 10px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    h1.logo {
        float: none;
        position: relative;
        margin: 0 auto;
        display: inline-block;
        top: 4px;
    }

    h1.organizzazione {
        left: 0;
        padding: 0 10px 0 10px;
    }

    .box-login, .box-loggato {
        position: relative;
        clear: both;
        top: 0;
        float: none;
        padding: 0;
    }

        .box-login ul li, .box-loggato ul li {
            margin-right: 10px;
        }

    .box {
        margin-bottom: 20px;
    }

        .box h2 {
            top: 260px;
        }

    ul#filters li {
        margin-left: 10px;
    }

    footer {
        height: 200px;
    }
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: #2d2d2d;
        background-color: rgba(45,45,45,0.88);
    }

    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: #2d2d2d;
        border-bottom-color: rgba(45,45,45,0.88);
    }

    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: #141414;
        border-top-color: rgba(20,20,20,0.92);
    }
}