@media screen and (max-width: 1450px) {
    .menu ul li.head-menu {
        font-size: 87px;
        height: 93px
    }

    .section7 .news-section .scroll {
        height: 595px
    }

    .index .section7 .news-section .important-news img {
        height: 340px
    }

    .when-fixed li:last-of-type {
        height: 57px
    }

    .when-fixed li:last-of-type:hover {
        height: auto
    }

    body {
        padding-top: 23px
    }

    .photo-gallery .slider img {
        height: 315px
    }

    .breadcrumbs {
        padding-top: 88px
    }
}

@media screen and (max-width: 1152px) {
    figcaption .read-more {
        position: absolute;
        top: 125px !important;
        left: 140px !important
    }

    .inform-text {
        word-wrap: break-word
    }

    .footer-logos img {
        width: 20%
    }
}

@media only screen and (max-width: 1145px) and (min-width: 990px) {
    .menu ul li.head-menu {
        font-size: 80px;
        height: 85px
    }
}

@media screen and (max-width: 1024px) {
    .index .section1 .slider {
        height: auto
    }

    .index .section2 h2 {
        padding: 40px 0 30px
    }

    .interest-item img {
        width: 100%
    }

    .dozvillya-wrap {
        flex-wrap: wrap
    }

    .index .section11 h2 {
        padding-left: 3%
    }

    .doz {
        width: 49.6%
    }

    .footer-contacts:nth-child(3) {
        width: 35%
    }

    .doz-text-bl-big ul li a {
        font-size: 13px
    }
}

@media screen and (max-width: 960px) {
    .menu ul li {
        font-size: 12px
    }

    .doz-text-bl ul li a {
        font-size: 16px
    }

    .doz-text-bl-big ul li a {
        font-size: 15px
    }

    .article-stud {
        width: 48%
    }

    .when-fixed .icon-text {
        width: 45px
    }

    .section-wrap > .slick-slide {
        height: 200px !important
    }

    .section-wrap .custom-place .slider-nav, .slider .slider-nav {
        padding-bottom: 18px
    }

    .section2 .caterpillar .block {
        padding: 0 1%
    }

    .section3 .numbers-slider .slide div {
        padding: 0
    }

    .section7 .news-section > a {
        margin-top: -60px
    }
}

@media screen and (max-width: 864px) {
    .chocolate-slider .chocolate .text {
        font-size: 20px
    }

    .section7 .news-section > a {
        margin-top: -40px
    }
}

