@media (min-width: 1025px) {
    .only-mob {
        display: none !important;
    }
}

@media (max-width: 1350px) {
    header ul li a {
        font-size: 14px;
    }
    .container {
        max-width: 1280px;
        width: 90%;
    }
    section.title-banner {
        background-size: cover;
        background-position: right;
        padding: 3rem 0;
    }
}

@media (max-width: 1024px) {
    .menu-open:not(.show) img.close {
        display: none;
    }

    .menu-open.show img.open {
        display: none;
    }

    .mobile-menu img {
        width: 1.5rem;
        filter: invert(1);
        height: 1.5rem;
        object-fit: contain;
        top: 14px;
        position: relative;
    }

    header .menus {
        position: fixed;
        width: 100%;
        height: calc(100vh - 7rem);
        background: #FF8C68;
        left: -100%;
        top: 7rem;
        z-index: 111;
        padding: 4rem;
        border-top: 4px solid #FF784E;
        transition: all 0.3s ease-in;
    }

    .header-right {
        justify-content: end;
    }

    .menus.show {
        left: 0;
    }

    .header-main {
        padding: 1rem 0;
    }

    a.logo img {
        max-width: 9rem;
        height: auto;
    }

    header ul {
        flex-direction: column;
        align-items: self-start;
    }
    .products-container,
    .blogs-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .logout-btn{
        display: flex;
  
    height: 26px !important;
    width: 76px;
    right: 16px;
    top: 13px;
    }
}

@media (max-width: 980px) {
    .cg-block .img {
        width: 50px;
        height: 50px;
    }

    .cg-block h4 {
        font-size: 14px;
    }

    .cat-top h4 {
        font-size: 18px;
    }

    .dropper h5 {
        font-size: 16px;
    }

    .container {
        width: 98%;
    }

    .customer-speak .img {
        height: 200px;
    }

    .customer-speak {
        gap: 2rem;
    }

    .cs-content {
        font-size: 14px;
    }

    .cs-content::before,
    .cs-content::after {
        width: 30px;
        height: 30px;
        background-size: contain;
    }

    .cs-content::before {
        top: -20px;
    }

    .cs-content::after {
        bottom: -10px;
    }

    .customer-speak-container {
        gap: 2rem;
    }
    .logout-btn{
        display: flex;
  
    height: 26px !important;
    width: 76px;
    right: 16px;
    top: 13px;
    }
    #views-exposed-form-best-seller-block-1 .form--inline{
        display: flex;
    flex-flow: column;
    }

}

@media (max-width: 785px) {
    .logout-btn{
        display: flex;
  
    height: 26px !important;
    width: 76px;
    right: 16px;
    top: 13px;
    }

    .products-container,
    .blogs-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    footer {
        padding: 3rem 0;
    }
    
    footer .row {
        gap: 2rem;
    }
    
    .mid-part {
        max-width: 100%;
    }
    section.banner-sm::after {
        position: relative;
        width: 100%;
        display: block;
        height: 30rem;
    }
    
    section.banner-sm.has-shape {
        display: flex;
        flex-direction: column;
        padding: 2rem 0 0;
        height: auto;
    }
    
    section.banner-sm.has-shape .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        padding-bottom: 0;
    }
    
    section.banner-sm.has-shape .container {
        padding-bottom: 0;
    }
    section.blogs.single {
        padding: 3rem 0;
    }
    
    .blog-single-top {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .blog-single-top .heading {
        max-width: 100%;
    }
    section.contact-us {
        padding: 3rem 0;
    }
    .contact-us .row .col-md-6:last-child {
        padding-left: 15px;
    }
    .top-header p {
        font-size: 14px;
    }
    #views-exposed-form-best-seller-block-1 .form--inline{
        display: flex;
    flex-flow: column;
    }

}

