/*------------------------------------*\
    RESPONSIVE MIN WIDTH
\*------------------------------------*/

@media (min-width:1150px) {


}


@media (min-width:1025px) {
	.bottom-fix-bar{
        position: fixed;
        width: calc(100% - 18.3%);
        left: 17.47%;
        bottom: 0;
        box-shadow: 0 -5px 10px #eeeeee;
        border-radius: 15px 15px 0  0;
    }

}


@media(min-width:992px){

    .page-sidebar{
        height: calc(100vh - 2rem);
    }

    
}



/*------------------------------------*\
    RESPONSIVE MAX WIDTH
\*------------------------------------*/

@media only screen and (max-width:1350px){
   
 
}

@media only screen and (max-width:1250px){


}


@media only screen and (max-width:1199px){
    
}

@media only screen and (max-width:1024px){
   
    .toggle-container label{
        padding: 5px 10px;
        font-size: 14px;
    }
    
}



@media only screen and (max-width:991px) {

    nav.navbar {
        position: initial;
    }
    
    div#navmenu {
        position: absolute;
        width: 100%;
        left: 0;
        top: 90px;
        background: #fff;
        padding: 10px;
        z-index: 9;
    }

    .navbar button.navbar-toggler {
        height: 40px;
        width: 40px;
        background: var(--blue);
        color: #fff;
        border-radius: 3px;
    }
   
}

@media only screen and (max-width:767px) {
    
    .toggle-container label{
        padding: 5px 10px;
        font-size: 14px;
    }
    
}



@media only screen and (max-width:575px) {

   
}

@media only screen and (max-width:480px) {

}