@media (min-width: 1500px) {
    .for-responsive-image {width: 100%}
    .app-section {background-size: cover;}
}

@media (max-width: 1400px) {
    .label-delivery-method {width: 153px}
    /* Start second section */
    .meal-wrap .meal-image {
        height: 280px;
    }
    .second-section .food-list-wrap {left: auto;}
    .swiper-slide img {
        width: 500px;
        height: 630px;
    }
    .swiper-slide::after {width: 500px;}
    .iframe-wrap iframe{max-width: 400px;}
    .page-content .for-margin-top {top: -256px}
    .for-all-pages {margin-bottom: -60px;}
}

@media (max-width: 1200px) {
    .swiper-slide img {
        width: 403px;
        height: 617px;
    }
    .swiper-slide::after {width: 403px;}
    
    .main-section .text h1 {font-size: 80px;}
    .for-all-pages {margin-bottom: -82px;}
    /* Start second section */
    .meal-wrap .text h3 {font-size: 23px;}
    .meal-wrap .text .additions {font-size: 20px !important;}
    .meal-wrap .meal-image {height: 230px;}
    /* .reservation-section .container {padding: 0} */
    .reservation-section .for-padding {padding: 0;}
    .transparent-text {font-size: 100px; }
    .reservation-section .reservation-btn, .shop-section .shop-btn, .button-style {font-size: 19px;}
    /* App section */
    .app-section .text p:first-child {font-size: 45px;}
    .app-section .mobile-image {width: 100%}

    .second-section .food-list-wrap {left: -17%;}
    .label-delivery-method {width: 125px}
    .filter-label {font-size: 20px;}
    .filter-label + form select {font-size: 18px;}

    .about-us-section .section-title {font-size: 46px;}
    .about-us-section .text-section {font-size: 18px;}

}

@media (max-width: 992px) {
    .main-section .btns a {font-size: 23px;}
    .main-section .btns a svg {width: 28px !important;}
    .images-slider-wrap {position: static}
    .shape-top-section {margin-bottom: -70px;}
    .shape-top-section.for-menu-page {margin-top: 0;}
    .page-content .for-margin-top {top: -200px;}
    .for-all-pages {margin-bottom: -90px;}
    .main-section {padding-top: 134px}
    .main-section .text h1 {
        font-size: 47px;
        text-align: center !important;
    }
    .main-section .btns a {height: 52px;}
    .swiper-slide::after {right: 74px;}

    .second-section h2, .section-title h2 {font-size: 40px;}
    .transparent-text {font-size: 70px;}
    .offers .owl-dots, .rounded-slider .owl-dots {left: 50%; transform: translateX(-50%);
        bottom: -10px;}
        /* App section */
    .app-section {padding: 80px 0; padding-bottom: 60px;}
    .app-section > svg {width: auto;}
    .app-section .text {margin-top: 60px;}
    .app-section .text p:first-child {font-size: 40px;}
    .app-section .mobile-wrap {width: 394px;}
    .app-section .store-btns .store-icon svg {width: 25px !important; min-width: 25px !important;}
    .app-section .store-btns .store-icon {padding-left: 0;}
    .app-section .store-btns a {padding: 11px 0}
    .app-section .store-btns div .store-name p:last-child {font-size: 20px !important;}
    .second-section .food-list-wrap{left: -33%; transform: scale(.8);}
    .swiper-slide::after {           
        right: 50%;
        transform: translateX(46%);
    }
    .filter-label {font-size: 20px;}
    .tab-list {min-height: auto; border: 1px solid #A4A4A4;}        
    .instagram-section .image_wrap {height: 415px;}
    .insta-logo {width: 100px;height: 100px;}
    .insta-logo svg {width: 90px; height: 90px;}
    .folow-btn {max-width: 140px;}
    .about-us-section .section-title {font-size: 30px;}
    .about-us-section .img-wrap {padding-right: 17px;padding-bottom: 25px;}
    .about-us-section .img-wrap::before {right: 8px;bottom: 15px;}
    .instagram-section .insta-title {font-size: 50px;}
    .instagram-section .insta-icon {width: 70px;}
    .close-btn{top: 15px;right: 15px;}
    #cartModal .modal-meal-image {height: 260px !important; padding: 13px; border-radius: 50px;}
    .logo-container {justify-content: center;}
    
}

@media (max-width: 768px) {
    .left-nav-menu {width: 350px}
    .main-section .text h1 {
        font-size: 47px;
    }
    .second-section h2, .section-title h2 {font-size: 35px;}
    .transparent-text {font-size: 50px;}
    .gallery-container {gap: 5px; padding: 6px;}
    .center-text {font-size: 25px !important;}
    .virtual-section .virtual-wrap {border-width: 3px;}
    .virtual-section .virtual-btn {top: 35%;}
    .virtual-section .virtual-btn svg {width: 80px; height: 80px;}
    .virtual-section .virtual-wrap .overlay h2 {font-size: 40px;}

    .second-section .food-list-wrap {left: -44%;transform: scale(.6);}
    .images-slider-wrap {width:auto}
    .meal-box .meal-name, .meal-box .meal-name + p.price{font-size: 20px !important;}    
    .page-title {font-size: 40px;}    
    .tab-list {font-size: 17px;}
    .app-section .logo-on-mobile p {font-size: 23px;}
    .instagram-section .insta-title {font-size: 50px;}
    .instagram-section .insta-icon {width: 60px;}
    .fllow-box {width: 70%;}
}

@media (max-width: 576px) {
    .main-section .text h1 {
        font-size: 40px;
    }
    .main-section .btns a {width: 100%;}
    .main-section .btns a {
        padding: 15px 15px;
    }
    .main-section .btns a {font-size: 19px;}
    
    .swiper-slide img {
        width: 308px;
        height: 386px;
    }
    .swiper-slide::after {
        width: 311px;      
        right: 50%;
        transform: translateX(46%);
    }
    .second-section h2, .section-title h2 {font-size: 30px;}
    .transparent-text {font-size: 40px;}
    /* fforer */
    .footer .sub-footer-input, .footer .footer-subscribe-btn {width: 100% !important;}
    .footer h2 {font-size: 40px}

    .second-section .food-list-wrap {left: -43%;transform: scale(.6);}

    /* header .cart-icon-wrap  {width: 100%;} */
    header .cart-icon-wrap .dropdown-toggle svg {width: 19px}
    header .cart-icon-wrap .dropdown-toggle svg.arrow-svg {width: 14px !important;}
    header .cart-icon-wrap svg.cart-icon-header {width: 23px !important;}
    .cart-icon-btn.has-item::after {width: 10px; height: 10px;}
    .cart-list-wrap {width: 370px;}
    .for-responsive {height: 680px}
    .second-section .food-list-wrap {top: -154px}
    .iframe-wrap{width: 100%;}
    .iframe-wrap iframe {max-width: 100%;width: 100%;}
    
}

@media (max-width: 538px) {.second-section .food-list-wrap {left: -42%;transform: scale(.5);}}
@media (max-width: 474px) {.second-section .food-list-wrap {left: -52%;transform: scale(.5);} .logo-container{width: 100px}}
@media (max-width: 418px) {.second-section .food-list-wrap {left: -48%;transform: scale(.4);}}
@media (max-width: 400px) {.second-section .food-list-wrap {left: -52%;transform: scale(.4);}}

@media (min-width: 1400px) and (max-width: 1600px) {.shape-top-section {margin-bottom: -42px;}}