@media (max-width: 575px) {
  .swiper-heading h2 {
    font-size: 22px;
    text-align: center;
    color: #fd3800;
  }
  .swiper-slide img {
    width: 100%;
    height: 410px;
  }
  .swiper-heading {
    width: 80%;
  }
  .col-md-3 {
    border: 1px solid;
    box-shadow: 5px 10px 8px 2px #888888;
    border: none;
    margin: 0;
    margin-right: 68px;
  }
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    display: none;
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .swiper-heading h2 {
    font-size: 35px;
    text-align: center;
    color: #fd3800;
  }
  .swiper-slide img {
    width: 100%;
    height: 500px;
  }
  .swiper-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
  }
  .col-md-3 {
    border: 1px solid;
    box-shadow: 5px 10px 8px 2px #888888;
    border: none;
    margin: 0;
    margin-right: 67px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

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