/*custom responsive media quries*/


/*____________________________________max-width:1200px_______________________________________*/

@media (max-width:1200px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
        margin: 0;
    }
    .main-content {
        padding-left: 20px;
    }
    .row.reverse-col {
        display: flex;
        flex-direction: column-reverse;
    }
}


/*____________________________________max-width:1023px________________________________________*/

@media (max-width:1023px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 20px;
        margin: 0;
    }
    .main-content {
        padding-left: 20px;
    }
    .row.reverse-col {
        display: flex;
        flex-direction: column-reverse;
    }
}


/*____________________________________max-width:767px________________________________________*/

@media (max-width:767px) {
    h1 {
        font-size: 25px;
        margin-bottom: 0px;
    }
    h2 {
        font-size: 18px;
        margin: 0;
    }
    .main-content {
        padding-left: 20px;
        padding-top: 0px;
    }
    .main-sidebar {
        padding-top: 0px;
    }
    .navbar-collapse {
        padding: 0;
    }
    .sidebar-menu {
        padding-top: 29px;
    }
    .row.reverse-col {
        display: flex;
        flex-direction: column-reverse;
    }
    #wrapper {
        text-align: left;
    }
    #style-3::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }
    #style-3::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }
    #style-3::-webkit-scrollbar-thumb {
        background-color: #c1c1c1;
    }
    .scrollbar {
        max-height: 400px;
        width: 100%;
        background: #b1dfdb;
        overflow-y: scroll;
    }
    .treeview-menu > li > a:hover {
        color: #fff;
        background: #27a69b;
    }
    .sidebar-menu .treeview-menu>li.active>a {
        color: #fff;
        background: #27a69b;
    }
    .sidebar-menu ul li::before {
        border-left: 1px solid #fff;
    }
    .sidebar-menu > li > a {
        padding: 7px 5px 7px 15px;
    }
    .sidebar-menu>li.active>a {
        background: #c9debd;
    }
}


/*____________________________________max-width:479px________________________________________*/