@media screen
  and (min-device-width: 768px)
  and (max-device-width: 5120px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (min-width: 0px){

    .col-st-xs-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
}

@media screen
  and (min-device-width: 768px)
  and (max-device-width: 5120px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (min-width: 576px){

    .col-st-sm-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
}

@media screen
  and (min-device-width: 768px)
  and (max-device-width: 5120px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (min-width: 768px){

    .col-st-md-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }

}

@media screen
  and (min-device-width: 768px)
  and (max-device-width: 5120px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (min-width: 992px){

    .col-st-lg-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
}

@media screen
  and (min-device-width: 768px)
  and (max-device-width: 5120px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (min-width: 1200px){

    .col-st-xl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
}

@media screen
  and (min-device-width: 768px)
  and (max-device-width: 5120px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (min-width: 1200px){

    .col-st-xl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
}