

@media only screen and (min-width: 769px){
    .navbar-light .navbar-brand{
        display: block;
    }
    .navbar-light .navbar-toggler{
        display: none;
    }

    .add-branch-box
    {
       position: fixed!important;
        width: 25%!important;
        top: 67px!important;
    }
}
@media only screen and (max-width: 900px){
    .content{

        overflow-y: auto;
        max-width: 100vw;
        height: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .login{
        width: 350px;
    }
   .d-sm-none{
       display: none!important;
   }
    .d-sm-block{
        display: block!important;
    }
    .login-page.content .row {
        height: 100vh;
    }
    .has-sidebar{
        margin-right: 0;
        margin-top: 62px;
        /*background: #fff;*/
        margin-left: 0;
        padding-bottom: 90px!important;
    }
    .side-bar{
        display: block;
        right: -60%;
        z-index: 999;
        top: 54px;
        width: 60%;
        background: #fff;
    }
    .right-bar ul li a {
        color: #fff;
    }
    .right-bar ul li a.active {
        border:none;
        color: #fff;
        text-align: center;
    }
    .side-bar.active{
        right: 0;
    }
    .right-bar{
        height: initial;
        right: 0;
        background: #25a727;
        top: initial;
        bottom: 0;
        width: 100%;
        display: none;
    }
    .right-bar ul li{
        width: 33%;
    }
    .right-bar ul li a{
        text-align: center;
    }
    .swiper-next span,
    .swiper-prev span{
        display: none;
    }
    .branches-page .has-sidebar.content{
        margin-right: 0;
        margin-bottom: 57px;
    }
    .branches-page .add-branch-box {
        background: #fff;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        margin: 0;
    }
    .single-branch,.branch-btn{
        background: #f5f5f5!important;
    }
    .branches-page #map{
        height:calc(100vh - 128px);
    }
    .navbar-light .navbar-toggler{
        display: block;
    }
    .products-page .add-branch-box{
        display: none;
    }
    .right-bar ul li a.active.has-note:after{
        right: 25%;
    }
    .login-content-header{
        padding: 20px 0;
    }

    .right-bar ul li a span{
        font-size: 15px;
    }
    .dashboard-page .has-sidebar{
        margin-right: 0;
    }
    .right-bar ul li a img{
        width: 25px;
        height: 25px;
    }
    /*.right-bar ul li a:first-child span{*/
    /*    top:.5px;*/
    /*    position: relative;*/

    /*}*/
    /*.side-bar ul li a.active{*/
    /*    background: #e9f6e9;*/
    /*    color: #25A727;*/
    /*}*/

    .sidebar-v2{
    }

}

