/*********************************************\
		Desktop First Method
\*********************************************/
@media only screen and (max-width: 1260px) {
  body {
    font-size: 16px; }
  section {
    padding: 80px 0;
    overflow: hidden; }
  .container {
    max-width: 760px; }
  .sec1 .title {
    font-size: 34px; }
  .sec1 .text1 {
    font-size: 16px; }
    .sec1 .text1 br {
      display: none; }
  .sec1 .desc {
    left: calc(50% + -145px);
    top: 474px; }
  .sec1 .text2 {
    text-align: center; }
  .sec1 .desc:before {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 60px; }
  .sec-title {
    font-size: 24px; }
    .sec-title br {
      display: none; }

  .sec-about {
    padding: 100px 0;
  }

  .sec-about .about__content {
    max-width: 400px;
  }

  .sec-about .about__text {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .sec-about .about__slogan {
    font-size: 14px;
  }

  .sec-about .about__image {
    height: 260px;
  }

  .sec-about .about__image img{
    width: 400px;
  }

  .sec2 .text {
    width: 100%;
    font-size: 21px; }
  .sec2 .block {
    width: 230px; }
  .sec2 .text1 {
    font-size: 16px; }
  .sec2 .question {
    margin-bottom: 10px; }
  .sec2 .text2 {
    font-size: 22px; }
  .sec2 .question1 .mes {
    height: 60px; }
  .sec2 .question2 .mes {
    height: 40px; }
  .sec2 .question3 .mes {
    height: 60px; }
  .sec2 .question4 .mes {
    height: 40px; }
  .sec2 .question5 .mes {
    height: 66px; }
  .sec2 .question6 .mes {
    height: 66px; }
  .sec2 .question7 .mes {
    height: 52px; }
  .sec2 .question8 .mes {
    height: 52px; }
  .sec2 .question9 .mes {
    height: 66px; }
  .sec2 .question10 .mes {
    height: 38px; }
  .sec2 .question11 .mes {
    height: 66px; }
  .sec2 .question12 .mes {
    height: 50px; }
  .sec2 .question13 .mes {
    height: 66px; }
  .sec2 .question14 .mes {
    height: 40px; }
  .sec2 .question15 .mes {
    height: 43px; }
  .sec2 .question16 .mes {
    height: 57px; }
  .sec2 .question17 .mes {
    height: 74px; }
  .sec2 .question18 .mes {
    height: 75px; }
  .sec2 .question19 .mes {
    height: 55px; }
  .sec2 .question20 .mes {
    height: 94px; }
  .sec2 .girl {
    width: 36px;
    height: 36px; }
  .sec2 .texts {
    margin-top: 63px;
    padding-bottom: 15px; }
  .sec2 .text1 {
    margin-top: 9px; }
  .sec3 .block {
    width: 100%; }
  .sec3 .text1 {
    font-size: 18px; }
  .sec3 .block {
    background-position: top;
    padding-top: 20px;
    height: 233px; }
  .sec3 .text2 {
    font-size: 17px; }
  .sec3 .photo {
    width: 95px;
    height: 95px;
    background-size: contain; }
  .sec4 {
    height: auto; }
  .sec4 .blocks {
    -ms-flex-pack: center;
    justify-content: center; }
  .sec5 .block {
    width: 100%;
    height: auto;
    padding-bottom: 30px; }
  .sec5 {
    padding-top: 120px; }
  .sec5 .text {
    font-size: 22px; }
  .sec5 .text1 br {
    display: none; }
  .sec6 .block2 {
    margin-left: 30px; }
  .sec6 .text {
    font-size: 24px; }
  .sec6 .text1 {
    font-size: 18px; }
    .sec6 .text1 .xs {
      display: none; }
  .sec6 .text2 {
    font-size: 17px; }
  .sec6 .text4 {
    font-size: 20px;
    padding-left: 150px; }
    .sec6 .text4 br {
      display: none; }
  .sec6 .text5 {
    padding-left: 40px;
    padding-right: 40px;
    line-height: 130%; }
    .sec6 .text5 .xs {
      display: none; }
  .sec7 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center; }
  .sec7 .text {
    margin-top: 20px;
    text-align: center; }
  .sec8 {
    padding-bottom: 140px; }
  .sec8 .text {
    font-size: 30px; }
  .sec8 .slider-expert .slick-prev{
    left: -380px;
  }
  .sec8 .slider-expert .slick-next{
    right: -380px;
  }
  .sec9 {
    height: auto; }
  .sec9 .wrap-text {
    width: 100%; }
  .sec9 .text4 {
    padding-left: 30px;
    padding-right: 30px; }
    .sec9 .text4 br {
      display: none; }
  .sec10 .blocks {
    padding-left: 0px;
    padding-right: 0; }
  .sec10 .text {
    font-size: 14px; }
  .sec10 .text1 {
    font-size: 14px; }
  .sec10 {
    padding-top: 70px; }
  .sec11 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 70px;
    -ms-flex-pack: center;
    justify-content: center; }
  .sec11 .block1 {
    width: 100%; }
  .sec12 .block {
    width: 48%; }
  .sec12 .block7 {
    width: 100%; }
  .sec14 .blocks {
    margin-top: 90px; }
  .sec14 .block2 {
    margin-left: 20px; }
  .sec14 .text {
    font-size: 16px; }
  .sec14 .text1 {
    padding-left: 50px;
    padding-right: 50px; }
  .sec14 .price {
    height: auto;
    padding-bottom: 30px; }
  .sec15 .text1 {
    font-size: 22px;
    padding-left: 40px;
    padding-right: 40px; }
    .sec15 .text1 br {
      display: none; }
  .sec16 .text {
    font-size: 24px; }
  .sec16 .text1 {
    font-size: 14px; }
  .sec16 .block1 {
    width: 350px; }
  .sec16 .text3 {
    font-size: 18px; }
  .sec17 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .sec17 .block {
    width: 100%; }
  .sec17 .text1 {
    margin-top: 40px; }
  .sec1 .f2 {
    left: calc(50% - 400px); }
  .sec1 .f1 {
    left: calc(50% - -310px); }
  .sec3 .f33 {
    left: calc(50% + 300px); }
  .sec3 .f31 {
    left: calc(50% - 420px); }
  .sec4 .f41 {
    left: calc(50% + 250px); }
  .sec4 .f42 {
    left: calc(50% - 410px); }
  .sec5 .f51 {
    left: calc(50% - 350px); }
  .sec5 .f52 {
    left: calc(50% + 260px); }
  .sec6 .f61 {
    left: calc(50% - 120px); }
  .sec6 .f64 {
    left: calc(50% + 230px); }
  .sec8 .f81 {
    left: calc(50% + 200px); }
  .sec8 .f82 {
    left: calc(50% - 310px); }
  .sec9 .f91 {
    left: calc(50% - 430px); }
  .sec9 .f92 {
    left: calc(50% + 280px); }
  .sec9 .f93 {
    left: calc(50% - 460px); }
  .sec10 .f101 {
    left: calc(50% - 450px); }
  .sec11 .f112 {
    left: calc(50% + 320px); }
  .sec11 .f111 {
    left: calc(50% - 470px); }
  .sec11 .text1 {
    background-position: calc(50% + 270px) 100px; }
  .sec12 .block7 .image {
    margin-left: 430px; }
  .sec13 .f131 {
    left: calc(50% - 460px); }
  .sec13 .f132 {
    left: calc(50% + 320px); }
  .sec14 .f141 {
    left: calc(50% - 350px); }
  .sec14 .f142 {
    left: calc(50% + 240px); }
  .sec16 .f162 {
    left: calc(50% + 350px); }
  .sec17 .f171 {
    left: calc(50% - 510px); }
  .sec17 .f172 {
    left: calc(50% + 390px); }
  .sec17 .f173 {
    left: calc(50% + 240px); }
