media queries

 @media (min-width: 1200px){
  .ad-col-xl-3 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }
}
@media (min-width: 992px){
  .ad-col-lg-4 {
      flex: 0 0 25%;
      max-width: 25%;
  }
}
@media (min-width: 768px){
  .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
  }
}