/* Barbershop Software */
.mio__bbsimgcards-3 {
    right: -58px;
    top: 140px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-3 img {
    width: 139px;
    height: 242px;
  }
  .mio__bbsimgcards-2 img {
    width: 214px;
    height: 182px;
  }
  .mio__bbsimgcards-1 img {
    width: 151px;
    height: 136px;
  }
  .mio__bbsimgcards-2 {
    bottom: -60px;
    left: -60px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-1 {
    left: -40px;
    border-radius: 16px;
    top: 15px;
  }
  .mio__bbsimgcards-4 img, .mio__bbsimgcards-4 source {
    width: 281px;
    height: 177px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-5 img, .mio__bbsimgcards-5 source {
    width: 222px;
    height: 207px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-6 img, .mio__bbsimgcards-6 source {
    width: 301px;
    height: 217px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-7 img, .mio__bbsimgcards-7 source {
    width: 281px;
    height: 259px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-4 {
    top: -40px;
    left: -40px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-5 {
    right: -40px;
    top: -40px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-6 {
    left: -40px;
    bottom: -40px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-7 {
    bottom: -40px;
    right: -40px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-8 img {
    width: 223px;
    height: 185px;
  }
  .mio__bbsimgcards-8 {
    bottom: -35px;
    right: -40px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-9 img {
    width: 230px;
    height: 75px;
  }
  .mio__bbsimgcards-9 {
    left: -90px;
    border-radius: 16px;
    bottom: 215px;
  }
  .mio__bbsimgcards-10 img {
    width: 214px;
    height: 70px;
  }
  .mio__bbsimgcards-10 {
    right: -90px;
    border-radius: 16px;
    top: -40px;
  }
  .mio__bbsimgcards-11 img, .mio__bbsimgcards-11 source {
    width: 234px;
    height: 301px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-12 img, .mio__bbsimgcards-12 source {
    width: 202px;
    height: 267px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-13 img, .mio__bbsimgcards-13 source {
    width: 267px;
    height: 178px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-11 {
    left: -40px;
    border-radius: 16px;
    top: -40px;
  }
  .mio__bbsimgcards-12 {
    right: -40px;
    top: -25px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-13 {
    left: -40px;
    bottom: -30px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-14 img {
    width: 250px;
    height: 144px;
  }
  .mio__bbsimgcards-14 {
    left: 0;
    top: 238px;
  }
  .mio__bbsimgcards-15 img {
    width: 250px;
    height: 144px;
  }
  .mio__bbsimgcards-15 {
    left: -50px;
    bottom: 50px;
  }
  .oss-section {
    background-color: #f4f5f7;
  }
  /* End Barbershop Software */

  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .mio__bbsimgcards-4 img, .mio__bbsimgcards-4 source {
      width: 200px;
      height: 123px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-5 img, .mio__bbsimgcards-5 source {
      width: 172px;
      height: 160px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-6 img, .mio__bbsimgcards-6 source {
      width: 222px;
      height: 160px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-7 img, .mio__bbsimgcards-7 source {
      width: 212px;
      height: 195px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-4 {
      top: -30px;
      left: -20px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-5 {
      right: -20px;
      top: -30px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-6 {
      left: -20px;
      bottom: -20px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-7 {
      bottom: -20px;
      right: -20px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-8 img {
      width: 223px;
      height: 185px;
    }
    .mio__bbsimgcards-8 {
      bottom: -35px;
      right: -40px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-9 img {
      width: 180px;
      height: 58px;
    }
    .mio__bbsimgcards-9 {
      left: -20px;
      border-radius: 16px;
      bottom: 245px;
    }
    .mio__bbsimgcards-10 img {
      width: 184px;
      height: 60px;
    }
    .mio__bbsimgcards-10 {
      right: -40px;
      border-radius: 16px;
      top: -30px;
    }
    .mio__bbsimgcards-11 img, .mio__bbsimgcards-11 source {
      width: 154px;
      height: 198px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-12 img, .mio__bbsimgcards-12 source {
      width: 142px;
      height: 188px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-13 img, .mio__bbsimgcards-13 source {
      width: 197px;
      height: 131px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-11 {
      left: -20px;
      border-radius: 16px;
      top: -20px;
    }
    .mio__bbsimgcards-12 {
      right: -20px;
      top: -25px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-13 {
      left: -20px;
      bottom: -20px;
      border-radius: 16px;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 991px) {
    .mio__bbsimgcards-14 {
      left: 0;
      top: 135px;
    }
    .mio__bbsimgcards-15 {
      left: -15px;
      bottom: 47px;
    }
    .mio__bbsimgcards-4 img, .mio__bbsimgcards-4 source {
      width: 190px;
      height: 117px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-5 img, .mio__bbsimgcards-5 source {
      width: 152px;
      height: 141px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-6 img, .mio__bbsimgcards-6 source {
      width: 181px;
      height: 130px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-7 img, .mio__bbsimgcards-7 source {
      width: 180px;
      height: 165px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-4 {
      top: -20px;
      left: -20px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-5 {
      right: -20px;
      top: -20px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-6 {
      left: -20px;
      bottom: -20px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-7 {
      bottom: -20px;
      right: -20px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-8 img {
      width: 223px;
      height: 185px;
    }
    .mio__bbsimgcards-8 {
      bottom: -35px;
      right: -40px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-9 img {
      width: 230px;
      height: 75px;
    }
    .mio__bbsimgcards-9 {
      left: -90px;
      border-radius: 16px;
      bottom: 215px;
    }
    .mio__bbsimgcards-10 img {
      width: 214px;
      height: 70px;
    }
    .mio__bbsimgcards-10 {
      right: -90px;
      border-radius: 16px;
      top: -40px;
    }
    .mio__bbsimgcards-11 img, .mio__bbsimgcards-11 source {
      width: 114px;
      height: 146px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-12 img, .mio__bbsimgcards-12 source {
      width: 112px;
      height: 148px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-13 img, .mio__bbsimgcards-13 source {
      width: 136px;
      height: 90px;
      border-radius: 12px;
    }
    .mio__bbsimgcards-11 {
      left: -20px;
      border-radius: 16px;
      top: -20px;
    }
    .mio__bbsimgcards-12 {
      right: -12px;
      top: -25px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-13 {
      left: -15px;
      bottom: -20px;
      border-radius: 16px;
    }
  }

  @media screen and (max-width: 767px) {
  /* Barbershop software */
  .article__card {
    margin: 0 0 40px 0;
  }
  .mio__bbsimgcards-1 img {
    width: 95px;
    height: 86px;
  }
  .mio__bbsimgcards-2 img {
    width: 110px;
    height: 94px;
  }
  .mio__bbsimgcards-3 img {
    width: 80px;
    height: 140px;
  }
  .mio__bbsimgcards-2 {
    bottom: -30px;
    left: -40px;
  }
  .mio__bbsimgcards-3 {
    right: -38px;
    top: 90px;
  }
  .mio__bbsimgcards-4 img, .mio__bbsimgcards-4 source {
    width: 102px;
    height: 63px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-5 img, .mio__bbsimgcards-5 source {
    width: 82px;
    height: 76px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-6 img, .mio__bbsimgcards-6 source {
    width: 94px;
    height: 67px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-7 img, .mio__bbsimgcards-7 source {
    width: 72px;
    height: 66px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-4 {
    top: -20px;
    left: -13px;  
    border-radius: 8px;
  }
  .mio__bbsimgcards-5 {
    right: -20px;
    top: -20px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-6 {
    left: -15px;
    bottom: -20px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-7 {
    bottom: -20px;
    right: -20px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-8 img {
    width: 104px;
    height: 86px;
  }
  .mio__bbsimgcards-8 {
    bottom: -25px;
    right: -20px;
    border-radius: 16px;
  }
  .mio__bbsimgcards-9 img {
    width: 96px;
    height: 31px;
  }
  .mio__bbsimgcards-9 {
    left: -40px;
    border-radius: 8px;
    bottom: 134px;
  }
  .mio__bbsimgcards-10 img {
    width: 104px;
    height: 34px;
  }
  .mio__bbsimgcards-10 {
    right: -30px;
    border-radius: 8px;
    top: -10px;
  }
  .mio__bbsimgcards-11 img, .mio__bbsimgcards-11 source {
    width: 56px;
    height: 72px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-12 img, .mio__bbsimgcards-12 source {
    width: 52px;
    height: 68px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-13 img, .mio__bbsimgcards-13 source {
    width: 67px;
    height: 44px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-11 {
    left: -10px;
    border-radius: 8px;
    top: -12px;
  }
  .mio__bbsimgcards-12 {
    right: -10px;
    top: -15px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-13 {
    left: -12px;
    bottom: -10px;
    border-radius: 8px;
  }
  .mio__bbsimgcards-15 {
    left: -12px;
    bottom: 20px;
  }
  .miomodel__appcard .miolcc-txt {
    font-size: 7px;
  }
  .miomodel__appcard {
    width: 115px;
    height: 62px;
    top: 130px;
    right: -25px;
  }
  .miomodel__appcard .miolcc-txt {
    margin: 0 0 6px 0;
  }
  .miomodel__appcard svg {
    width: 20px;
    height: 17px;
  }
  .miomodel__appcard .miomodel-date {
    font-size: 6px;
  }
  .miomodel__rev .mmc__vb-one {
    font-size: 12px;
  }
  .miomodel__rev .mmc__1-img img {
    width: 96px;
    height: 50px;
  }
  .miomodel__card-1 {
    height: 106px;
  }
  .mmc__sl-img {
    margin: 0 5px 0 0;
    width: 17px;
    height: 17px;
  }
  .article__card-desc {
    min-height: auto;
  }
  /* End Barbershop software */
  }

  @media screen and (min-width: 320px) and (max-width: 360px) { 
    .mio__bbsimgcards-4 img, .mio__bbsimgcards-4 source {
      width: 102px;
      height: 63px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-5 img, .mio__bbsimgcards-5 source {
      width: 82px;
      height: 76px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-6 img, .mio__bbsimgcards-6 source {
      width: 94px;
      height: 67px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-7 img, .mio__bbsimgcards-7 source {
      width: 72px;
      height: 66px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-4 {
      top: -20px;
      left: -13px;  
      border-radius: 8px;
    }
    .mio__bbsimgcards-5 {
      right: -20px;
      top: -20px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-6 {
      left: -15px;
      bottom: -20px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-7 {
      bottom: -20px;
      right: -20px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-8 img {
      width: 104px;
      height: 86px;
    }
    .mio__bbsimgcards-8 {
      bottom: -25px;
      right: -20px;
      border-radius: 16px;
    }
    .mio__bbsimgcards-9 img {
      width: 96px;
      height: 31px;
    }
    .mio__bbsimgcards-9 {
      left: -40px;
      border-radius: 8px;
      bottom: 134px;
    }
    .mio__bbsimgcards-10 img {
      width: 104px;
      height: 34px;
    }
    .mio__bbsimgcards-10 {
      right: -30px;
      border-radius: 8px;
      top: -10px;
    }
    .mio__bbsimgcards-11 img, .mio__bbsimgcards-11 source {
      width: 56px;
      height: 72px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-12 img, .mio__bbsimgcards-12 source {
      width: 52px;
      height: 68px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-13 img, .mio__bbsimgcards-13 source {
      width: 67px;
      height: 44px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-11 {
      left: -10px;
      border-radius: 8px;
      top: -12px;
    }
    .mio__bbsimgcards-12 {
      right: -10px;
      top: -15px;
      border-radius: 8px;
    }
    .mio__bbsimgcards-13 {
      left: -12px;
      bottom: -10px;
      border-radius: 8px;
    }
  }