@media only screen and (max-width: 1200px) {
    .navigation ul{
        margin-left: 5rem;
        gap: 2.5rem;
    }

    .content_right_header_bottom h1{
        font-size: 30px;
    }
    .content_right_header_bottom p{
        font-size: 15px;
    }

    .content_right_header_bottom h1{
        max-width: 370px;
        }
    .content_right_header_bottom p {
        max-width: 370px;
        }

        .fix_box_delivery {
            top:3rem;
        }

    .btn_mobile_app {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .title_mobile_app h6 {
        font-size: 17px;
    }

    .title_mobile_app h4 {
        font-size: 40px;
    }

    .Description_mobile_app {
        font-size: 15px;
    }

    .text1_btn_mobile_app span {
        font-size: 13px;
    }

    .text2_btn_mobile_app span {
        font-size: 13px;
    }

    .text1_btn_mobile_app span:last-child {
        font-size: 15px;
    }

    .text2_btn_mobile_app span:last-child {
        font-size: 15px;
    }

    .content_mobile_app {
        padding-right: 4rem;
    }

    .img_mobile_app img {
        height: 84%;
        scale: 1.3;
        top: 6.8%;
    }

    .section_footer {
        grid-template-columns: repeat(auto-fill, minmax(246px, 314px));
}

.opening_time {
    font-size: 13.5px;
}

}



@media only screen and (max-width: 992px) { 
    .navigation ul li a{
        font-size: 0.8rem;
    }

    .navigation ul li:first-child a{
        font-size: 0.8rem;
    
    }

    .navigation ul{
        gap: 2rem;
        margin-left: 1rem;
    }


    .link_navigation {
        margin-left: 2rem;
    }

    .content_right_header_bottom h1{
        font-size: 27px;
    }
    .content_right_header_bottom p{
        font-size:14px ;
    }

    .content_right_header_bottom h1{
        max-width: 280px;
        }
        
        .fix_box_delivery {
            top:1rem;
            right:-8rem ;
        }

        .action_order > button{
            font-size:14px;
            gap:10px ;
        }

        .fix_box_delivery{
            padding: 8px;

        }

        .title_food p {
            font-size: 12px;
        }

        
        .Description_mobile_app{
            padding-left: 6rem;
            height: 72px;
        }

        .content_mobile_app{
            grid-template-columns: auto;
            overflow: hidden;

        }

        .img_mobile_app{
            order: 2;
        }

        .btn_mobile_app {
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
        }

        .img_mobile_app img {
            top: 5.6%;
            right: -7%;
            width: 58%;
            height: auto;
            scale: none;
        }

        .search-box_find-location input {
            width: 500px;
        }

        .img_find-location img:first-child{
            top: 13%;
            right: -5%;
        }

        .img_find-location img:last-child {
            right: 19%;
            bottom: -12%;
            width: 18%;
        }

        .text_find-location h2{
            font-size: 40px;
        }
        
        .text_find-location p{
            font-size: 14px;
        }

        .section_footer {
            grid-template-columns: repeat(auto-fill, minmax(314px, 314px));

        }

        footer {
            padding: 30px 30px;
        }

        .title_footer {
            font-size: 30px;
        }

        .title_useful_link {
            font-size: 25px;
        }

        .links_useful_link ul li a {
            font-size: 15px;
        }

        .title_opening_hour {
            font-size: 25px;
        }

        .opening_time {
            font-size: 12.7px;
        }

}

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

    .navigation > ul {
        display: none;
    }

    .link_navigation{
        justify-self:center;
    }

    .menu_icon{
        display: block;
        justify-self:flex-end;

    }

    .navigation{
        direction: ltr;
    }
    .header_bottom {
        grid-template-columns: repeat(1, auto);
        justify-content: center;
        margin-top: 2rem;
    }
    .content_left_header_bottom{
        max-width: 100%;
        margin-bottom: 5rem;

    }

    .fix_box_delivery{
        top:auto;
        right:auto ;
        left: 7px;
        bottom: -2rem;
        border-radius: 50px 0px 50px 50px;
    }

    .content_right_header_bottom {
        
        justify-self: center;
        margin-bottom: 2rem;
        text-align: center;

    }

    .content_right_header_bottom  h1{
        max-width: 100%;
        
        }

    .content_right_header_bottom  p{
        max-width: 100%;
        
        }

    .order_food{
        display: none;
        }

    .order_food_responsiv{
        display: flex;
        flex-direction: column;
        justify-self: center;
        }

        .fix_box_delivery span{
            font-size: 0.8rem;
        }
    
        .text_price_order_food{
            margin-bottom: 1rem;
        }

        .title_mobile_app h4 {
            font-size: 36px;
        }

        .search-box_find-location input {
            width: 480px;
        }

        .img_find-location img:first-child{
            scale: 1.2;
            top: 5%;
            right: -5%;
        }

        .img_find-location img:last-child {
            right: 19%;
            bottom: -8%;
            scale: 1.5;
        }

        .text_find-location h2{
            font-size: 35px;
        }
        
        .text_find-location p{
            font-size: 11px;
        }

        footer {
            padding: 30px 20px;
        }

        .section_footer {
            grid-template-columns: repeat(2,1fr);
            column-gap: 40px;
        }

        .logo_footer {
            width: 40px;
            height: 40px;
        }

        .title_footer {
            font-size: 20px;
        }

        .left_footer {
            gap: 10px;
        }

        .title_useful_link {
            font-size: 23px;
        }

        .links_useful_link ul li a {
            font-size: 13px;
        }

        .title_opening_hour {
            font-size: 23px;
        }

        .bottom-right_footer {
            gap: 15px;
        }

        .useful_link {
            width: 140px;
        }

        .opening_hour {
            width: 165px;
        }

}






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

    .link_navigation{
        margin-left: 0rem;
    }

    .content_right_header_bottom h1 {
        font-size: 21px;
    }

    .content_right_header_bottom p {
        font-size: 10px;
        font-weight: 900;
    }

    .fix_box_delivery span{
        font-size: 0.6rem;
    }

    .fix_box_delivery {
        left: 8px;
        bottom: -2rem;
        padding: 7px;
    }

    .action_order {
        gap: 1rem;
        
    }

    .action_order > button {
        padding: 14px 12px;
    }

    .content_mobile_app {
        border-radius: 500px 500px 0px 0px;
        background: #E3E3E3;
        width: 100%;
        margin-left:0;
        padding-right: 0;
    }

    .info_mobile_app {
        margin-top: 99px;
    }

    .Description_mobile_app {
        padding: 0 2rem;
        text-align: center;
    }

    .img_mobile_app{
        display: flex;
        justify-content: center;
    }

    .img_mobile_app img{
        top:4%;
        right: 0;
    }

    .info_mobile_app{
        align-items: center;
    }

   
    .text_mobile_app{
        align-items: center;
    }

    .title_mobile_app h6{
        text-align: center;
    }

    .title_mobile_app h4 {
        font-size: 31px;
    }

    .title_mobile_app h6 {
        font-size: 15px;
    }

    .text_find-location h2 {
        font-size: 24px;
    }

    .text_find-location p {
        font-size: 10px;
    }

    .search-box_find-location input {
        width: 310px;
        font-size: 12px;
    }

    .search-box_find-location button {
        font-size: 13px;
        width: 110px;
        height: 40px;
        padding: 7px 9px;
    }

    .img_find-location img:first-child{
        top: 10%;
        right: -5%;
        scale: 1.6;
    }

    .img_find-location img:last-child {
        right: 19%;
        bottom: -3%;
        scale: 1.4;
    }

    .right_footer{
        order:2;
    }

    .section_footer {
        grid-template-columns: repeat(1,1fr);
        gap: 35px;
    }

    .left_footer {

        justify-content: center;
        gap: 40px;
    }

    .opening_hour {
        width: 165px;
    }

    .logo_footer {
        width: 60px;
        height: 60px;
    }

    .title_footer {
        font-size: 30px;
    }

    .bottom-right_footer {
        gap: 32px;
    }

}








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

    .menu_icon {
        padding-left: 5px;
    }

    .logo{
        padding-right: 5px;
    }

    .line_gry {
        width: 64%;
    }

    .content_right_header_bottom h1 {
        font-size: 20px;
    }

    .action_order  {
        flex-direction: column;
        gap: 1.5rem;
    }

    .btn_mobile_app {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .Description_mobile_app {
        height: 120px;
    }

    .text_find-location h2 {
        font-size: 22px;
    }

    .search-box_find-location input {
        width: 288px;
        font-size: 11px;
    }

    .search-box_find-location button {
        font-size: 12px;
        width: 87px;
        height: 37px;
        
    }

    .left_footer {
        gap: 9px;
    }
}