/*  ====================================================
MIN-WIDTH
======================================================== */

/*  ----------------------------------------------------
Экстрамалые девайсы («телефоны», < 576px)
-------------------------------------------------------- */


/*  ----------------------------------------------------
Маленькие устройства (телефоны, 576px и выше)
-------------------------------------------------------- */

@media (min-width: 576px) {

}

/*  ----------------------------------------------------
Средние устройства (планшеты, 768px и выше)
-------------------------------------------------------- */

@media (min-width: 768px) {

}

/*  ----------------------------------------------------
Большие устройства (настольные компьютеры, 992px и выше)
-------------------------------------------------------- */

@media (min-width: 992px) {

}

/*  ----------------------------------------------------
Экстра большие устройства (большие настольные компьютеры, 1200px и выше)
-------------------------------------------------------- */

@media (min-width: 1200px) {


}

/*  ----------------------------------------------------
Экстра большие устройства (большие настольные компьютеры, 1200px и выше)
-------------------------------------------------------- */

@media (min-width: 1400px) {


}


/*  ====================================================
MAX-WIDTH
======================================================== */

/*  ----------------------------------------------------
Для устройств с максимальной шириной 575px
-------------------------------------------------------- */

@media (max-width: 575px) {

    .section_title .section_header {
        font-size: 2em;
    }

}

/*  ----------------------------------------------------
Для устройств с максимальной шириной 767px
-------------------------------------------------------- */

