@media(min-width:1920px){
    .side-bar{
        overflow: hidden;
    }   

    .main-sidebar-scroll-set, .b-siderbar-innercontent{
        overflow: auto;
        height: 88%;
    }
}

@media(min-width:1200px) and (max-width:1800px){
    .main-sidebar-scroll-set{
        overflow: auto;
        height: 740px;
    }
    .nav-left{
        overflow: hidden;
    }
    .b-siderbar-innercontent {
        height: 774px;
    }
}

@media(max-width:1199px){
    .side-bar {
        width: 290px;
    }

    .nav-left {
        width: 290px;
        overflow: hidden;
    }

    .main-sidebar-scroll-set{
        height: 777px;
        overflow: auto;
    }

    .accordion img{
        width: 100%;
    }

    .b-siderbar-innercontent {
        overflow: auto;
        height: 772px;
    }

    .siderbar-inner-content p {
        font-size: 24px;
    }

    .siderbar-footer a {
        font-size: 18px;
    }

    .box-bottom-shadow {
        width: 615px;
    }
}

@media(max-width:991px){
    .nav-left {
        width: 315px;
    }

    .side-bar {
        width: 232px;
    }

    .siderbar-inner-content {
        padding: 15px;
    }

    .siderbar-inner-content p {
        font-size: 20px;
    }

    .siderbar-footer a {
        font-size: 14px;
    }

    .nav-content h3{
        font-size: 14px;
    }

    .nav-content {
        padding: 15px 15px 0px;
    }

    .b-siderbar-innercontent {
        padding: 0px 0 15px 15px;
        height: 810px;
    }

    .b-innerpoint span {
        font-size: 15px;
    }

    .b-innerpoint p {
        font-size: 14px;
    }
    .nav-left {
        width: 232px;
    }

    .sidebar-header-part {
        padding: 15px;
    }

    .box-bottom-shadow {
        width: 450px;
    }

}

@media (max-height: 700px){
    .side-bar{
        height: 97vh;
        min-height: auto;
        overflow: hidden;
    }

    .main-sidebar-scroll-set {
        overflow: auto;
        height: 506px;
    }

    .side-navs {
        height: 97vh;
        min-height: auto;
        overflow: hidden;
    }

    .siderbar-footer {
        margin-bottom: 50px;
    }

    .b-siderbar-innercontent {
        overflow: auto;
        height: 550px;
    }
}

@media (max-height: 560px){
    .b-siderbar-innercontent {
        overflow: auto;
        height: 500px;
    } 
}

@media (min-height: 701px) and (max-height:950px){
    .side-bar{
        overflow: hidden;
    }

    .main-sidebar-scroll-set {
        height: 100%;
    }

    .siderbar-footer{
        margin-bottom: 130px;
    }
}

@media (min-height: 1000px){
    .main-sidebar-scroll-set {
        height: inherit;
        overflow: auto;
    }

    .side-bar {
        border: 1px solid #000;
        min-height: 79vh;
        height: 79vh;
        overflow: hidden;
    }

    .siderbar-footer {
        margin-bottom: 80px;
    }

    .side-navs{
        min-height: 79vh;
        height: 79vh;
    }

    .b-siderbar-innercontent {
        height: 100%;
    }
}

@media(min-height: 1037px){
    .side-bar {
        min-height: 99vh;
        height: 99vh;
    }
}

@media(max-width:767px){
    .accordion img{
        width:100%;
    }

    .accordion .card-body{
        font-size: 14px;
    }

    .accordion a{
        padding:10px 0;
    }

    .mobile-navbar{
        display: block;
    }

    .accordion{
        margin-top: 70px;
    }

    .desktop-side-nav{
        display: none;
    }

    .side-bar {
        width: 272px;
        left: -272px;
        min-height: 93.8vh;
        z-index: 99;
        transition: all 0.5s ease;
    }

    .siderbar-inner-content{
        min-height: 508px;
        margin-bottom: 0;
    }

    .m-nav-left{
        left: 0;
        border: none;
        height: 100%;
        overflow: hidden;
        z-index: 9999;
        margin-top: 0;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .mobile-close-side a{
        display: block;
    }

    .accordion .card-body{
        padding: 15px 0;
    }

    .mobile-navbar .sidebar-header-part{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sidebar-header-part span a{
        top: 3px;
    }

    .modal-content{
        background-color: #000;
    }

    .main-sidebar-scroll-set{
        height: 100%;
    }

    .siderbar-footer {
        padding: 20px 15px;
        margin-bottom: 50px;
    }

    .child-element{
        margin-top: 85px;
    }

    .side-navs{
        width: 272px;
        right: -272px;
        min-height: auto;
        height: 100%;
        z-index: 999;
    }

    .side-nav-right{
        right: 0;
    }

    .nav-content h3 {
        font-size: 22px;
    }

    .img-u-tag span:last-child {
        display: inline-block;
        float: none;
        width: 100%;
    }

    .siderbar-inner-content p {
        font-size: 16px;
    }

    .box-bottom-shadow {
        width: 100%;
        left: 0;
    }    
}