@media (min-width: 1600px) {}

@media (min-width: 1200px) and (max-width: 1599px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 992px) {
  .project-card {
    flex-direction: row;
  }
  .project-card__image {
    overflow: hidden;
  }
}

@media (max-width: 991px) {
  .panel--grid {
    grid-gap: 30px;
    grid-template-columns: repeat( 1, minmax(30%, 1fr));
  }
  .project-card {
    flex-direction: column;
  }
  .project-card__image {
    height: 320px;
    object-fit: cover;
  }
  .project-card__image__thumb {
    max-height: inherit;
  }
  .project-card__content {
    flex: unset;
  }
  .grid--detail {
    display: flex !important;
    flex-direction: column-reverse;
  }
  .course-detail__cover {
    margin-bottom: 30px;
  }
  .small--hidden {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .grid--responsive {
    grid-template-columns: repeat( 2, minmax(45%, 1fr));
  }
  .grid--responsive1 {
    grid-template-columns: 1;
  }
}


@media (max-width: 768px) {
  .details__bottom p {
    text-align: left;
    margin-right: 25px;
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .grid--responsive {
    grid-template-columns: repeat( 1, minmax(100%, 1fr));
  }
  .grid--responsive1 {
      grid-template-columns: 1;
  }
  .details__bottom {
    flex-direction: column;
  }

  .details__bottom p {
    margin-bottom: 8px;
    text-align: center;
  }

  .details__bottom > .button--contact {
    margin-bottom: 8px;
  }

  .details__bottom > .button--contact {
    margin-bottom: 8px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {}

@media (max-width: 575px) {
  .course-detail__toolbar {
    flex-direction: column !important;
  }
  .course-detail__toolbar :nth-child(2) {
    margin: 8px 0px !important;
  }
  html {
    font-size: 14px;
  }
  .pricing-items-container-item {
    min-width: 300px !important;
  }
}

@media (max-width: 320px) {
  html {
    font-size: 12px;
  }
}