//main wrapper
.cm-blocks {

  //Responsive mobile (<=768px)
  @media screen and (max-width: 768px) {
    //flex direction column
    &-flex-column {
      flex-direction: column;
    }
    //text align center
    &-text-center {
      text-align: center;
    }

    //max-height 200px
    &-img-max-height-200 {
      img {
        max-height: 200px;
      }
    }

    //object-fit contained
    &-object-fit-contain {
      img {
        object-fit: contain !important;
      }
    }

    &-padding-left-0 {
      padding-left: 0 !important;
    }

    &-padding-right-0 {
      padding-right: 0 !important;
    }

    &-height-40 {
      height: 40px !important;
    }

  }

  //Responsive mobile (<=1200)
  @media screen and (max-width: 1200px) {

    /* paddings */
    &-padding-left-20 {
      padding-left: 20px !important;
    }

    &-padding-right-20 {
      padding-right: 20px !important;
    }

    &-height-100 {
      height: 100px !important;
    }

  }
}