@media (max-width: 576px) {

    /* .container {} */


    .banner_left_col {
        padding: 40px 20px;
    }

    .banner_container {
        height: auto;
    }

    .testimonial .slick-next {
        display: none !important;
    }

    .testimonial .slick-prev {
        display: none !important;
    }


    /* search section */
    .search-container button {
        height: 50px;
    }

    .buttons button {
        padding: 10px 20px;
    }

    .banner_container .banner_img {
        display: none;
    }

    .banner_container .contact-us {
        padding: 10px 20px;
    }

    .search-bar {
        height: 50px;
    }

    .search-icon img {
        height: 20px;
        width: 20px;
    }

    .search-bar .search-icon {
        height: 40px;
        width: 40px;
    }

    .search-container {
        padding: 20px;
    }

    /* search section */


    /* category */
    .featured-categories h2 {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .category-item p {
        font-size: 20px;
    }

    .featured-categories .row {
        gap: 50px;
    }


    /* why choose us */
    .info-blocks {
        flex-direction: column;
        margin-right: 0px;
    }

    .info-blocks .d-flex {
        /* flex-direction: column; */
        justify-content: space-between;
    }

    .info-block {
        display: flex;
        flex-direction: column;
        gap: 18px;
        margin-right: 0px !important;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .right-section {
        padding: 50px 20px;
        background: #E1F7FF;
    }

    .image-wrapper .bg_whychoose {
        height: auto;
    }

    .right-section h2 {
        font-size: 36px;
    }

    .play-button img {
        width: 60px;
        height: 60px;
    }

    /* why choose us */
    /* client */
    .client_images {
        flex-direction: column;
        gap: 20px;
    }


    /* featured products */
    .featured-products {
        padding: 0px 20px;
    }

    .slick-next .slick-arrow {
        display: none;

    }

    .featured-products h2 {
        font-size: 32px;
    }

    /* featured products */
    /* testimonial */
    .slick-slider_testimonial {
        margin-top: 80px !important;
    }

    /* testimonial */

    /* news */
    .news-container h2 {
        font-size: 32px;
    }

    .news-container {
        padding: 20px !important;
    }

    .news-container .row {
        gap: 50px;
    }


    /* newsletter */
    .newsletter-container {
        flex-direction: column;
        gap: 20px;
    }

    .email-input {
        max-width: 335px;
        width: 100%;
    }

    .newsletter-container span {
        font-size: 24px;
    }

    .heading_text {
        font-size: 32px;
    }

    /* newsletter */


    /* footer */
    .footer-content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 50px;

    }


















    /* about us================ */

    .project_overview {
        padding: 0 20px;
    }

    .project_overview h1 {
        font-size: 32px;
    }

    .about_text_design img {
        margin-bottom: 40px;
        padding: 0 20px;
    }

    .about_text_design p {
        font-size: 18px;
    }

    .about_banner {
        height: 250px;
    }

    .about_section h2 {
        font-size: 36px;
    }

    .our_vision {
        margin-bottom: 40px;
    }

    .why-choose-dairy {
        margin-bottom: 40px;
    }

    .why_choose_rightside h2 {
        font-size: 36px;
    }

    .our_vision h2 {
        font-size: 32px;
    }

    .why_choose_rightside {
        width: 100%;
    }

    .features-grid {
        row-gap: 32px;
    }

    .feature img {
        margin-bottom: 15px;
    }

    /* about us================ */


    /* order details */

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

    .order_process {
        padding: 50px 20px !important;
    }

    .step::before {
        display: none;
    }

    .chat_enquiry {
        padding: 15px 20px;
    }

    .info-row-head {
        flex-direction: column;
        gap: 20px;
    }

    .order-details-page {
        padding: 0 !important;
    }

    .profile-nav .nav_links {
        display: flex;
        overflow-x: scroll;
    }

    .table_wrapper table {
        overflow-x: auto;
        display: block;
    }

    .table_tabs {
        display: flex;
        gap: 30px;
        overflow: scroll;
        white-space: nowrap;
    }

    .order_container {
        padding: 0 20px;
    }

    .view_order {
        width: 200px;
    }

    .action-needed-red {
        width: 200px;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    .option-card {
        width: 300px !important;
    }

    .container-selection {
        margin: 80px auto;
    }

    .transport-section .form-select {
        width: 100%;
    }

    .container-content {
        flex-direction: column;
    }

    .add_products_table {
        padding: 0 !important;
    }

    .container_size {
        height: 100%;
        margin: 20px !important;
    }

    .container-header {
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    .progress-bar-container {
        margin-bottom: 20px;
    }

    .add_products_table table {
        overflow-x: auto;
        display: block;
    }

    .table>:not(caption)>*>* {
        padding: 20px;
        /* white-space: nowrap; */

    }

    .payment_section {
        margin: 20px;
    }

    .profile-card {
        padding: 20px !important;
        flex-direction: column !important;
        gap: 50px;
    }

    .profile_nav .nav {
        margin-bottom: 40px;
    }

    .profile_nav {
        padding: 20px;
    }

    .file-list table {
        overflow-x: auto;
        display: block;
    }

    .dashboard_cards {
        padding: 20px;
    }

    .search_wrapper {
        flex-direction: column;
    }

    .nav_links a {
        white-space: nowrap;
    }

    .accept_order {
        width: 150px;
    }

    .page-item {
        padding: 0 !important;
    }

    .search_text {
        padding: 20px;
    }

    .breadcrumb {
        padding: 20px;
        margin-bottom: 0;
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 3px !important;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 3px !important;
    }

    .breadcrumb-item {
        font-size: 14px;
    }

    .details_wrapper .product_image {
        height: unset !important;
    }

    .section-buttons {
        margin: 20px;
        overflow-x: auto;
    }
}