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


}


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


}


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


}


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


    .header-title-liste-offre > h2 {
      font-size: 18px;
      width: 100%;
    }

    aside.aside_left {
    width: 60%;
}

aside.aside_right {
    width: 40%;
}

.item-new-course {
    width: 100%;
    padding: 0 0 25px;
}

.wrap-cours {
    margin: 0;
}

.course-titre {
    font-size: 18px;
}

	   
}


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


    aside.aside_left{
      width: 100%;
      /* padding-bottom: 30px; */
      padding: 0 0 20px;
    }

aside.aside_right {
    width: 100%;
    padding: 0;
}
  
    .title-item {
      font-size: 17px;
    }
    .info-instructor > h4 {
      font-size: 17px;
    }
	

}


@media only screen and (max-width: 600px) {
    .image-course {
      width: 100%;
      padding: 0;
      max-height: 200px;
    }
    .content-course {
      width: 100%;
      margin-top: 15px;
    }
    .bloc-parent {
      flex-wrap: wrap;
      /* padding-right: 0; */
      padding: 15px;
      border-radius: 15px;
    }

    .image-course img {
      /*! height: 50%; */
      height: 100%;
      border-radius: 15px;
    }
    .head-course-title > h3 {
      width: 100%;
      /* padding: 10px 0; */
      display: block;
      text-align: left;
    }
    .head-course-title.d-flex {
      display: block;
      text-align: center;
      padding: 0;
    }
    .d-flex{
        /* flex-wrap: wrap; */
    }
    
    .info-course {
      /* padding: 6px 0; */
      /* flex-wrap: wrap; */
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .instructor.d-flex {
      flex-wrap: wrap;
      justify-content: space-around;
    }
    .bloc-end.d-flex {
      /*! width: 100%; */
    }
    .page-link {
      width: 30px;
      height: 30px;
    }
    
  .form-control {
    padding: 0;
    font-size: 14px;
  }
  .input-group-text {
    font-size: 14px;
  }
  .title-item {
    font-size: 15px;
  }


}


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

	
    .info-course img {
      /*! width: 50%; */
      width: 18px;
    }
    .course-hour {
      /* width: 50%; */
      /* padding-bottom: 10px; */
    }
    .instructor.d-flex {
      display: flex;
      justify-content: space-between;
    }
    .bloc-end.d-flex {
      padding: 15px 0 0 0;
    }
    
    .head-course-title > h3 {
      /* padding: 10px 15px; */
      font-size: 16px;
    }
    .info-course.d-flex  p{
      font-size: 13px;
      line-height: 1;
      margin-left: 6px;
    }
    .info-instructor > h4 {
      font-size: 14px;
      line-height: 1.2;
    }
    .page-link {
      font-size: 12px;
      width: 24px;
      height: 24px;
    }

    .icon-heart i {
    font-size: 14px;
}

.rating {
    font-size: 11px;
}

.info-instructor >p {
    font-size: 12px;
    line-height: 1.3;
}

span.statut-cour {
    font-size: 12px;
    margin-right: 8px;
}



  .course-titre {
    font-size: 15px;
    line-height: 1.2;
}

.bottom-new-course {
    padding: 15px 15px 15px;
}

.course-cat a {
    font-size: 12px;
}

.bloc-lesson-details {
    font-size: 11px;
    margin: 15px 0 0;
}

.left-footer-new-course {
    font-size: 12px;
    line-height: 1;
}

a.btn-detail-new-course {
    font-size: 12px;
}

.right-footer-new-course {
    line-height: 1;
}

.footer-new-course {
    padding: 8px 15px;
}

span.categorie-type {
    font-size: 10px;
}

.widget-aside {
    padding: 25px 15px;
}

.searchform-wrap input {
    padding: 10px 0 10px 17px;
    font-size: 13px;
}

  
    
}


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

    

.header-title-liste-offre > h2 {
  padding-bottom: 10px;
}
.statut-cour {
  font-size: 13px;
}
.icon-heart i {
  font-size: 15px;
}

.title-item {
  font-size: 15px;
}
.form-control {
  font-size: 13px;
}
 .badge {
  font-size: 12px;
}

select.form-select {
  font-size: 14px;
}
.header-title-liste-offre {
  width: 100%;
}
}


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


}