@media (max-width: 1500px) {
    .container, .header > .container, .footer > .container{
        max-width: 1220px !important;
    }
    .courses__cover{
        max-width: 100%;
    }
    .courses__title{
        font-size: 32px;
        line-height: 45px;
    }
    .main-title{
        font-size: 75px;
        line-height: 95px;
    }
    .campuses__slide > .campus-img-wrap{
        max-width: 49%;
    }
    .front-menu{
        padding-top: 80px;
    }
    .courses__items{
        gap: 40px;
        margin: 0 auto;
    }
    .courses__item {
        width: 33%;
    }
    .courses__cover{
        width: 100%;
    }
    .advantages > .container{
        padding: 120px 60px;
    }

    .vc_row {
        margin: 0 !important;
    }
    .site__inner{
        flex-wrap: wrap;
        justify-content: center;
        gap: 80px;
    }
    .site__preview{
        margin-top: 0;
    }
}


@media (max-width: 1300px) {
    html[dir=rtl] {
        margin-top: 0 !important;
    }
    .vc_column_container>.vc_column-inner, #page.site{
        padding: 0;
    }
    .container{
        max-width: unset ;
        padding: 0 30px;
    }
    .search-tags{
        flex-wrap: wrap;
        gap: 12px;
    }
    .main-title {
        font-size: 70px;
        line-height: 90px;
    }
    .header-logo, .campuses__accordion{
        padding: 30px;
    }
    .main-nav{
        padding: 80px 30px 30px;
    }
    .front-menu{
        width: 40%;
    }
    .front-link{
        padding: 10px 15px;
    }
    .front-item{
        padding: 0 15px;
    }
    .login-link span{
        display: none;
    }
    #primary-menu  .menu > .menu-item > a{
        font-size: 40px;
        line-height: 60px;
        gap: 0 15px;
    }
    #primary-menu  .menu > .menu-item  svg{
        width: 40px;
    }
    #primary-menu .sub-menu{
        padding-right: 66px;
    }
    #primary-menu .sub-menu .sub-menu,  #primary-menu .sub-menu .sub-menu .sub-menu{
        padding-right: 33px;
    }
    #primary-menu .sub-menu.toggled{
        margin: 15px 0;
    }
    .banner{
        padding: 270px 0 80px;
    }
    .banner-title{
        font-size: 70px;
        line-height: 95px;
    }
    .banner-title > span::after{
        bottom: -15%;
    }
    .banner-info{
        padding-right: 0;
    }
    .advantages > .container{
        padding: 60px 30px;
    }
    .cursive-title{
        font-size: 49px;
        margin-bottom: 60px;
    }
    .advantages__inner{
        margin-right: unset;
        gap: 40px;
    }
    .advantages__items{
        flex-basis: unset;
    }
    .advantages__video{
        margin: 0 auto;
    }
    .courses__cover, .block-header .slider__nav{
        width: 100%;
    }
    .block-header, .campuses__inner{
        flex-wrap: wrap;
        gap: 40px;
    }
    .lecturers, .site-block, .courses, .recommendations, .campuses{
        padding: 60px 0;
    }
    .recommendations__inner{
        flex-wrap: wrap-reverse;
    }
    .reviews{
        margin-top: 0;
        max-width: 100%;
    }
    .reviews .slider__nav{
        margin-bottom: 40px;
    }
    .reviews::after{
        top: 17%;
        right: -2%;
    }
    .site__header, .site__inner{
        flex-wrap: wrap;
        gap: 20px;
    }
    .site__header{
        margin-bottom: 40px;
    }
    .site__preview{
        margin: 0 auto;
    }
    .site__header > .text{
        max-width: unset;
    }
    .campuses__addresses, .campuses__slider{
        flex-basis: unset;
        width: 100%;
    }
    .campuses__accordion{
        height: 340px;
    }
    .cursive-title > span::after, .main-title > span::after{
        height: 34px;
    }
    .footer > .container{
        gap: 38px 24px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
                "column3 column1"
                "column4 column1"
                "column5 column2";
    }
    .download-links > a:first-child{
        margin-left: 12px;
    }
    .download-links > a > img{
        max-width: 100px;
    }
    div#quick_contact{
        padding: 15px 24px !important;
    }
    div#quick_contact #wpcf7-f47-p339-o1.sticky_footer_form{
        flex-wrap: wrap;
        gap: 29px;
    }
    div#quick_contact > .container{
        padding: 0 !important;
    }
    div#quick_contact .sticky_footer_form input, div#quick_contact .sticky_footer_form select{
        padding: 10px;
        font-size: 18px;
    }
    div#quick_contact .sticky_footer_form .column-seventh.sticky_footer_content{
        width: unset;
        font-size: 12px;
        line-height: 18px;
    }
    div#quick_contact .sticky_footer_form input[type="submit"]{
        font-size: 18px;
        line-height: 28px;
        padding: 10px 35px;
    }
    #hide-footer-form{
        bottom: 125px;
    }
    .search-wrapper{
        max-width: 80%;
    }
    .search-filter{
        gap: 24px;
        padding: 40px;
    }
    .footer > .download-links{
        position: static;
        display: flex;
        flex-wrap: wrap;
        padding: 16px;
    }
    .footer .download-links > a > img{
        max-width: 147px;
    }
    .advantages__video{
        position: relative;
    }

    .courses__items {
        gap: 12px;
    }
    .courses__items{
        flex-direction: column;
        max-width: unset;
        margin: 0 auto;
    }
    .courses__item{
        width: unset;
    }
    .courses__item.open .item__inner  > *{
        height: auto;
    }
    .courses__item.open .item__inner {
        height: auto;
        opacity: 1;
        visibility: visible;
    }

    .courses__item.open .courses__name > svg path:first-child {
        display: none;
    }

    .login-modal{
        bottom: -9%;
    }
    .search-results-main > a, .search-results-main > span{
        padding-right: 330px;
    }
}

