@media (max-width: 1550px) { 
    .container{
        max-width: 1150px;
    }
    .offet-text {
        min-width: 135px;
        min-height: 54px;
    }
    .works-content {
        padding: 0px;
    }
    .featured-item-img img {
        height: 260px;
    }
    .app-feature-weap {
        padding: 15px 0px;
    }
    .feature-text h4 {
        font-size: 30px;
    }
    .search-products-active.owl-carousel .owl-nav div {
        top: -108px;
    }
    .right-view-all {
        width: 17%;
    }

    /* result-filter-page */
    .filter-left-bar {
        min-width: auto;
        padding-right: 25px;
    }
    .filter-wrapper {
        grid-column-gap: 25px;
    }
    .result-items-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ======Resturent select pages============== */
    .resturent-food-item-details-wrapper {
        padding: 0px 10px;
    }
    .banner_pesturent.resturent-details-banner {
        height: auto;
        padding: 100px 0px;
    }

}

@media (max-width: 1199px) { 
    .container{
        max-width: 960px;
    }
    .banner-food-plate img {
        max-width: 90%;
    }
    .offet-text h1 {
        font-size: 34px;
    }
    .offet-text {
        min-width: 115px;
        min-height: 43px;
    }
    .works-icon img {
        max-width: 80px;
        max-height: 80px;
    }
    .works-icon {
        height: auto;
    }
    .banner-area {
        min-height: auto;
        padding: 46px 0px;
    }
    .featured-item-img img {
        height: 200px;
    }
    .shop-logo {
        height: 55px;
        width: 55px;
    }
    .feature-icon {
        width: 120px;
    }
    .feature-icon img {
        max-width: 66px;
        max-height: 66px;
    }
    .feature-text h4 {
        font-size: 23px;
    }
    .app-feature-weap {
        margin-top: 86px;
        margin-bottom: 67px;;
    }
    .download-text {
        margin-top: 43px;
        margin-bottom: 20px;
    }
    .order-procid-btn {
        margin-top: 30px;
    }
    .cta-area {
        height: 188px;
    }
    .btn.btn-subcribe {
        width: 105px;
        padding: 0px;
    }
    /* ============Select pages================ */
    .categories-list ul li {
        font-size: 16px;
    }
    .categories-list ul li::after {
        height: 13px;
    }
    .banner-details-wrapper {
        max-width: 770px;
    }
    .share-btns .btn {
        width: 120px;
    }

    /* ===============Order-conformed-area================= */
    .filter-wrapper.order-conform-page {
        grid-template-columns: 1fr;
    }
    .order-conform-page .side-bar-right-area {
        padding-left: 0px;
        border-left: 0px;
    }
    /* ===============Order-conformed-area================= */



}
@media (min-width: 991px) and (max-width: 1060px) {
    .popular-items-slider-active .owl-nav div {
        left: -20px;
    }
    .popular-items-slider-active .owl-nav .owl-next {
        left: auto;
        right: -20px;
    }

}


@media (max-width: 991px) { 
    .container{
        max-width: 720px;
    }
    :root{
        --biggest-font-size: 2.75rem;/*44px*/
        --h1-font-size: 2.75rem;/*44px*/
        --h2-font-size: 2.5rem;/*40px*/
        --h3-font-size: 2.375rem;/*38px*/
        --normal-font-size: 1rem;  /*20px*/
        --small-font-size: 1rem; /*16px*/
    }
    .btn.filled-btn {
        width: 95px;
        padding: 12px 0px;
    }
    .input-area-banner {
        width: 66%;
    }
    .offet-text h1 {
        font-size: 28px;
    }
    .remainig-badge {
        padding: 5px 8px;
        font-size: 14px;
    }
    .offet-text {
        min-width: 102px;
        min-height: 35px;
    }
    .works-content {
        padding: 0px 46px;
    }
    .single-way-work {
        margin-bottom: 30px;
    }
    .popular-items-slider-active .owl-nav div {
        left: -20px;
    }
    .popular-items-slider-active .owl-nav .owl-next {
        left: auto;
        right: -20px;
    }
    .featured-item-img img {
        height: 193px;
    }
    .right-view-all {
        width: 28%;
    }
    .search-products-active.owl-carousel .owl-nav div {
        top: -104px;
    }
    .feature-icon img {
        max-width: 66px;
        max-height: 52px;
    }
    .mobile-app {
        display: none;
    }
    .download-text {
        margin-top: 43px;
        margin-bottom: 130px;
    }
    .follow-us {
        margin-top: 60px;
    }
    .app-feature-weap {
        margin-top: 86px;
        margin-bottom: 23px;
    }
    .features-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .irs--round .irs-line {
        top: 12px;
    }
    .irs--round .irs-bar {
        top: 12px;
    }
    /* Resturent - Filter page */
    .filter-wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }
    .filter-left-bar {
        min-width: auto;
        padding-right: 0px;
        border-right: 0px;
    }
    .single-result-widget h5 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .single-result-widget {
        margin-bottom: 33px;
    }
    .single-result-widget {
        margin-bottom: 33px;
    }
    .irs--round .irs-handle {
        top: 3px;
    }
    .irs--round {
        height: 30px;
    }
    .rangslider-value {
        margin-top: 10px;
    }
    .single-result-widget.range-bar-widget h5 {
        margin-bottom: 12px;
    }
    .pagination-area {
        margin-top: 50px;
    }
    .banner_pesturent {
        height: 486px;
    }
    /* =========================select-pages=================== */
    .over-view-wrapper {
        flex-wrap: wrap;
    }
    .banner-details-wrapper {
        max-width: 695px;
    }
    .over-view-wrapper {
        margin-top: 20px;
    }
    .details-bar-left {
        padding-right: 0px;
        border-right: 0px solid transparent;
    }
    .side-bar-right-area {
        padding-left: 0px;
        border-left: 0px solid transparent;
    }
    /* checkout--page */
    .filter-wrapper.checkout-page {
        grid-template-columns: 1fr;
    }

    .mobile-order-content {
        padding-bottom: 30px;
        max-width: 760px;
        margin: 0 auto;
    }

}

