@media only screen and (min-width: 1900px) {
  .header-area .header-top-text h2 {
	  padding-left: 5%;
	}
}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 1900px){
  .header-area:after{
    width: 65%;
  }
}

/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-area .header-top-text h2 {
    font-size: 22px;
	padding-left: 0;
}

.statistic-card {
  padding: 15px 10px;
}

.statistic-card .info {
  font-size: 40px;
}
.canvas-con {
  min-height: 290px;
}

}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hf-modal .modal-body .modal-icon img {
    max-width: 40px;
}
.hf-modal .modal-body h2 {
  font-size: 25px;
}
    .nav-area .navbar .active .nav-link {
    border-bottom: none;
    }

  .nav-area .navbar .nav-item {
    border-bottom: 1px solid #F02E2C;
  }
  
  .nav-area .navbar .nav-item:last-child {
    border-bottom: none;
  }

  /* site banner start */
  .site-logo {
    text-align: center;
}

.header-area .col-lg-3 {
    text-align: center;
}


.header-area:after {
  display: none;
}

.header-area .header-top-text h2 {
    color: #1c4e98;
    font-size: 25px;
    text-align: center;
}

  /* site banner end */

}


/* Mobile Layout: 768px. */
@media only screen and (max-width: 767px) {

  .hf-modal .modal-body .modal-icon img {
    max-width: 30px;
}
.hf-modal .modal-body h2 {
  font-size: 22px;
}
.hf-modal .modal-content {
  padding: 10px;
}

    .nav-area .navbar .active .nav-link {
        border-bottom: none;
        }
  
  .nav-area .navbar .nav-item {
    border-bottom: 1px solid #F02E2C;
  }

  .nav-area .navbar .nav-item:last-child {
    border-bottom: none;
  }
  .login-form {
    padding: 15px;
    padding-top: 70px;
  }

  .login-form .form-text {
    font-size: 14px;
  }
    /* site banner start */
    .site-logo {
      text-align: center;
  }
  
  .header-area .col-lg-3 {
      text-align: center;
  }
  
  
  .header-area:after {
      display: none;
  }
  
  .header-area .header-top-text h2 {
      color: #1c4e98;
      font-size: 22px;
      text-align: center;
  }
  
    /* site banner end */


    .sorting-btn,.sorting  {
      font-size: 15px;
  }

  .box-area-wrapp .table-responsive td {
    min-width: 150px;
}
  .box-area-wrapp .table-responsive td:first-child {
    min-width: 100px;
}

.statistic-card .info {
  font-size: 35px;
}

.statistic-card.min-height {
  min-height: auto;
}

.btn-rounded {
  padding: 5px;
  text-align: center;
}

.role-area-wrapp .btn-rounded i.fa {
  padding: 0px 10px;
}

}