@media screen and (max-width: 768px) {
    #news img, main .wrap {
        max-width: 100%
    }

    main #main_block .logo.index, main #main_block .logo.sub {
        background-repeat: no-repeat;
        background-image: url(/web/img/BannerForum2024-m-sub.png?v=3);
        background-size: cover;
        min-height: 160px;
        margin-top: 0
    }

    main #main_block .logo.sub {
        background-repeat: no-repeat !important;
        background-size: cover !important
    }

    main #main_block header .wrap {
        padding-top: 0;
        padding-bottom: 0
    }

    main #main_block header .navbar .devider {
        display: none !important
    }

    main #main_block header .navbar .navbar-toggler {
        position: absolute;
        top: 10px;
        left: 10px;
        background: #fff;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0
    }

    main #main_block header .navbar .swipe-close {
        width: 60px;
        height: 6px;
        display: block;
        margin: 20px auto 0;
        background: #e6e6e6;
        border-radius: 1rem;
        margin-bottom: 1rem
    }

    main #main_block header .navbar .menu {
        gap: 0
    }

    main #main_block header .navbar .menu .bg_blue, main #main_block header .navbar .menu .bg_red {
        margin-top: .5rem;
        min-width: 130px;
        text-align: center;
        padding: 6px 10px;
        margin-inline: 10px
    }

    main #main_block header .navbar .menu .bg_red.clear {
        background: 0 0;
        color: #a01f75 !important
    }

    main #main_block header .navbar .menu .contacts {
        margin-top: 10px;
        text-align: center
    }

    main #main_block header .navbar .menu .contacts a {
        font-size: 14px;
        color: #69696a;
        display: inline-block;
        margin-bottom: .5rem
    }

    main #main_block header .navbar .menu .contacts .iconsBlock {
        margin: 8px 0 0;
        gap: 20px;
        display: flex
    }

    main #main_block header .navbar .menu .contacts .iconsBlock img {
        max-width: 30px
    }

    .icon-menu {
        display: flex !important;
        margin: -12px 0 0 !important;
        gap: 8px !important;
        flex-wrap: wrap;
        justify-content: space-evenly !important
    }

    .icon-menu .icon-menu__link {
        min-width: 150px;
        justify-content: center !important;
        display: flex;
        padding: 15px 0
    }

    .icon-menu .icon-menu__link svg {
        margin-right: 10px
    }

    main h1 {
        font-size: 30px !important;
        margin-bottom: 25px !important
    }

    main h1::after {
        margin: 20px auto 0 !important
    }

    main h2 {
        font-size: 24px !important
    }

    #committee .committee_items .committee_item .committee_item_descr, #news .padd-mobile, .gallery .padd-mobile {
        padding: 0
    }

    .swiper.videos .iframe-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 56.25%
    }

    .swiper.videos iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important
    }

    .swiper.videos .swiper-wrapper {
        padding-bottom: 1.5rem
    }

    .swiper.videos .swiper-pagination {
        bottom: 0
    }

    .swiper.videos .swiper-button-next, .swiper.videos .swiper-button-prev {
        bottom: 0;
        position: absolute;
        top: auto;
        padding: 0 30px;
        --swiper-navigation-size: 22px
    }

    .swiper.videos .swiper-slide, .swiper.videos .swiper-slide-active {
        transform: none
    }

    .swiper.videos .swiper-slide p {
        text-align: center !important;
        font-size: 26px !important;
        font-weight: 700 !important
    }

    .swiper.videos .swiper-slide-active iframe {
        width: 100% !important;
        height: 100% !important;
        max-width: none;
        transform: none
    }

    #committee .top_item {
        align-items: center;
        margin-bottom: 40px
    }

    #committee .top_item .top_text {
        width: auto;
        margin-top: 1rem
    }

    #committee .committee_items, #committee .top_item {
        flex-direction: column
    }

    #committee .committee_items .committee_item, #modal-create-update-news .main-photo {
        width: 100%
    }

    .organizers .main-organizers, .place-list-wrap {
        flex-wrap: wrap
    }

    .organizers .co-organizers {
        justify-content: space-around;
        align-items: center;
        padding-bottom: 20px;
        flex-wrap: wrap;
        gap: 10px
    }

    .organizers .co-organizers a {
        width: calc(50% - 10px) !important
    }

    .organizers .co-organizers a.full {
        width: calc(100% - 10px) !important
    }

    .place-list-wrap .place-list {
        width: calc(50% - 20px) !important
    }

    .place-list-wrap .place-list h3 {
        font-size: 18px !important
    }

    .place-list-wrap .place-list a, .place-list-wrap .place-list p, .place-list-wrap .place-list span {
        font-size: 14px !important
    }

    .copyright p, main table .btn-small {
        font-size: 12px !important
    }

    main .tab-pane {
        width: auto !important
    }

    main .tab-pane #format {
        margin-bottom: 1rem;
        display: flex;
        align-items: center
    }

    main .tab-pane #format p {
        margin: 0
    }

    main .tabbable {
        margin-top: 20px !important
    }

    main table a {
        font-size: 16px !important
    }

    main .btn {
        font-size: 14px !important
    }

    main .nav-tabs {
        border-bottom: 0;
        flex-direction: column
    }

    main .nav-tabs .nav-item .nav-link {
        font-size: 14px !important;
        text-align: left
    }

    main .nav-tabs .nav-item .nav-link.active {
        border: 1px solid #dee2e6;
        border-radius: 6px
    }

    #news h2 {
        font-size: 26px
    }

    #news .news_date {
        font-size: 16px;
        margin-bottom: 8px
    }

    #committee_showMore {
        text-decoration: underline;
        font-size: 16px
    }

    #grid-program .program-buttons {
        width: 100%
    }

    #block-icons {
        order: 1
    }

    #welcome {
        order: 2
    }

    #block-committee, #news {
        order: 3
    }

    #block-precource {
        order: 5
    }

    #block-school-nurse {
        order: 6
    }

    #grid-program {
        order: 7
    }

    #nmo {
        order: 8;
        display: none
    }

    #placeAddress {
        order: 9
    }

    #letter {
        order: 10
    }

    #block-gallery {
        order: 11
    }

    #block-organizers {
        display: none
    }

    #sponsors .d-flex {
        flex-direction: column
    }

    #gallerySlider button, .homepageSlider button {
        width: 20px
    }

    #gallerySlider button.slick-next-white, .homepageSlider button.slick-next-white {
        right: -15px
    }

    #gallerySlider button.slick-prev-white, .homepageSlider button.slick-prev-white {
        left: -15px
    }
}

@media screen and (max-width: 400px) {
    main #main_block .logo.index, main #main_block .logo.sub {
        min-height: 145px
    }
}

@media screen and (max-width: 359px) {
    main #main_block .logo.index, main #main_block .logo.sub {
        min-height: 130px
    }
}

@media screen and (max-width: 320px) {
    main #main_block .logo.index, main #main_block .logo.sub {
        min-height: 125px
    }
}

/*# sourceMappingURL=mobile.css.map */