@media (min-width: 581px) and (max-width: 768px){
    .btns-section{
        margin-top: 50px;
    }
}

@media (min-width: 768px){
    .side-list{
        padding-bottom: 30px;
    }
}

@media (max-width: 768px){
    
    .main-menu{
        background-image: url(../images/12.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .filter-form{
        padding-right: 0px;
        padding-top: 100px
    }
    div.dataTables_wrapper div.dataTables_filter {
        text-align: center;
    }

    .nav-tabs .nav-item .nav-link, .nav-tabs .nav-link{
        font-size: 13px;
    }
}

@media (max-width: 767px){
    .mobile-section{
        display: block!important;
    }
}
.mobile-section{
    display: none;
}

@media (max-width: 575px){
    .page-name-circle{
        position: relative;
        width: 136px;
        height: 136px;
        top: 10px;
        right: 0px;
        padding-right: 20px;
        margin: 0 auto;
    }
    .side-menu{
        height: auto;
        padding-top: 0!important;
        max-height: unset;
        min-height: unset;
    }

    .side-list li a {
        margin: 0 15px 15px 15px;
    }
    .side-list li a:hover, .menu-active {
        background-color: #fff;
        color: #0e336a!important;
        text-decoration: none;
        border-radius: 10px;
    }
    .blue-btn, .red-btn{
        width: 80%;
    }
    .btns-section{
        text-align: center!important;
    }

    .filter-form{
        padding-top: 25px
    }

    .signature-section{
        text-align: center;
    }
    
}
@media (max-width: 1200px){
    .filter-info{
        display: block;
        width: 100%;
    }
}
@media (min-width: 1200px){
    .filter-form label{
        font-size: 13px;
        width: 40%;
    }
    .filter-info{
        display: inline-block;
        width: 58%;
    }
}

@media (max-width: 992px){
    .myTab .nav-item{
        margin-top: 14px;
    }
    .modalTab .nav-item{
        margin-top: 15px;
    }
    .gallery img{
        width: 100%;
        margin: 5px;
    }
}

@media (min-width: 992px){
    .modal-lg {
        max-width: 950px;
    }
}