@media only screen and (min-width: 960px) {
    {}
    .filials-widget .header-of-palces .choice .dropdown-list-wrapper:hover .mobile-absolute .dropdown-list-inner {
      display: block !important;
    }
    
}
@media only screen and (min-width: 1024px) {
    {}
    .helpingline .coll-2.mob, .helpingline .coll-2.tab {
        display: none;   
    }
}
@media only screen and (max-width: 1023px) and (min-width: 560px){
    {}
    .helpingline .coll-2.mob, .helpingline .coll-2.pc {
        display: none;
    }
    
}
@media only screen and (max-width: 1200px) {
  .inside {
    width: 1000px;
  }
    .subscribe-for-free p {
        font-size: 14px;
    }
  .main {
    padding-top: 134px;
    padding-bottom: 106px;
    background-size: 1664px;
  }
  .main h1 strong {
    font-size: 50px;
  }
  .main h1 {
    font-size: 33px;
    margin-bottom: 34px;
  }
  .main h2 {
    font-size: 20px;
  }
  .main-form {
    padding: 84px 0;
  }
  
  .main-form .field {
    width: 300px;
  }
  .main-form .button {
    width: 270px;
  }
  
  .our-workflow .workflow-list .item .desc {
    position: absolute;
    top: 32px;
    left: 18px;
  }

  .our-workflow .workflow-list .item {
    width: 32.5%;
  }

  .methodics .caption {
    width: 654px;
    background-size: 100%;
    padding-top: 75px;
    font-size: 20px;
    line-height: 1.55;
  }
  .methodics .caption .title {
    font-size: 30px;
    margin-bottom: 18px;
  }
  .facts {
    padding: 80px 0 46px
  }
  .facts .title {
    margin-bottom: 58px;
  }
  .facts .facts-list .item .name {
    line-height: 1.4;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .facts .facts-list .item {
    margin-bottom: 58px;
  }
  .teachers {
    padding: 152px 0 60px;
  }
  .teachers .teachers-list .item {
    width: 26%;
  }
  .teachers:not(.students) .teachers-list .item:nth-last-child(2) {
    margin-left: 110px;
  }
  .teachers:not(.students) .teachers-list .item:last-child {
    margin-right: 110px;
  }
  .teachers .teachers-list .item .teachers-name {
    font-size: 20px;
  }
  .prices {
    padding: 40px 0;
  }

  .comments {
    padding: 40px 0 40px;
  }
  .comments .title {
    line-height: 1.35;
    font-size: 30px;
    margin-bottom: 22px;
  }
  .comments .slider-wrapper {
    width: 738px;
  }
  .comments .slider-wrapper .swiper-button-prev {
    left: -80px;
  }
  .comments .slider-wrapper .swiper-button-next {
    right: -80px;
  }
  .comments .slide .desc strong {
    padding-right: 10px;
  }
  .exercises {
    padding: 50px 0px;
  }
  .exercises .title {
    line-height: 1.35;
    font-size: 30px;
    margin-bottom: 33px;
  }
  .filials-widget .header-of-palces .title {
    font-size: 30px;
  }
  .faq {
    padding: 80px 0 34px;
  }
  .faq .title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .video-gallery .title {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 30px;
  }
  .video-gallery {
    padding-bottom: 58px;
   }
   .comments {
    padding: 54px 0;
  }
  .faq .title {
    margin-top: 0;
  }
  .faq {
    padding: 64px 0 34px;
    background-position: left -60px top 192px, right -60px top 192px;
  }
  .video-gallery .title br {
    display: none;
  }
  .faq .question {
 
    border: 2px solid transparent;
    padding: 16px 94px 30px;
    margin-bottom: 4px;
  }
  .faq .question .question-title:before {
    top: 10px;
     
  }
  .faq .question:not(.active) .question-title:after {
    top: 2px;
  
  }
  .about-irbis {
    padding-top: 56px;
  }
  .about-irbis .title {
    font-size: 30px;
    margin-bottom: 22px;
  }
  .about-irbis .subtitle {
    font-size: 20px
  }
  .about-irbis .about-header {
    margin-bottom: 52px;
  }
  .about-irbis .item {
    width: 476px;
  }
  .about-irbis .item .caption {
    left: 40px;
    width: 190px;
    top: 45px;
  }
  .about-irbis .item .caption .name {
    font-size: 30px;
    line-height: 1.3;
  }
  .about-irbis .item .caption .link {
    margin-top: 13px;
    font-size: 18px;
  }
  .methodics {
    background-size: cover;
  }
  .our-workflow .workflow-list .item img {
    height: 216px;
  }
  .header {
    padding-top: 10px;
  }
  .header .studios {
    padding-left: 92px;
  }
  .home {
    padding-bottom: 50px;
    background-size: cover;
    padding-top: 126px;
  }
  .home h1 {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 1.45;
  }
  .home .subtitle {
    margin-bottom: 20px;
  }
  .home .extra-heading {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 52px;
  }
  .benefit-section {
    padding: 50px 0 40px;
    background-position: left -70px top 88px, right -74px top 88px;
  }
 
  .benefit-section .column-right {
    margin-right: 28px;
  }
  .benefit-section .column {
    width: 424px;
  }
  .our-workflow .workflow-list .item {
    max-width: 49%;
    width: 445px;
  }
  .our-workflow .workflow-list .item .desc {
    top: 30px;
    left: 28px;
  }
  .our-workflow .workflow-list .item .desc .name {
    margin-bottom: 6px;
  }
  .methodics {
    padding: 64px 0 40px;
  }
  .methodics .caption {
    padding-top: 68px;
  }
  .methodics .caption .title strong {
    font-size: 56px;
    margin-bottom: 7px;
  }
  .methodics .caption .title {
    font-size: 32px;
    margin-bottom: 23px;
    letter-spacing: -0.5px;
  }
  
  .teachers.students .inside {
    width: 1024px;
  }
  .left-questions .title {
    font-size: 52px;
  }
  
  
}


@media only screen and (max-width: 1023px) {
  .faq .inside,
  .inside {
    width: 750px;
  }
  
  .benefit-section {
    background: #fff;
  }
  .benefit-section .column-item .name br {
    display: none;
  }
  .benefit-section .benefit-list {
    padding-left: 0;
  }
  .benefit-section .title {
    margin-bottom: 50px;
  }
  .main {
    padding-top: 118px;
    padding-bottom: 84px;
    background-size: 1260px;
  }
  .main h1 strong {
    font-size: 36px;
  }
  .main h1 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .main h2 {
    margin-bottom: 26px;
    font-size: 14px;
  }
  .main .subscribe-for-free .button {
    margin-top: 12px;
  }
  .main .subscribe-for-free .button a {
    width: 242px;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
  }
  
  .main-form .field input {
    height: 58px;
  }
  .main-form .title {
    margin-bottom: 18px;
    font-size: 20px;
  }
  .main-form .form-wrapper {
    padding: 28px 56px 28px;
  }
  .main-form .button {
    margin-top: 20px;
    width: 100%;
  }
  .main-form .agreements {
    margin-top: 10px;
  }
  
  .benefit-section .title {
    font-size: 30px;
  }
  .benefit-section .column-item .name {
    font-size: 18px;
  }
  .benefit-section .column-item .name {
    margin-bottom: 20px;
  }
  .benefit-section .column {
    width: 346px;
  }
  .benefit-section .column-right {
    margin-right: 0;
  }
  .our-workflow .inside {
    width: 750px;
  }
  .our-workflow .title {
    font-size: 30px;
    margin-bottom: 50px;
  }
  
 
  .about-irbis .item {
    width: 350px;
  }
  .about-irbis .title {
    font-size: 26px;
    margin-bottom: 14px;
  }
  .about-irbis .subtitle {
    font-size: 16px;
  }
  .about-irbis .about-header {
    margin-bottom: 30px;
  }
  .about-irbis .item .caption .name {
    font-size: 26px;
  }
  .about-irbis .item .caption {
    left: 30px;
    top: 30px;
  }
  .about-irbis .item .caption .link {
    font-size: 16px;
  }
  .left-questions .left {
    width: 100%;
    text-align: center;
  }
  .left-questions .title {
    margin-bottom: 14px;
    font-size: 26px;
  }
 
  .about-irbis {
    padding: 54px 0;
  }
  .left-questions .right {
    margin: 0 auto;
  }
  .left-questions .subtitle {
    font-size: 16px;
    width: 400px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 18px;
  }
  .left-questions {
    padding-bottom: 58px;
  }
  .filials-table .fitem {
    width: 32%
  }
  .facts .facts-list .item {
    width: 48%;
  }

  .filials-table .fitem {
    width: 33%;
    box-sizing: border-box;
  }
  .filials-table .fitem .inner {
    padding: 11px;
  }
  .filials-table .fitem p {
    font-size: 13px;
  }
  .exercises .title {
    font-size: 30px;
  }
  .helpingline .coll-3 a {
    margin-left: 0;
    margin-right: 24px;
  }
  .helpingline .coll-3 {
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .helpingline .flex {
    display: block;
  }
  .helpingline .coll-2 {
    position: absolute;
    right: 0px;
    bottom: 0;
  }
  .helpingline .coll-2 img {
    display: block;
    width: auto;
  }
  .helpingline {
    padding-top: 26px;
  }
  .footer .column-3 {
    padding-top: 30px;
    width: 100%;
  }
  .footer .centred-info {
    padding-right: 0;
    text-align: right;
    margin-top: 10px;
  }
  .footer .centred-info .socials .flex {
    justify-content: flex-end;
  }
  .footer .centred-info .socials li {
    margin-right: 0;
    margin-left: 20px;
    margin-top: 10px;
  }
  .comments .slider-wrapper .swiper-button-next {
    right: -50px;
  }
  .comments .slider-wrapper .swiper-button-prev {
    left: -50px;
  }
  .comments .slider-wrapper {
    width: 700px;
  }
  .exercises .swiper-slide a img {
    width: 560px;
  }
  .exercises .slider-wrapper .swiper-button-prev {
    right: auto;
    left: 100px;
    margin-left: 0;
  }
  .exercises .slider-wrapper .swiper-button-next {
    left: auto;
    right: 100px;
    margin-right: 0;
  }
  .exercises .swiper-container {
    max-width: 120%;
    margin-left: -10%;
  }
  .main-form {
    padding: 64px 0;
  }
  .our-workflow .workflow-list .item img {
    height: 210px;
  }
  .our-workflow .workflow-list .item .desc {
    top: 20px;
    left: 20px;
  }
  .methodics .caption:after {
    top: 52px;
  }
  .teacher-detail-view .description {
    width: calc(100% - 190px);
  }
  .main {
    padding-top: 130px;
  }
  #subscribe {
    padding: 40px;
  }
  .facts .title {
    font-size: 30px;
  }
  .header .studios {
    width: 260px;
    padding-left: 52px;
  }
  .header .studios br {
    display: none;
  }
  .header .studios .studios-div {
    width: 200px;
  }
  .home {
    padding-top: 114px;
  }
  .home .extra-heading {
    letter-spacing: -0.1px;
  }
  .home div.button a {
    width: 348px;
  }
  .home div.buttons.flex {
    justify-content: space-between
  }
  .home .subscribe-for-free, .home .get-know-for-free {
    margin: 0;
  }
  .facts .facts-list {
    justify-content: space-around
  }
  .facts .facts-list .item {
    width: 43%;
  }
  .teachers .title {
    font-size: 30px;
  }
  .teachers {
    padding: 114px 0 80px;
    background-size: 330px;
    background-position: center 40px;
  }
  .teachers .inside {
    width: 750px;
  }
  .teachers .teachers-list .item {
    width: 34%;
  }
  .teachers:not(.students) .teachers-list .item:nth-last-child(2) {
    margin-left: 0;
  }
  .teachers:not(.students) .teachers-list .item:last-child {
    margin-right: 0;
  }
  .performance .title {
    font-size: 30px;
  }
  .performance .inside {
    width: 740px;
  }
  .teachers.students .teachers-list .item {
    width: 42%;
  }
  .teachers.students .inside {
    width: 740px;
  }
  .teachers.students {
    padding-bottom: 20px;
  }
  .exercises {
    padding: 30px 0px 46px;
  }
  .exercises .title br {
    display: none;
  }
  .exercises .title {
    margin-bottom: 20px;
  }
  .video-gallery .slider-wrapper {
    width: 564px;
    max-width: 100%;
    margin: 0 auto;
  }
  .video-gallery .inside a img {
    max-width: 100%;
  }
  .prices .prices-table {
    width: 552px;
  }
  .prices .prices-table .title {
    font-size: 30px;
  }
  .prices .prices-table .column {
    width: 236px;
  }
  .prices .prices-table .column .row .label {
    font-size: 16px;
  }
  .prices .prices-table {
    padding:  30px;
  }
  .prices .prices-table .title {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .prices .prices-table .column .row {
    padding: 14px 10px 14px 20px;
  }
  .prices .prices-table .column .row .row-desc {
    font-size: 13px;
  }
  .prices .prices-table .column .row .label {
    margin-bottom: 4px;
  }
  .prices .button {
    padding-top: 20px;
  }
  .video-gallery .slider-wrapper {
    width: 540px;
  }
  .prices .prices-table .column .row .price {
    font-size: 24px;
  }
  .video-gallery .swiper-button-prev {
    left: -46px
  }
  .video-gallery .swiper-button-next {
    right: -46px
  }
  .prices .prices-table .column .row.center {
    padding: 20px 10px 20px 20px;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 700px) {
    {}
    .performance .inside .flex {
      justify-content: center;
    }
    .performance li {
      width: 190px;
      margin: 0 10px 34px;
    }
    .prices .prices-table .column .row:last-child {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 960px) {
    {}
    .filials-widget .dropdown-list-wrapper.open .dropdown-list-inner {
      display: block !important;
    }
    
}
@media only screen and (max-width: 860px) {
  .exercises .swiper-container {
    max-width: 130%;
    margin-left: -15%;
  }
  .exercises .slider-wrapper .swiper-button-prev {
    left: 7%;
  }
  .exercises .slider-wrapper .swiper-button-next {
    right: 7%;
  }
  .comments .slider-wrapper {
    width: 478px;
  }
  .teachers .teachers-list .item {
    width: 48%;
  }
  .teachers .title {
    font-size: 30px;
  }
  .methodics .caption {
    font-size: 16px;
    background-size: 530px;
    width: 530px;
    padding-top: 58px;
    padding-bottom: 60px;
  }
  .methodics .caption .title {
    font-size: 26px;
  }
  .methodics .caption strong {
    display: inline;
  }
  .prices {
    background-size: 1380px;
    background-position: right -400px center;
  }
  #map-with-places2 .inner {
    width: 100%;
  }
  .exercises .inner .preview img {
    width: calc(100vw - 200px);
  }
  .exercises .slider-wrapper .swiper-button-prev {
    left: 10px;
  }
  .exercises .slider-wrapper .swiper-button-next {
    right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .exercises .swiper-container {
    max-width: 100%;
    margin-left: 0%;
  }
  .exercises .inner .preview img {
    width: auto;
  }
  .exercises .swiper-slide a img {
    width: auto;
    margin: 0 auto;
  }
  .exercises .slider-wrapper {
    padding: 0 12px;
  }
  .exercises .slider-wrapper .swiper-button-prev {
    left: 6px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 100%
  }
  .exercises .slider-wrapper .swiper-button-next {
    right: 6px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 100%
  }
  .filials-table .inside {
    width: 520px;
  }
  .filials-table .fitem {
    width: 48%;
  }
  .faq .question {
    padding-left: 40px;
    padding-right: 20px;
  }
  .faq .question .question-title:before {
    left: -34px;
    
  }
  .faq .question:not(.active) .question-title:after {
    left: -26px;
 
  }
  
  .faq .question-inner .question-title {
    font-size: 18px;
  }
  .faq .question-inner .answer {
    margin-top: 20px;
  }
  .about-irbis .flex {
    justify-content: space-around;
  }
  .about-irbis .item.black {
    margin-bottom: 20px;
  }
  .comments .slider-wrapper .swiper-button-prev {
    left: -30px;
  }
  .comments .slider-wrapper .swiper-button-next {
    right: -30px;
  }
  .main-form .form-wrapper {
    padding: 28px 30px;
  }
  .main-form .field {
    max-width: 49%;
    width: 49%;
  }
  .helpingline .coll-2 img {
    width: 320px;
  }
  .benefit-section .column {
    max-width: 48%;
  }
  .exercises .title br {
    display: inline;
  }
  .faq {
    background: none;
  }
}
@media only screen and (max-width: 700px) {
  .our-workflow .inside .workflow-list {
    width: 350px;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 40px;
  }
  .performance .inside .flex {
      justify-content: center;
  }
  .our-workflow .workflow-list .item {
    width: 100%;
    margin-bottom: 20px;
    max-width: 100%;
  }
  .our-workflow .workflow-list .item .desc .name {
    font-size: 24px;
  }
  .our-workflow .workflow-list .item .desc .txt {
    font-size: 16px;
  }
  .our-workflow .title {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .home div.buttons.flex {
    display: none;
  }
  .home .extra-heading br {
    display: none;
  }
  .home .extra-heading {
    margin-bottom: 0;
  }
  .home h1 {
    font-size: 30px;
  }
  .subscribe-for-free-section {
    display: block;
  }
  .video-gallery .swiper-button-prev,
  .video-gallery .swiper-button-next {
    display: none;
  }
  .video-gallery .swiper-pagination {
    margin-top: 30px;
    text-align: center;
    display: block;
  }
  .video-gallery .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 660px) {
  .prices .list {
    justify-content: center;
  }
  .prices .prices-table .column {
    width: 100%;
  }
  .prices .prices-table .column-1 {
    margin-bottom: 20px;
  }
  .prices {
    background: #021527 url(../images/bg_price_mob.svg) no-repeat center bottom;
    background-size: 100%;
  }
  .helpingline .coll-2 img {
    width: 260px;
  }
  .teacher-detail-view .description .title {
    font-size: 20px;
  }
  .teacher-detail-view {
    padding: 38px 20px;
    text-align: center;
  }
  .teacher-detail-view .description {
    width: 100%;
    margin-left: 0;
    padding-top: 20px;
  }
  .teacher-detail-view .flex {
    justify-content: center;
  }
  .teacher-detail-view .description ul li {
    text-align: left;
  }
  .our-workflow .title {
    margin-bottom: 30px;
  }
  .prices .prices-table {
    width: 100%;
  }
  .prices .prices-table .column .row:last-child {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .prices .prices-table .column .row .row-desc:first-child {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .helpingline .coll-2 img {
    width: 240px;
  }
  
  .footer .column-1 {
    width: 300px;
  }
  .helpingline .coll-3 a {
    margin-right: 10px;
  }
  .benefit-section .inside {
    width: 500px;
  }
  .benefit-section .column {
    max-width: 100%;
    width: auto;
  }
  .main-form {
    padding: 70px 0 40px;
  }
  .teachers .inside,
  .teachers.students .inside {
    width: 300px;
  }
  .teachers .teachers-list .item,
  .teachers.students .teachers-list .item {
    width: 260px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 560px) {
  .teachers .teachers-list .item {
    width: 100%;
  }
  .helpingline .coll-2.tab {
    display: none;
  }
  .footer {
    padding-bottom: 0;
  }
  .footer .centred-info .phone {
    margin-bottom: 24px;
  }
  .footer .inside {
    padding-left: 0;
    padding-right: 0;
  }
  .footer .column-1 {
    border-bottom: 1px solid #9164bf;
  }
  .footer .column {
    width: 100%;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .footer .centred-info {
    width: 100%;
    width: 100%;
    box-sizing: border-box;
    order: -1;
    text-align: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #9164bf;
    padding-left: 12px;
    padding-right: 12px;
  }
  .footer .centred-info .socials .flex {
    justify-content: center;
  }
  .footer .centred-info .socials li {
    margin-left: 10px;
    margin-right: 10px;
  }
  .comments .inside .slider-wrapper {
    width: 226px;
    margin: 0 auto;
  }

  .filials-widget .header-of-palces .title,
  .faq .title,
  .exercises .title,
  .prices .prices-table .title,
  .teachers .title,
  .comments .title {
    font-size: 26px;
  }
  .comments .slider-wrapper .swiper-button-prev {
    left: -50px;
  }
  .comments .slider-wrapper .swiper-button-next {
    right: -50px;
  }

  .filials-table {
    display: none;
  }
  .facts .facts-list .item {
    width: 100%;
  }
  .main-form {
    background-size: cover;
    padding-top: 66px;
  }
  .main-form .field {
    width: 100%;
    max-width: 100%;
  }
  .main-form .title {
    text-align: center;
    line-height: 1.4;
  }
  .main-form .field:nth-child(1) {
    margin-bottom: 16px;
  }
  .main-form .button {
    margin-top: 16px;
  }
  .main-form .field input {
    height: 56px;
  }
  .prices .prices-table .column .row .price {
    font-size: 26px;
  }
   
  .left-questions {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
  }

  .helpingline .inside {
    width: 375px;
  }
  .helpingline .pc {
    display: none;
  }
  .helpingline .mobile {
    display: block;
  }
  .helpingline .coll-2.mobile img {
    max-width: 100%;
    width: auto;
  }
  .helpingline .coll-1,
  .helpingline .coll-3 {
    width: calc(100% - 160px);
  }
  .helpingline .coll-1 .title {
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 1.3;
  }
  .helpingline .coll-3 a {
    margin-bottom: 10px;
  }

  .teachers {
    background-size: 240px auto;
    padding-top: 80px;
    background-position: center 30px;
  }
  .teachers .title {
    font-size: 22px;
    margin-bottom: 100px;
  }
  .facts {
    padding: 40px 0 2px;
    background: #fff9f9;   
  }
  .facts:after {
    display: none;
  }
  .main-form .button button {
    height: 56px;
  }
  .methodics .inside {
    padding-left: 0;
    padding-right: 0;
  }
  .methodics .caption {
    width: 480px;
    padding-top: 40px;
    background-size: 480px;
    max-width: 100%;
  }
  .methodics {
    padding: 94px 0;
  }
  .methodics .caption .title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  .benefit-section .column {
    width: 100%;
    max-width: 100%;
  }
  .our-workflow .subtitle {
    line-height: 1.3;
  }
  .benefit-section .column-item .ico {
    margin-bottom: 18px;
  }
  .benefit-section .column-item .name {
    margin-bottom: 14px;
  }
  .benefit-section {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  
  .benefit-section .column-item .name br {
    display: none;
  }

  .left-questions .right .button {
    max-width: 49%
  }
  .left-questions .right .field {
    max-width: 49%;
  }
  .home h1 {
    font-size: 24px;
  }
  .home .subtitle {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 740px) {
  
  .header .studios {
    font-size: 0
  }
  .header .studios,
  .header .contact-info {
    display: none;
  }
  .header .mobile {
    display: block;
  }
  .header .mobile .phone {
    margin-left: 30px;
  }
  .header {
    border-bottom: 1px solid #7f9dba;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .header .inside {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header .logo img {
    width: 160px;
  }
  .home div.buttons.flex {
    justify-content: space-around;
  }
  .home div.button a {
    width: 300px;
  }
  .filials-widget #map-with-places2 div.inner {
    width: 100%;
  }
  .performance .title {
    font-size: 24px;
  }
  .video-gallery .swiper-slide a:after {
    background-size: 50px;
  }
  .teachers:not(.students) .title {
    padding-left: 0;
  }
  .methodics .caption .title {
    font-size: 22px;
  }
  .methodics .caption p br {
    display: none;
  }
  .left-questions .inside {
    background: none;
  }
}
@media only screen and (max-width: 500px) {
  .faq .question,
  .faq .question.active {
    border: none;
  }
  .faq .question-inner .question-title {
    font-size: 16px;
  }
  .our-workflow .subtitle {
    line-height: 1.4;
  }
  .our-workflow .workflow-list .item .desc {
    top: 26px;
    left: 26px;
  }
  .our-workflow .workflow-list .item img {
    height: 216px;
  }
  .left-questions .right .button {
    max-width: 100%;
    width: 100%;
  }
  .left-questions .right .button button {
    width: 100%;
  }
  .left-questions .right .field {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .left-questions .agreements {
    margin-top: 14px;
    line-height: 1.4;
  }

  #subscribe {
    padding: 30px 20px;
  }
  .subscribe-window .title {
    font-size: 22px;
    line-height: 1.25;
  }
  
  .prices .button a,
  .subscribe-window .button button {
    font-size: 13px;
  }
  
  .prices .button a strong,
  .main-form .button button,
  .subscribe-window .button button strong,
  .subscribe-for-free .button a {
    font-size: 18px;
  }
  .filials-widget .header-of-palces .choice .drop-hendler .pc {
    display: none;
  }
  
  .filials-widget .header-of-palces .choice .drop-hendler .mob {
    display: block;
    color: #333333;
  }
  .filials-widget .header-of-palces .choice .drop-hendler {
    
    text-decoration: none;
    color: #333333;
    width: 280px;
    height: 38px;
    text-align: left;
    background: #f6f6f6;
    font-size: 18px;
    padding-left: 12px;
    line-height: 25px;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .filials-widget .header-of-palces .select-station {
    display: none;
  }
  .filials-widget .header-of-palces .choice .drop-hendler span:before {
    display: none;
  }
  .filials-widget .header-of-palces .choice .drop-hendler span:after {
    right: 10px;
    top: 18px;
    border-top-color: #333333;
  }
  .filials-widget .dropdown-list-inner {
    top: 40px;
    width: 280px;
    left: 0;
  }
  .filials-widget .header-of-palces .choice .drop-hendler span {
    position: static;
  }
  #map-with-places .header-of-palces .ttl {
    font-size: 26px;
  }
  .map-content .button-s a {
    max-width: 100%;
  }
  .map-content .underlined-link br {
    display: none;
  }
  .teacher-detail-view .description ul li {
    font-size: 16px;
  }
  
}
@media only screen and (max-width: 480px) {
  {  }
  .teachers.students .title {
    margin-bottom: 40px;
  }
  .faq .question {
    padding-right: 0px;
  }
  .main {
    padding-top: 90px;
    background-color: #021527;
    background-image: url(../images/main_mob.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
    text-align: center; 
    height: 480px;
    box-sizing: border-box;
  }
  .header .logo img {
    width: 150px;
  }
  .main h1 {
    line-height: 1.3;
    margin-bottom: 14px;
  }
  .main .subscribe-for-free {
    display: none;
  }
  .subscribe-for-free-section {
    text-align: center;
    display: block;
  }
  .methodics .caption {
    height: 240px;
    padding: 30px 20px;
  }
  .performance:before {
    height: 60px;
    top: -60px
  }
  .teachers {
    
  }
  .faq {
    padding-top: 20px;
  }
  .filials-widget .header-of-palces .title,
  .faq .title,
  .comments .title,
  .exercises .title,
  .prices .prices-table .title,
  .teachers .title,
  .about-irbis .title,
  .left-questions .title,

  .facts .title,
  .comments .title {
    font-size: 20px
  }
  
  .teachers {
    padding-bottom: 50px;
  }
  .faq .question {
    padding-bottom: 16px;
  }
  .faq .question-inner .answer {
    font-size: 14px;
  }
  .filials-widget .header-of-palces .subtitle {
    font-size: 16px;
  }
  .prices .prices-table {
    padding: 26px 20px;
  }
  .prices .prices-table .column .row {
    padding-left: 20px;
  }
  .prices .prices-table .column .row .label {
    font-size: 16px;
  }
  .prices .button {
    padding-top: 20px;
  }
  .comments .slider-wrapper .swiper-button-prev {
    left: -40px;
  }
  .comments .slider-wrapper .swiper-button-next {
    right: -40px;
  }
  .prices .prices-table .column .row .price {
    font-size: 22px;
  }
  .benefit-section {
    padding-top: 0;
  }
  .teachers .teachers-list .item .teachers-name {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .teachers.students .inside {
    width: 350px;
  }
  .methodics .caption:after {
        top: 20px;
  }
  .about-irbis .item .caption {
        left: 20px;
        top: 20px;
  }
  .about-irbis .item .caption .name {
    line-height: 1.15;
  }
  .about-irbis .item .caption .link {
    margin-top: 10px;
  }
  
}
@media only screen and (max-width: 400px) {
    {}
    .home h1 {
        font-size: 22px;
    }
    .our-workflow .workflow-list .item .desc {
        left: 18px;
    }
    .our-workflow .workflow-list .item .desc .name {
        font-size: 20px;
    }
    .our-workflow .workflow-list .item .desc .txt {
        font-size: 14px;
    }
    .map-content p.way-s {
        font-size: 13px;
    }
    .our-workflow .title {
        font-size: 22px;
    }
    .our-workflow {
        padding: 40px 0
    }
    .our-workflow .title {
        margin-bottom: 20px;
    }
    .our-workflow .subtitle {
        font-size: 16px;
    }
    .our-workflow .inside .workflow-list {
        margin-top: 20px;
    }
    
    .methodics .caption .title strong {
        font-size: 40px;
    }
    .methodics .caption {
        padding: 30px 10px 20px;
    }
    .methodics .caption br {
        display: none;
    }
    .faq {
        padding-top: 50px;
    }
    .video-gallery .title {
        font-size: 20px;
    }
    .performance .title {
        font-size: 20px;
    }
    .performance .subtitle {
        font-size: 20px;
    }
    
}

@media only screen and (max-width: 370px) {
    {}
    .home h1 {
        font-size: 20px;
    }
    .home .subtitle {
        font-size: 18px;
    }
    .benefit-section .title {
        font-size: 22px;
    }
    
    .home .extra-heading {
        font-size: 15px;
    }
    .main h1 strong {
        font-size: 30px;
    }
    .main h1 {
        font-size: 18px;
    }
    .our-workflow .workflow-list .item img {
        height: 170px;
    }
    .our-workflow .title {
        font-size: 20px;
    }
    .our-workflow .inside .workflow-list {
        padding-top: 0;
    }
}