@media (min-width: 1400px) {
}

@media (max-width: 1400px) {
  .signup-area .signin-right {
    padding: 63px 60px 45px 65px;
  }
}
@media (max-width: 1199px) {

  .vaccine-card-area .card-widget {
    padding: 20px 30px;
  }
  .dashboard-area .dashboard-sidebar {
    display: none;
  }
  .dashboard-area .dashboard-panel {
    margin-left: 0;
    height: 100%;
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .signup-area .signin-right {
    border-radius: 0;
  }
  .signup-area .signin-right .title h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .vaccine-card-area .card-widget .user-action {
    gap: 40px;
  }
  .add-patient-panel .custom-table td,
  .add-patient-panel .custom-table th {
    padding: 1rem 0.5rem;
  }
  .expired-container .expired-actions .notify-btn {
    font-size: 12px;
  
    vertical-align: middle;
    color: #fff;
    border: none;
    background-color: #0080B9;
}
.expired-container .expired-actions .logout-btn {
 
  font-size: 12px;
  vertical-align: middle;
  color: #fff;
  border: none;
  background-color: #dc3545;
}
}

@media (max-width: 767px) {
  
  .custom-table {
    font-size: 13px;
  }
  .add-patient-panel .custom-table tbody .row-head span {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
  }
  .add-patient-panel .custom-table tbody tr {
    font-size: 12px;
    font-weight: 400;
  }
  .custom-table thead th,
  .custom-table thead a {
    font-weight: 600;
  }
  .signup-area .signin-left {
    width: 100%;
    height: auto;
    padding: 0;
  }
  .signup-area .signin-right {
    padding: 20px 30px 35px 20px;
    width: 100%;
  }
  .modify-info-area.signup-area .signin-right {
    padding: 0 15px;
    align-items: inherit;
  }
  .modify-info-area .signin-right .title {
    position: relative;
    top: 0px;
    left: -15px;
    width: calc(100% + 30px);
    background-color: #0080b9;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 25px 0 1px 0;
  }
  .modify-info-area .signin-right .title h1,
  .modify-info-area .signin-right .title .brand-clr {
    color: #fff !important;
    font-size: 20px;
    text-align: center;
  }
    .vaccine-card-area .top-bar h4 img {
        /*display: none;*/
        height: 35px;
        margin-bottom: 10px;
    }
  .modify-info-area .signin-right .title img {
    /*display: none;*/
      height: 35px;
  }
  .signup-area .signin-left img {
    position: relative;
    width: 100%;
  }

  .admin-signin-area .login-form h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .vaccine-card-area .top-bar {
    background-color: #0080b9;
    padding: 20px 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #fff;
    text-align: center;
  }
  .vaccine-card-area .top-bar .brand-clr {
    color: #fff;
  }
  .vaccine-card-area .card-widget {
    padding: 20px 15px;
  }
  .login-form {
    max-width: 100%;
  }
  .signup-area .signin-right .title h1 {
    font-size: 2rem!important;
    line-height: 24px;
      text-align: center;
  }
  .vaccine-card-area .card-widget .mobile-btn {
    align-items: center;
    color: #0080b9;
  }
  .vaccine-card-area .card-widget .user-action .theme-btn {
    padding: 0px 10px;
    width: 100%;
    background-color: #43d0a2;
  }
  .vaccine-card-area .card-widget .mobile-btn .theme-btn {
    width: auto;
    height: 50px;
    line-height: 50px;
  }
  .vaccine-card-area .card-widget .user-action {
    gap: 10px;
  }
  .vaccine-card-area .card-widget .custom-table thead tr th span {
    padding: 0.7rem 0.5rem;
    font-size: 13px;
    font-weight: 400;
  }
  .vaccine-card-area .card-widget {
    padding: 10px 5px;
  }
  .vaccine-card-area .card-widget .text-lg-end {
    width: 100%;
  }
}

@media (max-width: 565px) {

  .theme-btn {
    padding: 12px 25px;
    font-size: 14px;
  }
  .admin-signin-area .login-form {
    padding: 25px 20px 38px 20px;
  }

  .forget-password-area .login-form {
    max-width: inherit;
    padding: 0 15px;
    border: none;
    border-radius: 0;
    padding-bottom: 30px;
  }

  .admin-signin-area {
    background-image: none;
  }
  .admin-signin-area .title {
    margin-top: 0 !important;
    padding: 80px 0;
    position: relative;
    z-index: 1;
  }
  .admin-signin-area .title::after {
    content: "";
    position: absolute;
    top: 0;
    left: -12px;
    width: calc(100% + 100px);
    height: 100%;
    background-image: linear-gradient(
        to bottom,
        rgba(225, 225, 225, 0.9),
        rgba(225, 225, 225, 0.9)
      ),
      url(../img/admin-sign-bg.png);
    background-position: top;
    background-size: cover;
    z-index: -1;
  }
  .admin-signin-area .title h1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .signup-area .signin-right {
    padding: 20px 20px 35px 20px;
  }
  .vaccine-card-area .card-widget .user-action .user-info h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .vaccine-card-area .card-widget .user-action .user-info p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }

  .modify-info-area .user-info h4,
  .forget-password-area h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }
  .modify-info-area .user-info p,
  .forget-password-area p {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
  }
  .signup-area .signin-right .title h4,
  .admin-signin-area .login-form h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .signup-area .signin-right .title p,
  .admin-signin-area .login-form p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20.4px;
  }
  .login-form label {
    font-size: 12px;
    font-weight: 400;
    line-height: 20.5px;
  }
  .login-form .custom-select,
  .login-form .form-control {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .login-form .form-group {
    margin-bottom: 15px;
  }

  .vaccine-card-area .card-widget .user-action .fa-cloud-download-alt {
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-left: 3px;
    font-size: 12px;
  }
  .vaccine-card-area .card-widget .user-action .theme-btn {
    font-size: 12px;
    height: auto;
    padding: 7px 10px;
    line-height: inherit;
  }
  .vaccine-card-area .card-widget .user-action .user-info img {
    max-width: 65px;
  }
}

@media (max-width: 350px) {
  .vaccine-card-area .card-widget .custom-table thead tr th span {
    padding: 0.4rem 0.3rem;
    font-size: 12px;
  }
  .custom-table th,
  .custom-table td {
    padding: 0.5rem 0.2rem;
  }
  .forget-password-area .title h1 {
    font-size: 24px;
  }
  .forget-password-area .title h1 img,
  .signup-area .signin-right .title h1 img {
    max-width: 50px;
  }
  .signup-area .signin-right {
    display: block;
  }
}