@media (min-width: 400px) {

    #talk-button-wrapper {
        flex-direction: row !important;
        gap: 1rem !important;
    }

}

@media (min-width: 450px) {
    #product-single-main #message-modal .card .links label {
        width: 8rem !important;
        height: 8rem !important;
    }
}

@media (min-width: 500px) {
    #product-single-main #message-modal {
        padding: 2rem !important;
    }

    #gallery-main #gallery-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (min-width: 830px) {
    #product-header-grid {
        flex-direction: row;
    }

    #product-image-wrapper {
        max-width: 380px;
    }
}

@media (min-width: 800px) {

    /* All */


    #title {
        font-size: var(--sz-2xl) !important;
    }

    .main-wrapper {
        padding: 1.5rem !important;
    }

    .page-title {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        font-size: var(--sz-md) !important;
    }

    .card-title {
        font-size: var(--sz-lg) !important;
    }

    #btn-back>div {
        gap: 1.5rem;
    }

    .card {
        padding: 2rem !important;
    }

    /* Home & Contact Page */

    .h-card {
        min-height: 16.179rem !important;
    }

    #home-grid,
    #contact-cards {
        grid-column: 2 !important;
        grid-template-columns: 1fr 1fr !important;
    }

    #home-grid #inventory-img {
        display: block !important;
    }

    #contact-cards {
        grid-template-rows: 12.75rem 12.75rem;
    }

    #location-card #location-card-header {
        flex-direction: row !important;
        gap: 2rem;
    }

    #inquire-card #inquire-card-links,
    #follow-card #follow-card-links {
        gap: 2rem;
    }

    /* Taxonomy Page */
    #category-card {
        flex-direction: row;
    }

    #product-list {
        gap: 1.5rem !important;
        grid-column: 3 !important;
        grid-template-columns: 1fr 1fr 1fr !important;
    }





    /* Other Page */
    #product-wrapper .button-tab button {
        padding: 1rem 2rem !important;
    }

    #blog-list {
        grid-column: 2 !important;
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (min-width: 1180px) {
    #content {
        max-width: calc(100% - 19rem) !important;
    }

    #sidebar ul li:nth-of-type(3) {
        display: none !important;
    }

    #sidebar {
        display: flex !important;
        position: sticky !important;
        top: 0px !important;
        padding: 1.5rem;
        max-width: 19rem;
        background-color: transparent !important;

    }

    .main-wrapper {
        padding-left: .5rem !important;
    }

    #navbar {
        display: none;
    }

    #sidebar #sidebar-logo {
        display: block !important;
    }

    #sidebar #sidebar-footer {
        display: flex !important;
    }

    #sidebar ul {
        padding: 0 1rem;
        background-color: transparent !important;
    }

    #sidebar li a {
        padding: .75rem 2rem !important;
    }

    #sidebar li a.menu-active span {
        color: var(--clr-black) !important;
    }

    #sidebar li a.menu-active {
        border-radius: 5rem !important;
        background-color: white;
        box-shadow: var(--shadow-s);
    }

    #sidebar li a img {
        display: block !important;
    }
}