@media (max-width: 767px) { 

    :root{
        --biggest-font-size: 2.25rem;/*44px*/
        --h1-font-size: 1.375rem;/*44px*/
        --h2-font-size: 2.5rem;/*40px*/
        --h3-font-size: 2.375rem;/*38px*/
        --normal-font-size: 1rem;  /*20px*/
        --small-font-size: 1rem; /*16px*/
    }
    .banner-content-wrapper {
        text-align: center;
    }
    .header-area {
        height: 48px;
    }
    .banner-area {
        padding: 0px 0px;
    }
    .banner-content-wrapper {
        margin-top: 20px;
    }
    .banner-form-wrapper {
        text-align: left;
    }
    .single-way-work {
        margin-bottom: 40px;
    }
    
    .banner-form-btns a.btn.banner-btn {
        width: 96px;
    }
    .banner-form-btns a.btn {
        font-size: 14px;
    }
    .banner-form {
        flex-wrap: wrap;
    }
    .input-area-banner {
        width: 100%;
        margin-bottom: 8px;
    }
    .btn.filled-btn {
        width: 100%;
    }
    .banner-form-btns {
        padding-bottom: 13px;
        margin-bottom: 13px;
    }
    .offer-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 22px 10px;
    }
    .offer-items-wrapper {
        padding: 60px 0px;
    }
    .how-works-area {
        padding: 50px 0px;
    }
    .works-content p {
        color: #959795;
        font-size: 14px;
    }
    .works-content h6 {
        color: #707070;
    }
    .popular-item {
        max-width: 265px;
        margin: 0 auto;
    }
    .popular-items-slider-active .owl-nav div {
        left: -10px;
    }
    .popular-items-slider-active .owl-nav .owl-next {
        left: auto;
        right: -10px;
    }
    .popular-items {
        padding: 53px 0px;
    }
    .features-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px 9px;
    }
    .featured-item-img img {
        height: 160px;
    }
    .shop-logo {
        height: 45px;
        width: 45px;
    }
    .badge {
        font-size: 13px;
    }
    .shop-info {
        margin-bottom: 10px;
    }
    .section-title-wrapper {
        flex-wrap: wrap;
        justify-content: center !important;
    }
    .area-title {
        flex: 0 0 auto;
        width: 100%;
        text-align: center;
    }
    .search-products-active.owl-carousel .owl-nav div {
        top: -80px;
        left: 0;
    }
    .right-view-all {
        width: 100%;
        flex: 0 0 auto;
        text-align: center;
        margin-top: 8px;
    }
    .search-food-area {
        padding: 50px 0px;
    }
    .feature-text h4 {
        font-size: 20px;
    }
    .app-feature-weap {
        margin-top: 54px;
        margin-bottom: 58px;
    }
    .feature-icon img {
        max-width: 46px;
        max-height: 46px;
    }
    .feature-text h4 br {
        display: none;
    }
    .single-feature {
        margin-bottom: 30px;
    }
    .app-feature-weap {
        padding-bottom: 13px;
        padding-top: 35px;
    }
    .app-feature-weap {
        margin-left: 0px;
        margin-right: 0px;
    }
    .download-text {
        margin-top: 0px;
        margin-bottom: 54px;
    }
    .download-text h3 {
        margin-bottom: 4px;
        font-size: 24px;
    }
    .download-text p {
        font-size: var(--small-font-size);
        color: var(--theme-color);
    }
    .top-city-wrapp {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 22px;
        grid-row-gap: 20px;
        border-bottom: 1px solid #fff;
        padding-bottom: 22px;
    }
    .footer-menu {
        margin-bottom: 24px;
    }
    .follow-us {
        margin-top: -3px;
    }
    .follow-us h4 {
        font-size: 20px;
    }
    .footer-menu h5 {
        font-size: 16px;
    }
    .copy-right span {
        font-size: 14px;
    }
    .copy-right {
        padding: 24px 0px;
    }
    .footer-menus {
        padding-bottom: 30px;
    }
    .footer-area {
        padding-top: 0px;
    }
    .top-city-wrapper h5 {
        font-size: 16px;
    }
    .section-title-wrapper {
        margin-bottom: 46px;
    }
    .search-products-active.owl-carousel .owl-nav div {
        top: -70px;
        left: 0;
    }
    .view-more-area {
        margin-top: 45px;
    }
    .works-content {
        padding: 0px 20px;
    }
    .offer-dish-info h6 {
        margin-bottom: 12px;
    }
    .works-icon {
        margin-bottom: 20px;
    }

    /* Resturent - Filter page */
    .filter-wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: 60px;
    }

    .banner_pesturent {
        height: 250px;
    }

    .banner_pesturent h2 {
        font-size: 30px;
        text-align: center;
        line-height: 1.1;
    }
    .filter-main-wrapper {
        padding: 60px 0px;
    }
    .single-result-widget h5 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .irs--round .irs-bar {
        top: 10px;
    }
    .irs--round .irs-line {
        top: 10px;
    }
    .result-items-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .result-items-wrapper {
        grid-column-gap: 25px;
    }
    .rangslider-value {
        margin-top: 20px;
    }


    /* select-pages */
    .over-view-wrap {
        display: none;
    }
    .resturent-details {
        flex-wrap: wrap;
    }
    .banner_pesturent.banner-select-pages {
        height: auto;
    }
    .banner-details-wrapper {
        max-width: 300px;
        padding: 70px 0px 60px 0px;
    }
    .resturent-details-text h4 {
        margin-bottom: 5px;
    }
    .locations-resturent {
        margin-top: 9px;
    }

    .share-btns {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .share-btns .btn {
        width: 48%;
        flex: 0 0 auto;
        margin: 0px;
    }
    .dish-imag {
        margin-right: 12px;
        flex: 0 0 auto;
    }
    .dish-details {
        max-width: inherit;
        margin-right: 13px;
    }
    .food-extra {
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 20px;
    }
    .food-extra {
        margin-left: 20px;
        margin-right: 35px;
        padding-top: 20px;
        border-top: 1px solid #DBDBDB;
        margin-top: 24px;
    }
    .pagination-area {
        margin-top: 40px;
    }
    /* select-pages */



    /* order-conformed-page */

    .order-traking ul li {
        min-height: 46px;
    }
    .map-area iframe {
        width: 100%;
        height: 240px;
    }

    .order-traking ul::after {
        height: 8px;
    }
    .order-traking ul li.active::before {
        height: 8px;
    }
    .order-traking ul li::after {
        top: -45px;
    }
    .thanks-text h4 {
        font-size: 22px;
    }
    .thanks-text p {
        font-size: 18px;
    }
    .conformed-message {
        max-width: 330px;
    }
    .inner-timer {
        height: 83px;
        width: 83px;
        font-size: 24px;
    }
    .bg-border {
        height: 90px;
        width: 90px;
    }
    .thanks-text h4 {
        margin-bottom: 4px;
    }
    .banner_pesturent.banner-conformed {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .single-input-wrap.half-input{
        flex: 0 0 auto;
        width: 100%;
    }
    .single-input-blk p {
        margin-bottom: 14px;
    }
    .single-input-wrap {
        margin-bottom: 15px;
    }
    .banner_pesturent.resturent-details-banner {
        height: auto;
        padding: 0px 0px;
    }
    .resturent-details-text {
        margin-top: 10px;
    }
    /* order-conformed-page */

}

@media (max-width: 575px) { 
    .container{
        max-width: 540px;
    }
    .features-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px 9px;
    }
    .result-items-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}