@media only screen and (max-width: 1400px) {
  .ifyou {
    display: none;
  }

  .ifyou-mobile {
    display: block;
  }

  .row {
    display: flex;
    gap: 60px;
    justify-content: center;
  }

  .week-card-row {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
  }

  .about-left {
    max-width: 500px;
    width: 100%;
  }

  .about-content {
    display: flex;
    max-width: 800px;
    flex-direction: column;
  }

  .about-container {
    flex-direction: column;
    gap: 0;
  }

  .about-content-title {
    font-size: 30px;
    line-height: 55px;
    padding-top: 30px;
  }

  .about-content-inner-bottom-line-books {
    display: flex;
    gap: 20px;
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .about-content-inner-bottom-line-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }

  .about-content-sub-title {
    max-width: 321px;
  }
  .footer-container {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }

  .about-content-title-info {
    font-size: 20px;
    line-height: 30px;
  }

  .about-content-inner-line-text {
    font-size: 15px;
    line-height: 25px;
  }

  .join-to-content {
    display: flex;
    flex-direction: column;
    max-width: 820px;
    margin-left: 50%;
    padding: 250px 20px 140px;
    margin: 0 auto;
    padding-left: 90px;
  }

  .footer-container-button-up {
    position: absolute;
    right: 0;
    top: 30px;
    width: 105px;
    height: 105px;
  }
}
@media only screen and (max-width: 1000px) {
  div.swiper-button-next {
    display: none;
    width: 0;
    height: 0;
  }
  div.swiper-button-prev {
    display: none;
    width: 0;
    height: 0;
  }

  .identify {
    display: none;
  }

  .identify-mobile {
    display: block;
    padding-bottom: 30px;
  }

  .week {
    /* background-image: url(mobile/week-mobile.png); */
    /* background-repeat: no-repeat; */
    background-position: top;
    /* background-size: contain; */
  }

  .video {
    border-radius: 15px;
    width: 100%;
    height: 400px;
  }

  .about-left {
    max-width: 500px;
    width: 100%;
  }

  .program-course-undercard-columns {
    display: flex;
    gap: 20px;
    white-space: wrap;
    flex-wrap: wrap;
  }

  .header-social {
    display: none;
  }
  .header {
    background-image: url(mobile/header/header-tabl.png);
  }

  .resault-mobile {
    display: block;
  }
  .resault {
    display: none;
  }
}
@media only screen and (max-width: 780px) {
  .this-course-card-title {
    font-family: Playfair Display;
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.02em;
    background: linear-gradient(97.5deg, #676767 44.18%, #cdcdcd 117.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 10px;
    padding-bottom: 20px;
    min-height: 0;
    padding-bottom: 40px;
  }
  .this-course {
    display: none;
  }

  .this-course-mobile {
    display: block;
  }

  .header {
    display: none;
  }

  .header-mobile {
    display: block;
    padding-bottom: 20px;
  }

  .join-to {
    display: none;
  }

  .join-to-mobile {
    display: block;
  }

  .question {
    padding-top: 0;
  }

  .title-text {
    font-size: 30px;
    line-height: 35px;
  }

  .title-text-blue {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .under-img {
    margin-left: -20px;
  }

  .video-section-text {
    font-size: 30px;
    line-height: 40px;
  }

  .video-section-text-blue {
    font-size: 40px;
  }

  .testimonials-img {
    display: none;
  }
  .testimonials-img-mobile {
    margin-top: 60px;
    display: block;
  }

  .reg-now-bonus-img {
    max-width: 70px;
  }

  .reg-now-row-text {
    font-size: 15px;
    line-height: 25px;
  }

  .reg-now-price-current {
    font-size: 30px;
    line-height: 25px;
  }

  .reg-now-price-current {
    font-size: 25px;
    line-height: 25px;
  }

  .reg-now-bonus-text {
    font-size: 15px;
    line-height: 25px;
  }

  .gift-text {
    font-size: 15px;
    line-height: 25px;
  }

  .accordeon-top-button-left-text {
    font-size: 15px;
    line-height: 25px;
  }

  .accordeon-content-text {
    font-size: 15px;
    line-height: 25px;
  }

  .footer-container-logo {
    max-width: 262px;
    width: 100%;
  }

  .footer-container-button-up {
    position: absolute;
    right: 30px;
    top: 45px;
    width: 60px;
    height: 60px;
  }
}

@media only screen and (max-width: 441px) {
  .week {
    background-image: none;
  }

  .bg-week {
    display: block;
  }

  .week-header {
    padding-bottom: 150px;
  }

  .week-card {
    align-items: center;
  }
  .week-cards {
    gap: 30px;
  }

  .week-card-main-img {
    width: 65px;
    height: 65px;
  }

  .week-card-second-img {
    width: 25px;
    height: 25px;
    margin-top: -12px;
  }

  .week-card-text {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    max-width: 170px;
  }

  .week-header-text {
    font-size: 22px;
    line-height: 40px;
    padding-bottom: 0;
  }

  .about-content-inner-line {
    display: flex;
    gap: 20px;
    align-items: flex-start;
  }

  .myproffesional-title {
    font-size: 30px;
    line-height: 30px;
  }

  .myproffesional-subtitle {
    font-size: 40px;
    line-height: 35px;
  }

  .program-course-header {
    max-width: 230px;
  }

  .program-course-header-title {
    font-size: 30px;
    line-height: 30px;
  }

  .program-course-header-text {
    font-size: 40px;
    line-height: 35px;
  }

  .program-course-cards {
    padding: 100px 20px 0;
  }

  .program-course-undercard-text {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }

  .program-course-card-module {
    margin: 0 auto;
  }
  .program-course-card-title {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }

  .program-course-card-column-row-text {
    font-size: 15px;
    line-height: 25px;
  }

  .program-course-card {
    padding: 25px;
  }

  .reg-now-cards {
    margin-bottom: 0;
  }

  .content-button.hide {
    display: none;
    max-height: 100px;
  }
  .button-mobile {
    display: block;
    max-height: 100px;
  }
  .button-mobile-img {
    height: auto;
  }
}

@media only screen and (max-width: 420px) {
  .reg-now-price-line {
    font-family: Manrope;
    font-size: 23px;
  }
  .footer-container-text {
    font-size: 15px;
  }

  .footer-container-second-text {
    font-size: 15px;
  }

  .header-mobile-card {
    height: 88px;
  }
  .header-mobile-text {
    padding-bottom: 330px;
  }

  .content-button-sticker {
    margin-left: -70px;
  }
}
@media only screen and (max-width: 400px) {
  .header-mobile-card {
    height: 86px;
  }

  .footer-container-button-up {
    position: absolute;
    right: 5px;
    top: 45px;
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 380px) {
  .header-mobile-card {
    height: 82px;
  }
}
@media only screen and (max-width: 365px) {
  .content-button-sticker {
    margin-left: -40px;
  }

  .header-mobile-card {
    height: 78px;
  }
  .footer-container-button-up {
    position: absolute;
    bottom: 0;
    right: 5px;
    top: 380px;
    width: 50px;
    height: 50px;
  }

  .under-timer {
    padding: 0px 10px;
  }
  .time-block {
    background: radial-gradient(
        65.48% 214.64% at 50% 50%,
        #86c3c4 0%,
        #8cc4b9 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    width: 100px;
    height: 90px;
    border-radius: 20px;
    text-align: center;
    padding-top: 10px;
  }
  .time {
    font-size: 45px;
  }
  .video-slider {
    height: 550px;
  }
}
@media only screen and (max-width: 350px) {
  .header-mobile-card {
    height: 74px;
  }
  img.content-button-sticker {
    width: 90px;
    height: 90px;
  }

  .header-mobile-card {
    height: 70px;
  }
}
@media only screen and (max-width: 340px) {
  .video-slider {
    height: 535px;
  }
  .video-slider {
    height: 500px;
  }
}