@media (max-width: 869px){
    .checkbtn
    {
      display: block;
    }
    
    .spNav{
      position: fixed;
      width: 100%;
      height: 100vh;
       /*background: #2c3e50;*/
      background: linear-gradient(40deg,#45cafc,#303f9f)!important;
      top: 55px;
      left: -100%;
      text-align: center;
      transition: all .5s;
    }
    nav .spNav li{
      /*display: block;*/
      margin: 20px 0;
      line-height: 30px;
    }
    
    nav .spNav li a{
      font-size: 17px;
    }
    ul.spNav li a{
        padding: 0 68px;
    }
    
    a:hover,a.active {
      background: none;
      color: #0082e6;
    }
  
    .dropdown-menu{
        right: 17px !important;
    }

    ul.spNav li a.dropdown-item{
        
        margin: 3px;
    }

     #check:checked ~ .spNav{
      left: 0;
    }

    .bg {
       
        background-color: #ffffff;
        background-image: linear-gradient(315deg, #d7e1ec 0%,  #ffffff 74%);

        /* background-image:url('../images/loginbg/bg-mobile.png'); 
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        position: absolute;
        z-index: 1;
        float: left;
        display: none; */
    }

    .loginFormBox {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 52px;
        position: fixed;
        overflow-y: scroll;
        overflow-x: hidden;
        margin: auto;
    }

    .login-card{
        width: 90%;
        top: 65px;  
    }

    .btn-floating.btn-sm{
        width: 24.15px;
        height: 24.15px;
    }

    .btn-floating.btn-sm i {
        font-size: 12px;
        line-height: 24.15px;
    }

    ul.dbCards li{
        margin-top: 20px;
        margin-right: 0px !important;
    }
   
    ul.dbCards{
        display: block;
    } 

   #menuBox{
        padding: 0px;
       
    }
   
    #menuBox ul li{
        width: 30% !important;
    }

    #menuBox ul li{
     padding: 10px 0;
     margin: 0 0 13px;
    }
  
    .menu-img{
        height: 52px;
    }

    #menuBox ul li span{
        word-break: break-word;
        padding: 0px;
        font-size: 12px;
    }

    .file-field input.file-path{
        font-size: 13px;
    }

    .change_password{
        width:90% !important; 
        position:absolute;
        top:0; right:0; left:0;
        bottom:0; margin:auto;
        height:350px;
    }

  }

@media all and (max-width: 1150px) and  (min-width:1120px) {}

@media all and (max-width: 1120px) and  (min-width:940px) {

    .loginFormBox{
        width: 43%;
    }

    .btn-floating.btn-sm{
        width: 26.15px;
        height: 26.15px;
    }

    .btn-floating.btn-sm i {
        font-size: 12px;
        line-height: 24.15px;
    }
    
}