@media (max-width: 720px) {
    
    body{
        overflow-x: hidden;
        margin: 0;
    }
    .left_part{
        display: none;
    }
    .right_part{
        /*background-color: rgb(199, 183, 60);*/
        width: 100%;
    }


    .categories ul li {
    }

    .categories ul {
        display: flex;
        flex-direction: row;
        gap: 10px;
        overflow-x: auto; /* Enable horizontal scrolling */
    }

    .categories::-webkit-scrollbar {
        width: 100vw;
        border-radius: 6px;
        background-color: white;
    }
    
    .categories::-webkit-scrollbar-thumb {
        background-color: rgb(188, 188, 188); /* Set the color of the scrollbar thumb */
        border-radius: 6px; /* Set the border radius of the thumb */
    }

    .offers ul {
        display: flex;
        flex-direction: row;
        gap: 10px;
        overflow-x: auto;
    }

    /*.offers ul li{
        display: flex;
        flex-direction: column;
        gap: 10px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        border-radius: 5px;
    }*/

    .offers::-webkit-scrollbar {
        width: 100vw;
        border-radius: 6px;
        background-color: white;
    }
    
    .offers::-webkit-scrollbar-thumb {
        background-color: rgb(188, 188, 188); /* Set the color of the scrollbar thumb */
        border-radius: 6px; /* Set the border radius of the thumb */
    }

    .restaurant ul{
        display: flex;
        flex-direction: row;
        gap: 10px;
        overflow-x: auto;
    }
    .restaurant_info{
        overflow-y: hidden;
    }

    .restaurant::-webkit-scrollbar {
        width: 100vw;
        border-radius: 6px;
        background-color: white;
    }
    
    .restaurant::-webkit-scrollbar-thumb {
        background-color: rgb(188, 188, 188); /* Set the color of the scrollbar thumb */
        border-radius: 6px; /* Set the border radius of the thumb */
    }

    .line3 .distance, .separator{
        display: none;
    }

    .marque ul{
        overflow-x: auto;
        font-size: 12px;
    }

    .marque ul .marque_bloc{
        width: 100%;
    }
    
    .marque::-webkit-scrollbar {
        width: 100vw;
        border-radius: 6px;
        background-color: white;
    }
    
    .marque::-webkit-scrollbar-thumb {
        background-color: rgb(188, 188, 188); /* Set the color of the scrollbar thumb */
        border-radius: 6px; /* Set the border radius of the thumb */
    }

    .friday_line1{
        font-size: 25px;
    }
    .friday_line2{
        margin-bottom: 10px;
    }

    .friday_line2, .friday_line3{
        align-items: flex-start;
    } 

    .bfriday_1{
        background-image: url(https://co-restaurants.roocdn.com/images/2d61ebb0533bee01387c1b0c44e68aa9adaaec27/header/buy_one_get_one_free_banner_no_cta_fr.jpg?width=291.25&height=377.5&fit=crop");
    }

    .bfriday_1{
        background-size: cover;
        width: 232px;
        height: 302px;
    }
}