.burger {
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    cursor: pointer;
    position: relative;
    z-index: 100;
    padding: 8px;
    background-color: var(--bg-opacity-05);
    border-radius: var(--card-border);
  }
  
  .burger span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: black;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
  }
  
  /* Анимация в состояние крестика */
  .burger.active span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: top left;
  }
  
  .burger.active span:nth-child(2) {
    opacity: 0;
  }
  
  .burger.active span:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: bottom left;
  }

  .mobile-grid {
    display: none;
}

.mobile-flex {
    display: none;   
}

.mobile-menu__wrapper {
    display: none;   
}

@media (max-width: 1200px)  {
    .news-slider-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .blogs {
        grid-template-columns: repeat(3, 1fr);
    }
    .post {
        grid-gap: 32px;
    }
    .catalog-list {
        grid-template-columns: 1fr;
    }
    .catalog-preview {
        height: 416px;
    }
}

@media (max-width: 1096px) {
    .info-country__cat {
        grid-template-columns: 1fr;
    }
    .info-country__cat > div:last-child {
        order: -1;
    }
}

@media (max-width: 768px) {
    .desktop-view {
        display: none;
    }
    .mobile-flex {
        display: flex;
    }
    .header-second__container {
        display: none;
    }
    .header-first {
        align-items: center;
        padding: 8px 0;
    }
    .header-first__left {
        align-items: center;
        gap: 16px;
    }
    .logo {
        height: 26px;
    }
    .logo img {
        height: 100%!important;
    }
    .category-nav > ul {
        gap: 8px;  
    }
    .category-nav > ul > li > a {
        font-size: 12px;
    }
    .category-nav > ul > li > a > img {
        display: none!important;
    }
    .flex {
        display: flex;
        align-items: center;
    }
    .mobile-menu__header-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }
    .mobile-menu__header-bottom {
        width: 100%;
        display: flex;
		flex-direction: column;
		gap: 12px;
    }
    .mobile-menu__header-bottom .maps-link {
		flex-wrap: wrap;
        gap: 12px;
    }
    .social__link {
        width: 16px;
        height: 16px; 
    }
    .subscr {
        padding: 11px 16px;
    }

    .mobile-menu__wrapper {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        opacity: 0;
        z-index: 1050;
        max-height: 0;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 8px 8px 0 rgba(171, 190, 228, .1019607843), 0 2px 4px 0 rgba(68, 83, 113, .05);
        user-select: none;
        transition: max-height .3s ease, opacity .3s ease;
        height: 100vh;
    }
    
    .mobile-menu__wrapper.show {
        display: block;
        opacity: 1;
        max-height: calc(100vh - 50px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .mobile-menu__header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 20px 0;
        border-top: 1px solid #f2f2f3;
        border-bottom: 1px solid #f2f2f3;
    }
    
    .mobile-menu__content {
        display: flex;
        flex-direction: column;
        padding: 20px 0;   
    }
    
    .mobile-menu__content-menu {
        display: flex;
        flex-direction: column; 
    }
    .mobile-menu__content-menu:first-child {
        padding-bottom: 20px;
    }
    .mobile-menu__content-menu:last-child {
        padding: 20px 0;
        border-top: 1px solid #f2f2f3;
    }
    .mobile-menu__content-menu .main-nav ul {
        display: flex;
        flex-direction: column; 
        align-items: flex-start;
        gap: 16px;  
    }

    .mobile-menu__content-menu .main-nav ul li a {
        color: var(--primary-color);
    }

    .mobile-menu__content-menu h4 {
        font-family: var(--title-family), serif;
        margin-bottom: 16px;
    }

    .main {
        margin-top: 53px;
    }
    .home-slider__container {
        padding-bottom: 60px;
    }
    .section__container {
        padding: 60px 0;
    }
    .section-slider__title {
        margin-bottom: 24px;
        padding-bottom: 20px;
    }
    .home-slider__container {
        padding-top: 20px;
    }
    .home-preview {
        grid-template-columns: 1fr;
    }
    .news-aside {
        height: 100vh;
    }
    .news-aside__wrap {
        max-width: 100%;
    }
    .news-aside__list {
      width: 100%;  
    }
    .section-two {
        grid-template-columns: 1fr;
    }
    .bag-slider__bg-img {
        height: 180px;
    }
    .guide-preview {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .guide-preview--1 {
        grid-row: 1;
        grid-column: 1;
    }
    .guide-preview--2 {
        grid-column: 1;
        grid-row: 2;
    }
    .guide-preview--3 {
        grid-column: 1;
        grid-row: 3;
    }
    .card-link {
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .subscribe__form {
        grid-template-columns: 1fr;
        width: 100%;
    }
    .subscribe__form button {
        width: 100%;
    }
    .slider-item__slider {
        height: auto!important;
        aspect-ratio: 16 / 9;
    }
    .footer-top {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .footer-links__link {
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .blogs {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
        row-gap: 24px;
    }
    .post {
        grid-template-columns: 1fr;
    }
    .catalog__container {
        padding: 40px 0;
    }
    .catalog-preview {
        height: 240px;
    }
    .catalog-list {
        gap: 8px;   
    }
    .catalog-slider {
        gap: 8px;
    }
    .card-link__text {
        font-size: 24px;
    }
    .catalog-preview__title {
        margin-bottom: 6px;
    }
    .catalog-preview__desc {
        margin-bottom: 12px;
        font-size: 14px;
    }
    .catalog-preview__select {
        padding: 8px 12px;
    }
    .country-page__preview {
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .country-page__title {
        font-size: 36px;
    }
    .country-page__content {
        padding: 40px 0;
    }
    .info-country__title {
        margin-bottom: 32px;
        padding-bottom: 24px;
    }
    .articles-country {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .blog-img {
        height: auto;
        aspect-ratio: 16 / 9;  
    }
    .blog-reverse {
        gap: 12px;
    }
    .ball {
        width: 470px;
        height: 470px;
    }
    #flying-map iframe {
        aspect-ratio: 16 / 9;
    }
    .slider-home .swiper-button-prev {
        right: 64px;
        top: 46px;
        left: auto!important;
    }
    .slider-home .swiper-button-next {
        right: 20px!important;
        top: 46px;
    }
    .modal-content .logo {
        width: 60%;
        height: auto;
    }
    .modal-content {
        margin-top: 50%;
        padding: 24px 20px;
    }
    .modal-content__btn button {
        font-size: 14px;
    }
    .banner__container {
        padding: 60px 0;
        padding-bottom: 0;
    }
	.slider-item__content .slider-item__title {
        order: 0;
        margin-bottom: 8px;
    }
	 .slider-item__title {
        font-size: 24px;
        margin-bottom: 12px;
    }
	.banner__link {
		height: auto;
	}
  }

  @media (max-width: 496px) {
    .blogs__container {
        padding: 24px 0;
    }
    .blog-pagination__wrap {
        padding: 40px 0;
    }
    .title-h2 {
        font-size: 24px;
    }
    .section__head {
        padding-bottom: 24px;
    }
    .section__desc {
        font-size: 14px;
    }
    .blogs {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
    .text-limit {
        line-height: 1.2em !important;
        max-height: calc(1.2em* 2);
    }
    .blog-item__link {
        font-size: 16px;
    }
    .blog-tags {
        margin-bottom: 6px;
    }
    .blog__title {
        margin-bottom: 6px;
    }
    .blog__publ {
        font-size: 12px;
    }
    .post__container {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .post-back {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .post-back svg {
        width: 20px;
        height: 20px;
    }
    .post__date {
        font-size: 12px;
    }
    .post__view {
        font-size: 12px; 
    }
    .post__view svg {
        width: 16px;
        height: 16px;  
    }
    .post__title {
        margin-bottom: 12px;
    }
    .tags {
        gap: 6px;
    }
    .tags__item {
        font-size: 12px;
        padding: 6px 8px;
    }
    .post-head {
        margin-bottom: 12px;
    }
    .share {
        gap: 6px;
    }
    .share a {
        padding: 8px;
    }
    .share a svg {
        width: 20px;
        height: 20px;
    }
    .post-img-author {
        font-size: 12px;
    }
    .post-excerpt {
        font-size: 16px;   
        margin-bottom: 20px;
    }
    .wp-block-heading {
        font-size: 20px;
    }
    .wp-block-image {
        margin-bottom: 20px;
    }
    p {
        margin: 8px 0;
    }
    .catalog {
        gap: 32px;
    }
    .catalog-preview {
        height: 190px;
    }
    .catalog__container {
        padding: 24px 0;
    }
    .card-link__text {
        font-size: 18px;
    }
    .catalog-preview__title {
        font-size: 20px;
    }
    .catalog-preview__content {
        width: 70%;
    }
    .catalog-slider {
        gap: 4px;
    }
    .card-link__text {
        font-size: 16px;
    }
    .info-country__title {
        margin-bottom: 20px;
        padding-bottom: 16px;
    }
    .title-h3-small {
        font-size: 20px;
    }
    .country-page__flag {
        width: 100px;
        height: auto;
        object-fit: cover;
        aspect-ratio: 16 / 9;
    }
    .country-page__text {
        flex-direction: column;
    }
    .footer-bottom {
        gap: 8px;
    }
    .widget-link {
        right: 20px;
        bottom: 20px;
    }
    .widget-link__link {
        width: 50px;
        height: 50px;
    }
    .widget-link__text {
        padding: 3px 9px;
    }
    .ball {
        width: 290px;
        height: 290px;
    }
    .ball-left__title {
        font-size: 24px;
    }
    #randomPostButton {
        font-size: 13px;
        width: max-content;
        padding: 12px 16px;
    }
    .slider-item__content {
        display: flex;
        flex-direction: column;
        padding: 20px;
        padding-bottom: 32px;
    }
    .slider-home .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 3px !important;
    }
    .slider-home .swiper-pagination {
        width: auto !important;
        left: 20px !important;
    }
    .slider-item__content .slider-item__tags {
        display: none;
        order: 1;
        overflow: auto;
    }
    .slider-item__content .slider-item__date {
        order: 2;
        font-size: 12px;
    }
    .slider-item__tags a {
        white-space: nowrap;
    }
    .slider-item__date {
        font-size: 14px;
    }
    .slider-item__tags {
        margin-bottom: 6px;
    }
    .slider-home .swiper-button-prev {
        right: 64px;
        top: 46px;
        left: auto!important;
    }
    .slider-home .swiper-button-next {
        right: 20px!important;
        top: 46px;
    }
    .slider-item__slider {
        height: 250px!important;
    }
    .news-aside {
        height: 60vh;
    }
    .news-aside__title {
        font-size: 16px;
        padding: 16px 16px 8px 16px;
    }
    .news-aside-block__title {
        font-size: 12px;
        margin-top: 4px;
    }
    .news-aside-block__date {
        font-size: 12px;
    }
    .news-aside-block {
        padding: 8px 0;
    }
    .news-aside__more {
        font-size: 12px;
        margin: 12px 0;  
    }
    .bag__container {
        padding: 60px 0;
    }
    .bag-slider__img {
        height: 200px;
    }
    .bag-slider .swiper-slide {
        width: 180px;
    }
    .bag-slider__title {
        font-size: 14px;
    }
    .post__publication {
        justify-content: flex-start;
    }
    .news-item__title {
        font-weight: 600;
        font-size: 16px;
    }
    .blog-reverse {
        grid-template-columns: 33% 66%;
    }
    .banner-header__container .banner__link {
		height: 66px;
        width: 100%;
    }
    .section-slider__title {
        font-size: 24px;
    }
	.calendar__container {
		padding: 24px 0;
	}
	.responsive-iframe {
		aspect-ratio: 1 / 1;
	}
  }

  @media (max-width: 420px) {
    .news-slider-list {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
	.slider-item__title {
        font-size: 22px;
    }
	.touroperators-menu {
		display: none;
	}
}