@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;
    }

    .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;
    }

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

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

  }

@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;
    }
    
}