@media screen and (max-width: 991px) {
    .bottom nav {
        display: none
    }

    .section7 .news .article:last-child {
        margin-bottom: 48px
    }

    .photo-gallery .slider img {
        height: 100%
    }

    .heading {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .section7 .news-section .text {
        height: auto
    }

    .section7 .news .article {
        margin-top: 54px
    }

    .menu ul {
        width: 50% !important;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        z-index: 100;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        overflow-y: scroll
    }

    .menu ul li.head-menu {
        font-size: 100px;
        height: 108px
    }

    .menu ul li {
        height: 55px
    }

    .menu {
        width: auto;
        height: auto
    }

    .menu ul.opened4, .menu ul.opened3, .menu ul.opened2 {
        -webkit-transform: translate(0%, 0);
        -ms-transform: translate(0%, 0);
        transform: translate(0%, 0);
        z-index: 100;
        width: 50% !important;
        -webkit-animation: none;
        animation: none;
        left: 0;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }

    .menu-additional .back-menu {
        display: block;
        position: absolute;
        top: 1%;
        left: 5%;
        color: #708090;
        font-size: 16px;
        z-index: 100;
        text-transform: uppercase
    }

    .menu-additional .back-menu span {
        font-size: 19px
    }

    .wrap-close-menu {
        top: 12%
    }

    .breadcrumbs {
        padding-top: 11%
    }

    .section1 .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .section2 .caterpillar .block:hover {
        width: 20%
    }

    .section2 .caterpillar .front {
        margin: 0 auto 55px
    }

    .numbers-slider {
        width: 76%
    }

    .section4 .events, .section4 .announcements {
        width: 100%
    }

    .section4 .events .mCSB_scrollTools {
        left: auto;
        right: 0
    }

    .section4 .events .scroll {
        margin-right: 0
    }

    .section4 .events .mCSB_container {
        margin-right: 30px;
        margin-left: 0
    }

    h1 {
        width: 100% !important;
        padding-left: 23px;
        padding-right: 23px
    }

    .chocolate-slider .chocolate .text {
        font-size: 17px
    }

    .section7 .news, .section7 .important-news {
        width: 100%
    }

    .dozvillya-wrap {
        text-align: center
    }

    .section6 .sec-head > a {
        margin-top: 30px;
        float: none
    }

    .photo-gallery .chocolate-slider .chocolate > div {
        width: 49%
    }

    .section9 .reviewsSlider .inner {
        width: 100%
    }

    .wrapper-slide {
        width: 100%
    }

    .wrapper-footer-elements {
        float: left
    }

    .footer-wrapper-fresh {
        float: right
    }

    .footer-soc i {
        font-size: 28px
    }

    .footer-reference {
        width: 193px;
        float: none
    }

    .clearboth {
        clear: both
    }
}

@media screen and (max-width: 720px) {
    .section1 .slider .slider-nav {
        width: 100%
    }

    .heading {
        margin-top: 3px
    }

    .section7 {
        padding-bottom: 5%
    }
}

@media screen and (max-width: 680px) {
    .index .section3 {
        max-height: 480px
    }

    .section7 .news-section {
        margin-top: 0
    }
}

@media screen and (max-width: 600px) {
    .menu ul.menu-additional li.head-menu {
        font-size: 27px
    }

    .section4 .announcements .block {
        padding-top: 14px
    }

    .section3 .numbers-slider .slide div span {
        font-size: 57px
    }

    .index .section3 {
        max-height: 510px
    }

    .section5 .banner img {
        max-width: none
    }

    .b-s {
        width: 44%;
        margin: 2%;
        height: 160px
    }

    .inform-b-s:hover .inform-more {
        height: 70px;
        padding-top: 10px !important
    }

    .article-wrap article {
        width: 100%;
        padding-right: 2%
    }

    .article-stud {
        width: 100%
    }

    .inform-text {
        padding-top: 20px
    }

    .bg-img {
        background-image: none
    }

    .section7 {
        padding-bottom: 35px
    }

    .inform-b-s:hover .inform-icon-stud {
        background-position-x: 0;
        top: 0
    }
}

@media screen and (max-width: 512px) {
    .breadcrumbs {
        padding-top: 5%
    }

    .section2 .caterpillar .block:hover {
        width: 100%
    }

    .section7 .news .article {
        width: 100%
    }

    .section7 .news .main-image img {
        height: auto;
        width: 400px
    }

    .section7 .news-section > a {
        margin-top: 20px
    }

    .section8 .video-gallery .chocolate-slider .chocolate > div {
        width: 100%
    }

    .interest-item {
        width: 100%
    }

    .interest-item img {
        margin: 0 auto
    }

    .section5 .banner img {
        max-width: none;
        width: auto;
        height: 250px
    }

    .section6 .photo-gallery {
        height: auto
    }
}

@media screen and (max-width: 480px) {
    .inform-text {
        font-size: 18px
    }

    .wrapper-footer-elements {
        float: none
    }

    .footer-address, .footer-reference {
        width: 220px;
        text-align: center
    }

    .heading {
        margin-top: 10px
    }
}

@media screen and (max-width: 412px) {
    .doz {
        width: 70%;
        height: auto
    }

    .b-s {
        width: 96%;
        margin: 2%
    }

    .numbers-slider .slide div {
        width: 50%
    }
}

@media screen and (max-width: 360px) {
    li.head-menu {
        font-size: 20px
    }

    .index .slider-main.chocolate-slider .slider-nav {
        left: -10px
    }

    .index .work-head {
        margin: 76px 0 95px 15px
    }
}

@media screen and (min-width: 1680px) {
    .lang .hidden-lang {
        top: 1px
    }
}

@media screen and (max-width: 1252px) {
    .inner .social .read-more {
        position: absolute;
        right: 46px
    }
}

@media screen and (max-width: 1100px) {
    .index .section4 .events > a {
        margin-left: 51%
    }
}

@media screen and (max-width: 990px) {
    h2 {
        font-size: 35px;
        padding: 80px 0 50px
    }

    .h2 {
        font-size: 68px
    }

    .horizontal-lines-subtitle .cutter div span, .vertical-lines-subtitle .cutter div span {
        font-size: 68px
    }
    /*akustik 2021 09 01
    .index .section1 .slick-slide img {
        height: -webkit-fill-available,
        height: -moz-fill-available,
        height: fill-available
    }
    */
    .section1 .slider {
        height: 478px
    }

    .index h1 {
        margin: 0
    }

    .index .section2 h2 {
        padding: 36px 0
    }

    .index .section4 .events, .index .section4 .announcements {
        width: 100%;
        padding: 0 8px;
        margin-top: -2%
    }

    .index .section4 .events .mCSB_scrollTools {
        left: auto;
        right: 0
    }

    .index .scroll .mCSB_scrollTools {
        top: 6%
    }

    .index .section4 h2 {
        margin-top: 0;
        margin-bottom: 1px
    }

    .index .section4 .announcements .block > div {
        margin-bottom: 0
    }

    .index .announcements .scroll:before, .index .announcements .scroll:after, .index .events .scroll:before, .index .events .scroll:after {
        width: 97%
    }

    .section4 .announcements .mCSB_inside > .mCSB_container {
        margin-right: 40px
    }

    .index .section4 .h6 a {
        font-size: 16px
    }

    .index .section4 .announcements span, .section4 .events span {
        font-size: 14px
    }

    .index .section4 .events-top h2 {
        padding-top: 6%
    }

    .scroll .mCSB_scrollTools {
        top: 8%
    }

    .section4 .events .scroll {
        margin-right: 0;
        margin-top: 3%
    }

    .index .section6 .photo-gallery {
        height: 100%
    }

    .index .section7 .news-section {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0
    }

    .index .section7 .news {
        margin-top: 37px
    }

    .index .mCSB_scrollTools .mCSB_dragger {
        opacity: 1 !important
    }

    .index .events h2, .announcements h2, #videogallery h2 {
        padding: 0
    }

    .index .work-head {
        margin: 0
    }

    .index .sec-head h2 {
        padding: 0
    }

    .index .section7 .news-section .scroll .mCSB_scrollTools {
        top: 18px
    }

    .index .section7 {
        padding-bottom: 57px
    }

    .index .slider video {
        height: 378px
    }

    .index .section1 video {
        top: 0;
        height: 490px
    }

    .wrap-interest-list {
        margin-left: 3%;
        margin-right: 3%;
        flex-wrap: wrap
    }

    .index .wrap-interest-list {
        margin-left: 0;
        margin-right: 0;
        margin-top: -75px
    }

    .interest-item img {
        width: 100%
    }

    body.vstupnik {
        padding-top: 23px
    }

    .search-result-page .section4 h2 {
        margin-top: 0;
        margin-bottom: 0
    }

    .conteiner-map-huft .units-list .styled {
        width: 100%
    }

    .formlist-map {
        width: 100%
    }

    .conteuner-map {
        margin-top: 0
    }

    .nuft-map .section4 h2 {
        margin-bottom: 0;
        margin-top: 0
    }

    .section7 .news .scroll::before, .section7 .news .scroll::after {
        left: 0
    }
}

