/*// X-Small devices (portrait phones, less than 576px)*/
/*!*@media (max-width: 575.98px) { ... }*! *//*НЕ БОЛЬШЕ 575 >*/

/*// Small devices (landscape phones, 576px and up)*/
/*@media (min-width: 576px) { ... }*/ /* НЕ МЕНЬШЕ 576 >*/

/*// Small devices (landscape phones, less than 768px)*/
/*@media (max-width: 767.98px) { ... }*/

/*// Medium devices (tablets, 768px and up)*/
/*@media (min-width: 768px) { ... }*/

/*// Medium devices (tablets, less than 992px)*/
/*@media (max-width: 991.98px) { ... }*/

/*// Large devices (desktops, 992px and up)*/
/*@media (min-width: 992px) { ... }*/

/*// Large devices (desktops, less than 1200px)*/
/*@media (max-width: 1199.98px) { ... }*/

/*// X-Large devices (large desktops, 1200px and up)*/
/*@media (min-width: 1200px) { ... }*/


/*// X-Large devices (large desktops, less than 1400px)*/
/*@media (max-width: 1399.98px) { ... }*/

/*// XX-Large devices (larger desktops, 1400px and up)*/
/*@media (min-width: 1400px) { ... }*/

/*// Small devices (landscape phones, 576px and up)*/


