@media only screen and ( max-width: 1600px) {
    .nav-bar{ padding: 12px 40px;}
    .sticky .nav-bar{ padding: 12px 40px;}
}
@media only screen and ( max-width: 1440px) {
    h1{ font-size: 40px; font-weight: 500;}
}
@media only screen and ( max-width: 1350px) {
    h2{ font-size: 35px; font-weight: 600;}
    .container{ max-width: 95%;}
}
@media only screen and ( max-width: 1200px){
    .display-none{ display: none;}
}

@media only screen and ( max-width: 1150px) {
    h1{ font-size: 35px;}
    h2{ font-size: 30px; font-weight: 600;}
    .banner-content p{ font-size: 15px; margin-bottom: 15px;}

}
@media only screen and ( max-width: 991px) {
    h1{ font-size: 24px; font-weight: 500;}
    h2{ font-size: 24px; font-weight: 600;}

    .ham { display: block; z-index: 20;}
    .menu{ width: 100%; height: 100vh; position: fixed; display: block; background-color: var(--thm-white); left: -100%; top: 0; bottom: -100%; padding: 100px 40px; z-index: 5; transition: 0.5s; border-radius: 50%;}

    .menu.show-menu{ left: 0; top: 0; border-radius: 0; }
    .menu li{ padding: 6px 0px; margin: 5px 0px; }
    .menu li a{ font-size: 24px; color: var(--thm-base);}
    .menu li:hover{ color: var(--thm-base); background-color: transparent; }

    .about-section .about-bar-imgs{ position: relative; min-height: 400px; margin-top: 30px;}
    .about-botton-section{ background-color: #22386B10;}
    .about-botton-section .srk-bg{ display: none;}

    
    .why-us-section img{ margin-top: 30px;}
    
    .meal-container { border: 4px solid var(--thm-base-light); padding: 35px 25px; margin: 0px 5px;}
    
    
    .point-bg img{ max-width: 100px;}
    .point-section .points-container .point-items{ padding: 25px; border: 1px solid var(--thm-base); border-radius: 20px;}
    .point-section .points-container .point-items img{ max-width: 100px;}
    .point-section .points-container{ display: grid; gap: 30px 0px; grid-template-columns: repeat(1, 1fr);}
    .point-section .points-container .point-items:first-child::before{ border-right: none; border-radius: 0px; border-top: none;}
    .point-section .points-container .point-items:nth-child(2)::before{ border-right: none; border-radius: 0px; border-bottom: none;}
    .point-section .points-container .point-items:nth-child(2)::after{ border-left: none; border-radius: 0px; border-bottom: none;}
    .point-section .points-container .point-items:nth-child(3)::before{ border-left: none; border-radius: 0px; border-top: none;}
}

@media only screen and ( max-width: 768px) {
    .about-botton-section img{ margin-top: 30px; border-radius: 10px;}
    
    .point-section .points-container .point-items{ padding: 15px; border-radius: 10px;}
    .point-section .points-container{ gap: 20px 0px;}

    .landing-gallery .container{ padding-bottom: 150px;}

    .about-section img{ border-radius: 10px;}
}


@media only screen and ( max-width: 650px){
    .ham { width: 50px; margin: -13px;}
    .mb-80{ margin-bottom: 50px;}
    .mt-80{ margin-top: 50px;}
    h1{ font-size: 22px; font-weight: 500;} 
    h2{ font-size: 20px; font-weight: 600;} 
    h3{ font-size: 17px;} 
    h4{ font-size: 15px;}
    .container{ max-width: 96%;}
    .tag-line:after { width: 4px; height: 20px; }
    .heading.heading-ml{ margin-left: 14px;}
    .heading-tag{ font-size: 12px; margin-bottom: 5px;}
    .heading{ font-size: 18px; margin-bottom: 10px;}
    .description{ font-size: 13px; margin-bottom: 10px;}
    .heading-content .description br{ display: none;}

    .owl-dot { width: 8px; height: 3px; margin-top: 20px !important;}
  
    .nav-bar{ padding: 12px 14px;}
    .sticky .nav-bar{ padding: 12px 14px;}
    .nav-bar .logo{ width: 115px;}

    .btn-shine { padding: 8px 15px; border-radius: 5px;}
    .btn-shine a { font-size: 12px;}

    .banner-section .banner-img{min-height: 50vh; padding: 100px 0px; padding-top: 300px;}
    .banner-section .banner-content{ position: absolute; width: 95%;}
    .banner-content h1{ margin-bottom: 5px;}
    .banner-content p{ margin-bottom: 15px; font-size: 13px;}
    .unique-text::before{ height: 3px;}
    .banner-content:hover .unique-text::before{ height: 26px; }

    .banner-eq-form{ padding: 14px; border-radius: 6px;}
    .seen-display-none{ font-size: 12px;}

    .footer-eq-section { padding: 40px 0px 150px 0px;}
    .form-section { margin-top: 10px; padding: 20px; border-radius: 10px; margin-bottom: -200px;}
    .form-heading { display: inline-block; font-size: 15px;}
    .form-control{ margin-top: 0px; padding: 7px 15px; font-size: 13px; border: 1px solid var(--thm-footer);}
    .form-select { margin-top: 0px; padding: 7px 15px; font-size: 13px; border: 1px solid var(--thm-footer);}
    .form-select:focus { border: 1px solid transparent;}
    .form-control:focus { border: 1px solid transparent;}

    .about-section { padding: 60px 0px;}
    .about-section .about-bar-imgs{ min-height: auto; margin-top: 30px; display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr);}
    .about-bar-imgs img{ max-width: 100%; border-radius: 10px;}
    .about-bar-imgs .bar-imgs1{ position: static; transform: rotate(0deg); bottom: 0px; left: 0px;}
    .about-bar-imgs .bar-imgs2{ position: static; transform: rotate(0deg); bottom: 0px; right: 0;}
    .about-bar-imgs .bar-imgs3{ position: static; top: 0px; left: 0; transform: translateX(0);}

    .landing-gallery{
        padding-top: 40px;
        border-radius: 30px 30px 0px 0px;
    }

    .footer-eq-section .footer-eq-container h5 { margin-bottom: 0px; font-size: 15px;}
    .footer-eq-contact a{ font-size: 12px;}
    .footer-eq-contact-container .heading{ font-size: 16px;}

    .testimonials-section{ padding: 40px 0px;}
    .testimonials-section .testimonials-silder { margin: 10px 0px;}
    .testimonials-section .testimonials-silder-div{ padding: 10px; border-radius: 10px;}
    .testimonials-section .testimonials-silder-div .person-info div h5{ font-size: 14px;}
    .testimonials-section .testimonials-silder-div .person-info div h5 span{ font-size: 13px;}
    .testimonials-section .testimonials-silder-div .person-info p{ font-size: 12px;}
    .testimonials-silder video{ margin-top: 0px;}
    .testimonials-section .person-info div img{ max-width: 40px !important;}
    .testimonials-silder-div>img { right: 10px; bottom: 0px;}

    footer .upper-footer{ padding: 40px 0px 70px 0px; }
    .footer-bg img{max-width: 150px;}
    footer .upper-footer .footer-logo img{ max-width: 130px; margin-top: 10px;}
    footer .upper-footer .footer-gird{ display: flex; gap: 5px; margin-bottom: 10px;}
    footer .upper-footer .footer-gird a{ font-size: 13px;}
    .footer-bottom-section{ padding: 20px 0px; }
    footer .footer-bottom-section p { font-size: 12px; }

    footer .upper-footer h2{ font-size: 22px; margin: 10px 0px;}
    footer .upper-footer h4{ margin-top: 30px;}
    footer .upper-footer .footer-contact a{ font-size: 13px;}

    .social-media{ margin-bottom: 15px;}
    .social-media a i{ font-size: 18px; padding: 8px 8px; border-radius: 4px;}

    #back-to-top-button { width: 38px; height: 38px; bottom: 25px; right: 20px; }
    #back-to-top-button::after { font-size: 18px; line-height: 40px; }

    .breadcrumb-section { padding: 50px 0px; padding-top: 230px;}
    .breadcrumb-content .heading{ font-size: 25px;}
    .breadcrumb-section .breadcrumb { gap: 5px; padding: 8px 14px; border-radius: 5px; }
    .breadcrumb-section .breadcrumb .breadcrumb-item a { font-size: 12px;}
    .breadcrumb-section .breadcrumb .breadcrumb-item a i{ font-size: 14px;}
    .breadcrumb-section .breadcrumb .symbol-breadcrumb { font-size: 12px; } 
    .breadcrumb-section .breadcrumb .breadcrumb-item.active { font-size: 12px;}

    .why-us-section { padding: 40px 0px;}

    .meal-container { border: 3px solid var(--thm-base-light); padding: 25px 15px; border-radius: 10px; margin: 0px 0px;}
    .meal-container .heading { padding: 6px; margin-bottom: 15px; border-radius: 10px; gap: 8px;}
    ul.meal-items { display: grid; grid-row-gap: 5px;}
    ul.meal-items li .content .top h4 { padding-right: 10px; font-weight: 500; font-size: 16px; margin-top: 8px;}
    ul.meal-items li .content .top .price { font-size: 16px; margin-top: 7px;}
    ul.meal-items li .content .top .price span:first-child { margin-left: 10px;}
    ul.meal-items li .content .description { margin-bottom: 0px; font-size: 13px;}
    
}