@media only screen and (min-width: 320px) and (max-width: 480px) {
    .main-banner-card {
        height: 30em !important;
    }

    .hero-buttons {
        flex-direction: row;
        gap: 0.5em;
        justify-content: flex-start !important;
        margin-bottom: 17px;
    }

    .hero-buttons .btn {
        font-size: 0.75rem !important;
        padding: 0.5rem 0.8rem !important;
    }

    .hero-buttons .btn i {
        font-size: 0.7rem;
    }

    .main-banner {
        margin-top: 4em;
    }

    .banner-content {
        padding: 1em !important;
    }

    .checkout_product_item_details_box .checkout_product_item_title {
        text-align: right;
    }

    .cart_product_item_price {
        white-space: nowrap;
    }

    .breadcrumbs_container {
        margin-top: 4em;
        padding: 0.75em 1em !important;
    }

    .breadcrumbs_inner_container {
        flex-direction: column;
        gap: 0.5em;
        align-items: flex-start;
    }

    .breadcrumbs_ul {
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    .breadcrumbs_li {
        font-size: 12px;
    }

    .breadcrumbs_anchor {
        font-size: 12px;
        word-break: break-word;
    }

    .separator {
        font-size: 12px;
    }

    .tabs-nav {
        flex-direction: column;
    }

    .products-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 0;
    }

    .main-nav {
        background: white;
    }

    .nav-links a {
        color: #333;
        display: block;
        width: 100%;
        padding: 10px 8px 10px 8px;
    }

    .nav-links>ul>li {
        width: 100%;
    }

    .product_details_maincontainer .tab-btn {
        width: 100%;
    }

    .product_price_manipulation_inputfield {
        min-width: 3em;
    }

    .cart_product_item_title {
        font-size: 0.9em;
        font-weight: normal;
    }

    .cart_product_item_photobox {
        height: 3em;
        width: 8em;
    }

    .cart_product_items_table_container {
        overflow: scroll;
    }

    #product_reviews_form {
        max-width: unset;
        margin: 0 auto;
    }

    .gallery-thumbs .swiper-slide {
        width: 100px;
        height: 50px;
    }

    .gallery-slider .swiper-slide {
        width: auto;
        height: 200px;
    }

    .breadcrumbs_container {
        margin-top: 4em;
        padding: 1em 0 1em 1em;
    }

    .footer-section {
        margin-bottom: 0;
    }

    .single_banner_image_container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2em;
    }

    .nav-content {
        padding: 0.5em 0;
    }

    .banner_slide_image_div {
        padding: 0 !important;
    }

    .single_banner_details_box {
        gap: 2em;
    }

    .product_title {
        font-size: 3em;
    }

    .single_banner_image_box {
        position: static;
        height: unset;
    }

    .web_logo,
    .hamburger_menu {
        display: block !important;
        cursor: pointer;
    }

    .top-bar,
    .shopbycategories_btn,
    .all_categories_iconbox {
        display: none !important;
    }

    .nav-links {
        position: absolute;
        top: 3.5em;
        background: var(--white_color);
        width: 100%;
        padding: 1em;
        left: 0;
        display: none;
    }

    .nav-links ul {
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    .web_ecommerce_icons {
        display: flex !important;
        gap: 1em !important;
    }

    .hero_images_banners_slider_section {
        margin: 3.5em 0 0 !important;
    }

    .hero_images_banner_slide_div {
        height: 5em !important;
    }

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

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .main-banner-card {
        height: 25em !important;
    }

    .main-banner {
        margin-top: 4em;
    }

    .banner-content {
        padding: 1em !important;
    }

    .hero-buttons {
        flex-direction: row;
        gap: 0.75em;
        justify-content: flex-start !important;
    }

    .hero-buttons .btn {
        font-size: 0.9rem !important;
        padding: 0.6rem 1.2rem !important;
    }

    .checkout_product_item_details_box .checkout_product_item_title {
        text-align: right;
    }

    .cart_product_item_price {
        white-space: nowrap;
    }

    .breadcrumbs_container {
        margin-top: 4em;
        padding: 0.75em 1em !important;
    }

    .breadcrumbs_inner_container {
        flex-direction: column;
        gap: 0.5em;
        align-items: flex-start;
    }

    .breadcrumbs_ul {
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    .breadcrumbs_li {
        font-size: 12px;
    }

    .breadcrumbs_anchor {
        font-size: 12px;
        word-break: break-word;
    }

    .separator {
        font-size: 12px;
    }

    .tabs-nav {
        flex-direction: column;
    }

    .products-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 0;
    }

    .main-nav {
        background: white;
    }

    .nav-links a {
        color: #333;
        display: block;
        width: 100%;
        padding: 10px 8px 10px 8px;
    }

    .nav-links>ul>li {
        width: 100%;
    }

    .product_details_maincontainer .tab-btn {
        width: 100%;
    }

    .product_price_manipulation_inputfield {
        min-width: 3em;
    }

    .cart_product_item_title {
        font-size: 0.9em;
        font-weight: normal;
    }

    .cart_product_item_photobox {
        height: 3em;
        width: 8em;
    }

    .cart_product_items_table_container {
        overflow: scroll;
    }

    #product_reviews_form {
        max-width: unset;
        margin: 0 auto;
    }

    .gallery-thumbs .swiper-slide {
        width: 100px;
        height: 50px;
    }

    .gallery-slider .swiper-slide {
        width: auto;
        height: 200px;
    }

    .breadcrumbs_container {
        margin-top: 4em;
        padding: 1em 0 1em 1em;
    }

    .footer-section {
        margin-bottom: 0;
    }

    .nav-content {
        padding: 0.5em 0;
    }

    .web_logo,
    .hamburger_menu {
        display: block !important;
        cursor: pointer;
    }

    .banner_slide_image_div {
        padding: 0 !important;
    }

    .single_banner_image_box {
        position: static;
        height: unset;
    }

    .top-bar,
    .shopbycategories_btn,
    .all_categories_iconbox {
        display: none !important;
    }

    .nav-links {
        position: absolute;
        top: 3.5em;
        background: var(--white_color);
        width: 100%;
        padding: 1em;
        left: 0;
        display: none;
    }

    .nav-links ul {
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    .web_ecommerce_icons {
        display: flex !important;
        gap: 1em !important;
    }

    .hero_images_banners_slider_section {
        margin: 3.5em 0 0 !important;
    }

    .hero_images_banner_slide_div {
        height: 7em !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    .main-banner-card {
        height: 25em !important;
    }

    .main-banner {
        margin-top: 4em;
    }

    .banner-content {
        padding: 1em !important;
    }

    .checkout_product_item_details_box .checkout_product_item_title {
        text-align: right;
    }

    .cart_product_item_price {
        white-space: nowrap;
    }

    .breadcrumbs_container {
        margin-top: 4em;
        padding: 0.75em 1em !important;
    }

    .breadcrumbs_inner_container {
        flex-direction: column;
        gap: 0.5em;
        align-items: flex-start;
    }

    .breadcrumbs_ul {
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    .breadcrumbs_li {
        font-size: 12px;
    }

    .breadcrumbs_anchor {
        font-size: 12px;
        word-break: break-word;
    }

    .separator {
        font-size: 12px;
    }

    .tabs-nav {
        flex-direction: column;
    }

    .products-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 0;
    }

    .main-nav {
        background: white;
    }

    .nav-links a {
        color: #333;
        display: block;
        width: 100%;
        padding: 10px 8px 10px 8px;
    }

    .nav-links>ul>li {
        width: 100%;
    }

    .product_details_maincontainer .tab-btn {
        width: 100%;
    }

    .product_price_manipulation_inputfield {
        min-width: 3em;
    }

    .cart_product_item_title {
        font-size: 0.9em;
        font-weight: normal;
    }

    .cart_product_item_photobox {
        height: 3em;
        width: 8em;
    }

    .cart_product_items_table_container {
        overflow: scroll;
    }

    #product_reviews_form {
        max-width: unset;
        margin: 0 auto;
    }

    .gallery-thumbs .swiper-slide {
        width: 100px;
        height: 50px;
    }

    .gallery-slider .swiper-slide {
        width: auto;
        height: 200px;
    }

    .breadcrumbs_container {
        margin-top: 4em;
        padding: 1em 0 1em 1em;
    }

    .footer-section {
        margin-bottom: 0;
    }

    .nav-content {
        padding: 0.5em 0;
    }

    .web_logo,
    .hamburger_menu {
        display: block !important;
        cursor: pointer;
    }

    .top-bar {
        display: none !important;
    }

    .banner_slide_image_div {
        padding: 0 !important;
    }

    .single_banner_image_box {
        position: static;
        height: unset;
    }

    .nav-links {
        position: absolute;
        top: 3.5em;
        background: var(--white_color);
        width: 100%;
        padding: 1em;
        left: 0;
        display: none;
    }

    .nav-links ul {
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    .web_ecommerce_icons {
        display: flex !important;
        gap: 1em !important;
    }

    .hero_images_banners_slider_section {
        margin: 3.5em 0 0 !important;
    }

    .hero_images_banner_slide_div {
        height: 11em !important;
    }
}

/* Responsive Styles */
@media (max-width: 992px) {
    .top-left {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }

    .search-box {
        width: 200px;
    }

    /* .nav-content {
        flex-direction: column;
        gap: 15px;
    } */

    /* .nav-links ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    } */
}

/* Desktop - Show shop by categories and ellipsis menu */
@media only screen and (min-width: 992px) {
    .shopbycategories_btn,
    .all_categories_iconbox {
        display: block !important;
    }

    .web_logo,
    .hamburger_menu {
        display: none !important;
    }
}