/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
   --------------------------------------------*/
   @media (min-width: 1200px)
   {
    .container {
      max-width: 1200px;
    }
  }
  
  @media all and (min-width: 1024px) and (max-width: 1280px) { 
    
  }

  @media all and (min-width: 768px) and (max-width: 1024px) { 
   .content-header {
    padding: 30px 30px 0px 30px;
  }
  .content {
   padding: 10px 30px 30px 30px;
 }
 div.dataTables_wrapper div.dataTables_filter {
  bottom: 30px;
}
.add-hp-area {
  padding: 14px 15px 14px 15px;
}
.hp-form {
  padding: 0px 20px 0px 20px;
}
}

@media all and (min-width: 480px) and (max-width: 768px) {
.add-hp-area.hp-form label.hp-text {
    margin-top: 2rem;
    margin-bottom: 0px;
}
.skin-blue .main-header .navbar .nav>li>a {
    padding-top: 19px !important;
}
 .content-header {
  padding: 30px 30px 0px 30px;
}
.content {
 padding: 20px 30px 30px 30px;
}
div.dataTables_wrapper div.dataTables_filter {
  position: inherit;
  bottom: 0px;
  right: 0px;
}
.add-hp-area {
  padding: 14px 15px 14px 15px;
}
.box-body {
  overflow: scroll;
}
.login-btn {
  padding: 10px 40px;
}
.hp-form {
  padding: 0px 20px 0px 20px;
}
.skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: transparent !important;
}
}

@media all and (max-width: 480px) {
.add-hp-area.hp-form label.hp-text {
    margin-top: 2rem;
    margin-bottom: 0px;
}
span.field-validation-error span {
    width: 100%;
    margin: 0px 0 0px 0px;
}
.skin-blue .main-header .navbar .nav>li>a {
    padding-top: 19px !important;
}
.skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: transparent !important;
}
  .save-btn {
  margin-left: 0px;
}
  .register-heading {
    font-size: 24px;
  }
  .add-hp-area {
    padding: 14px 15px 14px 15px;
  }
  .login-box, .register-box {
    width: 280px;
  }
  .login-area .login-form{
   width: 270px;
 }
 .login-btn {
  padding: 10px 20px;
}
div.dataTables_wrapper div.dataTables_filter {
  position: inherit;
  bottom: 0px;
  right: 0px;
}
.hp-form {
  padding: 0px 20px 0px 20px;
}
.content-header {
  padding: 30px 30px 30px 30px;
}
.content {
 padding: 0px 30px 30px 30px;
}
.box-body {
  overflow: scroll;
}
}


@media (max-width: 767px){
  .main-sidebar {
    padding-top: 53px;
  }
}