@media (max-width: 480px) {
    .main_banner {
        height: 23vh !important;
    }
    .main_banner .containers .main_title {
        font-size: 27px;
    }
    .main_banner .containers {
        height: 20vh;
    }
    .design_images_2 img,
    .design_images_4 img,
    .design_images img {
        width: 30%;
    }
    .design_images {
        right: 5%;
        top: 0%;
    }
    .faq_section h4,
    .mini_title {
        font-size: 18px;
    }
    .section_title {
        font-size: 22px;
    }
    .p_contain {
        font-size: 15px;
    }
    .mobile_view_none{
        display: none;
    }
    .helthy_food,
    .helthy_food .containers {
        height: 25vh;
    }
    .helthy_food .containers h2 {
        font-size: 20px;
    }   
    .design_images_3 img {
        width: 25%;
    }
    .design_images_3 {
        right: 2%;
        top: -2%;
    }
    .design_images_4 {
        right: 3%;
        top: 0%;
    }
    .Our_menu .all_menus p {
        font-size: 14px;
    }
    .Our_menu ul li,
    .Our_menu .all_menus h4 {
        font-size: 16px;
    }
    
    
    /* Mobile menu styles */
    .custome_navbar .navbar-collapse {
        position: absolute;
        top: 105px;
        right: 0;
        height: 220px; /* Full-screen height */
        background-color: #000;
        z-index: 9999;
        padding: 1rem;
        width: 100%; /* Full-screen width */
        transition: all 0.3s ease-in-out;
        transform: translateX(100%); /* Initially off-screen */
    }
    .custome_navbar .navbar-collapse.show {
        transform: translateX(0); /* Slide-in effect */
    }
    /* Style the navbar toggler */
    .navbar-toggler {
        margin-left: auto; /* Align the button to the right */
        border: none;
        outline: none;
    }
    nav ul li span {
        color: #FFF;
    }
    
}
 
@media (min-width: 481px) and (max-width: 768px) {
    .main_banner {
        height: 38vh !important;
    }
    .main_banner .containers .main_title {
        font-size: 40px;
    }
    .main_banner .containers {
        height: 33vh;
    }
    .design_images_2 img,
    .design_images_4 img,
    .design_images img {
        width: 30%;
    }
    .design_images {
        right: 5%;
        top: 0%;
    }
    .faq_section h4,
    .mini_title {
        font-size: 18px;
    }
    .section_title {
        font-size: 22px;
    }
    .p_contain {
        font-size: 15px;
    }
    .mobile_view_none{
        display: none;
    }
    .helthy_food,
    .helthy_food .containers {
        height: 37vh;
    }
    .helthy_food .containers h2 {
        font-size: 30px;
    }   
    .design_images_3 img {
        width: 25%;
    }
    .design_images_3 {
        right: 2%;
        top: -2%;
    }
    .design_images_4 {
        right: 3%;
        top: 0%;
    }
    .Our_menu .all_menus p {
        font-size: 22px;
    }
    .Our_menu ul li,
    .Our_menu .all_menus h4 {
        font-size: 25px;
    }

    /* Mobile menu styles */
    .custome_navbar .navbar-collapse {
        position: absolute;
        top: 105px;
        right: 0;
        height: 220px; /* Full-screen height */
        background-color: #000;
        z-index: 9999;
        padding: 1rem;
        width: 100%; /* Full-screen width */
        transition: all 0.3s ease-in-out;
        transform: translateX(100%); /* Initially off-screen */
    }
    .custome_navbar .navbar-collapse.show {
        transform: translateX(0); /* Slide-in effect */
    }
    /* Style the navbar toggler */
    .navbar-toggler {
        margin-left: auto; /* Align the button to the right */
        border: none;
        outline: none;
    }
    nav ul li span {
        color: #FFF;
    }

}
 
@media (min-width: 769px) and (max-width: 990px){
    .main_banner {
        height: 38vh !important;
    }
    .main_banner .containers .main_title {
        font-size: 40px;
    }
    .main_banner .containers {
        height: 33vh;
    }
    .design_images_2 img,
    .design_images_4 img,
    .design_images img {
        width: 30%;
    }
    .design_images {
        right: 5%;
        top: 0%;
    }
    .faq_section h4,
    .mini_title {
        font-size: 18px;
    }
    .section_title {
        font-size: 22px;
    }
    .p_contain {
        font-size: 15px;
    }
    .mobile_view_none{
        display: none;
    }
    .helthy_food,
    .helthy_food .containers {
        height: 37vh;
    }
    .helthy_food .containers h2 {
        font-size: 30px;
    }   
    .design_images_3 img {
        width: 25%;
    }
    .design_images_3 {
        right: 2%;
        top: -2%;
    }
    .design_images_4 {
        right: 3%;
        top: 0%;
    }
    .Our_menu .all_menus p {
        font-size: 22px;
    }
    .Our_menu ul li,
    .Our_menu .all_menus h4 {
        font-size: 25px;
    }
   
}
 
/* 
@media (min-width: 991) and (max-width: 1025px){
    .main_banner {
        height: 100vh;
    }
    .section_title {
        font-size: 30px;
    }
    .helthy_food .containers h2 {
        font-size: 35px;
    }
} */

@media (min-width: 991px) and (max-width: 1280px){
    .main_banner .containers .main_title {
        font-size: 45px;
    }
    .main_banner .containers {
        height: 70vh;
    }
    .main_banner {
        height: 100vh;
    }
    .helthy_food,
    .helthy_food .containers {
        height: 77vh;
    }
    .section_title {
        font-size: 30px;
    }
    .helthy_food .containers h2 {
        font-size: 35px;
    }
    footer .footer_left_img {
        top: 0%;
        left: -13%;
    }
}
 
@media (min-width: 1281px) and (max-width: 1370px) {
    .main_banner .containers .main_title {
        font-size: 55px;
    }
    .section_title {
        font-size: 33px;
    }
    .helthy_food .containers h2 {
        font-size: 40px;
    }
    .Our_menu .all_menus p {
        font-size: 22px;
    }
    .Our_menu ul li,
    .Our_menu .all_menus h4 {
        font-size: 30px;
    }
}

@media (min-width: 1371px) and (max-width: 1440px) {
  
}