.footer .parts {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .footer .part {
    width: 100%; }
  .footer .parts {
    -ms-flex-pack: center;
    justify-content: center; }
  .footer .part3 {
    padding-left: 0px;
    margin-top: 50px; }
  .footer .logo {
    margin: 0 auto; }
  .footer .text {
    text-align: center; }
  .footer .text1 {
    text-align: center; }
  .footer .text2 {
    text-align: center; }
  .footer .part2 {
    padding-left: 240px;
    margin-top: 50px; }
  .sec-success1 .text1 {
    font-size: 28px; }
  .sec-success1 .block {
    width: 360px; }
  .sec-success1 .book {
    left: calc(50% - 480px); }
  .sec-success2 .text1 {
    font-size: 18px; }
  .sec-success1 .arrow {
    top: 610px;
    left: calc(50% - 0px); }
  .sec-success1 {
    padding-bottom: 180px; }
.footer .telephone{
  text-align: center;
  padding-left: 0;
  }
  .footer .text5{
    text-align: center;

    padding-left: 0;
  }
  .sec-success1 .block{
    width: 100%;
  }
  .footer .cards {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .sec-packages .packages {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center; }
  .sec-packages .package {
    width: 80%;
    margin-bottom: 60px; }
  .sec-packages .text1 {
    font-size: 40px; }
  .sec-packages .text2 {
    font-size: 21px; }
  .sec-video .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center; }
  .sec-video .sec-title {
    text-align: center; }
  .sec-video .text {
    text-align: center; }
  .sec-video .video {
    margin-top: 30px;
    margin-left: 0; }
  .sec-currentmonth .blocks {
    margin-left: 0; }
  .sec-currentmonth .container {
    position: relative;
    z-index: 5; }
    .sec-demo .demo {
      padding: 20px;
    }
  
    .secure__image {
      max-width: 300px;
    }
  
    .secure__content {
      max-width: 420px;
    }
  
    .secure__title {
      font-size: 22px;
      margin-bottom: 20px;
    }
  
    .secure__info li {
      margin-bottom: 10px;
    }
  
    .secure__icons {
      max-width: 300px;
    }
  
    .secure__stripe {
      max-width: 420px;
      padding-bottom: 5px;
    }
  
    .secure__stripe_logos img {
      margin-bottom: 10px;
    }
  }

