#homepage-element-counters {
  /*height: 261px;*/
  height: 223px;
}

#homepage-element-counters .big-spinner {
  color: white;
  font-size: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: calc(50% - 20px);
}

#homepage-learningpaths {
  height: 534px;
}

#homepage-learningpaths .big-spinner {
  font-size: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: 120px;
}

#homepage-courses {
  height: 534px;
}

#homepage-suggested .big-spinner {
  font-size: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: 60px;
}

#homepage-suggested {
  height: 245px;
}

#paths-courses-list .big-spinner {
  font-size: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: 120px;
}

#paths-courses-list {
  min-height: 534px;
}

@media screen and (max-width: 767px) {

  #homepage-courses {
    height: 580px;
  }

  #homepage-learningpaths {
    height: 580px;
  }

  #homepage-suggested {
    height: 360px;

    .course-item .course-item-image {
      width: calc(100% - 15px);
    }

    .col-md-9.p-l-0 {
      padding-bottom: 1rem !important;
      padding-left: 1rem !important;
    }

    .course-item-suggested-detail {
      margin-left: 0px !important;
      min-height: auto !important;
      width: calc(100% - 30px) !important;

      .course-item-image {
        height: 125px !important;
      }

      .favorite-icon {
        margin-right: -5px !important;
      }
    }
  }
}

#homepage-courses .big-spinner {
  font-size: 40px;
  left: calc(50% - 20px);
  position: absolute;
  top: 120px;
}