@media (min-width: 1500px) {
    
}

@media (max-width: 1400px) {
    /* .res-menu-item img {width: 100px; height: 100px;} */
    .menu-section .bg-shape {width: 71%;}
    .app-section .title {font-size: 35px;}
    .about-image-wrap {
        width: 700px;
        height: 640px;
    }
    .tow-boxes-wrap {right: 100px;}
}

@media (max-width: 1200px) {
    .right-bottom-image {width: 400px;height: 400px;}
    .offers-section .section-title {font-size: 45px;}
    .menu-section .bg-shape {width: 78%;}
    .app-section::after {width: 65%; top: -85px;}
    .about-us-section .box-2, .about-us-section .box-1{
        width: 300px;
        height: 300px;
    }
    .circle-title {font-size: 38px;}
    .strok-title {font-size: 30px;}

    .reservation-form {max-width: 440px;}
    /* .address-circle, .virtual-circle, .reservation-circle {border-width: 20px;} */
    .offers-slider .owl-dots {right: 150px;}
    .offers-section::after {height: 224px;}
    .main-slider {width: 450px;}
    .main-slider .item .slide-image {width: 450px;}
    .tow-boxes-wrap {right: 0;}
    .about-image-wrap {width: 630px;height: 570px;}
    .gallery-section .menu-text {font-size: 50px;}

}

@media (max-width: 992px) {
    /* Start main section */
    .hero-section {height: auto; padding-top: 180px; padding-bottom: 80px;}
    .hero-section .text-box h1.main-title {font-size: 75px;}
    /* End main section */
    /* Start second section */
    .second-section h2 {font-size: 37px;}
    /* End second section */
    /* Start offers section */
    .offers-section::after {width: 45%; bottom: -17px; height: 188px;}        
    .offers-slider .owl-dots{bottom: -16px;}    
    /* Start offers section */
    .gallery-section .menu-text {font-size: 40px;}
    .menu-section .bg-shape {
        width: 500px; height: 500px;
        left: 50%;
        transform: translate(-50%);
        top: 0;
    }
    .menu-section .menu-list-home{margin-left: 0;}
    .app-section::after {
        width: 90%;
        top: -85px;
        left: 50%;
        transform: translateX(-50%);
        border-top-left-radius: 50%
    }
    .app-section .phone-image {position: relative; z-index: 1;}
    .address-circle, .virtual-circle, .reservation-circle {border-width: 10px;}
    .iframe-map {width: 250px; height: 250px;}
    .about-us-section {min-height: 800px;}
    .footer h2 {font-size: 35px;}
    
}

@media (max-width: 768px) {
    header .user-dropdown, header .login-btn, header .nav-btn-wrap{width: 70px;height: 70px; min-width: 70px;}
    header .user-dropdown svg {width: 30px; height: 30px;}
    .login-btn svg {width: 30px; height: 30px;}
    .mobile-nav-button{width: 32px;}
    .mobile-nav-button .mobile-nav-button__line:nth-of-type(2) {margin: 0.4rem 0;}
    .mobile-nav-button {height: 26px;}
    .hero-section .text-box h1.main-title {font-size: 55px;}
    .offers-section {padding-bottom: 80px;}
    .offers-section::after {width: 100%;}
    .offers-slider .owl-dots {bottom: -56px; right: 50%; transform: translateX(50%);}    
    .about-image-wrap {
        width: 80%;
        height: auto;
        aspect-ratio: 1 / .90;
    }    
    .about-image-wrap::after, .about-image-wrap::before {width: 400px; height: 400px;}
    .insta-title {font-size: 42px;}
    .insta-icon {width: 60px; height: 60px;}
    .offers-section .section-title {
        font-size: 31px;
    }
    .address-circle {
        position: static !important;
    }
     .global-restaulant {height: auto;}
    .app-section::after {width: 750px; top:0}
    .scroll-x-gallery-wrap {overflow-x: auto; }
    .scroll-x-gallery {min-width: 768px;}
    .gallery-logo {width: 80px;}
    .gallery-section .meal-item .menu-logo svg {width: 70px;}
    .logo-container {width: 130px;}
    .gallery-section .menu-text {font-size: 35px;}
    
   
}

@media (max-width: 576px) {
    .about-us-section {min-height: 655px;}
    .main-slider, .main-slider .item .slide-image {width: 330px;}
    .app-section::after {width: 800px;}
    .main-address .main-text {padding: 10px 15px;}
    .cart-list-wrap {width: 382px;}
    .about-image-wrap {width: 90%;}
    .user-dropdown .dropdown-menu::after {left: 119px}
    
}

@media (min-width: 1401px) {
    .news-letter-form {margin-top: 35px;}
    .foods-type-list {margin-top: 40px !important;}
}