@media (max-width: 575.98px) {
    .container{
        width: 100%;
    }
    header.extended{
        display: none;
    }
    header.mobile{
        display: block;
    }
    header.mobile a.button-logotype{
        display: inline-block;
        width: 100px; height: 55px;
        background-image: url(../img/logotype.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #ff6900;
        background-size: 60% auto;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    header.mobile span{
        display: block;
        text-align: center;
        font-size: 11px;
        font-weight: 500;
        color: var(--brand-color);
    }
    header.mobile a.button-menu{
        float: right;
    }
    header.mobile a.button-menu::before{
        display: inline-block;
        width: 26px;
        height: 56px;
        color: #111;
        content: "";
        vertical-align: -.125em;
        background-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' width='36' height='26' fill='black' class='bi bi-list' viewBox='0 0 12 12'><path fill-rule='evenodd' d='M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/></svg>");
        background-repeat: no-repeat;
        background-size: 1.5rem 3.3rem;
    }
    header.mobile .activeBlock {
        display: block !important;
    }
    header.mobile .navigation-items {
        display: none;
    }
    header.mobile .navigation-items{
        position: absolute;
        top: 60px;
        z-index: 3000;
        background-color: #fff;
        width: 100%;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-box-shadow: 0px 0px 15px 1px rgb(171 173 174 / 20%);
        -moz-box-shadow: 0px 0px 15px 1px rgba(171, 173, 174, 0.2);
        box-shadow: 0px 0px 15px 1px rgb(171 173 174 / 20%);
    }
    header.mobile .navigation-items ul li {
        line-height: 48px;
        padding-left: 17px;
        border-top: 1px solid #f1f1f1;
    }
    header.mobile .navigation-items ul li a {
        color: #111;
        font-size: 14px;
        display: block;
        height: 50px;
        text-decoration: none;
        font-weight: 500;
    }
    .slick-slide img
    {
        display: inline-block; border-radius: 12px; /* width: 100%; */
    }
    section.module-slider .single-item button,
    section.module-slider .single-item button{
        display: none !important;
    }
    main section.module-slider{
        overflow-x: hidden;
    }
    .slick-slider .slick-track, .slick-slider .slick-list{
        border-radius: 0 !important;
    }
    main section.module-sentence h1{
        text-align: center;
    }
    main section.module-sentence figure,
    main section.module-sentence figure > span{
        width: 100%;
        padding: 0;
    }
    main section.module-sentence figure{
        min-height: 275px;
    }
    main section.module-sentence figure > span{
        font-size: 12px;
        line-height: 18px;
    }
    .slick-next{
        right: 0 !important;
    }
    .slick-prev{
        left: 0 !important;
    }
    main section.module-worker{
        flex-direction: column;
        text-align: center;
        margin-top: 40px;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    main section.module-worker .flex-align{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    main section.module-worker h2{
        width: 100%;
        padding-top: 40px;
    }
    .module-worker figure{
        padding: 5px;
    }
    main section.module-worker a.button-search{
        width: 70%;
    }
    main section.module-map{
        margin-top: 80px;
    }
    main section.module-map h3,
    main section.broadcast h4{
        text-align: center;
    }
    main section.module-map .location-items ul{
        padding: 20px 0 40px 30px;
    }
    main section.module-map .location-items ul li{
        height: 42px;
        line-height: 42px;
    }
    main section.broadcast{
        text-align: center;
    }
    main section.broadcast figure{
        height: auto;
        margin-bottom: 25px;
    }
    main section.broadcast figure figcaption{
        font-size: 13px;
        line-height: 22px;
    }
    main section.broadcast p{
         text-align: justify;
         line-height: 22px;
    }
    main section.app-review form button{
        width: 70%;
    }
    main section.app-review form input.checkbox+label{
        font-size: 12px;
    }
    .main section.history ul li, main section.about p{
        padding-right: 0;
    }
    section.history h5{
        margin-top: 30px;
    }
    section.history p.connect-job span{
        display: block;
    }
    footer a.button-logotype{
        margin: 0 auto;
        margin-bottom: 50px;
    }
    footer h6{
        font-size: 36px;
    }
    footer ul li{
        display: block;
        height: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    footer ul li a{
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #f5f5f5;
        border-radius: 3px;
    }
    footer ul li.for-mobile{
        margin-top: 30px;
    }
    footer ul li.for-mobile a{
        background-color: #fff;
    }
    footer p a.button-vk{
        margin: 0 auto;
    }
    footer p{
        text-align: center;
        font-size: 14px;
    }


 
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
}