@media only screen and (min-width: 1921px) {

}
@media only screen and (max-width: 1199px) {

}
@media only screen and (max-width: 991px) {
  .btn.has-icon{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .btn.has-icon > span{
    display: none;
  }
}
@media only screen and (max-width: 767px) {

  .timeline:before,.timeline-icon{display: none;}
  .timeline .timeline-body{margin: 0;}

  .modal .modal-header {
    padding: 1.5rem 1rem;
  }
  .modal .modal-body {
    padding: 2rem 1rem;
  }
  .card > .card-body {
    padding: 1rem;
  }
  .sidebar .card > .card-body {
    padding: 1rem;
  }

}