@media (max-width: 767px) {
    .advantages > .container > .cursive-title{
        display: none;
    }

    .search-results-main{
        max-height: 180px;
    }

    .search-results-main > a, .search-results-main > span {
        padding-right: 20px;
    }

    .grecaptcha-badge{
        display: none !important;
    }

    .advantages__video > .cursive-title.mobile{
        display: block !important;
        padding-right: 10px;
    }

    .advantages__wrapper{
        position: relative;
        margin-top: calc(50% - 80px);
    }

    .advantages__items, .advantages__video {
        padding-top: 60px;
    }

    .advantages__items{
        padding-bottom: 80px;
    }

    .advantages__wrapper::after {
        max-height: 475px;
    }

    .campuses > .container {
        height: 100%;
    }

    #hide-footer-form {
        display: none;
    }

    .home #page #content {
        padding: 0 !important;
    }

    .container {
        padding: 0 15px;
    }

    .header > .container {
        padding: 0;
    }

    .lecturers, .site-block, .courses, .recommendations, .campuses, .campuses__slider, .campuses__addresses {
        padding: 60px 0 30px;
    }

    .phone, .campuses > .container > .main-title {
        display: none;
    }

    .header-logo {
        padding: 10px 15px;
    }

    .campuses__accordion, .modal, .modal-footer {
        padding: 15px;
    }

    .header-logo > img {
        max-width: 62px;
    }

    .header-burger, .header-search, a.login-link {
        padding: 10px;
    }

    .main-nav {
        padding: 80px 24px 30px 15px;
        width: 100%;
    }

    .banner {
        padding: 110px 0 60px;
    }

    .banner-title {
        font-size: 36px;
        line-height: 49px;
    }

    .banner-title > span {
        width: 132px;
    }

    .banner-title > span::after {
        height: 14px;
        bottom: -5%;
    }

    .banner-info, .search-title, .campuses__tip, #quiz .modal-close {
        margin-bottom: 20px;
    }

    .banner-subtitle, .search-tag > span, .item__text {
        font-size: 14px !important;
        line-height: 19px;
    }

    .banner-link, .advantages__tip {
        font-size: 12px;
        line-height: 16px;
    }

    .courses__desc, .campuses__tip, .lecturers__position, .lecturers__experience > span, .text, .author__position {
        font-size: 16px;
        line-height: 22px;
    }

    .site__inner {
        gap: 12px;
        flex-wrap: wrap-reverse;
    }

    .search-title, .front-link > a {
        font-size: 18px;
        line-height: 24px;
    }

    .item__header > img {
        max-width: 36px;
    }

    .item__title {
        font-size: 20px;
        line-height: 27px;
    }

    .search-tags {
        justify-content: flex-start;
    }

    .search-tag {
        padding: 9px 8px;
    }

    .search-tag > img {
        width: 16px;
    }

    .advantages h2.cursive-title, .courses__name, .cursive-text, .author__name, .lecturers__name, .modal-text {
        font-size: 24px;
        line-height: 32px !important;
    }

    .advantages > .container {
        padding: 90px 15px;
    }

    .advantages h2.cursive-title {
        margin-bottom: 12px !important;
        text-align: start;
    }

    .cursive-title > br {
        display: none;
    }

    .cursive-title > span::after, .main-title > span::after {
        height: 16px;
        min-width: unset;
    }

    .courses__cover, .courses__title {
        margin-bottom: 12px;
    }

    .courses__desc, .campuses__tip, .courses__title, .cursive-text,
    .courses__link, .link, .accordion__city, #primary-menu .menu .sub-menu .menu-item > a {
        font-size: 20px;
        line-height: 32px;
    }

    .courses__title > br {
        display: none;
    }

    .courses__desc {
        margin-bottom: 12px;
    }

    #primary-menu .sub-menu {
        padding-right: 49px;
        gap: 10px;
    }

    #primary-menu .menu .sub-menu .menu-item > a {
        gap: 12px;
    }

    #primary-menu .sub-menu .sub-menu, #primary-menu .sub-menu .sub-menu .sub-menu {
        padding-right: 36px;
    }

    .advantages__items {
        gap: 20px;
    }

    .advantages__stamp {
        top: 0;
        left: 5%;
        max-width: 92px;
    }

    .advantages__frame {
        max-width: 100%;
    }

    .advantages__play {
        padding: 5px;
    }

    .advantages__play > img {
        width: 29px;
    }

    .advantages__tip {
        padding: 12px 14px;
    }

    .item__header {
        gap: 12px;
    }

    .item__text{
        flex-basis: 87%;
    }

    .advantages__item{
        flex-direction: unset;
        flex-wrap: wrap;
        gap: 6px;
    }

    .item__inner  > *{
        height: 0;
        transition: .15s;
    }

    .main-title {
        font-size: 36px !important;
        line-height: 49px;
    }

    .courses .main-title {
        text-align: start;
        margin-bottom: 27px !important;
    }

    .courses__desc, .campuses__tip {
        min-height: unset;
    }

    .courses__name {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 6px 10px;
    }

    .courses__name > svg {
        display: block;
        width: 35px;
        height: 35px;
    }

    .item__inner {
        height: 0;
        opacity: 0;
        visibility: hidden;
        transition: .15s;
    }

    .swiper-pagination-bullet {
        width: 24px !important;
    }

    .pagination {
        gap: 12px;
        flex-wrap: wrap;
    }

    .button {
        padding: 10px;
    }

    .button > svg {
        width: 20px;
        height: 20px;
    }

    .lecturers__items, .block-header, .reviews .slider__nav, .text {
        margin-bottom: 24px;
    }

    .lecturers__items{
        padding-right: 0 !important;
    }

    .recommendations .main-title, .modal-text > span {
        margin-bottom: 12px !important;
    }

    .lecturers__name {
        padding-right: 12px;
    }

    .lecturers__item {
        align-items: center;
    }

    .lecturers__photo {
        max-width: 248px;
    }

    .lecturers__info {
        width: 100%;
        max-width: 248px;
    }

    .author__photo {
        width: 90px;
    }

    .accordion__name {
        font-size: 32px;
        line-height: 40px;
    }

    .reviews::after {
        top: 9%;
        width: 80px;
        height: 60px;
    }

    .site-block {
        background-color: #EBEFF2;
    }

    .site__preview > img {
        max-width: 100%;
    }

    .campuses .main-title > span::after, .site .main-title > span::after {
        height: 20px;
    }

    .recommendations__slider .slider__nav {
        margin: 25px 0 0;
    }

    .campuses__accordion .link {
        top: 20px;
        left: 16px;
    }

    .accordion__address {
        align-items: flex-start;
    }

    .social-link {
        font-size: 14px;
        padding: 10px;
    }

    .social-link > svg {
        width: 20px;
    }

    .campuses__slider .swiper-wrapper {
        max-height: 245px;
    }

    .campuses__slide > .campus-img-wrap {
        max-width: 48%;
    }

    #primary-menu .menu > .menu-item > a {
        font-size: 22px;
        line-height: 28px;
    }

    #primary-menu .menu > .menu-item svg {
        width: 30px;
        height: 30px;
    }

    .modal-body > img {
        max-width: 30%;
        margin-top: -26%;
    }

    #security .modal-body {
        padding: 16px 18px 0 0;
    }

    #security .modal-body > img {
        max-width: 50%;
        margin: -7% auto 0;
    }

    #security .cursive-text {
        margin-bottom: 0;
    }

    .security-logo {
        max-width: 139px;
        width: 50%;
    }

    .courses__link, .link {
        padding: 10px 15px;
    }

    .download-links {
        bottom: 10px;
        left: 15px;
    }

    .main-menu {
        flex-direction: column-reverse;
        overflow-y: scroll;
    }

    .front-menu {
        padding: 24px 0;
        width: 100%;
        min-height: 50%;
    }

    .menu, .front-menu {
        overflow: unset !important;
    }

    #primary-menu .sub-menu .sub-menu .menu-item > a {
        font-size: 14px;
        line-height: 20px;
    }

    #primary-menu .sub-menu.toggled .sub-menu.toggled {
        margin: 20px 0;
    }

    .social-links {
        top: 20%;
        display: none;
    }

    .social-link:last-child > svg {
        display: none;
    }

    .social-links.active {
        display: flex;
    }

    .main-nav {
        background-size: 65% !important;
        background-position: 0 81% !important;
        margin: 0;
    }

    .main-menu .download-links {
        display: none;
    }

    .front-link {
        padding: 10px 36px;
    }

    .front-item {
        padding: 0 36px 0 0;
    }

    .mobile {
        display: none !important;
    }

    .vc_row {
        margin: 0;
    }

    .toggled #primary-menu {
        height: unset !important;
    }

    .button {
        max-height: 40px;
    }

    .search-wrapper {
        max-width: 100%;
        padding: 0 16px;
    }

    .search-options, .suboptions {
        margin-bottom: 24px;
    }

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

    .suboptions {
        flex-direction: column;
        align-items: unset;
        gap: 12px;
        padding-right: 24px;
    }

    .search-filter {
        align-items: unset;
        flex-direction: column;
        background-color: unset;
        backdrop-filter: unset;
        padding: 0;
    }

    .search-filter input[type=search].main-search {
        width: 100%;
    }

    input[type=search].main-search {
        padding: 17px 24px;
        font-size: 18px;
        line-height: 25px;
        background: rgba(0, 0, 0, .5) !important;
        backdrop-filter: blur(5px);
    }

    .suboptions, .search-filter {
        opacity: 0;
        visibility: hidden;
        height: 0;
        transition: .15s;
    }

    .search-wrapper.active .suboptions, .search-wrapper.active .search-filter, .search-wrapper.active .search-select {
        display: flex;
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .search-additional {
        padding: 0;
    }

    .search-wrapper.active {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .full-search {
        padding-bottom: 24px;
    }

    .campuses__slider .swiper-wrapper {
        max-height: calc(100vh - 225px);
        padding-bottom: 24px;
    }

    .campuses__slide {
        height: fit-content !important;
        max-height: 100%;
        flex-wrap: wrap;
        background-color: transparent;
        padding-bottom: 0;
    }

    .campuses__slide > .campus-img-wrap {
        max-width: 220px;
        margin: 0 auto;
    }

    .footer > .container > .menu-item > a {
        font-size: 18px;
        line-height: 25px;
    }

    .footer > .container > .menu-item ul a {
        font-size: 14px;
        line-height: 19px;
    }

    .campuses__inner {
        gap: 12px;
    }

    .campuses__mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .campuses .campuses__mobile > h2.main-title {
        margin-bottom: 0;
    }

    .campuses .slider__nav {
        margin-bottom: 12px;
    }

    .search-wrapper.search-additional {
        max-width: 100%;
        margin-top: 24px;
    }

    .search-links {
        gap: 24px 21px;
    }

    .search-link {
        min-width: 100px;
    }

    .search-link > span {
        font-size: 14px;
        line-height: 20px;
    }

    .search-link > img {
        max-width: 48px;
    }

    .full-search {
        background-size: 75% !important;
        background-position: -20% 50% !important;
    }

    .search-filter .search-form > .input-search {
        width: 100%;
    }

    .banner .search-form, .search-filter .search-form {
        display: flex !important;
    }

    .banner .search-field {
        font-size: 18px;
        line-height: 47px;
        width: calc(100% - 47px);
    }

    .banner .search-submit {
        padding: 11px;
        width: 47px;
        max-height: 47px;
    }

    .campus-img-wrap {
        position: relative;
    }

    .search-select {
        display: none;
    }

    .search-select.active {
        display: block;
    }

    #mobile_contact > a > img {
        display: none;
    }

    #mobile_contact {
        padding: 6px 74px 6px 16px;
        height: auto;
        background-color: #EBEFF2BF;
        backdrop-filter: blur(5px);
    }

    #mobile_contact > a {
        display: block;
        font-weight: 700;
        font-size: 20px;
        padding: 10px;
        width: 70%;
        color: #231F20;
        margin: 0 auto;
        background-color: #FFD900;
    }

    #mobile_contact > a > span {
        top: 0;
    }

    body button#leader-whatsapp-start-btn {
        width: 36px;
        height: 36px;
        bottom: 8px !important;
        right: 21px !important;
    }

    body a.lcbn-pop.button{
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
        bottom: 8px !important;
    }

    .recommendations {
        background-image: none;
    }

    .footer {
        padding-bottom: 80px;
    }

    .site__header, .slider__nav{
        margin-bottom: 24px;
    }
    .site__header > .main-title, .site__header > .text{
        margin-bottom: 0 !important;
    }
    .site__inner .video,  .site__slider .swiper-wrapper{
        max-height: 140px;
    }
    .site__inner .video > iframe{
        max-height: 140px;
        max-width: 248px;
        left: 50%;
        transform: translateX(-50%);
    }
    .site__preview{
        max-width: 240px;
    }

    .main-menu.toggled, .full-search.toggled{
        overflow-y: auto !important;
    }
    .login-modal {
        bottom: -131%;
    }

    .header{
        background-color: #231F20;
    }
    ::part(acsb-trigger){
        top: auto;
        bottom: 12px;
        right: 88%;
        margin: 0;
    }
    #drawer.active{
        overflow-y: auto !important;
    }
}

@media (orientation: landscape){
    .campuses__gallery{
        z-index: 99991;
    }
    #campuses-filters-modal{
        position: absolute;
        margin-bottom: 0;
        z-index: 22;
        left: 16px;
    }
    .campuses__gallery .slider__nav{
        margin-top: 12px;
    }
    .campuses__gallery .campus-img-wrap {
        margin: 0 auto;
        max-width: 55%;
    }
    .campuses__gallery > .button{
        margin-bottom: 0;
    }
    .campuses__gallery .slider__nav .button{
        position: absolute;
        z-index: 22;
        top: 50%;
        transform: translateY(-50%);
    }
    #gallery-next{
        left: 16px;
    }
    #gallery-prev{
        right: 16px;
    }
}