@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: 1025px) {
    {}
    .helpingline .coll-2.mob, .helpingline .coll-2.tab {
        display: none;   
    }
}
@media only screen and (max-width: 1024px) and (min-width: 560px){
    {}
    .helpingline .coll-2.mob, .helpingline .coll-2.pc {
        display: none;
    }
    
}
@media only screen and (max-width: 1560px) {
  {}
  .irbis-not-just-musical {
    background-size: 1860px;
    background-position: right center;
  }
}
@media only screen and (max-width: 1200px) {
  .inside {
    width: 1000px;
  }
  .irbis-not-just-musical {
    background-size: 1860px;
    background-position: right center;
  }
  .irbis-not-just-musical {
    background-position: right -60px center;
  }
    .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;
  }
  .just-call-list {
    padding: 54px 0 58px;
  }
  .just-call-list .item .ico {
    margin-bottom: 24px;
  }
  .main-form {
    padding: 84px 0;
  }
  .main-form .title {
    font-size: 29px;
  }
  .main-form .field {
    width: 300px;
  }
  .main-form .button {
    width: 270px;
  }
  .benefit-section {
    padding: 37px 0 40px;
  }
  .benefit-section .column .title {
    font-size: 52px;
    letter-spacing: -0.6px;
    margin-bottom: 56px;
  }
  .benefit-section .column:nth-child(2) {
    margin-right: 28px;
  }
  .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: 54px 0 80px;
  }
  .facts .title {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .facts .facts-list .item .name {
    line-height: 1.4;
    font-size: 18px;
    margin-bottom: 13px;
  }
  .facts .facts-list .item {
    margin-bottom: 34px;
  }
  .teachers {
    padding-top: 154px;
  }
  .teachers .teachers-list .item {
    width: 31%;
  }
  .teachers .teachers-list .item .teachers-name {
    font-size: 18px;
  }
  .prices {
    padding: 60px 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: 12px 0px;
  }
  .exercises .title {
    line-height: 1.35;
    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;
  }
  
  .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: 200px;
    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;
  }
  
  
  .prices {
    background-size: cover;
  }
  .prices .prices-table-new {
    width: 526px;
    padding: 34px 30px;
  }
  .prices .prices-table-new .title {
    margin-bottom: 16px;
  }
  .prices .prices-table-new .list .row {
    padding: 23px 32px 18px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq .inside,
  .inside {
    width: 750px;
  }
  .irbis-not-just-musical {
    padding-top: 90px;
    padding-bottom: 96px;
    background-size: 1304px;
    background-position: center;
  }
  .irbis-not-just-musical .caption h3 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 22px;
  }
  .irbis-not-just-musical .caption p {
    font-size: 20px;
  }
  .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;
  }
  .just-call-list .item .ico img {
    width: 120px;
  }
  .just-call-list .item .ico {
    margin-bottom: 14px;
  }
  .just-call-list .item h4 {
    font-size: 15px;
  }
  .just-call-list .item .desc p {
    font-size: 13px;
  }
  .just-call-list {
    padding: 54px 0 32px;
  }
  .about {
    padding: 104px 0 82px;
  }
  .about .left-description .title {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .about .left-description {    
    width: 430px;
  }
  .about {
    padding: 122px 0 82px;
  }
  .about .left-description p {
    line-height: 1.55;
    font-size: 15px;
  }
  .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 .column .title {
    font-size: 40px;
  }
  .benefit-section {
    padding-top: 26px;
  }
  .benefit-section .column .title {
    margin-bottom: 74px;
  }
  .benefit-section .column .column-item .name {
    font-size: 18px;
  }
  .benefit-section .column .column-item .name {
    margin-bottom: 20px;
  }
  .benefit-section .column {
    width: 346px;
  }
  .benefit-section .column:nth-child(2) {
    margin-right: 0;
  }
  .our-workflow {
    padding: 58px 0;
  }
  .our-workflow .title {
    font-size: 26px;
    margin-bottom: 16px;
  }
  .our-workflow .workflow-list {
    margin-top: 38px;
  }
  .our-workflow .workflow-list .item .desc {
    top: 20px;
    left: 12px;
  }
  .our-workflow .workflow-list .item .desc .name {
    font-size: 18px;
  }
  .our-workflow .workflow-list .item .desc .txt {
    font-size: 12px;
  }
  .our-workflow .subtitle {
    font-size: 18px;
  }
  .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: 50px 0;
  }
  .our-workflow .workflow-list .item img {
    height: 170px;
  }
  .teacher-detail-view .description {
    width: calc(100% - 190px);
  }
  .main {
    padding-top: 130px;
  }
  #subscribe {
    padding: 40px;
  }
}
@media only screen and (max-width: 960px) {
    {}
    .filials-widget .dropdown-list-wrapper.open .dropdown-list-inner {
      display: block !important;
    }
    #map-with-places2 {
        padding-top: 40px;
    }
    .prices {
        padding: 40px 0;
        background-position:right -350px top;
    }
    .prices .prices-table-new .title {
        font-size: 26px;    
    }
    .prices .prices-table-new {
        padding: 20px 24px 26px;
        width: 518px;
    }
    .prices .prices-table-new .list .row {
        padding: 23px 35px 16px;
    }
    .prices .prices-table-new .list .row .label {
        margin-bottom: 9px;
    }
    .prices .prices-table-new .list .row.bottom {
        padding: 19px 34px 24px;
    }
    .prices .prices-table-new .list .row.bottom .price-bottom:first-child {
        margin-bottom: 15px;
    }
    .prices .button {
        padding-top: 24px;
    }
}
@media only screen and (max-width: 860px) {
  .exercises .swiper-container {
    max-width: 130%;
    margin-left: -15%;
  }
  .prices {
        background-position:right -400px top;
  }
  .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;
  }
}
@media only screen and (max-width: 768px) {
  .exercises .swiper-container {
    max-width: 100%;
    margin-left: 0%;
  }
  .exercises .swiper-slide a img {
    width: auto;
    margin: 0 auto;
  }
  .exercises .slider-wrapper {
    padding: 0 12px;
  }
  .just-call-list .item {
    
    max-width: 100%;
    margin-bottom: 20px;
  }
  .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%;
  }
}
@media only screen and (max-width: 767px) {
    {}
    .prices .prices-table-new {
        width: 100%;    
    }
    .prices .prices-table-new .list .row.bottom .price-bottom {
        line-height: 1.4;
    }
    
    .irbis-not-just-musical {
        background-size: cover;
        background-position: right -70px
    }
}
@media only screen and (max-width: 700px) {
  .our-workflow .inside .workflow-list {
    width: 350px;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 40px;
  }
  .our-workflow .workflow-list .item {
    width: 100%;
    margin-bottom: 20px;
  }
  .our-workflow .workflow-list .item .desc .name {
    font-size: 24px;
  }
  .our-workflow .workflow-list .item .desc .txt {
    font-size: 16px;
  }
}
@media only screen and (max-width: 660px) {
  .prices .list {
    justify-content: center;
  }
  
  .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;
  }
}
@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;
  }
  .just-call-list .item {
    width: 260px;
  }
}
@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-new .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;
  }
  
   
  .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 .title {
    font-size: 36px;
  }
  .benefit-section .column {
    width: 100%;
    max-width: 100%;
  }
  .our-workflow .subtitle {
    line-height: 1.3;
  }
  .benefit-section .column .column-item .ico {
    margin-bottom: 18px;
  }
  .benefit-section .column .column-item .name {
    margin-bottom: 14px;
  }
  .benefit-section {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .benefit-section .column .title {
    text-align: center;
    margin-bottom: 40px;
  }
  .benefit-section .column .column-item .name br {
    display: none;
  }
  .just-call-list .item {
    width: 100%;
  }

  .left-questions .right .button {
    max-width: 49%
  }
  .left-questions .right .field {
    max-width: 49%;
  }
  .irbis-not-just-musical {
        background-size: cover;
        background-position: right -70px center;
        text-align: center;
        padding-top: 60px;
        padding-bottom: 66px;
    }
    .irbis-not-just-musical .caption h3 {
        font-size: 24px;
    }
    .irbis-not-just-musical .caption p {
        padding-right: 0;
        font-size: 18px;
    }
    .irbis-not-just-musical .caption .button a {
        font-size: 16px;
    }
    
}
@media only screen and (max-width: 740px) {
  .about {
    background: #8257b0;
    padding: 50px 0;
  }
  .about .flex {
    justify-content: center;
  }
  .about .left-description {
    width: 100%;
  }
  .about .small-desc {
    order: -1;
    position: relative;
    bottom: 0;
    margin-bottom: 30px;
    right: 0;
    z-index: 2;
    margin-top: -60px;
  }
  .about .director-img  {
    margin: 0 auto;
    display: block;
    width: 100%;
    order: -2;    
    text-align: center;
  }
  .about .left-description p em {
    font-size: 14px;
  }
  .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;
  }
  #subscribe {
    padding: 40px;
  }
  .filials-widget #map-with-places2 div.inner {
    width: 100%;
  }
}
@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;
  }
  .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: block;
  }
  .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) {
  .header {
    background: #021527; 
  }
  .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;
  }
  .faq {
    padding-top: 20px;
  }
  .filials-widget .header-of-palces .title,
  .faq .title,
  .comments .title,
  .exercises .title,
  .prices .prices-table-new .title,
  .teachers .title,
  .about-irbis .title,
  .left-questions .title,
  .benefit-section .column .title,
  .facts .title,
  .comments .title {
    font-size: 20px
  }
  .benefit-section .column .title {
    font-size: 26px;
  }
  .teachers {
    padding-bottom: 0;
  }
  .faq .question {
    padding-bottom: 16px;
  }
  .faq .question-inner .answer {
    font-size: 14px;
  }
  .filials-widget .header-of-palces .subtitle {
    font-size: 16px;
  }
  .prices .prices-table-new {
    padding: 26px 30px;
  }
  .comments .slider-wrapper .swiper-button-prev {
    left: -40px;
  }
  .comments .slider-wrapper .swiper-button-next {
    right: -40px;
  }
  .prices .prices-table-new .list .row .label {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .prices .prices-table-new .list .row .row-desc {
    font-size: 13px;
  }
  .prices .prices-table-new .list .row {
    padding: 23px 23px 17px;
  }
  .prices .prices-table-new .list .row.center {
    padding: 16px 23px;
  }
  .prices .prices-table-new .list .row.center .price {
    font-size: 26px;
  }
  .prices .prices-table-new .list .row.bottom strong {
    font-size: 16px;
  }
  .prices .prices-table-new .list .row.bottom .price-bottom:first-child {
    margin-bottom: 10px;
  }
  .prices .prices-table-new .list .row.bottom {
    padding: 19px 23px 20px;
  }
}
@media only screen and (max-width: 370px) {
    {}
    .main h1 strong {
        font-size: 30px;
    }
    .main h1 {
        font-size: 18px;
    }
    .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;
    }
    .irbis-not-just-musical .caption h3 {
        font-size: 22px;
    }
}