@media (max-width: 580px) {
    .large .heading-1 {
        font-size: 34px;
        margin-bottom: 1.5rem;
    }
    
    .large p, .large .subheading {
        font-size: 1rem;
    }
    .products-container,
    .blogs-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin-bottom: 1rem;
    }

    .customer-speak {
        gap: 2.5rem;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .customer-speak .img:before {
        top: 0.5rem;
        left: -0.5rem;
        border-radius: 10px;
    }

    .customer-speak .img {
        height: 100px;
    }

    .cs-content {
        width: auto;
        margin: 0 3rem;
        text-align: left;
    }
    .logout-btn {
        display: flex;
        height: 26px !important;
        width: 76px;
        right: 8px !important;
        top: 13px;
        font-size: 11px;
        cursor: pointer;
    }

    .customer-speak:nth-child(even) {
        flex-direction: column-reverse;
    }

    section.about-us::after {
        position: relative;
        height: 50vh;
        width: 100%;
        top: 0;
    }

    section.about-us {
        padding: 5rem 0 0;
    }
    .categories {
        flex-direction: column;
    }
    
    .cgs .cg-block {
        flex: auto;
    }
    
    .cgs {
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 3rem;
    }
    .view-id-food_types .view-content{
        white-space: nowrap !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 3rem;
    }
    .view-id-countries_typ .view-content{
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 3rem;

    }
    .view-id-country_strip .view-content{
        flex-wrap: nowrap !important;
    }
    .view-id-food_type_strip .view-content{
        flex-wrap: nowrap !important;

    }
    
    .cat-top {
        margin: 0 0 1rem;
        max-width: 100%;
    }
    
    .categories:after {
        width: 100%;
        height: 1px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .categories {
        gap: 4rem;
    }
    .banner-text h2 {
        font-size: 28px;
    }
    
    .banner a.global-cta {
        height: 3.5rem;
    }
    
    section.banner {
        padding: 3rem 0;
        height: calc(100vh - 15rem);
        background-position: center;
    }
    
    h2.heading-1 {
        font-size: 22px;
    }
    
    h5.subcategory {
        font-size: 14px;
    }
    
    section.marquee {
        padding: 1rem 0;
    }
    
    section.marquee h4 {
        font-size: 16px;
    }
    .top-header p {
        font-size: 12px;
    }
    section.blogs.has-shape {
        padding: 3rem 0 0;
    }
    
    section.testimonials.has-shape {
        padding: 8rem 0 5rem;
    }
    section.about-us p,
    section.about-us-sec p ,
    section.founders p{
        font-size: 1rem;
    }
    section.about-us-sec {
        padding: 0 0 3rem;
    }
    
    section.founders {
        padding: 3rem 0;
    }
    
    .heading {
        margin-bottom: 2rem;
    }
    
    .video-thumb-img {
        height: auto;
        border-width: 8px;
        border-radius: 40px;
    }
    
    .play img {
        width: 40px;
        height: 40px;
    }
    
    section.about-us-video {
        padding: 2rem 0;
    }
    
    section.faqs {
        padding: 2rem 0;
    }
    
    .faq .title {
        font-size: 14px;
    }
    
    .faqs .row {
        gap: 3rem;
    }
    .map-image {
        border-radius: 20px;
        border-width: 5px;
    }
    
    section.map {
        padding: 2rem 0;
    }
    .top-header .socials {
        display: none;
    }
    
    .top-header .container {justify-content: center;}
    .region-cart{
        position: relative;
        top: 12px;
        right: 0px;
    }
    .cart-block--link__expand{
        color: white;
        text-decoration: none;
    }
    .login-btn{
        top: 8px;
    }

    div#block-food-views-block-countries-typ-block-2 .view-content {
        flex-wrap: wrap;
        position: relative;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
        border-radius: 11px;
        background: white;
        top: 14px;
        gap: 1px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        display: grid;
        padding: 0px 54px;
    }
    div#block-food-views-block-countries-typ-block-2 {
        position: absolute;
        top: 23px;
    }

    #block-food-views-block-food-types-block-2 .view-content.row {
        /* background: red; */
        flex-wrap: wrap;
        position: relative;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
        border-radius: 11px;
        background: white;
        top: 14px;
        gap: 1px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        display: grid;
        padding: 0px 54px;
    }
    #block-food-views-block-food-types-block-2 {
        position: absolute;
        top: 246px;
    }
    #views-exposed-form-best-seller-page-1 .form--inline{
        display: flex;
        flex-direction: column !important;
    }
    .view-id-best_seller .view-filters .fieldset-wrapper input#edit-price-number-max {
        width: 100% ! IMPORTANT;
    }
    .view-id-best_seller .view-filters .fieldset-wrapper input#edit-price-number-min {
        width: 100% ! IMPORTANT;
    }
    #views-exposed-form-best-seller-block-1 .form--inline{
        display: flex;
    flex-flow: column;
    }
    .ui-dialog{
    position: fixed !important;
    height: auto !important;
    width: 358px !important;
    top: 110.85px !important;
    left: 4px !important;
    z-index: 101 !important;
    text-align: center !important;
    }
    #car3 .car3{
        width: 100% !important;
    }
    .block-local-tasks-block nav .primary{
        display: flex;
        flex-direction: column;
    }

}