@media (max-width: 1300px) {

  bs-daterangepicker-container .bs-datepicker {
    right: 235px;
}

}

@media (max-width: 1200px) {
    .card-body.center-align {
      padding: 30px;
    }
    bs-daterangepicker-container  .bs-datepicker {
      right: 0;
  }
  .box-right {
    right: 0;
    position: static;
  }
}
  @media (max-width: 1024px) {

    bs-daterangepicker-container  .bs-datepicker {
      right: 0px;

  }
  .card-body .media i {
    font-size: 30px;
    transition: 0.5s ease;
}
.media-body h2 {
  font-size: 25px;
}
.media-body h5 {
  font-size: 13px;
}
.box-right {
  right: 0;
  position: static;
}

  }
  @media (max-width: 767px) {
    .card-body.center-align {
      padding: 30px;
    }
    .card.card-tale {

        min-height: auto;
      }
      .card.card-light-blue {
        min-height: auto;
      }
      .media-body h1 {
        font-size: 24px;
    }
    .media-body h5 {
        font-size: 14px;
    }

    .card-body .media i{font-size: 30px;}
    .cus_padding {
      width: 100%;
      display: block;
  }
  .cus_padding .col-md-2{min-width:  100% !important;}
  bs-daterangepicker-container .bs-datepicker {
    right: 0;
}
.bs-datepicker-custom-range {

  width: 100%;
}
bs-daterangepicker-container .bs-datepicker-container {
  margin: auto;
}
bs-daterangepicker-container .bs-datepicker {
  width: 80%;
  margin: auto;
}

.inputsearch {
  margin-top: 30px;
}
.card-body .media i {
  font-size: 30px;
  transition: 0.5s ease;
}

.box-right {
  right: 0;
  position: static;
}


  }

  @media (max-width: 570px) {

    .cus_padding .col-md-2{min-width:  100% !important;}
    .cus_padding {
      width: 100%;
      display: block;
  }
  .box-right {
    right: 0;
    position: static;
}
  }

  @media (max-width: 467px) {

    .card.card-tale {

        min-height: auto;
      }
      .card.card-light-blue {
        min-height: auto;
      }


     .media-body h2 {
        font-size: 24px;
    }
    .media-body h5 {
        font-size: 14px;
    }

    .card-body .media i{font-size: 30px;}
    input.form-control {
        margin-top: 30px;
    }
    .cus_padding .col-md-2{min-width:  100% !important;}
    .cus_padding {
      width: 100%;
      display: block;
  }
  .box-right {
    right: 0;
    position: static;
}
  }