@media screen and (max-width: 767px) {
    body {
        padding-top: 0
    }

    .menu ul {
        width: 90% !important
    }

    .h2 {
        font-size: 46px
    }

    .section2 .caterpillar .block {
        width: 100%;
        height: 248px;
        padding: 0;
        border-right: 0
    }

    .section2 .caterpillar .block:hover {
        width: 100%
    }

    .index .title-text p {
        font-size: 22px
    }

    .mouse-scroll {
        display: none
    }

    .horizontal-lines-subtitle .cutter div span, .vertical-lines-subtitle .cutter div span {
        font-size: 46px
    }

    .horizontal-lines-subtitle, .vertical-lines-subtitle {
        left: 90px
    }

    h2 {
        padding: 62px 0 48px
    }

    .index .section1 .slider {
        height: 100%
    }

    .index .section3 {
        max-height: 711px
    }

    .index .section5 .banner img {
        max-width: none;
        width: 100%;
        height: max-content;
        position: relative;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        line-height: 135px;
        margin: 0;
        max-height: 197px;
        padding: 0;
        object-fit: cover;
        object-position: left
    }

    .interest-item {
        width: 100%
    }

    .not-budget {
        font-size: 16px
    }

    .not-budget-hover {
        width: 100%
    }

    .index .wrap-interest-list {
        margin-left: 0;
        margin-right: 0;
        margin-top: -50px
    }

    .index .section4 .events > a {
        margin-left: 0
    }

    .index #gallery .container-fluid .photo-gallery .slider .slider-nav li button {
        color: #000
    }

    .index .section8 .sec-head > a, .index .section6 .sec-head > a {
        margin: 15px auto 0
    }

    .conteiner-map-info {
        flex-direction: column
    }

    .mini-map {
        display: none
    }

    .conteiner-map-info .form-map {
        width: 100%
    }

    .conteiner-map-info .form-map {
        margin-top: 26px
    }

    .formlist-map {
        flex-direction: column
    }

    .formlist-map div {
        width: 100%
    }

    .conteiner-map-huft {
        margin-top: 0
    }

    .formlist-map label {
        font-weight: 600;
        padding-left: 5px
    }

    .map-checked {
        flex-wrap: wrap;
        padding-left: 16%
    }

    .map-checked div {
        width: 37%;
        margin-bottom: 20px;
        display: inline-block
    }

    .map-checked label:before {
        border-top: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
        border-right: 1px solid #f1f1f1
    }

    .breadcrumbs {
        padding-top: 56px;
        font-size: 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .work-link {
        width: 33.2%
    }

    .menu ul li {
        height: 38px;
        padding: 0 0 0 29px
    }

    .menu ul.opened4, .menu ul.opened3, .menu ul.opened2 {
        width: 90% !important
    }

    .index .section1 video {
        top: 0;
        height: 100vh
    }

    .fall-down-main-menu {
        display: block
    }

    .s404 {
        font-size: 135px
    }

    .section404 {
        margin-top: 70px;
        margin-bottom: 41px
    }

    .section404 p {
        text-align: center;
        font-size: 14px
    }

    .search-outcome .outcome .outcome-left {
        width: 100%
    }

    .search-outcome .outcome {
        flex-direction: column
    }

    .search-outcome .outcome .outcome-left p {
        padding: 0
    }

    .search-outcome .outcome .outcome-a {
        width: 100%;
        justify-content: center
    }

    .conteuner-map {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 260px
    }

    .js-map-slide {
        height: initial
    }

    .nuft-map__controls {
        flex-direction: row;
        bottom: -3%
    }

    .js-map-btn {
        margin-left: 12px
    }

    .inner .social .read-more {
        right: 0
    }
    
    .video-baner {
        width: 335px !important;
        height: auto
    }
    
    .video-baner-head {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .menu ul li.head-menu {
        font-size: 80px;
        height: 87px
    }
}

@media screen and (max-width: 990px) {
    .vstupnik .section1 .chocolate-image-move img {
        height: 428px
    }

    .vstupnik .section1 {
        height: auto
    }

    .vstupnik .image h2 {
        left: 5%;
        font-size: 26px;
        line-height: 22px;
        padding: 55px 0 0
    }

    .vstupnik .section1 .slider-main.chocolate-slider .slider-nav {
        left: 3%;
        width: 94%;
        height: 100%
    }

    .vstupnik .section1 .slider .slider-nav {
        bottom: 6% !important
    }

    .vstupnik .section1 .icon-arrow-left, .vstupnik .section1 .icon-arrow-right {
        display: block !important
    }

    .vstupnik .section1 .slider-main.chocolate-slider .slider-nav .slick-dots {
        position: absolute;
        bottom: 24px;
        left: 80px
    }

    .vstupnik .section1 .chocolate-slider .slider-nav i {
        width: 66px;
        height: 48px
    }

    .vstupnik .section1 .slider-main .slider-nav i {
        font-size: 45px
    }

    .vstupnik .section1 .chocolate-slider .slider-nav i:before {
        top: -8px
    }

    .vstupnik .section1 .section-wrap h2 {
        top: 0;
        left: 0;
        line-height: 35px
    }

    .text_slider_ {
        top: -3%;
        left: 10%
    }

    .vstupnik .section1 .slider .slider-nav li button {
        color: #fff
    }

    .vstupnik .section3 .b-s {
        width: 45.9%;
        margin-bottom: 50px
    }

    .vstupnik .section3 .container {
        padding-top: 92px;
        padding-left: 25px;
        padding-right: 25px
    }

    .vstupnik .section3 h2 {
        padding: 0 0 17px
    }

    .why-text {
        padding-top: 26px
    }

    .why-b {
        margin-bottom: 11px
    }

    .vstupnik .section4 {
        padding: 73px 0
    }

    .vstupnik .section4 .banner-text {
        font-size: 34px;
        line-height: 36px;
        width: 51%;
        left: 38px;
        top: 29px;
        letter-spacing: 3.4px
    }

    .vstupnik .section4.grey-section .container, .vstupnik .section5 .container, .vstupnik .section6 .container, .vstupnik .section7 .container, .vstupnik .section8 .container {
        padding-left: 25px;
        padding-right: 25px
    }

    .vstupnik .section4 .form-vipusk button {
        right: -13px;
        margin-top: 18px
    }

    .vstupnik .form-vipuska {
        width: 42%;
        top: 8px
    }

    .vstupnik .form-vipuska p {
        display: none
    }

    .vstupnik .section5 h2 {
        padding: 0 0 17px;
        letter-spacing: .5px
    }

    .section5 .sec-head {
        padding-top: 95px
    }

    .vstupnik .komfort-slider-wrap {
        width: 31.6%;
        margin: 0
    }

    .vstupnik .section5 .slider .slider-nav {
        display: none
    }

    .vstupnik .slick-slide img {
        height: 196px
    }

    .vstupnik .komfort {
        justify-content: space-between;
        margin-top: 36px;
        margin-bottom: 32px
    }

    .komfort-slider-wrap:hover .img-wrap .hover-this {
        height: 100%
    }

    .komfort-slider-wrap .img-wrap .hover-this {
        height: 0
    }

    .vstupnik .komfort-slider-wrap .komfort-text {
        padding: 24px 0 15px;
        width: 100%;
        height: 129px
    }

    .vstupnik .slider-main .slider-nav i, .komfort-slider .slider-nav i {
        font-size: 21px;
        margin: 0
    }

    .vstupnik .vertical-lines .vertical-wrap span {
        width: 7.5%
    }

    .vstupnik .section6.grey-section .horizontal-lines-subtitle {
        top: 28px
    }

    .section6 h2 {
        padding: 69px 0 0;
        letter-spacing: .4px
    }

    .teachers-wrap {
        margin-top: 63px;
        padding-bottom: 194px
    }

    .teachers-slider {
        width: 31.5%;
        margin-right: 2.6%
    }

    .section6.grey-section {
        padding-bottom: 36px
    }

    .vstupnik .section6 .slider {
        margin-top: 0
    }

    .teachers-name {
        font-size: 34px
    }

    .position {
        font-size: 15px;
        line-height: 18px;
        padding-top: 7px
    }

    .teachers-about {
        font-size: 14px;
        line-height: 21px
    }

    .teachers-about p {
        padding: 26px 0 0;
        line-height: 22px
    }

    .vstupnik .section6.grey-section .custom-place .slider-nav i {
        margin-left: 13px;
        margin-right: 20px;
        font-size: 42px
    }

    .vstupnik .teachers-wrap .chocolate-image-move img {
        height: 264px;
        line-height: 22px
    }

    .vstupnik .section7 h2 {
        padding: 92px 0 16px;
        letter-spacing: .5px
    }

    .dozvillya-wrap {
        flex-wrap: wrap;
        justify-content: space-between;
        width: 94%
    }

    .doz .doz-init-text span {
        font-size: 17px
    }

    .doz {
        width: 49.6%
    }

    .vstupnik .section8 .vertical-lines-subtitle {
        top: 65px
    }

    .vstupnik .section8 h2 {
        margin-top: 28px;
        letter-spacing: .45px
    }

    .vstupnik .section8 .slick-slide img {
        height: 278px;
        object-fit: cover
    }

    .section8 .slider-fakt-wrap {
        margin-top: 0
    }

    .section8 .slider-fakt-image .slick-track {
        top: 38px
    }

    .section8 .slider-fakt-image .slick-list {
        height: 363px
    }

    .name-student {
        letter-spacing: .7px
    }

    .student-learn {
        font-size: 14px;
        letter-spacing: .35px;
        padding: 0 0 39px
    }

    .student-text {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        width: 90%;
        margin: auto
    }

    .vstupnik .section8 .custom-place {
        display: none
    }

    .section8 .student-info {
        padding-bottom: 63px
    }

    .section10 .vertical-lines-subtitle {
        top: 57px
    }

    .section10.work.grey-section h2 {
        padding: 100px 0 50px
    }

    .vstupnik .section10.work.grey-section .container {
        padding-left: 23px;
        padding-right: 23px
    }

    .vstupnik .work-links {
        padding-bottom: 81px
    }

    .work-links {
        text-align: center
    }

    .work-link {
        width: 24.666667%
    }

    .vstupnik .section11.interesting .container {
        padding-left: 23px;
        padding-right: 23px
    }

    .vstupnik .section11.interesting h2 {
        padding: 92px 0 51px;
        letter-spacing: 1.5px
    }

    .vstupnik .article-wrap article h4 {
        font-size: 17px
    }

    .vstupnik .article-wrap article h4 time {
        font-size: 12px;
        margin-top: 6px
    }

    .vstupnik .article-wrap article p {
        font-size: 16px;
        padding: 26px 0 15px;
        text-align: left
    }

    .vstupnik .article-wrap article .read-more {
        font-size: 14px;
        letter-spacing: 1.8px
    }

    .article-wrap article {
        width: 100%
    }

    .article-wrap article:nth-child(odd) {
        margin-right: 0
    }

    .article-wrap article:nth-child(even) {
        margin-left: 0;
        margin-top: 4%
    }

    .article-wrap article:nth-child(even) {
        margin-top: 24px
    }

    .vstupnik .section11 .button {
        margin-bottom: 98px;
        margin-top: 58px
    }

    .vstupnik .section11 .vertical-lines {
        display: none
    }

    .vstupnik h1 {
        width: 100%;
        font-size: 24px;
        line-height: 26px
    }

    .vstupnik .section1 .slider {
        height: auto;
        margin-top: 42px;
        padding: 0 25px
    }

    .vstupnik .inform-b-wrap {
        padding-left: 10px;
        padding-right: 10px
    }

    .vstupnik .b-s {
        width: 30.9%;
        height: 259px;
        margin: 0;
        margin-top: 1%
    }

    .teachers-about {
        overflow: hidden;
        height: 90px
    }

    .article-wrap article {
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    body.vstupnik {
        padding-top: 0
    }

    .student .announce .left {
        width: 100%
    }

    .student .announce h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .student .announce {
        width: 100%;
        position: relative
    }

    .student .vacancy-top .container {
        width: 100%
    }

    .vstupnik h1 {
        font-size: 18px;
        margin-top: 24px;
        line-height: 22px;
        letter-spacing: 1.79px;
        margin-bottom: 35px
    }

    .vstupnik .section1 .chocolate-image-move {
        height: 245px
    }

    .vstupnik .section1 .section-wrap h2 {
        font-size: 16px;
        top: 4%;
        left: 6%;
        line-height: 21px;
        width: 71%;
        padding: 16px 0 0
    }

    .vstupnik .section1 .slider-main .slider-nav i {
        top: 100px;
        background: 0;
        box-shadow: none;
        font-size: 37px;
        color: #2a445f;
    }

    .vstupnik .section1 .chocolate-slider .slider-nav i.icon-arrow-left {
        left: -3px
    }

    .vstupnik .section1 .section-wrap .slider .slider-nav li button {
        color: #000
    }

    .vstupnik .section1 {
        height: 388px;
    }
    .vstupnik .section4.grey-section .form-vipuska .form-vipuska_button {
        right: -22px;
        top: 8px;
    }
    .vstupnik .section1 .slider-main.chocolate-slider .slider-nav .slick-dots {
        bottom: -69px;
        left: 0;
        width: 100%;
        text-align: center
    }

    .vstupnik .section1 .slider-main.chocolate-slider .slider-nav {
        height: auto;
        display: flex;
        justify-content: space-between;
    }

    .vstupnik .section1 .slider .slider-nav {
        width: 100%;
        left: 0
    }

    .vstupnik .section1 .slider {
        margin-top: 0;
        padding: 0
    }

    .vstupnik .section1 .chocolate-image-move img {
        height: 100%;
        object-fit: cover
    }

    .inform-icon {
        height: 30px;
        width: 30px;
        margin: 16px 0 0 15px
    }

    .vstupnik .inform-b-wrap {
        padding-left: 4px;
        padding-right: 5px;
        margin-top: 40px
    }

    .vstupnik .inform-text {
        font-size: 12px;
        padding-left: 14px;
        line-height: 17px;
        padding-top: 25px
    }

    .inform-b-s:hover .inform-text {
        padding-top: 17px;
        margin-top: 0;
        line-height: 14px
    }

    .inform-b-s:hover a .inform-more .icon-arrow-right:before {
        font-size: 27px;
        right: 5px;
        opacity: 1;
        top: 5px
    }

    .vstupnik .section2 .b-s {
        width: 47%;
        display: flex;
        flex-direction: column;
        height: 146px;
        justify-content: start;
        margin-top: 20px
    }

    .vstupnik .section2 .b-s:nth-child(1), .vstupnik .section2 .b-s:nth-child(2) {
        margin-top: 0
    }

    .section2 .inform-b-s .inform-more {
        left: 0
    }

    .inform-b-s:hover .inform-more {
        height: 30px
    }

    .vstupnik h2 {
        font-size: 24px;
        letter-spacing: 0
    }

    .vstupnik .section4.grey-section .container, .vstupnik .section5 .container, .vstupnik .section6 .container, .vstupnik .section7 .container, .vstupnik .section8 .container {
        padding-left: 20px;
        padding-right: 20px
    }

    .vstupnik .section3 .b-s {
        width: 100%;
        height: auto
    }

    .vstupnik .section3 {
        padding-top: 0
    }

    .vstupnik .section3 .vertical-lines-subtitle {
        top: 44px
    }

    .vstupnik .section3 .container {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 67px
    }

    .vstupnik .section4 {
        padding: 52px 0 139px 0;
    }
    .vstupnik  .section8 .custom-place .slider-nav {
        bottom: 28px;
    }
    .vstupnik .grey-section {
        padding-top: 38px;
    }
    .section4 .banner img {
        height: 190px;
        object-fit: cover
    }
    .vstupnik .section10.work.grey-section .container > a {
        margin-top: -115px;
    }

    .vstupnik .section4 .banner-text {
        left: 8%;
        top: 11%;
        font-size: 24px;
        width: 92%;
        line-height: 31px;
        letter-spacing: 2.4px
    }

    .vstupnik .form-vipuska {
        width: 100%;
        top: 100%;
        margin-top: 35px
    }

    .form-vipusk input {
        color: #000;
        border-bottom: 1px solid #000;
        margin: 15px 0
    }

    .form-vipusk input::placeholder {
        color: #000
    }

    .vstupnik .section4 .form-vipusk button {
        position: relative;
        width: 100%;
        right: 0;
        margin-top: 25px
    }

    .vstupnik .section5 .vertical-lines-subtitle {
        top: 35px
    }

    .vstupnik .section5 .komfort .slider .slider-nav li button {
        color: #000
    }

    .section5 .sec-head {
        padding-top: 62px
    }

    .vstupnik .section5 h2 {
        letter-spacing: 0;
        line-height: 25px
    }

    .vstupnik .komfort-slider-wrap {
        width: 100%
    }

    .teachers-wrap {
        flex-direction: column
    }

    .vstupnik .komfort {
        flex-direction: column;
        margin-top: 16px;
        margin-bottom: 3px
    }

    .teachers-slider {
        width: 100%
    }

    .slider-text-teacher {
        width: 100%
    }

    .vstupnik .chocolate-image-move {
        height: 171px
    }

    .vstupnik .slick-slide img {
        height: 100%;
        object-fit: cover
    }

    .vstupnik .section5 .slider .slider-nav {
        display: block;
        padding-bottom: 93px
    }

    .vstupnik .section5 .chocolate-slider .slider-nav i {
        top: 185px;
        background: 0;
        box-shadow: none;
        font-size: 37px;
        width: 63px
    }

    .section5 .chocolate-slider .slider-nav i {
        display: block !important
    }

    .vstupnik .section5 .komfort-slider, .vstupnik .section5 .komfort-slider-wrap:hover {
        box-shadow: none
    }

    .vstupnik .section5 .komfort-slider .slick-list.draggable {
        -webkit-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.59);
        box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.59)
    }

    .vstupnik .section5 .komfort-slider-wrap .img-wrap .hover-this {
        background-color: inherit
    }

    .vstupnik .section5 .chocolate-slider .slider-nav i:hover, .vstupnik .section1 .chocolate-slider .slider-nav i:hover {
        color: #6ce3cf
    }

    .student_bottom {
        width: 103px;
        height: 42px;
        line-height: 44px;
        font-size: 11px
    }

    .vstupnik .image .text_slider_ h2 a, .vstupnik .image .text_slider_ h2 span {
        font-size: 12px !important
    }

    .vstupnik .komfort-slider-wrap .komfort-text {
        padding: 0 0 15px;
        margin-top: -17px;
        height: 78px
    }

    .vstupnik .section5 .small-line {
        display: none
    }

    .vstupnik .section6.grey-section .horizontal-lines-subtitle {
        top: 5px
    }

    .section6 h2 {
        padding: 35px 0 0;
        line-height: 23px
    }

    .teachers-about p {
        padding: 23px 0 0;
        font-size: 14px;
        color: #727070
    }

    .position {
        width: 100%;
        line-height: 15px;
        font-size: 14px
    }

    .teachers-wrap .teachers-text .button {
        position: relative
    }

    .vstupnik .teachers-wrap .teachers-text .button {
        width: 92%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 48px auto 9px;
        right: 0
    }

    .vstupnik .section6 .custom-place {
        position: relative;
        margin-top: 29px
    }

    .vstupnik .section6.grey-section .custom-place .slider-nav i {
        margin-left: 0;
        margin-right: 0
    }

    .vstupnik .section6 .chocolate-image-move {
        height: 100%
    }

    .teachers-slider {
        max-height: 100%
    }

    .vstupnik .teachers-wrap .chocolate-image-move img {
        height: 100%
    }

    .teachers-wrap {
        margin-top: 39px;
        padding-bottom: 0
    }

    .section6.grey-section {
        padding-bottom: 22px
    }

    .teachers-name {
        margin-top: 5%;
        font-size: 30px
    }

    .vstupnik .section7 {
        padding-bottom: 0
    }

    .vstupnik .section7 .vertical-lines-subtitle {
        top: 28px
    }

    .vstupnik .section8 h2 {
        margin-top: 0;
        line-height: 24px;
        padding: 70px 0 6px
    }

    .dozvillya-wrap {
        flex-direction: column;
        width: 88%;
        margin-top: 19px
    }

    .vstupnik .section7 h2 {
        padding: 55px 0 16px;
        letter-spacing: 0;
        line-height: 24px
    }

    .doz {
        width: 100%
    }

    .vstupnik .section8 .slick-slide img {
        height: auto;
        object-fit: cover;
        object-position: top
    }

    .section8 .slider-fakt-image .slick-list {
        height: 100%
    }

    .vstupnik .section8 .name-student {
        font-size: 24px;
        font-weight: 400;
        color: #000;
        padding: 16px 0 7px
    }

    .section8 .slider-fakt-image .slide {
        box-shadow: none
    }

    .section8 .student-info {
        width: 100%
    }

    .student-learn {
        font-size: 12px;
        padding: 0 0 23px
    }

    .student-text {
        font-size: 14px;
        width: 100%;
        height: 200px
    }

    .vstupnik .section8 .vertical-lines-subtitle {
        top: 41px
    }

    .vstupnik .section8 .custom-place {
        display: block
    }

    .section8 .custom-place .slider-nav {
        margin-top: 2px
    }

    .section10 .vertical-lines-subtitle {
        top: 27px
    }

    .section10.work.grey-section h2 {
        padding: 56px 0 15px;
        font-size: 24px;
        line-height: 24px
    }

    .vstupnik .section10.work.grey-section .container {
        padding-left: 18px;
        padding-right: 18px
    }

    .vstupnik .work-links {
        padding-bottom: 13px
    }

    .vstupnik .section11.interesting .vertical-lines-subtitle {
        top: 26px
    }

    .vstupnik .section11.interesting h2 {
        font-size: 24px;
        font-weight: 100;
        padding: 50px 0 24px;
        letter-spacing: 0
    }

    .vstupnik .section11.interesting .container {
        padding-left: 19px;
        padding-right: 19px
    }

    .vstupnik .article-wrap article h4 {
        font-size: 16px;
        line-height: 22px;
        display: flex;
        flex-direction: column
    }

    .vstupnik .article-wrap article h4 a {
        font-weight: 400
    }

    .vstupnik .article-wrap article p {
        font-size: 14px;
        padding: 16px 0 0;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 83px
    }

    .vstupnik .article-wrap article .read-more {
        font-size: 14px;
        letter-spacing: 1.3px;
        margin-top: 21px
    }

    .vstupnik .section11 .button {
        display: none
    }

    .article-wrap {
        flex-direction: column;
        padding-bottom: 52px
    }

    .article-wrap article {
        width: 100%
    }

    .work-link {
        width: 33.2%
    }

    .work-links {
        padding-bottom: 39px
    }

    .vstupnik .section5 .komfort .slider .slider-nav .slick-arrow {
        display: inherit !important
    }

    .vstupnik .section11 .article-wrap article {
        width: 100%;
        border-bottom: 1px solid #dddcdc
    }

    .vstupnik.student .section2 {
        margin-bottom: 41px
    }

    .vstupnik.student .inform-icon {
        width: auto
    }
}

