@media screen and (max-width: 767px) {
    /*header*/
    .site-header .h-container{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sidenav.right .menu-right-container{
        padding-right: 16px;
        padding-left: 16px;
    }
    .sidenav.left .menu-left-container {
        padding-left: 16px;
        height: 100%;
    }
    /*header*/
    /*footer*/
    .site-footer {
        padding: 70px 0;
    }
    .site-footer .f-container {
        flex-direction: column-reverse;
        gap: 35px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .site-footer .f-container .socials-media {
        flex-direction: column;
        gap: 45px;
    }
    .site-footer .f-container .socials-media .sep{
        display: none;
    }
    .site-footer .f-container span.sep::after {
        content: "|";
        margin-left: 5px;
        margin-right: 5px;
    }
    /*footer*/
    /*about*/
    .site-company-main .description {
        background: #000;
        display: flex;
        flex-direction: column-reverse;
    }
    .site-company-main .description .text-area{
        padding: 3rem 1rem;  
    }
    .site-company-main .description .image-area{
        height: 500px;
    }
    .site-company-main .values .v-container {
        padding: 1rem;
    }
    .site-company-main .values .v-container .intro {
        padding-left: 0;
        margin-top: 1rem;
    }

    .site-company-main .values .v-container .elements {
        display: flex ;
        flex-direction: column;
        gap: 4rem;
        padding-bottom: 4rem;
        padding-top: 4rem;
    }
    .site-company-main .values .v-container .elements .element {
        padding: 0 3rem;
    }

    .site-company-main .history {
        display: flex;
        overflow: hidden;
        width: 100%;
        flex-direction: column-reverse;
        gap: 2rem;
    }
    .site-company-main .history .owl-stage{
        display: flex;
    }
    .site-company-main .history .owl-dots{
        display: none;
    }
    .site-company-main .history .step {
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
        -webkit-column-gap: 0;
        column-gap: 0;
        flex-direction: column-reverse;
    }

    .site-company-main .history .step .right {
        height: 200px;
        margin-left: 3rem;
        margin-right: 3rem;

    }
    .site-company-main .history .step .left {
        margin-top: 2rem;
        margin-bottom: 4rem;
    }
    .owl-nav{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }
    .owl-nav button{
        background: transparent;
        border: 0;
        font-size: 2rem;
        color: #6088b2;
    }
    /*about*/
    /*home news*/
    .news.img_right{
        display: flex;
        flex-direction: column-reverse;
    }
    .news.img_left{
        display: flex;
        flex-direction: column;
    }
    .news .body {
        padding-left: 1rem;
        padding-right: 1rem;
        height: 350px;
    }
    .news .image {
        height: 350px;
    }
    .normal_news {
        display: block;
    }
    .normal_news .news {
        height: 350px;
    }
    /*news*/
    /*newspapper*/
    .newspapers {
        display: block;

        margin-top: 4rem;
        margin-bottom: 2rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    /*newspapper*/
    /*single article*/
    .text_center_with_background {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .text_center_with_background p {
        line-height: 29px;
    }
    .grid_text_image .grid .item {
        display: flex;
        flex-direction: column;
    }
    .grid_text_image .grid .item.img_right{
        flex-direction: column-reverse;
    }
    .grid_text_image .grid .item .image {
        height: 75vw;
    }
    .grid_text_image .grid .body {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .slider_images .slider .slide {
        height: 75vw;
    }
    .text_left_image_right {
        margin-top: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .text_left_image_right .blocks {
        display: flex;
       flex-direction: column-reverse;
       gap: 2rem;
    }
    .text_left_image_right .blocks .image_right {
        height: 75vw;
    }
    .text_left_image_right .blocks .text_left {
        padding-right: 1rem;
    }
    .caracteritics_with_image_in_collumn {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 3rem;
    }
    .caracteritics_with_image_in_collumn .collumns {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4rem;
    }
    .caracteritics_with_botton {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 5rem;
        margin-bottom: 3rem;
    }
    .caracteritics_with_image_left {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 5rem;
        margin-bottom: 3rem;
    }
    .caracteritics_with_image_left .block {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4rem;
    }
    /*legal*/
    .content_blocks {
        padding: 1rem;
        display: flex;
        gap: 2rem;
        flex-direction: column;
    }
}