.home-frame {
  padding: 35px 15px;
}
.home-frame .home {
  max-width: 1600px;
  margin: 0px auto;
}
.home-frame .home .articles .article {
  width: 23.3112%;
  margin-right: 2%;
  display: inline-block;
}
.home-frame .home .articles .article:nth-child(4n) {
  margin-right: 0%;
}
.home-frame .home .articles .article:nth-child(4n) .frame {
  text-align: right;
}
.home-frame .home .articles .article:nth-child(4n) .frame .title,
.home-frame .home .articles .article:nth-child(4n) .frame .description {
  text-align: left;
}
.home-frame .home .articles .article .frame .badge {
  background-color: #773a87;
  width: 100%;
  height: 185px;
  border-radius: 0px;
  box-shadow: 2px 1.5px 1.5px rgba(0, 0, 0, 0.8);
  margin-bottom: 10px;
  display: block;
}
.home-frame .home .articles .article .frame .title {
  color: #773a87;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.home-frame .home .articles .article .frame .description {
  color: #464547;
  font-size: 14px;
  line-height: 22px;
}

/* Micro devices (smallest form phones, from 319px and lower) */
@media (max-width: 319px) {
  .home-frame .home .articles .article {
    width: 100%;
    margin-bottom: 7%;
  }
  .home-frame .home .articles .article:nth-child(4n) {
    margin-right: 0%;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame {
    text-align: left;
  }
  .home-frame .home .articles .article:nth-child(n+4) {
    margin-bottom: 0%;
  }
}
/* Micro devices (smaller form phones, from 320px to 419px) */
@media (min-width: 320px) and (max-width: 419px) {
  .home-frame .home .articles .article {
    width: 100%;
    margin-bottom: 5%;
  }
  .home-frame .home .articles .article:nth-child(4n) {
    margin-right: 0%;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame {
    text-align: left;
  }
  .home-frame .home .articles .article:nth-child(n+4) {
    margin-bottom: 0%;
  }
}
/* Extra small devices (portrait phones, from 420px to 575px) */
@media (min-width: 420px) and (max-width: 575px) {
  .home-frame .home .articles .article {
    width: 100%;
    margin-bottom: 4%;
  }
  .home-frame .home .articles .article:nth-child(4n) {
    margin-right: 0%;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame {
    text-align: left;
  }
  .home-frame .home .articles .article:nth-child(n+4) {
    margin-bottom: 0%;
  }
}
/* Small devices (landscape phones, from 576px to 767px) */
@media (min-width: 576px) and (max-width: 767px) {
  .home-frame .home .articles .article {
    width: 48.6406%;
  }
  .home-frame .home .articles .article:nth-child(4n) {
    margin-right: 2%;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame {
    text-align: left;
  }
  .home-frame .home .articles .article:nth-child(2n) {
    margin-right: 0%;
  }
  .home-frame .home .articles .article:nth-child(2n) .frame {
    text-align: right;
  }
  .home-frame .home .articles .article:nth-child(2n) .frame .title,
.home-frame .home .articles .article:nth-child(2n) .frame .description {
    text-align: left;
  }
  .home-frame .home .articles .article:nth-child(-n+2) {
    margin-bottom: 3%;
  }
}
/* Medium devices (tablets, from 768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .home-frame .home .articles .article {
    width: 23.0987%;
  }
  .home-frame .home .articles .article:nth-child(4n) {
    margin-right: 0%;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame {
    text-align: right;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame .title,
.home-frame .home .articles .article:nth-child(4n) .frame .description {
    text-align: left;
  }
}
/* Large devices (tablets, from 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .home-frame .home .articles .article {
    width: 23.1922%;
  }
  .home-frame .home .articles .article:nth-child(4n) {
    margin-right: 0%;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame {
    text-align: right;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame .title,
.home-frame .home .articles .article:nth-child(4n) .frame .description {
    text-align: left;
  }
}
/* Small Jumbo devices (large screens, 1200px to 1350px) */
@media (min-width: 1200px) and (max-width: 1350px) {
  .home-frame .home .articles .article {
    width: 23.2468%;
  }
  .home-frame .home .articles .article:nth-child(4n) {
    margin-right: 0%;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame {
    text-align: right;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame .title,
.home-frame .home .articles .article:nth-child(4n) .frame .description {
    text-align: left;
  }
}
/* Medium Jumbo devices (large screens, 1351px to 1600px) */
@media (min-width: 1351px) and (max-width: 1600px) {
  .home-frame .home .articles .article {
    width: 23.2755%;
  }
  .home-frame .home .articles .article:nth-child(4n) {
    margin-right: 0%;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame {
    text-align: right;
  }
  .home-frame .home .articles .article:nth-child(4n) .frame .title,
.home-frame .home .articles .article:nth-child(4n) .frame .description {
    text-align: left;
  }
}