@media (max-width: 599px) {
    #header {
        height: fit-content;
    }

    /* .banner-section {
    height: fit-content;
    min-height: 550px;
  } */

    .article-card {
        margin: 20px !important;
    }

    .search-container {
        display: none;
    }

    #menu-container {
        height: 450px !important;
    }

    #selected-filters-container {
        padding: 10px 25px !important;
    }

    .column-data::after {
        display: none;
    }
    /* CSS rules for phones */
    header {
        display: flex;
        align-items: center;
    }

    /*.logo-container {*/
    /*    margin-left: 95px;*/
    /*}*/

        .logo-container .logo {
            width: 150px;
        }

    .sbfe-multisite-button {
        right: 0;
        top: 15px;
    }

    .breadcrumb {
        padding: 18px
    }

    .custom-navbar {
        position: absolute;
        top: 10px;
         background-color: transparent!important; 
        width: 100%;
    }

    .hero-slider .content p {
        width: 100%;
    }

    .hero-slider .content h1 {
        font-size: 1.6em;
    }

    .slick-slide .content {
        margin-bottom: 20px;
    }

    .right-content {
        margin-bottom: 30px;
    }

        .right-content p {
            padding-right: 0;
        }

    .contact-us-header h4 {
        padding: 10px;
    }

    .contact-header-new h4 {
        width: 95%;
    }

    .wave-divider-half::before {
        width: 100%;
    }

    .map-container h2,
    .map-container #basket > .basket-wrapper > .title {
        margin-bottom: 24px;
    }

    .map-container::before {
        height: 300px;
    }

    .below-about-section .img-card {
        max-width: 300px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .footer-inner::before {
        display: none;
    }


    .popup-btn-container .custom-btn {
        margin-bottom: 16px;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }

    .popup-btn-container {
        justify-content: center;
        flex-direction: column;
    }

    .cookie-popup {
        height: 600px;
        overflow: scroll;
        width: 85% !important;
    }
    /* ===================== */

    .our-company-container,
    .our-company-header,
    .our-company-container p,
    .team-container,
    .team-card p,
    .about-content-container,
    .about-company-content,
    .about-founder-container,
    .about-founder-header,
    .business-card {
        padding: 0;
    }

    .business-detiails-container {
        justify-content: center;
        gap: 0px;
        flex-direction: column;
        align-items: center;
    }

    .map-container {
        height: 240px;
    }

    .map-content {
        position: static;
        padding: 20px;
        width: 100%;
    }

    .px-20 {
        padding: 0 !important;
    }

    .map-wrapper h3 {
        padding: 20px 0;
    }

    .brands-slider {
        padding: 0px;
    }

    .custom-slider-banner .slick-next {
        right: 10px !important;
    }

    .custom-slider-banner .slick-prev {
        left: 10px !important;
    }

        .custom-slider-banner .slick-prev:before {
            height: 30px;
            width: 30px;
            background-repeat: no-repeat;
        }

    /* start */
    .quote .quote-banner .quote-banner-content {
        padding: 0 40px;
    }

    .quote-content {
        padding: 0;
    }

    .quote .quote-banner .quote-banner-content::before,
    .quote .quote-banner .quote-banner-content::after {
        height: 40px;
        width: 50px;
        background-size: contain;
    }

    .quote .quote-banner .quote-banner-content::before {
        left: 10px;
    }

    .quote .quote-banner .quote-banner-content::after {
        right: 0;
        bottom: 0;
    }

    .quote .quote-banner .quote-content::before {
        top: -70px;
    }

    .quote .quote-banner .quote-content::after {
        bottom: -90px;
    }
    /* end */

    .reports-wrap {
        flex-direction: column;
        gap: 30px;
    }

    .column-slider .column-slider__banner .column-slider__content {
        padding: 0 40px;
    }

        .column-slider .column-slider__banner .column-slider__content::before,
        .column-slider .column-slider__banner .column-slider__content::after {
            height: 40px;
            width: 50px;
            background-size: contain;
        }

        .column-slider .column-slider__banner .column-slider__content::before {
            left: 10px;
        }

        .column-slider .column-slider__banner .column-slider__content::after {
            right: 0;
            bottom: 0;
        }

    .column-slider .slick-prev.slick-arrow {
        left: 10px !important;
    }

    .column-slider .slick-next.slick-arrow {
        right: 10px !important;
    }

    .column-slider .slick-prev:before,
    .column-slider .slick-next:before {
        height: 30px;
        width: 30px;
        background-size: cover;
    }

    .about-company-slider {
        margin: 0;
    }

    .content-image img {
        height: 250px;
        /* 300px; */
    }

    .content-image {
        padding: 40px 0px;
    }

    .about-content-container {
        padding: 20px;
    }

    .brands-maps-section h2 {
        max-width: 100%;
    }

    .about-company-slider .slick-prev {
        left: -5px !important;
    }

    .about-company-slider .slick-next {
        right: 0px !important;
    }

    .document-slider-container {
        padding: 0px 0 50px;
    }

    .about-company-slider .slick-prev::before,
    .about-company-slider .slick-next::before {
        height: 30px !important;
        width: 30px !important;
        background-repeat: no-repeat;
    }

    .about-company-slider .slick-dots li {
        background: #def3f8;
        width: 30px !important;
        height: 6px !important;
    }

        .about-company-slider .slick-dots li.slick-active {
            background: #5bc2dc !important;
        }

    /* ===================== */

    .footer-inner .row .col-lg-5,
    .footer-inner .row .col-lg-7 {
        padding: 0;
    }

    .multi-viedo-container .video-wrap video {
        display: none;
    }

    .bkg-start {
        background-image: url(/assets/images/en-gb/gbi/timeline/bkg_start.jpg);
    }

    .middle {
        height: 700px;
        background-size: cover;
    }

    .bkg-breeding {
        background-image: url(/assets/images/en-gb/gbi/timeline/bkg_breeding.jpg);
    }

    .bkg-planting {
        background-image: url(/assets/images/en-gb/gbi/timeline/bkg_planting.jpg);
    }

    .bkg-growing {
        background-image: url(/assets/images/en-gb/gbi/timeline/bkg_growing.jpg);
    }

    .bkg-harvesting {
        background-image: url(/assets/images/en-gb/gbi/timeline/bkg_harvesting.jpg);
    }

    .bkg-processing {
        background-image: url(/assets/images/en-gb/gbi/timeline/bkg_processing.jpg);
    }

    .bkg-blending {
        background-image: url(/assets/images/en-gb/gbi/timeline/bkg_blending.jpg);
    }

    .bkg-bottling {
        background-image: url(/assets/images/en-gb/gbi/timeline/bkg_bottling.jpg);
    }

    .bkg-distribution {
        background-image: url(/assets/images/en-gb/gbi/timeline/bkg_distribution.jpg);
    }

    .contact-us-header h4,
    .contact-header-new h4 {
        padding: 16px;
    }

    .content-box.start-white,
    .content-box.final-white {
        left: 0;
    }

    .content-box {
        right: 0;
    }

    .milestone-start,
    .milestone,
    .milestone-finish {
        left: 25px;
    }

        .milestone:after {
            height: 760px;
        }

    .mobile-view {
        display: block !important;
    }

    .desktop-view {
        display: none !important;
    }

    .column-wrapper {
        display: flex;
        flex-direction: column;
    }

        .column-wrapper .column-data {
            width: 100%;
            margin: 0;
        }

    .text-table-container::before,
    #product-details::before,
    #product-details1::before,
    #detailsContainer::before {
        max-width: 100%;
        width: 100%;
    }

    .custom-slick-slider .polygon-img,
    .mobile-view .polygon-img {
        left: 0;
        position: relative;
        top: 0;
    }

    .timeline-item {
        margin: 16px;
        top: 0;
    }
    /* .slider-container{
        height: 100vh;
    } */
    .mobile-view .slick-list {
        overflow: visible;
    }

    .video-container {
        width: 100% !important;
    }

    .content-box {
        bottom: auto;
        top: 70px;
        right: 20px;
        left: inherit;
        margin: auto;
        width: calc(100% - 85px);
    }

        .content-box.start-white {
            right: 20px;
            left: inherit;
            margin: auto;
            width: calc(100% - 85px);
        }

        .content-box.final-white {
            bottom: auto;
            top: 70px;
            right: 10px;
            left: inherit;
            margin: auto;
            width: calc(100% - 85px);
        }

    .milestone-start:after,
    .milestone-finish::after {
        content: "";
    }

    .content-box.start-white .copy-box {
        padding-bottom: 24px;
    }

    .dbnewpicture-img,
    .content-box .image-thumbnail {
        display: none !important;
    }

    .document-slider {
        margin: 26px 32px;
    }

    .about-company-slider {
    }

    .tab-wrapper .nav-pills {
        justify-content: flex-start;
    }

    ol {
        margin-left: 0;
        /* padding-left: 0; */
    }


    .text-lg-start {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .video-descripition {
        width: 100%;
    }

    .feed {
        padding: 24px;
    }

    .article-card {
        height: fit-content !important;
    }
}

