@media screen and (max-width: 1440px) and (min-width: 850px) {
    #SezioneTicket .panelMsg {
        height: 375px !important;
    }
}

@media screen and (max-width: 1440px) {
    .col-dx {
        display: none;
    }

        .col-center, .col-dx + .col-center {
            width: 75%;
        }

    #SezioneTicket {
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 340px;
        z-index: 999;
        height: 600px;
        padding: 0px;
        margin: 0px;
        box-shadow: 5px 5px 20px 5px #838E9D;
        -webkit-box-shadow: 5px 5px 20px 5px #838E9D;
        -moz-box-shadow: 5px 5px 20px 5px #838E9D;
    }

    .hide-chat {
        display: block;
    }


    .scroll-box .box .top-link {
        position: relative;
        right: 0px;
        float: right;
        margin: 0px;
        width: 100%;
    }

        .scroll-box .box .top-link li {
            float: right;
        }

    .btn-richieste {
        right: auto;
        left: 8px;
    }
}

@media screen and (max-width: 1200px) {
    .nav-bar-fascicoli li {
        margin-bottom: 8px;
        margin-top: 8px;
    }
}

@media screen and (max-width: 992px) {
    .toggleMenu {
        float: left;
        font-size: 34px;
        text-decoration: none !important;
        margin-top: 8px;
        display: block;
    }

    .closeMenu {
        font-size: 34px;
        float: right;
        text-decoration: none !important;
    }

        .closeMenu i, .toggleMenu i {
            display: block;
        }

    .logo-notaio {
        text-align: center;
    }

    .menu-mobile {
        position: fixed;
        width: 100%;
        height: 100%;
        padding: 32px;
        background: #fff;
        z-index: 9999;
    }

        .menu-mobile > ul {
            float: left;
            width: 100%;
            padding: 0px;
            list-style: none;
            margin: 16px 0px;
        }

            .menu-mobile > ul li {
                float: left;
                width: 100%;
                margin: 8px 0px 16px;
                padding: 8px 0px 16px;
                border-bottom: 1px solid #cfd3d9;
            }

                .menu-mobile > ul li a {
                    font-size: 20px;
                }

        .menu-mobile .logo {
            position: absolute;
            bottom: 32px;
            left: 32px;
        }

    .toggle-Elenco {
        font-size: 32px;
        text-decoration: none !important;
        margin-top: 4px;
    }

    .btn-ticketing {
        margin-top: 8px;
        float: right;
        margin-left: 0px;
        padding-left: 0px;
        border-left: none;
    }
}

@media screen and (max-width: 850px) {
    .main-layout {
        padding: 8px 6px 0px;
    }

    .col-sx {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        padding: 16px;
        background: #fff;
        z-index: 999;
    }

    .col-center, .col-dx + .col-center {
        width: 100%;
    }

    #SezioneTicket {
        width: 100%;
        height: 100%;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .box.half-box {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .btn-richieste {
        display:none;
    }
    .nav-stati ul li span:not(.circle) {
        display: none !important;
    }

    .nav-stati ul::before {
        left: 22px;
    }

    .documentazione-box .btn-upload {
        float: none;
        border-left: none;
        width: 170px;
        border: 1px solid #cfd3d9;
        margin: 16px auto 0px;
        display: table;
    }

    .documentazione-box .desc {
        position: absolute;
        right: 0px;
        top: 8px;
    }

    .documentazione-box .info {
        float: none;
        width: auto;
        display: table;
        margin-right: 16px;
    }

    .title-content {
        margin: 0px 0px 8px;
        display: table;
        float: none;
    }

    .documentazione-box .icon-doc {
        margin-bottom: 8px;
    }
}

@media screen and (max-height: 800px) {
    /*.scroll-box {
        height: auto !important;
    }*/
}