@media (max-width: 767px) {
    html{
        font-size: 14px;
    }

    body{
        font-size: 1.5rem;
    }

    .computer{
        display: none;
    }

    .mobile{
        display: block;
    }

    .flexbox{
        gap: 1rem;
    }
    .container{
        width: 100%;
        padding: 0 1rem;
    }
    .mobile_header{
        text-transform: uppercase;
    }
    .mobile_header__title_wrap{
        text-align: center;
    }

    .mobile_header__logo{
        flex: 0 0 4.25rem;
    }

    .nav_img{
        flex: 0 0 2rem;
    }

    .mobile_header__info_wrap{
        margin-top: 1rem;
    }
    .header__phones_wrap{
        margin-bottom: 1.5rem;
    }
    .btn{
        width: 100%;
    }

    .header__nav_wrap .flexbox{
        flex-direction: column;
    }
    .req-label {
        min-width: auto;
      
    }

    .header__nav_wrap ul li:not(:last-of-type){
        border-right: none;
        border-bottom: 1px solid var(--dark-grey);
    }

    .header__nav_wrap ul li a{
        text-align: left;
    }

    .mobile_header__info_wrap {
        display: none;
    }
    .mobile_header__info_wrap.is-active {
        display: block;
    }

    .btn-info-toggle{
        width: 100%;
        flex: 0 0 2rem;
    }

    .about_company_block__section .flexbox{
        flex-direction: column;
    }
    .custom-slider__header{
        flex-direction: column;
        align-items: flex-end;
        gap: 0;
    }
    .custom-slider__slide{
        flex: 0 0 65%;
    }

    .header__wrap{
        flex-direction: column;
    }

    .header__wrap_info{
        flex-direction: column;
        width: 100%;
    }

    .header__wrap_info,
    .header__nav_wrap {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.2s;
        display: block !important; /* чтобы не пропадали из потока */
    }
    .header__wrap_info.is-open,
    .header__nav_wrap.is-open {
        max-height: 500px; /* задай с запасом (по факту высота блока) */
        opacity: 1;
        margin-top: 1rem;
    }

    .news table{
        table-layout: fixed;
        display: block;
        overflow-x: auto;
    }

    .contacts__section .flexbox{
        flex-direction: column-reverse;
        gap: 1.5rem;
    }
    .find_about_course_block__title{
        width: 100%;
    }

    .contacts__section .container{
        width: 100%;
        padding: 0 1rem;
    }

    .btn.light-green{
        padding: 1rem 1rem;
    }

    .certificate_wrap.flexbox{
        flex-direction: column;
    }

    .header__logo_block{
        width: 100%;
    }
    .header__logo_block .header__img_wrap.flexbox{
        justify-content: space-between;
    }

    .course_detail__info_block.flexbox{
        flex-direction: column;

    }

    .course_detail__info{
        border-right: none;
        border-bottom: 0.1rem solid var(--dark-grey);
        width: 100%;
    }
    .course_detail__info:last-of-type{
        border-bottom: none;
    }

    .recommendations_section_courses__form .std_form_block{
        flex-direction: column;
    }
    .recommendations_section_courses__form .std_form_block>div, .recommendations_section_courses__form .std_form_block>button{
        width: 100%;
    }




    .course_detail__info.flexbox{
        display: grid
    ;
        grid-template-columns: 5rem 1fr;
        gap: 2rem;
    }

    .clocks-wrapper.flexbox{
        flex-direction: column;
    }
    .information.flexbox{
        flex-direction: column;
    }
    .information__map{
        width: 100%;
    }
    .information_wrap {
        width: 100%;
    }

    .city-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .find_about_course_block .find_about_course_block__title{
        width: 100%;
        font-size: var(--s22);
        line-height: normal;
    }
    .contacts__info_title{
        margin-bottom: 1rem;
    }
    a{
        font-size: var(--s20);
    }
    p{
        font-size: var(--s20);
    }
    .city_choice {
        width: 100%;
    }
    .banners-big__wrapper {
        padding-top: 0;
    }
    .banners {
        height: 35em;
    }
    .header__nav_wrap{
        margin-top: 0;
    }
    #tag {
        left: 1em;
    }
    :root{
        --s18: 1.5rem
    }
    .bx-breadcrumb-item a{
        font-size: var(--s14);
    }
    .fa.fa-angle-right{
        margin-right: 0.3rem;
        font-size: var(--s16);
    }
    .bx-breadcrumb-item span{
        font-size: var(--s14);
    }
    .recommendations_section_courses_container, .recommendations_section_courses_hour {
        font-size: 1rem;
    }
    .payment_block__info.flexbox {
        flex-direction: column;
    }
    .course_detail__price_section .container {
        padding: 0;
    }
    .course_detail__price_section.element .container {
        padding: 0 1rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    html {
        font-size: 10px;
    }

    body {
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    html {
        font-size: 13px;
    }

    body {
        font-size: 1.25rem;
    }
}