@media (max-width: 800px) {
    .feed {
        padding: 50px 0;
    }

    .article-card {
        height: fit-content !important;
    }
}

@media (min-width: 840px) and (max-width: 1100px) {
    .feed {
        padding: 50px 110px;
    }
}

@media screen and (max-width: 992px) {
    .france-map-container .map-container::before {
        top: 0 !important;
        position: relative;
        left: 0;
        margin: 0 calc(-50vw + 50%);
        padding-bottom: 80%;
        /* height: 0; */
        width: 100vw;
        background-position: left;
        background-size: 100% auto;
    }

    .map-container .location-wrapper {
        width: 100%;
        padding: 0 1rem;
        margin-right: 0;
        right: 0px;
        top: 0;
    }
}


@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
}

@media (min-width: 600px) and (max-width: 899px) {
    .content-image {
        padding: 16px;
    }

    .article-card {
        height: fit-content !important;
    }

    .feed {
        padding: 24px;
    }
    /* CSS rules for tablets */
    .breadcrumb {
        padding: 20px 0;
    }

    .sbfe-multisite-button {
        right: 0;
    }

    .custom-navbar {
        padding: 0 20px;
        ;
    }

    .banner-section .slick-slide img {
        margin: 0 auto;
    }

    .banner-section .slick-slide .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .banner-section {
        height: fit-content;
    }

    .hero-slider .content p {
        width: 100%;
    }

    .banner-section .slick-dots {
        bottom: 0px !important;
        left: -80px;
    }

    .about-founder-container {
        padding: 0 20px;
    }

    .about-founder-header {
        padding: 0;
    }

    .business-detiails-container {
        flex-wrap: wrap;
    }

    .desktop-view {
        display: none !important;
    }

    .mobile-view {
        display: block !important;
    }

    .column-wrapper {
        display: flex;
        flex-direction: column;
    }

        .column-wrapper .column-data {
            width: 100%;
            margin: 0;
        }

    .column-data::after {
        display: none;
    }

    .timeline-item {
        margin: 16px;
        top: 0;
    }

    .map-container {
        height: 240px;
    }

    .map-content {
        position: static;
        padding: 20px;
        width: 100%;
    }

    .custom-slick-slider .polygon-img, .mobile-view .polygon-img {
        left: 0;
        position: relative;
        top: 0;
    }

    .top-text-container img {
        left: -50px !important;
        top: -15px;
    }

    .top-text-container h3 {
        min-height: 80px;
    }

    .top-text-container {
        height: 120px;
    }

    .wave-bg::before {
        background-size: contain;
    }

    .document-slider h3 {
        height: fit-content;
    }

    .team-container {
        padding: 24px;
    }

    .about-company-content {
        padding: 0;
    }

    .business-detiails-container {
        flex-wrap: wrap;
    }

    .cookie-popup {
        height: 350px;
        overflow: scroll;
        width: 85% !important;
    }

    .brands-maps-section h2 {
        max-width: 100%;
    }

    .our-company-container p {
        padding: 16px;
    }

    .our-company-header {
        padding: 24px;
    }

    .text-lg-start {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .search-container {
        display: none;
    }

    .wave-divider-half::before {
        max-width: 844px;
        margin-left: -502px;
    }

    .spain-form {
        height: 600px !important;
    }

        .spain-form iframe {
            height: 600px !important;
        }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .content-image {
        padding: 16px;
    }

    .article-card {
        height: fit-content !important;
    }

    .map-content {
        right: -50px;
    }

    .team-container {
        padding: 0 24px;
    }

    footer {
        padding-top: 16px;
    }
    /* CSS rules for small laptops */
    .business-detiails-container {
        flex-wrap: wrap;
    }

    .brands-maps-section h2 {
        max-width: 100%;
    }

    .breadcrumb {
        padding: 24px;
    }

    .wave-divider-half::before {
        max-width: 844px;
        margin-left: -422px;
    }
    /* .desktop-view
  {
    display: none!important;
  }
  .mobile-view{
    display: block!important;
  }
  .column-data::after{
    display: none;
  } */
    .desktop-view {
        display: none !important;
    }

    .mobile-view {
        display: block !important;
    }

    .column-wrapper {
        display: flex;
        flex-direction: column;
    }

        .column-wrapper .column-data {
            width: 100%;
            margin: 0;
        }

    .column-data::after {
        display: none;
    }

    .timeline-item {
        margin: 16px;
        top: 0;
    }


    .custom-slick-slider .polygon-img, .mobile-view .polygon-img {
        left: 0;
        position: relative;
        top: 0;
    }
}

@media (min-width: 1200px) {
    /* CSS rules for desktops */
}

@media (orientation: portrait) {
    /* Portrait-specific styles */
}

@media (orientation: landscape) {
    /* Landscape-specific styles */
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* High DPI styles */
}