@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1404px;
    }


}

@media screen and (max-width: 1919.98px) {

}

@media screen and (max-width: 1799.98px) {
    .header__menu ul {
        gap: 0;
    }

    .search-form,
    header {
        margin-left :10px;
        margin-right :10px;
        width: calc(100% - 20px);
    }

    .header__menu li a {
        font-size: 16px;
    }

    .header__logo {
        font-size: 14px;
    }


}
@media screen and (max-width: 1399.98px) {
    .header__container {
        padding: 10px 15px;
    }

    .header__actions {
        gap: 20px;
    }

    .banner__page-title {
        font-size: 38px;
        line-height: 130%;
    }

    .banner__num {
        width: 40px;
        min-width: 40px;
        height: 30px;
    }

    .banner-doc__item {
        gap: 15px;
        padding: 10px 10px;
        font-size: 16px;
    }
    .activity__item-img {
        width: 150px;
        height: 150px;
        min-width: 150px;
    }

    .activity__item {
        gap: 20px;
        padding: 20px 15px;
    }

    .activity__item-link {
        gap: 8px;
    }

    .common-title-h3 {
        font-size: 23px;
    }

    .weather th, .weather td {
        font-size: 15px;
    }

    .news-slider .swiper-slide-prev .news__slide {
        transform: translateX(488px) scale(0.84);
    }
    .news-slider .swiper-slide-next .news__slide {
        transform: translateX(-488px) scale(0.84);
    }

    .imap__button {
        width: 47px;
        height: 47px;
    }

}

@media screen and (max-width: 1199.98px) {
    .header__logo {
        font-size: 12px;
    }

    .header__menu li a {
        padding: 17px 7px;
        font-size: 14px;
    }

    .header__action__lang a {
        font-size: 14px;
    }

    .header__action__search img {
        width: 22px;
    }

    .header__action__social img {
        width: 28px;
    }

    .header__action__social {
        gap: 10px;
    }

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

    .header__action__map img {
        width: 36px;
    }

    header {
        width: calc(100% - 34px);
    }

    .search-form {
        width: calc(100% - 34px);
        padding: 7px 15px;
    }

    .search-form.show {
        margin-top: 100px;
    }

    .search-form__input input::placeholder {
        font-size: 14px;
    }

    .banner-doc__ico {
        width: 30px;
    }

    .banner-doc__item {
        font-size: 14px;
        line-height: 120%;
    }

    .banner__nav {
        min-width: 450px;
    }

    .banner-wrapper {
        display: flex;
        gap: 40px;
    }

    .banner-doc {
        margin-bottom: 70px;
    }

    .activity {
        padding-top: 60px;
    }

    .common-title-h2 {
        margin-bottom: 40px;
        font-size: 28px;
    }

    .footer__link a + a {
        margin-left: 30px;
    }

    .footer__menu a {
        font-size: 18px;
    }

    .footer__subscribe-form input[type="submit"] {
        padding: 14px 6px;
    }

    .footer__subscribe-form input[type="email"] {
        font-size: 14px;
        padding: 12px 8px;
    }

    .common-title-h3 {
        font-size: 19px;
        margin-bottom: 25px;
    }

    .online {
        margin-top: 50px;
    }

    .weather-wrapper {
        padding: 21px 20px 20px 20px;
    }

    .news-slider .swiper-slide-prev .news__slide {
        transform: translateX(410px) scale(0.84);
    }
    .news-slider .swiper-slide-next .news__slide {
        transform: translateX(-410px) scale(0.84);
    }

    .news-slider .swiper-button-prev {
        left: 10px;
    }

    .news-slider .swiper-button-next {
        right: 10px;
    }

    .imap__button {
        width: 40px;
        height: 40px;
    }

    .imap__content-title {
        font-size: 24px;
    }

    .imap__gallery-item {
        height: 132px;
    }
}

