/* breakpoints */
.grid-position {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

html:lang(ar) .grid-position {
  float: right; }

.next-article {
  padding: 0 8.66%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #ffffff; }
  @media all and (min-width: 600px) and (max-width: 1023px) {
    .next-article {
      padding: 0 15px; } }
  @media all and (max-width: 599px) {
    .next-article {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0; } }
  .next-article .img-block {
    width: 30%;
    padding: 0 15px; }
    @media all and (max-width: 599px) {
      .next-article .img-block {
        width: 100%;
        padding: 0; } }
    .next-article .img-block .bg-img-cover {
      height: 280px;
      max-height: 280px; }
      @media all and (min-width: 1024px) and (max-width: 1439px) {
        .next-article .img-block .bg-img-cover {
          height: 280px;
          max-height: 280px; } }
      @media (max-width: 1199.98px) {
        .next-article .img-block .bg-img-cover {
          height: 240px;
          max-height: 240px; } }
      @media all and (min-width: 600px) and (max-width: 1023px) {
        .next-article .img-block .bg-img-cover {
          height: 200px;
          max-height: 200px; } }
      @media all and (max-width: 599px) {
        .next-article .img-block .bg-img-cover {
          height: 260px;
          max-height: 100%; } }
  .next-article .description {
    width: 70%;
    padding: 0 15px;
    text-transform: uppercase; }
    @media all and (max-width: 599px) {
      .next-article .description {
        width: 100%;
        padding: 20px 30px; } }
    .next-article .description .sub-title {
      padding-left: 4%; }
    .next-article .description .text-link {
      margin-top: 20px; }
      @media all and (max-width: 599px) {
        .next-article .description .text-link {
          margin-top: 10px; } }

html:lang(ar) .next-article .description .sub-title {
  padding: 0;
  padding-left: 4%; }