@media screen and (max-width: 768px) {
    :root {
        --main_padding: 25px;
    }
    .desktop{
        display: none;
    }
    .mobile{
        display: flex;
    }
    .pay_item .title{
        text-align: center;
    }
    .div2 {
        position: relative;
        top: 0;
        left: 0;
    }
    .main_video {
        position: absolute;
        left: 0;
        top: 0;
        width: unset;
        height: 100%;
    }
    .div1{
        height: 75vh;
    }
    .div22{
        box-sizing: border-box;
        flex-wrap: wrap;
        gap: unset;
        column-gap: 20px;
        row-gap: 10px;
        justify-content: center;
    }
    .div2_item{
        flex-direction: row;
        width: fit-content;
        align-items: center;
        padding: 5px 25px;
        font-size: 14px;
    }
    .div4{
        flex-direction: column;
    }
    .div4_img{
        height: 250px;
    }
    .pay_item{
        flex-direction: column;
    }
    .pay_item_info{
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }
    .cost_div{
        gap: 10px;
    }
    .btn{
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    .div7{
        font-size: 35px;
        line-height: 50px;
    }
    .text2{
        font-size: 2rem;
        margin-bottom: 0.5em;
        line-height: 3rem;
    }
    .text3{
        font-size: 1.2rem;
    }
    .burger_item_text{
        padding-right: unset;
    }
    .m_wrap{
        white-space: normal !important;
    }
    .img_row img {
        max-width: 100%;
        max-height: 500px;
    }
    footer{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }
    .right_footer{
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .pay_item .subtitle{
        text-align: center;
    }
    .dark_form{
        width: 80vw;
    }
    .main_map_description{
        gap: 20px;
        flex-direction: column;
    }
    .main_map_content_wrapper{
        margin-bottom: 30px;
    }
    .main_map_content_wrapper>.title{
        white-space: normal;
        text-align: center;
        margin-bottom: 18px;
    }
}