@media only screen and (min-width: 1024px) and (max-width: 1479px) {

  .col-sd-1-1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  .col-sd-1-1+.col-sd-1-1 {
    margin-top: 2rem
  }

}

@media only screen and (max-width: 767px) {
  .img-wrapper {
    margin-bottom: 1rem
  }

  .col {
    margin-bottom: 2rem
  }

  .col:last-child {
    margin-bottom: 0
  }  
  
  .swiper-container-horizontal>.swiper-pagination-bullets {
    top: 0;
    height: 100%; 
  }
}