@media screen and (max-width: 1250px) {
    .section4 .form-vipusk button {
        right: -8px
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .section8 .slider-fakt-image .slick-list {
        height: 100%
    }

    .vstupnik .section8 .slick-slide img {
        height: 100%
    }

    .teachers-slider {
        margin: 0 auto
    }
}

@media screen and (max-width: 1199px) {
    .vstupnik .section11 .article-wrap article {
        padding-right: 0
    }
}

@media only screen and (max-width: 900px) and (min-width: 768px) {
    .spivrobitnyku .inform-b-wrap .section-wrap {
        width: 100%
    }

    .vstupnik .spivrobitnyku .b-s {
        width: 23%
    }
}

@media screen and (max-width: 1199px) {
    .footer-logos:before {
        top: 110px;
        width: 88%
    }

    .footer-address span, .footer-reference span, .footer-links span, .footer-address a, .footer-links a, .footer-reference a {
        font-size: 13px
    }

    .interest-wrap {
        max-width: 1024px
    }

    .footer-contacts:nth-child(3) {
        width: 36%;
        margin-top: 19px
    }

    .footer-contacts:nth-child(2) {
        margin-top: 19px
    }

    .fresh-logo {
        font-size: 19.99px
    }

    .footer-copyright span {
        font-size: 9px
    }
}

@media screen and (max-width: 991px) {
    .index .section9 .reviews-block.js-slider-no-ordinary:nth-child(2){
      display:none
    }     
    
    .footer .interest-wrap {
        padding: 0 15px
    }

    .footer-wrap {
        padding-top: 29px
    }

    .footer-contacts:nth-child(1) {
        text-align: center;
        width: 20.5%;
        margin-left: 12px
    }

    .footer-contacts:nth-child(1) a {
        display: inline-block;
        width: 100%
    }

    .footer-contacts:nth-child(2) {
        width: 34%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        margin-top: 0
    }

    .footer-contacts:nth-child(3) {
        width: 23%;
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-links {
        width: 100%;
        text-align: left
    }

    .footer-reference {
        padding-top: 5%
    }

    .footer-soc {
        right: 0;
        left: inherit;
        position: relative;
        top: 9px
    }

    .footer-soc i {
        font-size: 27px
    }

    .fresh {
        width: 100%;
        left: 0
    }

    .fresh > div {
        display: flex;
        flex-direction: column
    }

    .footer-logos img {
        width: 22%
    }

    .footer-logos:before {
        display: none
    }

    .footer-info {
        margin-top: 39px
    }

    .footer-address span, .footer-reference span, .footer-links span, .footer-address a, .footer-links a, .footer-reference a {
        font-size: 14px
    }

    .footer-copyright span::before {
        right: 0;
        left: 0;
        width: 182%
    }

    .footer-info .footer-contacts:nth-child(1) img, .footer-info .footer-contacts.footer-logo a img {
        width: 100%;
        height: 100%
    }

    .footer-address, .footer-info img {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .index .section9 .reviews-block.js-slider-no-ordinary:nth-child(2){
      display:none
    } 
    
    
    .footer-logos img {
        width: 281px;
        height: 63px;
        margin: 0 0 5%
    }

    .footer-contacts:nth-child(1) {
        width: 100%;
        text-align: center;
        margin-left: 0;
        height: 77px;
        order: 3;
        margin-top: 16px
    }

    .footer-contacts:nth-child(2) {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        display: flex;
        justify-content: initial;
        height: 113px
    }

    .footer-contacts:nth-child(3) {
        width: 100%;
        height: 60px;
        display: flex
    }

    .footer-soc {
        top: 12px;
        text-align: center;
        position: relative
    }

    .footer-info {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        height: 344px;
        justify-content: initial;
        position: relative;
        margin-top: 16px
    }

    .footer-info a {
        display: inline-block
    }

    .footer-info img {
        float: none
    }

    .footer-info > * {
        text-align: center;
        width: 100%;
        position: relative;
        height: 100%
    }

    .footer-contacts:nth-child(1) a {
        display: inline-block;
        width: auto;
        height: 100%
    }

    .fresh {
        margin-top: 130px;
        text-align: center;
        margin-right: 0
    }

    .fresh > div {
        text-align: center;
        display: inline-block
    }

    .footer-address {
        margin-bottom: 15px;
        float: none;
        width: 86%;
        display: flex;
        text-align: center;
        justify-content: center
    }

    .footer-reference {
        margin-bottom: 15px;
        padding-top: 0
    }

    .footer-copyright {
        padding-top: 15px
    }

    .footer-copyright span::before {
        right: 0;
        left: 0;
        width: 100%
    }

    .footer-copyright span {
        width: 100%
    }

    .footer-logos, .footer-links {
        text-align: center
    }
}