@charset "utf-8";
  html,body { min-width: 0px;}

  /******************************************************************************
  Max Width "1440x"
  *******************************************************************************/

  @media (max-width: 1440px) {
  .block{
  min-height: auto; 
  padding: 64px 0px;
  }
  .pattern-cross-dots-lg {
  color: lightgrey;
  border-radius: 40px;
  min-height: auto;
  }
  #users-datatable tr td{
  font-size: 13px;
  }
  #cms-datatable  tr td{
  font-size: 13px;
  }
  .widget-icon {
  box-shadow: 0 0 0 7px rgb(68 68 223 / 18%);
  }
  }

  /******************************************************************************
  Max Width "1300x"
  *******************************************************************************/

  @media (max-width: 1300px) {
   /*.section {
    margin-top: 275px;
}*/
  }

  /******************************************************************************
  Max Width "1200x"
  *******************************************************************************/

  @media (max-width: 1200px) {
   /*.section {
    margin-top: 50px;
}*/
  }

  /******************************************************************************
  Min Width "992px"
  *******************************************************************************/
  @media (min-width: 992px) {

  }

  /******************************************************************************
  Max Width "1270px" - Min Width "1200px"
  *******************************************************************************/
  @media (min-width: 1200px) and (max-width: 1270px) {

  }

  /******************************************************************************
  Max Width "1199px"
  *******************************************************************************/
  @media (max-width: 1199px) {
  #login-container{
  background-size: 300px; 
  }
  .userdelete {
  margin-left: 0px;
  }
  }

  /******************************************************************************
  Max Width "1199px" - Min Width "992px"
  *******************************************************************************/
  @media (min-width: 992px) and (max-width: 1199px) {


  }
  /******************************************************************************
  Max Width "1024px" 
  *******************************************************************************/

  @media (max-width: 1024px) {

  }

  /******************************************************************************
  Max Width "991px"
  *******************************************************************************/
  @media (max-width: 991px) {

  .sidebar{
  width:80px; 
  min-width:80px;
  }
  #login-container{
  background-image: none;
  }
  .r-dnone{
  display: none;
  }
  .login-logo img{
  width: 70% !important;
  }
  .block-title {
  margin-top: 40px;
  margin-bottom: 40px;
  }
  .btn-margin{
  margin-top: 16px;
  }
  .sidebar-nav {
  padding: 20px 0 0;
  } 
 
  .media-details .details{
    padding: 0px;
  }
  .web_view
  {
    display: none !important;
  }
  .mobile_view
  {
    display: block !important;
  }
  }

  /******************************************************************************
  Max Width "810px"
  *******************************************************************************/

  @media (max-width: 810px) {
  .userdelete {
  margin-left: 0px;
  }
  }

  /******************************************************************************
  Max Width "800px"
  *******************************************************************************/

  @media (max-width: 800px) {

  }

  /******************************************************************************
  Max Width "768px"
  *******************************************************************************/

  @media (max-width: 768px) {
  .table-responsive{
  border: none;
  margin-bottom: 0px;
  }
  /*.section {
    margin-top: 215px;
}*/
  }

  /******************************************************************************
  Max Width "600px"
  *******************************************************************************/

  @media (max-width: 600px) {
  #cms-datatable{
  width: 1219px !important;
  }
  .control-label{
  margin-bottom: 5px !important;
  }
  .user-profile{
  width: 110px;
  height: 110px;
  }
  .widget-icon{
  width: 50px;
  height: 50px;
  }
  .widget-icon img {
  width: 20px;
  }
  }

  /******************************************************************************
  Max Width "599px"
  *******************************************************************************/

  @media (max-width: 599px) {

  }

  /******************************************************************************
  Max Width "540px"
  *******************************************************************************/

  @media (max-width: 540px) {
  .user-name-email h1{
  font-size: 35px;
  }
  .user-name-email p{
  font-size: 15px;
  }
  .user-name-email{
  margin-left: 20px;
  }
  .edit-form{
  padding: 20px 15px;
  }
  .app_dflex
  {
    display: block !important;
  }
  .app-or
  {
    margin: 7px 15px 7px 15px;
  }
  }

  /******************************************************************************
  Max Width "480px"
  *******************************************************************************/

  @media (max-width: 480px) {
  #login-container {
  border-radius: 20px;
  }
  .account{
  font-size: 12px;
  }
  .edit-profile .form-group{
  margin-bottom: 15px;
  }
 
  .delete_multiple{
  padding: 7px 10px;
  }
  .delete_multiple .fa-times-circle{
  margin-right:0px ;
  }
  .del-text{
  display: none;
  }
  .content-header{
  padding:10px;
  }
  .content-header h1{
  font-size: 20px;
  }
  .user-header h2 {
  font-size: 18px;
  }
  .custom-trow th{
  font-size: 11px !important;
  }
     .form-control{
  font-size: 14px;
  padding: 10px 10px;
  }
  .eye-vi{
  top: 5px;
  right: 25px;
  padding: 8px;
  }
 .common-btn{
  font-size: 14px;
  padding: 10px 10px;
  }
  .reset-btn{
  font-size: 14px;
  padding: 10px 10px;  
  }
  /* #users-datatable tr td{
  font-size: 11px;
  }
  #cms-datatable  tr td{
  font-size: 11px;
  }*/
  .add-btn{
  font-size: 12px;
  }
  #cms-datatable {
  width: 600px !important;
  }
  .user-name-email p {
  word-break: break-all;
  line-height: normal;
  }
  .profile-box {
  transform: translateY(0px);
  }
  .widget-sec .col-lg-3 a {
  height: 110px;
  }
  .dashbord-in h1 {
  font-size: 25px;
  }
  .login-logo img {
      width: 50% !important;
  }
  }

  /******************************************************************************
  Max Width "428px"
  *******************************************************************************/

  @media (max-width:428px) {
  .login-logo img{
  width: 50% !important;
  }
  }

  /******************************************************************************
  Max Width "414px"
  *******************************************************************************/

  @media (max-width:414px) {
  .block-title h1 {
  font-size: 24px;
  font-size: 24px;
  }
  .block-title {
  margin-top: 32px;
  margin-bottom: 32px;
  } 
  .user-name-email h1{
  font-size: 30px;
  }
  .user-name-email p{
  font-size: 15px;
  }

  }

  /******************************************************************************
  Max Width "412px"
  *******************************************************************************/

  @media (max-width:412px) {

  }

  /******************************************************************************
  Max Width "390px"
  *******************************************************************************/
  @media (max-width:390px) {
 
  }

  /******************************************************************************
  Max Width "384px"
  *******************************************************************************/
  @media (max-width:384px) {

  }

  /******************************************************************************
  Max Width "375px"
  *******************************************************************************/

  @media (max-width: 375px) {

  }

  /******************************************************************************
  Max Width "360px"
  *******************************************************************************/

  @media (max-width: 360px) {
  .block {
  min-height: auto;
  padding: 40px 0px;
  }
  .edit-form{
  padding: 20px 15px;
  }
  .user-name-email h1 {
  font-size: 20px;
  }
  .user-name-email p {
  font-size: 12px;
  }
  .detail-text {
  margin-top: 10px;
  margin-bottom: 10px;
  }

  }

  /******************************************************************************
  Max Width "320px"
  *******************************************************************************/
  @media (max-width: 320px) {

  }

  /******************************************************************************
  Landscape
  *******************************************************************************/
  
  @media (max-height: 480px) and (max-width: 1000px) and (min-aspect-ratio: 14/8)   {
  .sidebar-nav {
  margin-bottom: 35px;
  }
  .landscape{
  width: 300px;
  background: white;
  box-shadow: rgb(0 0 0 / 20%) 0px 9px 20px;
  border-radius: 20px;
  padding: 0px 20px;
  }
  #login-container{
  background: transparent;
  box-shadow: none;
  margin: 20px 0px;
  }
  .login-logo img {
  width: 50% !important;
  }
  .block-title h1 {
  font-size: 24px;
  }
  .block-title {
  margin: 32px 0px;
  }
  .profile-box{
  transform: translateY(0px);
  }
  .user-name-email h1 {
  font-size: 25px;
  }
  .user-name-email p {
  word-break: break-all;
  font-size: 15px;
  line-height: normal;
  }
  .user-profile{
  width: 110px;
  height: 110px;
  }
     .form-control{
  font-size: 14px;
  padding: 10px 10px;
  }
  .eye-vi{
  top: 5px;
  right: 25px;
  padding: 8px;
  }
 .common-btn{
  font-size: 14px;
  padding: 10px 10px;
  }
  .reset-btn{
  font-size: 14px;
  padding: 10px 10px;  
  }
  }

  @media (width:960px) and (height: 600px){
  .landscape{
  width: 300px;
  background: white;
  box-shadow: rgb(0 0 0 / 20%) 0px 9px 20px;
  border-radius: 20px;
  padding: 0px 20px;
  }
  #login-container{
  background: transparent;
  box-shadow: none;
  margin: 20px 0px;
  }
  .login-logo img {
  width: 70% !important;
  }
  .block-title h1 {
  font-size: 24px;
  }
  .user-name-email p {
  word-break: break-all;
  font-size: 15px;
  line-height: normal;
  }
  .block-title {
  margin: 32px 0px;
  }
  .user-profile{
  width: 110px;
  height: 110px;
  }
  }