
@media screen and (max-width: 1000px) {
    .menu {
        display: block;
    }

    .top-slider__text {
        padding: 30px 4.3% 30px 4.3%;
    }

    .top-slider .swiper-pagination {
        bottom: 0;
        width: 100%;
    }

    .header-wrapper .phone {
        font-size: 0;
        margin-right: 0;
    }

    .header-wrapper .telegram::before {
        margin: 0;
    }

    header nav > ul {
        position: absolute;
        width: 100%;
        max-height: calc(100vh - 85px);
        overflow: auto;
        right: 0;
        top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 2;
        padding: 30px;
        border-radius: 2px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px 1px #00000038;
        box-shadow: 0 0 4px 1px #00000038;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
    }

    header nav ul.active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    header nav li {
        text-align: center;
        margin-bottom: 10px;
    }

    .header-inner-wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .lawyer_item_container .text_block h2 {
        font-size: 48px;
    }

    header nav .menu.toggle-menu {
        display: block;
        width: 22px;
        margin-left: auto;
        float: none;
    }

    header nav {
        padding: 0;
        margin: 0;
    }

    .news-category-title > span {
        width: 100%;
        margin: 20px 0;
    }

    .news-list .news-item {
        width: 49%;
    }

    .news-list .news-item:nth-child(3n) {
        margin-right: 2%;
    }

    .news-list .news-item:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 870px) {

    header nav > ul > ul {
        display: block;
    }

    .header-inner-wrapper a {
        display: none;
    }

    .h-icons > a {
        display: inline;
        margin-bottom: -4px;
    }
}

@media screen and (max-width: 768px) {
    header, footer, section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .swiper-button-next, .swiper-button-prev {
        display: none;
    }

    section.news .swiper-button-next, section.news .swiper-button-prev {
        display: block;
    }

    .s_aside, section.news .news-wrap {
        display: block;
    }

    .flex-order {
        display: flex;
        flex-direction: column;
    }

    .flex-order .flex-order-1 {
        order: -1;
    }

    .i_aside, aside, section.news .news-wrap > div {
        width: 100%;
    }

    .top-slider__text h1 {
        font-size: 18px;
    }

    .top-slider__text {
        padding-top: 5px;
        padding-bottom: 20px;
        font-size: 14px;
        min-height: auto;
    }

    .footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .footer-wrapper .col {
        width: 100%;
    }

    .footer-wrapper .social-wrapper {
        margin-bottom: 25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-wrapper .col > .phone {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 25px;
    }

    .footer-wrapper ul {
        padding: 0;
    }

    .cols {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    aside form {
        margin-bottom: 0;
    }

    .lawyer_item_container .text_block h2 {
        font-size: 36px;
    }

    .s_news .news-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .s_news .news-wrap > div {
        width: 100%;
    }

    .news-nav__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: auto;
        overflow: auto;
    }

    .top-slider .h1 {
        top: 0;
        max-width: 100%;
        overflow: hidden;
        font-size: 24px;
        position: relative;
    }

    .header-wrapper .about {
        margin: 0 40px;
    }

    .header-wrapper .big_phone {
        margin-right: 0;
    }

    .lang {
        margin: 0 10px;
    }

    header {
        padding: 0;
    }

    .header_inner {
        padding: 10px 5px;
    }

    .s_news .news-wrap > div:last-child, aside.right, .cols > .col:last-child {
        padding-left: 0;
    }

}

@media screen and (max-width: 480px) {

    .modal-inner, .modal-message {
        max-width: 90vw;
    }

    .header-inner-wrapper {
        margin: 0;
    }

    .header-inner-wrapper .icon:before {
        margin: 0 10px 0 0;
    }

    .cols-list .col {
        width: 100%;
    }

    .news-list .news-item {
        width: 100%;
    }

    .news-list .news-item:nth-child(3n), .news-list .news-item {
        margin-right: 0;
    }

    .lawyer_item_container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .lawyer_item_container img, .lawyer_item_container .text_block {
        width: 100%;
        border-radius: 0;
    }

    .lawyer_item_container {
        height: auto;
    }

    .lang, .lang-wrap {
        margin: 0;
    }

    .header-wrapper .big_phone {
        margin: 10px 0;
    }

    .header-wrapper .about {
        margin: 10px 40px 0;
    }

    .top-slider .top-slider__text {
        font-size: 10px;
        padding-bottom: 15px;
    }

    .top-slider .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        margin: 0 4px;

    }
}