@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Quattrocento:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/brands.min.css');

:root{
    --primary: #086A50;
    --secondary: #EC2F44;
    --foodora: #DF1067;
    --wolt: #00C2E7;
    --off_yellow: #F9F5EB;
    --black: #333333;
    --white: #FFFFFF;
    --head_font: "Quattrocento", serif;
    --para_font: "Jost", sans-serif;
    --effect: all ease-in-out 150ms;
}


/*@media only screen and (max-width: 600px) {...}
@media only screen and (min-width: 600px) {...}
@media only screen and (min-width: 768px) {...}
@media only screen and (min-width: 992px) {...}
@media only screen and (min-width: 1200px) {...}*/

@media (max-width: 991.98px) { .navbar-nav.desktop-menu { display: none !important; } }

@media only screen and (max-width: 500px){
    body{ overflow-x: hidden; }
    h1{ font-size: 60px; font-weight: 500; line-height: 60px; }
    .banner{ padding: 160px 0px 80px 0px; }
    .banner_form{ margin-top: 60px; }
    .banner_content { padding: 0px 20px; }
    .banner_form .banner_form_fields{ gap: 12px; flex-wrap: wrap; }
    header .navbar{ position: relative; }
    header .navbar-brand{ margin-top: 0px; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; }
    header .navbar{ padding-top: 50px; padding-bottom: 50px;   }
    .restaurant h2{ font-size: 40px; }
    .restaurant h2:before{ top: 10px; left: -50px; }
    .res_qr h3:after{ left: 46%; top: -20px; }
    .res_usp{ margin-top: 20px; }
    .res_usp > .row > div{ margin-bottom: 20px; }
    .about_images > .row > div:nth-child(2){ margin-top: 0; }
    .about_counters .ac_single{ width: min-content; }
    .catching .resqr_boxes, .catching .resqr_boxes .resqrb_single{ flex-direction: column; }
    .video_slider .owl-stage-outer, .image_slider .owl-stage-outer{ overflow: hidden; }
    .rc_testimonial p{ font-size: 20px; font-weight: 400; }
    .res_qr h3{ text-align: center; }
    .resqr_boxes, .catching{ display: none; }
    .offcanvas-body li{ text-align: center; margin-bottom: 40px; }
    .offcanvas-body li a{ color: var(--black); font-size: 28px!important; font-weight: 500; }
    .offcanvas-body .bttn_holder{ flex-direction: column; margin-top: 40px; text-align: center; }
    .offcanvas-body .bttn_holder{ font-size: 32px; }
    .offcanvas-body .bttn_holder a{ margin-top: 20px; }
    footer li,
    footer a,
    footer p{ color: var(--white); }
    .banner.inner{ border-radius: 0px 0px 50px 50px; }
    .gtranslate_wrapper{ top: 169%!important; right: 8%!important; }
}
@media only screen and (min-device-width: 601px) and (max-device-width: 767px) {}
@media only screen and (min-device-width: 769px) and (max-device-width: 991px) {}
@media only screen and (min-device-width: 992px) and (max-device-width: 1200px) {}
@media only screen and (min-device-width: 1201px) and (max-device-width: 1399px) {}