@media screen and (max-width: 991.98px) {
    .header__action__search img {
        width: 24px;
    }

    .search-form {
        margin-top: 20px;
    }

    .search-form.show {
        margin-top: 80px;
    }

    .header__action__search img {
        width: 30px;
    }

    .header__actions {
        gap: 27px;
    }

    header {
        width: 100%;
        margin: 0;
        height: auto;
    }

    .header__container {
        border-radius: 0;
    }

    .search-form {
        margin-top: 0;
        width: calc(100% - 20px);
    }

    .search-form.show {
        margin-top: 70px;
    }

    .banner {
        padding-top: 150px;
        height: auto;
        padding-bottom: 20px;
    }

    .banner-doc {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .banner-wrapper {
        display: block;
    }

    .banner__page-title {
        font-size: 40px;
        font-weight: 600;
        line-height: 51px;
        text-align: center;
    }

    .banner__page-action {
        text-align: center;
    }

    .banner__page .swiper-slide {
        height: 270px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .banner__page .btn {
        padding: 20px 90px;
    }

    .banner-doc__item {
        background-color: #E6F0F4;
        padding: 15px 25px;
        gap: 30px;
        color: var(--black);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }

    .banner-doc__ico {
        width: auto;
    }

    .banner-doc__item:hover {
        color: var(--black);
        background-color: #E6F0F4;
    }

    .common-title-h2 {
        font-size: 30px;
        font-weight: 600;
        line-height: 38px;
        text-align: center;
    }

    .common-title-h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 36px;
        text-align: center;
        margin-bottom: 30px;
    }

    .online-col + .online-col {
        margin-top: 60px;
    }

    .online {
        margin-top: 70px;
    }

    .page-simple-banner {
        padding-top: 70px;
        margin-bottom: 30px;
    }

    .page-banner {
        padding-top: 120px;
    }

    .news__item-first .news__item-desc {
        position: static;
        padding: 0;
        color: inherit;
        background: no-repeat;
        border-radius: 0;
    }

    .news__item-first .news__item-date {
        margin-top: 24px;
        color: var(--gray);
    }

    .news__item-first .news__item-img {
        max-height: 300px;
    }

    .news__item-first .news__item-img img {
        max-height: 300px;
        height: 300px;
    }

    .news-detail .common-title-h1 {
        font-size: 36px;
        font-weight: 500;
        line-height: 46px;
        text-align: left;
    }

    .news-slider .swiper-slide-prev .news__slide {
        transform: translateX(0) scale(1);
    }
    .news-slider .swiper-slide-next .news__slide {
        transform: translateX(0) scale(1);
    }

    .news-slider {
        margin-bottom: 30px;
    }

    .page-banner h1 {
        font-size: 40px;
        font-weight: 500;
        line-height: 51px;
        text-align: left;
    }

    .imap__button {
        width: 60px;
        height: 60px;
    }

    .imap__content {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767.98px) {
    .header__logo {
        line-height: 19px;
    }

    .activity__item {
        flex-direction: column;
        padding: 24px 15px 15px;
    }

    .activity__item-name {
        min-height: 60px;
        font-size: 20px;
        line-height: 30px;
    }

    .activity__item-link {
        margin-top: 12px;
        gap: 12px;
        color: #007AFF;
        font-weight: 500;
    }

    .activity__item-img {
        width: 100%;
        height: 180px;
    }

    .weather {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .weather thead tr {
        border-radius: 0;
    }

    .weather tbody tr:nth-child(2n+1) {
        border-radius: 0;
    }

    .weather th:nth-child(1), .weather td:nth-child(1) {
        width: calc(100% / 3 + 20px);
    }

    .weather th:nth-child(3), .weather td:nth-child(3) {
        width: calc(100% / 3 - 20px);
    }

    .weather-desc {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .slidet__nav {
        position: absolute;
        bottom: -240px;
        width: calc(100% + 24px);
        justify-content: space-between;
        margin-left: -12px;
    }


    .swiper-button-next, .swiper-button-prev {
        width: 40px;
        height: 40px;
        max-width: 40px;
        min-width: 40px;
        max-height: 40px;
        min-height: 40px;
    }

    .swiper-button-next::after, .swiper-button-prev::after {
        height: 100%;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        max-height: 100%;
        min-height: 100%;
    }

    .slider .btn {
        width: 100%;
    }

    .slider.photo-main {
        background: none;
    }

    .slider__title {
        justify-content: center;
    }

    .gallery__title {
        justify-content: start;
    }
    .news-detail .slider__title {
        justify-content: start;
    }

    .footer__logo a {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        width: 100%;
        display: block;
        max-width: 276px;
        margin: auto;
    }

    .footer__social {
        justify-content: center;
        margin-top: 24px;
    }

    .footer__menu a {
        text-align: center;
        display: block;
    }

    .footer__menu {
        margin-top: 36px;
    }

    .footer__menu ul {
        gap: 18px;
    }

    .footer__phone {
        margin-top: 46px;
    }

    .footer__phone a {
        font-size: 20px;
        text-align: center;
        display: block;
    }

    .footer__phone-desc {
        margin-top: 10px;
        text-align: center;
    }

    .footer__subscribe-title {
        text-align: center;
    }

    .footer__subscribe-form {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer__subscribe-form input[type="email"] {
        padding: 12px 15px;
    }

    footer hr {
        margin: 24px 15px;
        opacity: 0.1;
    }

    .footer__bottom-link {
        order: 1;
        margin-top: -8px;
    }

    .footer__link a + a {
        margin-left: 0;
        margin-top: 16px;
    }

    .footer__link a {
        display: block;
        text-align: center;
    }

    .footer__bottom-mob {
        order: 2;
        margin-top: 24px;
    }

    .footer__bottom-cop {
        order: 3;
        margin-top: 24px;
    }

    .mobility .footer__link a {
        display: initial;
    }

    .mobility {
        text-align: center;
    }

    .footer__copyright {
        text-align: center;
    }

    .slider .swiper-button-next, .slider .swiper-button-prev {
        position: relative;
    }

    .imap__button {
        width: 43px;
        height: 43px;
    }
}

@media screen and (max-width: 575.98px) {
    .slider .swiper {
        width: calc(100% + 12px);
    }

    .footer__subscribe-form input[type="submit"],
    .footer__subscribe-form input[type="email"] {
        width: 100%;
        max-width: 100%;
    }

    .page-simple-banner {
        padding-top: 90px;
    }

    .imap__button {
        width: 9vw;
        height: 9vw;
    }

    .imap__gallery-item {
        height: 90px;
    }
}


@media screen and (min-width: 991.98px) and (max-height: 860px){
    .banner__num {
        width: 45px;
        min-width: 45px;
        height: 45px;
        font-size: 28px;
    }
}

@media screen and (min-width: 991.98px) and (max-height: 780px){
    .banner__num {
        width: 32px;
        min-width: 32px;
        height: 32px;
        font-size: 25px;
    }
}