@media only screen and (max-width: 760px) {
  .secure {
    justify-content: center;
  }

  .secure__image {
    max-width: 160px;
    height: 160px;
    margin-bottom: 24px;
  }

  .secure__title {
    font-size: 22px;
    line-height: 150%;
    text-align: center;
  }

  .secure__icons {
    height: 60px;
    background-size: 210px;
    margin-top: 20px;
    max-width: 100%;
  }

  .secure__stripe {
    margin-top: 20px;
    padding: 10px;
  }

  .secure__stripe_logos {
    justify-content: flex-start;
    margin-left: -3px;
    margin-right: -3px;
  }
  .secure__stripe_logos img{
    margin: 3px;
  }
  .first .form{
    margin-top: 20px;
  }
  .first__form .decor.decor1{
    display: none;
  }
  body {
    font-size: 14px; }
  section {
    padding: 50px 0;
    overflow: hidden; }
  .container {
    max-width: 340px; }
  .sec4 {
    overflow: hidden; }
  /*Disable Animation on Mobile Devices*/
  .animated {
    transition-property: none !important;
    -ms-transform: none !important;
    transform: none !important;
    animation: none !important; }
  .sec1 .topline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center; }
  .sec1 .topline .phones {
    margin-top: 10px; }
  .sec1 .telephone {
    text-align: center; }
  .sec1 .text {
    width: 100%;
    height: auto;
    line-height: 22px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .sec1 .texts {
    margin-top: 30px; }
  .sec1 .title {
    font-size: 22px; }
    .sec1 .title br {
      display: none; }
  .sec1 .text1 {
    font-size: 14px; }
  .sec1 .btn {
    margin-top: 40px; }
  .sec1 .desc:before {
    left: -60px; }
  .sec-title {
    font-size: 20px; }


    .sec-about {
      padding: 50px 0;
    }

    .sec-about .container {
      flex-wrap: wrap;
    }

    .sec-about .about__image {
      height: auto;
      margin-top: 25px;
    }

    .sec-about .about__image img {
      position: relative;
      width: 100%;
      left: auto;
      top: auto;
    }

    .sec-about .about__content {
      text-align: center;
    }

    .sec-about .about__slogan {
      padding: 10px;
    }


   .sec2 .text {
    height: auto;
    font-size: 16px;
    line-height: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px; }
  .sec2 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px; }
  .sec2 .block {
    width: 100%; }
  .sec2 .block2 {
    -ms-flex-order: 2;
    order: 2; }
  .sec2 .texts {
    margin-top: 55px; }
  .sec2 .text2 {
    font-size: 18px;
    margin-top: 30px; }
  .sec2 .text3 {
    font-size: 17px; }
  .sec3 .text {
    font-size: 16px; }
  .sec3 .block {
    background-size: cover;
    height: auto;
    padding-bottom: 90px; }
  .sec3 .text1 {
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px; }
  .sec3 .photo {
    width: 150px;
    height: 150px; }
  .sec4 {
    padding-top: 50px; }
  .sec4 .block {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .sec5 .text1 {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px; }
  .sec5 .text {
    font-size: 16px; }
  .sec6 .photo {
    width: 320px; }
  .sec6 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .sec6 .block2 {
    margin-left: 0; }
  .sec6 .text {
    font-size: 22px; }
  .sec6 .text1 {
    font-size: 16px; }
  .sec6 .text2 {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 90px;
    font-size: 16px;
    margin-top: 30px; }
  .sec6 .text3 {
    font-size: 16px; }
  .sec6 .text4 {
    height: auto;
    background-position: top;
    border-radius: 10px;
    background-size: 120px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 130px;
    text-align: center; }
  .sec6 .text5 {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    height: auto; }
  .sec6 .text5 span {
    font-size: 16px; }
  .sec6 .wrap-text {
    height: auto; }
  .sec6 .text6 {
    width: 100%;
    height: auto;
    line-height: 24px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .sec7 .image {
    width: 320px;
    height: 320px; }
  .sec7 .text {
    width: 100%;
    font-size: 16px; }
/*  .sec8 .text1 {
    font-size: 42px; }
  .sec8 .text {
    font-size: 22px;
    padding-left: 20px;
    padding-right: 20px; }*/
    .sec8 .sec-title{
      font-size: 20px;
      line-height: 23px;
    }
    .sec8 .slider-expert .slide{
      margin: 0;
      padding: 0;
      max-width: 320px;
      height: 230px;
    }
    .sec8 .slider-expert .expert_photo{
      width: 120px;
      height: 120px;
      padding: 0;
      transform: translate(0%, -33px);
      margin: 0 auto;
      background-size: cover;
    }
    .sec8 .slider-expert .expert_name{
      text-align: center;
      margin-top: 10px;
    }
    .sec8 .slider-expert .slick-list {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .sec8 .slider-expert .expert_position{
      text-align: center;
    }
    .sec8 .slider-expert .slick-prev{
      left: -225px;
    }
    .sec8 .slider-expert .slick-next{
      right: -225px;
    }
  .sec9 .block {
    margin-left: 0;
    margin-right: 0;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px; }
  .sec9 .text1 {
    font-size: 14px; }
  .sec9 .text3 {
    font-size: 22px;
    padding-left: 20px;
    padding-right: 20px; }
  .sec9 .wrap-text {
    height: auto;
    padding-bottom: 20px; }
  .sec9 .text4 {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px; }
  .sec10 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .sec10 .block1 {
    -ms-flex-order: 2;
    order: 2;
    margin-top: 40px; }
  .sec11 {
    padding-top: 50px; }
  .sec11 .image {
    width: 320px;
    height: 410px;
    background-size: contain;
    background-repeat: no-repeat; }
  .sec11 .text1 {
    padding: 20px;
    font-size: 16px; }
  .sec12 .block {
    width: 100%; }
  .sec12 .text {
    font-size: 18px; }
  .sec13 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .sec13 .text {
    font-size: 24px;
    text-align: center; }
    .sec13 .text br {
      display: none; }
  .sec13 .price {
    margin-left: 0;
    margin-top: 30px; }
  .sec14 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .sec14 .block2 {
    margin-left: 0;
    margin-top: 70px; }
  .sec14 .text {
    margin-top: 7px; }
  .sec14 .text1 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px; }
  .sec14 .btn {
    width: 90%; }
  .sec14 .text4 br {
    display: none; }
  .sec15 .block {
    height: auto;
    padding-bottom: 30px; }
  .sec15 .text1 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px; }
  .sec15 .text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px; }
  .sec16 .blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .sec16 .block1 {
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px; }
  .sec16 .image {
    width: 320px;
    height: 430px; }
  .sec16 .text {
    font-size: 24px; }
    .sec16 .text br {
      display: none; }
  .sec16 .text1 {
    font-size: 18px; }
  .sec16 .text3 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    height: auto;
    background-position: 50% 20px;
    padding-top: 100px; }
  .sec16 .ps {
    padding-left: 50px;
    padding-top: 100px; }
  .sec16 .text5 {
    font-size: 14px; }
  .sec17 .text {
    font-size: 18px; }
  .sec17 .btn-end {
    width: 100%;
    font-size: 18px; }
  .sec17 .text1 {
    font-size: 18px; }
  .f {
    display: none; }
  .sec12 .block7 .image {
    height: 200px;
    margin-top: 17px;
    margin-left: 40px; }
  .sec15 {
    padding-top: 80px; }
