@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) {


  
.on-banner .titre-element-propriety h4 {
  font-size: 23px;
}
.wrap-content-element-propriety p {
  padding: 0 10px;
}
.prix-cours-actuel h3 {
  font-size: 21px;
}
a.btn-enroll {
  font-size: 14px;
}
.element-propriety.tutor-details {
  padding-top: 67px;
}
.tutor-details-image {
  /*! margin-top: -19px; */
}
.ct-tab-meta {
  font-size: 17px;
}
.titre-element-propriety h4 {
  font-size: 19px;
}
	   
}


@media only screen and (max-width: 768px) {
  .on-banner .titre-element-propriety h4 {
  font-size: 21px;
}
.wrap-content-element-propriety p {
  padding: 0 10px;
}

.left-page-wrapper-detail {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.right-page-wrapper-detail {
  width: 100%;
  padding: 0 0px;
  padding-top: 30px;
}
a.btn-enroll {
  width: 39%;
}
.detail-price-cours {
  display: flex;
}
.prix-cours-actuel {
  width: 50%;
}
.wrap-image-panel-right {
  box-shadow: 1px 5px 10px #80808021;
  width: 40px;
}
          /*********************************************************************************************************/
.wrap-item-section-cirriculum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 24px;
  min-height: 50px;
}


    

}


@media only screen and (max-width: 600px) {
    
    
.item-tutor-details {
  width: 32%;
  padding-top: 14px;
}
.element-propriety.tutor-details {
  display: flex;
  flex-wrap: wrap;
  padding-top: 68px;
  align-items: center;
  /*! justify-content: center; */
}
.tutor-details-image {

}
.item-tutor-details a {
}
.etoiles-revue {
  width: 100%;
}
.ct-tab-meta {
  font-size: 16px;
}
.titre-element-propriety h4 {
  font-size: 17px;
}
a.btn-enroll {
  width: 50%;
}
.prix-cours-actuel h3 {
  font-size: 15px;
}
.wrap-image-panel-right {
  width: 40px;
}
.wrap-image-panel-right svg {
  width: 17px;
  height: 17px;
}
li.item-list-detail-cours h6 {
  font-size: 14px;
}
li.item-list-detail-cours span {
  font-size: 13px;
}

/**************************************/
.right-interne-tit {
  width: 31%;
}

.course-item-meta {
  width: 31%;
}
.ligne-form {
  padding-bottom: 10px;
}
.ligne-form {
  padding-bottom: 10px;
  flex-wrap: wrap;
}
.form-group.two-items {
  width: 100%;
}


}


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

	.on-banner .titre-element-propriety h4 {
  font-size: 19px;
  width: 100%;
}
..element-propriety.tutor-details {
  display: flex;
  flex-wrap: wrap;
  padding-top: 51px;
  justify-content: space-between;
}
.titre-element-propriety h4 {
  font-size: 16px;
}
.wrap-content-element-propriety p {
  font-size: 15px;
  padding: 0;
}
a.btn-enroll {
  width: 78%;
}
.item-tutor-details {
  width: 50%;
  margin-right: 0;
}
/*******************************************************************************************************************/
  .right-interne-tit {
    width: 45%;
    display: flex;
    justify-content: flex-start;
  }
   
.wrap-item-section-cirriculum {
  flex-wrap: wrap;
  padding: 10px 24px;
}
button.expand-all {
  padding-bottom: 14px;
}

a.wrap-item-list-cirriculum {
  flex-wrap: wrap;
}
.name-course-curriculum {
  width: 100%;
  padding-bottom: 10px;
}
.course-item-meta {
  width: 41%;
  padding: 4px 0;
}
.tabcontent h5 {
  font-size: 17px;
  color: #000;
  margin: 5px 0 5px;
  width: 100%;
}
.course-tutor-details img {
  width: 105px;
  height: 105px;
}
.item-enseignant-details {
  
  width: 33.33%;
}
.detail-enseignant {
  flex-wrap: wrap;
}
.right-review-part {
  width: 100%;
  padding: 0 0 0 15px;
  margin-bottom: 23px;
}
.item-left-review-part {
  width: 100%;
  padding: 0 8px;
}
}


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

    a.btn-enroll {
  width: 100%;
}
.tutor-details-image {
  margin-right: 16px;
  
}
.wrap-content-element-propriety p {
  font-size: 14px;
  padding: 0;
}



}


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


}