@media (max-width: 1440px) {
  .course-wrapper .banner .content img {
    max-height: 280px;
  }

  .course-wrapper .banner .content {
    min-height: 280px;
  }

  .course-wrapper .main-content {
    width: 100%;
    max-width: 1180px;
    padding: 40px;
    margin: 0 auto;
  }

  .course-wrapper .mil-li {
    margin-right: calc((100% - (350px * 3)) / 2);
    display: flex;
    flex-flow: column;
  }

  .course-wrapper .you-might-also {
    padding: 70px 40px;
    max-width: 1180px;
  }
}

@media (max-width: 1200px) {
  .course-wrapper .mil-li {
    margin: 30px calc((100% - (350px * 2)) / 4);
    margin-bottom: 0;
  }

  .course-wrapper .yma-container .featured-card {
    margin: 30px calc((100% - (350px * 2)) / 4);
    margin-bottom: 0;
  }
}

@media (max-width: 1250px) {
  .course-wrapper .banner .info{
    width: 100%;
  }
}

@media (max-width: 900px) {
  .course-wrapper .main-content {
    padding: 40px 20px;
  }

  .course-wrapper .banner .info{
    padding: 0 10%;
  }  
}

@media (max-width: 880px) {
  .course-wrapper .banner .content {
    min-height: 200px;
  }

  .course-wrapper .banner .content img{
    height: 100%;
    max-height: 200px;
    width: auto;
  }
}

@media (max-width: 850px) {
  .course-wrapper .mil-li {
    margin: 30px calc((100% - 350px) / 2);
    margin-bottom: 0;
  }

  .course-wrapper .you-might-also {
    padding: 40px 20px;
  }

  .course-wrapper .yma-container .featured-card {
    margin: 30px calc((100% - 350px) / 2);
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .course-wrapper .main-content{
    padding: 40px 0px;
  }

  .course-wrapper .main-content p:first-of-type{
    padding-left: 20px;
  }

  .course-wrapper .featured-content p:first-of-type{
    padding-left: 0px;
  }

  .course-wrapper .breadcrums, 
  .course-wrapper .main-content h2{
    padding-left: 20px;
  }

  .course-wrapper .mil-li {
    width: 100%;
    max-width: 94vw;
    flex-shrink: 0;
    margin: 0vw 3vw;
  }

  .course-wrapper .yma-container .featured-card {
    width: 100%;
    max-width: 94vw;
    flex-shrink: 0;
    margin: 0vw 3vw;
  }

  .course-wrapper .featured-img{
    min-width: 100%;
  }

  .course-wrapper .you-might-also{
    padding: 40px 0px 60px;
  }

  .course-wrapper .you-might-also h2{
    padding-left: 20px;
  }
}