/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767.98px) {
.courses{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
}
.courses div.n_pck {
    margin-top: 50px;
    width:100%;
}
.solfegio{
    max-width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
}
.music_lit{
    width: 100%;
    margin:  0 auto;
    padding-bottom: 5%;
}
.package, .buy__form{
    font-size: 200%;
}
.name_level {
    font-size: 150%;
}
.subjects li {
    font-size: 250%;
    display:flex;
    justify-content: space-between;
    margin-bottom: 15px;
    text-align: justify;
}
ul.subjects li span.price {
    font-size: 113%;
    margin-left: 25px;
}
.subjects{
    margin:0 3% ;
}
.total_cost {
    margin: 50px 0;
}
a.buy__form{
    margin-bottom:100px;
}
.bknotes {
    margin-top: -100px;
}
.solfegio h2{
    margin-top: 400px;
    margin-bottom: 100px;
    margin-right: 50px;
    font-size: 450%;
}
h5.course__length {
    font-size: 200%;
    text-align: center;
    margin-bottom: 75px;
}
.content_list {
    display: flex;
    flex-direction:column;
    margin-bottom: 140px;
    background-color: #e9a484;
}
.fortepiano{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}
.be_musical{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.course__length + ul li{
    font-size: 200%;
    margin: 0 10%;
    margin-bottom: 75px;
}
div.last_list_div{
    margin-left: 0;
    padding-bottom: 150px;
}
.bk__musliter {
    margin-top: -30%;

}
.content_list div ul li:before{
    font-size: 250%;
    left: -80px;
}
.fist_ul{
    flex-direction: column;
}
.fist_ul h2 {
    margin-top: 125px;
    white-space: normal;
}
.ul_lit{
    margin-right: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 85%;
}
.ul_lit li{
    font-size: 180%;
}
.ul_lit li:before{
    left: 40px;
    font-size: 275%;
}
.programs ul.ullimus {
    position: relative; column-count: 2; column-gap: 100px; text-align: justify;
}
}

/*// Medium devices (ta
mb50pxblets, 768px and up)*/
@media
(min-width: 768px) and (max-width: 991.98px) {
.courses{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 0 7%;
}
.courses div.n_pck {
    margin-top: 50px;
    width:100%;
}
.solfegio{
    max-width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
}
.music_lit{
    width: 100%;
    margin:  0 auto;
    padding-bottom: 5%;
}
.package, .buy__form{
    font-size: 200%;
}
.name_level {
    font-size: 150%;
}
ul.subjects li {
    font-size: 250%;
    display:flex;
    justify-content: space-between;
    margin-bottom: 15px;
    text-align: justify;
}
ul.subjects li span.price {
    font-size: 113%;
    margin-left: 25px;
}
.subjects{
    margin:0 3% ;
}
.total_cost {
    margin: 50px 0;
}
a.buy__form{
    margin-bottom:100px;
}
.bknotes {
    margin-top: -100px;
}
.solfegio h2{
    margin-top: 400px;
    margin-bottom: 100px;
    margin-right: 50px;
    font-size: 450%;
}
h5.course__length {
    font-size: 200%;
    text-align: center;
    margin-bottom: 75px;
}
.content_list {
    display: flex;
    flex-direction:column;
    margin-bottom: 140px;
    background-color: #e9a484;
    padding: 0 5%;
}
.fortepiano{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}
.be_musical{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.course__length + ul li{
    font-size: 200%;
    margin: 0 10%;
    margin-bottom: 75px;
}
div.last_list_div{
    margin-left: 0;
    padding-bottom: 150px;
}
.bk__musliter {
    margin-top: -31%;

}
.content_list div ul li:before{
    font-size: 150%;
    left: -80px;
}
.fist_ul{
    flex-direction: column;
}
   .fist_ul h2{
       font-size: 275%;
       margin-top: 125px;
       white-space: normal;
       margin-bottom: 50px;
   }
 .ul_lit{
     margin-right: 0;
     display: flex;
     justify-content: center;
     flex-direction: column;
     text-align: center;
     width: 85%;
 }
 .ul_lit li{
     font-size: 180%;
     margin-bottom: 100px;

 }
 .ul_lit li:before{
     left: 40px;
     font-size: 275%;
 }
 div.programs ul.ullimus {
     column-count: 1;
     column-gap: 0;
     text-align: justify;
     margin: 0 15%;
     padding-bottom: 75px;
 }
    div.fortepiano h1{
        text-align: center;
        margin-top: 125px;
    }
    .fortepiano div h6{
        text-align: center;
        font-size: 275%;
    }
    ul.forte_list{
        column-count: 1;
        column-gap: 0px;
        margin: 0 15%;
    }
    .forte_list li{
        margin-bottom: 75px;
    }
    .fortepiano ul li:before{
        font-size: 225%;
        margin-left: -50px;
    }
    .programs ul li:before{
        font-size: 150%;
        margin-left: -50px;
    }
    .programs h5{
        text-align: center;
        font-size: 350%;
    }
    .programs ul h6{
        text-align: center;
        font-size: 350%;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px)  { 
    .courses{
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        max-width: 100%;
        margin: 0 auto;
        margin: 0px 10.8% 0 11.8%;
    }
    .courses div:first-child{
        margin-right: 2%;
    }
    .courses div:last-child{
        margin-left: 2%;
    }
    .courses div:nth-of-type(2){
        margin-left: 2%;
        margin-right: 2%;
    }
    .bk__musliter{
        margin-top: -175px;
    }
    .bkfortepiano{
        margin-top: -17%;
    }
    .solfegio{
        max-width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 0 auto;
    }
    .solfegio h2 {
        margin-bottom: 90px;
        margin-top: 450px;
        margin-right: 50px;

    }
    .fist_ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 13%;
        margin-bottom: 30px;
    }
    .content_list {
        margin: 0 5%;
        margin-bottom: 140px;
    }
    .music_lit{
        width: 100%;
        margin:  0;
        padding-bottom: 9%;

    }
    .fist_ul h2{
        margin-left: 5%;
    }
    .ul_lit {
        margin-right: 3%;
    }
    .programs ul.ullimus{
        margin: 0 5%;
    }
    div.fortepiano h1 {
        margin-right: 5%;
    }
    .fortepiano div.for_c > h6 {
        margin-left: 5%;
    }
    ul.forte_list {
        margin: 0 5%;
    }
    .fortepiano{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        font-size: 16px;
    }
    .be_musical{
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
    .courses{
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        max-width: 100%;
        margin: 0 auto;
        margin: 0px 10.8% 0 11.8%;
    }
    .courses div:first-child{
        margin-right: 2%;
    }
    .courses div:last-child{
        margin-left: 2%;
    }
    .courses div:nth-of-type(2){
        margin-left: 2%;
        margin-right: 2%;
    }
    .solfegio{
        max-width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 0 auto;
    }
    .solfegio h2 {
        margin-bottom: 125px;
        margin-top: 550px;
        margin-right: 50px;

    }
    .content_list {
        margin: 0 5%;
        margin-bottom: 140px;
    }
    .music_lit{
        width: 100%;
        margin:  0;
        padding-bottom: 10%;

    }
    .fist_ul h2{
        margin-left: 5%;
    }
    .ul_lit {
        margin-right: 3%;
    }
    .programs ul.ullimus{
        margin: 0 5%;
    }
    div.fortepiano h1 {
        margin-right: 5%;
    }
    .fortepiano div.for_c > h6 {
        margin-left: 5%;
    }
    ul.forte_list {
        margin: 0 5%;
    }
    .fortepiano{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        font-size: 16px;
    }
    .be_musical{
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}
@media (min-width: 1400px) and (max-width: 1949.99px) {
    .courses {
        margin: 0px 10.8% 0 11.8%;
    }
    .courses div.n_pck {
        margin-top: 6.3%;
    }
    .courses div:first-child{
        margin-right: 2%;
    }
    .courses div:last-child{
        margin-left: 5%;
    }
    .courses div:nth-of-type(2){
        margin-left: 2%;
        margin-right: 2%;
    }
    .package, .buy__form {
        font-size: 23px;
        letter-spacing: 0.5px;

    }
    .courses div.n_pck:nth-of-type(2) .package{
        margin-left: 2%;
    }
    .courses div.n_pck:nth-of-type(3) .package {
        margin-right: 3%;
    }
    .name_level {
        font-size: 19px;
        margin-top: 6.1%;

    }
    .courses div.n_pck:nth-of-type(2) .name_level {
        font-size: 19px;
        margin-top: 5.6%;
        margin-left: 3%;
    }
    .courses div.n_pck:nth-of-type(3) .buy__form{
     margin-right: 2.5%;
        margin-top: 12%;

    }
    .courses div.n_pck:nth-of-type(3) .name_level{
        margin-right: 2%;
    }
    ul.subjects{
        margin-top: 11%;
        width: 345px;

    }
    .courses div.n_pck:nth-child(2) ul.subjects{
        width: 350px;
        margin-top: 8.5%;
        margin-left: 5.5%;
    }
    .courses div.n_pck:nth-child(3) ul.subjects{
        width: 350px;
        margin-left: -0.4%;
        margin-top: 9.1%;
    }
    ul.subjects li {
        font-size: 18px;
        letter-spacing: 0.7px;
        margin-bottom: 6%;
    }
    .courses div.n_pck:nth-child(2) ul.subjects li:last-child {
        font-size: 18px;
        letter-spacing: 0.7px;

    }
    .courses div.n_pck:nth-child(2) ul.subjects li,  .courses div.n_pck:nth-child(3) ul.subjects li {
        display: grid;
        grid-template-columns: 43% 27% 21%;
    }
    .courses div.n_pck:nth-child(3) ul.subjects li{
        margin-bottom: 5.5%;
    }
    .courses div.n_pck:nth-child(3) ul.subjects li span.price{
        margin-top: 2%;
    }
    .courses div.n_pck:nth-child(3) .total_cost {
        margin-left: -5%;
        margin-top: -0.5%;
    }
    .courses div.n_pck:nth-child(2) ul.subjects li {
        margin-bottom: 5.3%;
    }
    ul.subjects li span.price {
        font-size: 18px;
    }
    ul.subjects li span.count__lection{
        font-size: 15px;
        margin-left: 0%;
        margin-top: 4.5%;
        text-align: center;
        letter-spacing: -0.1px;
    }
    .courses div.n_pck:nth-child(2) ul.subjects li span.count__lection{

        margin-left: 0%;
        margin-top: 4.5%;
        text-align: center;
        letter-spacing: -0.1px;
    }
    .courses div.n_pck:nth-child(2) ul.subjects li span.price{
        margin-top: 3%;
    }
    .total_cost {
        font-size: 19px;
       letter-spacing: 0.1px;
        margin-top: 4.8%;
    }
    .total_cost span {
        font-size: 23px;
        position: relative;
        left: 1%;
    }
    .courses div.n_pck:nth-of-type(2) .full_coursesss h4.name_level {
        margin-top: 10.4%;
    }
    .courses div.n_pck:nth-of-type(2) .total_cost {
        margin-left: 1.5%;
    }
    .courses div.n_pck:nth-of-type(2) .full_coursesss .total_cost {
        margin-top: -1%;
        margin-left: 0;
        margin-right: -1%;
    }
    .courses div.n_pck:nth-of-type(2) a.buy__form{
        margin-top: 12%;
        margin-left: 3%;
    }
    a.buy__form {
        margin-top: 22.6%;
    }

    .bknotes {
    background-size: 120%;
    background-position: 80% 0px;
    margin-top: -11.2%;
    }
    .solfegio h2 {
        margin-top: 52.3%;
        margin-bottom: 0;
        font-size: 46px;
        letter-spacing: 1px;
        margin-right: 8%;
    }
    .bk__musliter{
        background-size: 100%;
        background-position: 50% 0%;
        margin-top: -12.4%;
    }
    .bkfortepiano{
        margin-top: -17%;
        padding-bottom: 5.8%;
    }
    .content_list{
        margin-top: 11.1%;
        margin-bottom: 0;
        padding-bottom: 0%;
        display: grid;
        width: 1400px;
        justify-content: center;
        grid-template-columns: 36% 44.5%;
        /*margin-left: 2.6%;*/
    }
    .solfegio {
        padding-bottom: 15%;
    }
    h5.course__length {
        font-size: 24px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .content_list ul {
        margin-top: 4.1%;
        font-size: 19px;
        letter-spacing: 0.1px;
    }
    .course__length + ul li {
        margin-bottom: 4.6%;
        line-height: 22px;
        margin-left: 0px;
    }
    div.last_list_div .course__length +  ul li {
        margin-bottom: 4.6%;
        line-height: 23px;
        margin-left: 0px;
    }
    .content_list div ul li:before {
        content: '\e903';
        position: absolute;
        top:-2%;
        left: -9.7%;
        font-family: 'icomoon', serif !important;
        font-size: 24px;
    }
    .content_list div.last_list_div ul li:before {
        left: -12.5%;
    }
    div.last_list_div {
        margin-left: 19.3%;
    }
    .fist_ul {
        padding-top: 7.8%;
        margin-bottom: 0px;
        justify-content: space-around;
    }
    .ul_lit {
        margin-right: 00px;
    }
    .ul_lit li{
        font-size:19px ;
        line-height: 20px;
        margin-bottom: 16.5%;
    }
    .ul_lit li:last-child{
        margin-bottom: 0;
    }
    .ul_lit li:before {
        font-size: 50px;
        top: 0;
        margin-top: 0%;
        left: -18%;
        font-family: 'icomoon', serif !important;
    }
    .programs ul.ullimus {
        font-size: 18px;
        column-gap: 19%;
        text-align: start;
    }
    .programs h5 {
        font-size: 20px;
        text-transform: uppercase;
    }
    .programs ul h6 {
        margin-bottom: 6%;
        margin-top: 4.8%;
        font-size: 24px;
    }
    .programs ul.ullimus li{
        margin-bottom:6.2%;
        font-size: 20px;
        letter-spacing: -0.5px;
    }
    .programs{
        margin:  0 13.2%;
        margin-top: 3.3%;
    }

    .fist_ul h2{
        margin: 0;
        font-size: 46px;
        margin-top: 6.1%;
        margin-left: -1%;
        letter-spacing: 1.1px;
    }

    div.fortepiano h1{
        margin-right: 50px;
    }
    .programs ul li:before {
        margin-left: -6%;
    }
    .full_course {
        margin-top: 0;
    }
    .programs ul .full_course h6 {
         margin-top: 16%;
        margin-bottom: 6%;
        font-size: 20px;
    }
    div.full_course > ul li:before{
        margin-left: -15%;
    }
    .music_lit {
        padding-bottom: 9%;
    }
    div.fortepiano h1{
        text-transform: uppercase;
        margin-top: 5.3%;
        font-size: 47px;
        margin-right: 7.3%;
        letter-spacing: 1px;
    }
    .for_c {
        margin: 0px 13.2%;
        margin-top: 2.2%;

    }
    div.fortepiano .for_c h6 {
       font-size: 24px;
        margin-bottom: 0;
    }
    div.fortepiano .for_c ul {
        margin-top: 2.3%;
        column-gap: 10.5%;
        width: 108%;
    }
    div.fortepiano .for_c ul.forte_list li{
        margin-bottom: 5.5%;
        font-size: 19px;
        text-align: start;
        letter-spacing: 0.3px;
        line-height: 22px;
    }
    .full_course_fortepiano {
        margin-top: 11.5%;
    }
    div.fortepiano .for_c ul.forte_list li:before{
        margin-left: -5.5%;
        font-size: 24px;
    }
    div.fortepiano .for_c .full_course_fortepiano ul{
        margin-top: 5%;
    }
    div.fortepiano .for_c .full_course_fortepiano ul li:before{
        margin-left: -12%;
    }
    a.be_music {
        margin-top: 6.9%;
        margin-bottom: 4.8%;
        font-size: 39px;
        margin-left: 1.2%;
    }
}
@media (min-width: 1950px){
    .solfegio h2 {
        margin-top: 1000px;
        margin-bottom: 30%;
        font-size: 600%;
    }
    .courses {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        max-width: 1400px;
        margin: 0 auto;
        font-size: 135%;
    }
    .content_list {
        font-size: 160%;
        margin-bottom: 260px;
    }
    div.last_list_div {
        margin-left: 100px;
    }
    .bk__musliter {
        padding-top: 9%;
    }
    .music_lit {
         padding-bottom: 0%;
    }
    .bkfortepiano {
        margin-top: -165px;
    }
    .bkfortepiano {
        padding-top: 12%;
    }
    .fortepiano {
        font-size: 125%;
    }
}