.footer .part2 {
    padding-left: 30px; }
.sec-packages .text {
    font-size: 17px; }
  .sec-packages .text1 {
    font-size: 28px; }
  .sec-packages .text2 {
    font-size: 16px; }
  .sec-packages .packages {
    margin-top: 50px; }
  .sec-packages .package {
    width: 100%; }
  .sec-currentmonth .text {
    font-size: 18px;
    width: 100%; }
  .sec-currentmonth .text1 {
    font-size: 16px;
    margin-left: 10px; }
  .sec-currentmonth .text3 {
    font-size: 14px; }
  .sec2 .block {
    width: 75%; }
  .sec2 .blocks {
    -ms-flex-pack: center;
    justify-content: center; }
    .sec-video .text{
      font-size: 16px;
    }
    .sec-video .video{
      width: 320px;
      height: 180px;
    }
    .modal-speaker{
      justify-content: flex-start;
    }
    .modal-speaker .modal-content{
      width: 100%;
      padding: 20px;
      padding-top: 150px;
    }
    .sec8 .slider-expert .more{
      margin-top: 10px;
      text-align: center;
    }
    .sec-about .about__title{
      font-size: 34px;
    }
    .sec-currentmonth .info_photo .photo {
      margin-right: 0;
      margin-bottom: -15px;
    }
    .sec-currentmonth .info_photo .photo:last-child {
      margin-bottom: 0;
    }
    .info_photo {
      flex-direction: column;
      width: 65px;
     }
     .info {
       width: calc(100% - 65px);
     }
  }