@media (max-width: 767px) {

    p {
        font-size: 16px;
        font-weight: 300;
    }

    .back_to_top {
        display: none !important;
    }

    /*  ----------------------------------------------------
    Счетчик обратного отсчета
    -------------------------------------------------------- */
    #preloader .countdown div {
        margin: 0 25px 0 0;
        font-size: 40px;
        font-weight: 300;
        text-align: center;
    }

    #preloader .countdown div > span {
        font-size: 14px;
    }

    /*  ----------------------------------------------------
    Navbar
    -------------------------------------------------------- */
    .navbar {
        position: fixed;
        top: 0;
        left: -100%;
        width: calc(100% - 70px);
        bottom: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        z-index: 9997;
    }

    .navbar ul {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 70px 0 0 0;
        margin: 0;
        background: rgba(100, 100, 100, 0.9);
        overflow-y: auto;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        z-index: 9998;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .navbar ul li {
        padding: 0;
    }

    .navbar a,
    .navbar a:focus {
        padding: 12px 20px;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        white-space: nowrap;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .navbar > ul > li > a::after {
        display: none;
    }

    .navbar a i,
    .navbar a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
    }

    .navbar a span {
        display: inline-block;
    }

    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover > a {
        color: var(--color-green);
    }

    .mobile-nav-toggle {
        position: fixed;
        top: 20px;
        right: 20px;
        display: block !important;
        color: var(--color-black);
        font-size: 40px;
        cursor: pointer;
        line-height: 0;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        z-index: 9999;
    }

    .mobile-nav-toggle.bi-x {
        color: #ffffff;
    }

    .mobile-nav-active {
        overflow: hidden;
        z-index: 9995;
        position: relative;
    }

    .mobile-nav-active .navbar {
        left: 0;
    }

    .mobile-nav-active .navbar:before {
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 9996;
    }

    #headernav .btn-getstarted,
    #headernav .btn-getstarted:focus {
        margin: 12px 20px;
        padding: 10px;
    }

    /*  ----------------------------------------------------
    Home
    -------------------------------------------------------- */
    #home_cover_text {
        font-size: 2rem;
    }

    #home_cover_age {
        font-size: 110px;
    }

    #home_cover_slogan {
        font-size: 16px;
    }

    #home_cover_date {
        font-size: 24px;
        font-weight: 300;
    }

    #home .bg-white-light {
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    #home .btn-registration {
        font-size: 20px;
    }

    #home .icon_box .icon_box_content p {
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        text-transform: uppercase;
        margin: 5px 0 0 40px;
    }

    #home .btn {
        font-size: 18px;
        padding: 1rem;
    }

    #home_cover_location,
    #home_cover_location span {
        font-size: 17px;
        font-weight: 300;
    }

    #heimtextil h4 {
        font-size: 16px;
    }

    /*  ----------------------------------------------------
    ETW
    -------------------------------------------------------- */
    #heimtextil .section_header {
        font-size: 24px;
        font-weight: 500;
    }

    #heimtextil .section_subheader {
        font-size: 16px;
    }

    /*  ----------------------------------------------------
        Gallery
        -------------------------------------------------------- */
    #gallery .section_title .section_header {
        font-size: 24px;
        font-weight: 500;
    }

    #registration_btn .btn-registration {
        font-weight: 300;
        font-size: 24px;
        padding: 10px 20px;
    }

    /*  ----------------------------------------------------
    Бренды
    -------------------------------------------------------- */
    /*  ----------------------------------------------------
    О мероприятии
    -------------------------------------------------------- */
    #about .section_title .section_header {
        font-size: 20px;
        font-weight: 500;
    }

    #about .section_title .section_subheader {
        font-size: 20px;
        font-weight: 400;
    }

    #about .section_content p {
        font-size: 16px;
        font-weight: 300;
    }

    /*  ----------------------------------------------------
     Особенности
    -------------------------------------------------------- */
    /*  ----------------------------------------------------
    Почему нас выбирают
    -------------------------------------------------------- */
    /*  ----------------------------------------------------
    Площадки
    -------------------------------------------------------- */
    #location .section_title .section_header {
        font-size: 24px;
        font-weight: 500;
    }

    #location .section_title .section_subheader {
        white-space: nowrap;
        font-size: 24px;
        font-weight: 200;
    }

    #location h3 {
        font-size: 24px;
        font-weight: 300;
    }

    #location .section_content p {
        font-size: 16px;
        font-weight: 300;
    }

    /*  ----------------------------------------------------
    Как это было
    -------------------------------------------------------- */
    #history .section_title .section_header {
        font-size: 24px;
        font-weight: 500;
    }

    #history .nav .nav-link .history-data {
        font-size: 24px;
    }

    #history .nav .nav-link .history-place {
        font-size: 11px;
    }

    #history .nav .nav-link {
        font-size: 20px;
    }

    #set_gallery_type li {
        padding: 0.5rem;
    }

    #set_gallery_type i {
        padding-right: 5px;
    }

    /*  ----------------------------------------------------
    Спикеры
    -------------------------------------------------------- */
    #speakers .section_title .section_header {
        font-size: 24px;
        font-weight: 500;
    }

    #speakers .col-item .speakers_name {
        font-size: 14px;
    }

    #speakers .col-item h3 {
        font-size: 14px;
    }

    .loadMore a {
        width: auto;
        padding: 1rem;
        font-size: 16px;
    }

    /*  ----------------------------------------------------
    Программа
    -------------------------------------------------------- */
    #schedules .section_title .section_header {
        font-size: 24px;
        font-weight: 500;
    }

    #schedules .section_title .section_subheader {
        font-size: 20px;
        font-weight: 300;
    }

    #schedules .nav-tabs .nav-link {
        font-size: 13px;
        padding: 10px;
    }

    #schedules .schedules_item .schedules_hour {
        font-size: 16px;
    }

    #schedules .schedules_item .schedules_content .schedules_title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #schedules .schedules_item .schedules_content {
        margin: 0 0 0 60px;
    }

    /*  ----------------------------------------------------
    Фотогалерея
    -------------------------------------------------------- */
    /*  ----------------------------------------------------
    Как попасть на мероприятие
    -------------------------------------------------------- */
    #howtoget .howtoget_wrapper {
        padding-left: 15px;
    }

    #howtoget .section_title .section_header {
        font-size: 24px;
        font-weight: 500;
    }

    #howtoget .section_title .section_subheader {
        font-size: 20px;
        font-weight: 300;
    }

    #howtoget .section_title h4 {
        font-size: 18px;
    }

    #howtoget .section_title p {
        font-size: 16px;
    }

    #howtoget li {
        font-size: 16px;
    }

    #howtoget .howtoget_item .howtoget_content {
        font-size: 16px;
    }

    #howtoget .btn {
        font-size: 20px;
        width: 100%;
        min-width: auto;
        padding: 15px 30px;
    }

    /*  ----------------------------------------------------
    Форма регистрации
    -------------------------------------------------------- */
    /*  ----------------------------------------------------
    Издания и порталы
    -------------------------------------------------------- */
    /*  ----------------------------------------------------
    Организатор
    -------------------------------------------------------- */
    #organizer .section_title .section_header {
        font-size: 24px;
        font-weight: 500;
    }

    #organizer .section_title .section_subheader {
        font-size: 24px;
        font-weight: 300;
    }

    #organizer .logo {
        position: relative;
        display: inline-block;
        max-width: 190px !important;
    }

    #organizer .section_content p {
        font-size: 16px;
        font-weight: 300;
    }

    /*  ----------------------------------------------------
    Footer
    -------------------------------------------------------- */
    #footer h3 {
        font-size: 16px;
    }

    #footer .section_title .section_header {
        font-size: 24px;
        font-weight: 500;
    }

    #footer .icon_box_text p {
        font-size: 16px;
    }

    #footer .social .icon {
        width: 24px;
        height: 24px;
    }

}

/*  ----------------------------------------------------
 Для устройств с максимальной шириной 991px
-------------------------------------------------------- */

@media (max-width: 991px) {

}

/*  ----------------------------------------------------
Для устройств с максимальной шириной 1199px
-------------------------------------------------------- */

@media (max-width: 1199px) {

}

/*  ====================================================
MIN-WIDTH AND MAX-WIDTH
======================================================== */

/*  ----------------------------------------------------
Маленькие устройства (телефоны, 576px до 767px)
-------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 767px) {

}

/*  ----------------------------------------------------
Средние устройства (планшеты, 768px до 991px)
-------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px) {

}

/*  ----------------------------------------------------
Большие устройства (настольные компьютеры, 992px до 1199px)
-------------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199px) {

}