@media (min-width:1200px) and (max-width:1500px){
    .about_inner_con{
        text-align: center;
        padding: 20px 0;
        
    }

    .review_part{
        padding: 100px 10% 100px;
        align-items: center;
    } 

    .order_content{
        padding: 0 0%;
    }

    .log_in_form{
        padding: 40px 0% 33px;
    }

    .book_btn{
        margin-left: 27%;
    }


}

@media( min-width:992px ) and (max-width:1199.99px){
    .about_inner_con{
        padding: 0px 20%; 
    }


    .service_inner_con{
        margin: auto;
    }

    .review_part{
        padding: 100px 10% 100px;
        align-items: center;
    } 
    

}


@media (min-width:768px) and (max-width:991.99px){
    .hero_con h2{
        color: white;
        font-size: 70px;
        padding-top: 120px;
    }

    .review_part{
        padding: 100px 5% 100px;
        align-items: center;
    } 
    
}


@media (min-width:576px) and (max-width:767.99px){
    .hero_con h2{
        color: white;
        font-size: 60px;
        padding-top: 70px;
    }

    .btn2{
        margin-top: 30px;
        margin-left: 0;
    }

    .hero_con{
        padding-bottom: 80px;
    }
    
    .about_con{
        padding-top: 0px;
    }

    .about_inner_con{
        padding: 50px 0%; 
    }

    .service_inner_con{
        padding: 70px;
        width: 470px;
        height: 530px;
        margin: auto;
    }

    .service_image{
        padding-top: 40px;
    }

    .prot_inner_con{
        padding-top: 70px;
        text-align: center;
        padding-bottom: 0px;
    }
    
    .main_dishes{
        padding-bottom: 60px;
    }

    .review_part{
        padding: 70px 0% 70px;
        align-items: center;
    } 

    .service_inner_con_2{
        padding: 50px;
        background: rgba(0, 0, 0, 0.7);
        color: white;
    }

    .order_image img{
        width: 50%;
        height: 40%;
    
    }

    .book_btn{
        margin-left: 27%;
    }
}


@media (min-width:320px) and (max-width:575.98px){
    .hero_con h2{
        color: white;
        font-size: 30px;
        padding-top: 70px;
    }

    .btn2{
        margin-top: 30px;
        margin-left: 0;
    }

    .hero_con{
        padding-bottom: 80px;
    }

    .btn1, .btn2{
        width: 205px;
        height: 45px;
        background: rgba(0, 0, 0, 0.6);
        border:none;
        color: #fff;
        text-transform: uppercase;
        transition: .7s;
        border-radius: 5px;
    
    }

    .about_con{
        padding-top: 0px;
    }

    .about_inner_con{
        padding: 50px 0%; 
    }

    .service_inner_con{
        display: none;
    }

    .review_part{
        padding: 50px 0% 50px;
        align-items: center;
    }

    .service_inner_con_2{
        padding: 10px;
        background: rgba(0, 0, 0, 0.7);
        color: white;
    }

    .service_inner_con_2 h3{
        padding-top: 10px;
        font-size: 26px;
        color: white;
    }
    
    .service_inner_con_2 .p1{
        font-family: 'Gentium Book Basic', serif;
        font-size: 16px;
        font-weight: bold;
    }
    .service_inner_con_2 .p2{
        font-size: 14px;
    }

    .order_part{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .order_2nd_image{
        padding-top: 30px;
    }

    .order_content h2{
        font-size: 26px;
    }
    .order_content{
        padding-top: 30px;
    }

    .order_content{
        text-align: center;
        padding: 10 0%;
    }

    .book_btn{
        margin-left: 18%;
    }

    .book_btn{
        width: 150px;
    }
}