@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
/* lg */ 
@media (min-width: 1200px) {
	
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 20px; 
  } 
  .login-area {
        width: 70em !important;
    }
  .description h1 {
        font-size: 42px !important;
    }
    .btn-login {
        font-size: 16px !important;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 35px; 
  }
  .login-area {
        width: 50em !important;
    }
  .description h1 {
        font-size: 26px !important;
    }
  .btn-login {
        font-size: 11px !important;
    }
}

/* xs */
@media (max-width: 767px) {
    
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 35px;
        width: 81%; 
    }
    .navbar .navbar-header {
        display: inline-block;
        margin-bottom: -6px;
    }
    .navbar .navbar-brand{
        font-size: 16px
    }
    .navbar .navbar-brand i {
        font-size: 14px
    }
    .navbar .nav > li {
        display: inline-block; 
    }
    .navbar .navbar-nav {
        margin-top: -10px;
        margin-bottom: 1px;
        margin-left: -7px; 
    }
    .navbar .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        position: absolute; 
    }
    .navbar .dropdown-menu {
        margin-left: -50px; 
    }
    .ls-closed .bars:after, .ls-closed .bars:before {
        left: 11px;
        top: 17px;
    }
    .login-area {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: translate(0%, 0%) !important; 
        background-color: #fff !important;
        width: 100% !important;
        height: 0 !important;
        box-shadow: none !important;
   }
    .description {
        display:none;
    }
    .description h1 {
        font-size:48px !important;
    }
    .login {
        padding: 10px 0 !important;
    }
    .btn-login {
        margin-bottom: 5px;
    }
    .login {
        height: 600px !important;
    }
   

}

/* XS Portrait */
@media (max-width: 540px) {

  .user-info{
    display: none;
  }
  .login {
    height: 600px !important;
   }
   

}

@media (max-width: 320px) {
  .umr-nav>li>a {
    min-width: 40px;
    padding: 0 5px;
  }
  .notification-menu {
    min-width: 268px;
  }
  .btn-umr-default {
      padding: 11px 13px;
  }
  .login {
        height: 600px !important;
   }
   
}