@media (max-width: 1200px) {
    .beautysociety-product-details-tabs-section,
    .beautysociety-product-details-description-section,
    .beautysociety-product-details-customer-reviews-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .beautysociety-product-details-tabs {
        display: inline-block !important;
    }

    .beautysociety-product-details-tabs > li {
        padding-right: 6px !important;
        padding-bottom: 10px !important;
    }

    .beautysociety-product-details-customer-reviews-content {
        padding-left: 0 !important;
    }

    .beautysociety-product-details-customer-reviews {
        flex-direction: column !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .beautysociety-product-details-tab-description-title {
        padding-top: 30px !important;
        padding-left: 0 !important;
        padding-bottom: 30px;
    }

    .beautysociety-product-details-tab-content {
        flex-direction: column !important;
        padding: 0 !important;
    }

    .beautysociety-product-details-customer-review-title {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 20px;
    }

    .beautysociety-product-details-top-section {
        height: unset !important;
        flex-direction: column !important;
    }

    .beautysociety-product-details-top-images-section > img {
        height: calc(100vh - 96px);
        max-height: 400px;
        max-width: 100% !important;
    }
    
    .beautysociety-product-details-title {
        margin-bottom: 2px !important;
        font-size: 24px !important;
    }

    .beautysociety-product-details-price {
        font-size: 18px !important;
    }

    .beautysociety-product-details-top-section {
        flex-direction: row !important;
    }

    .beautysociety-product-details-buttons-section {
        margin-bottom: 20px !important;
    }

    .beautysociety-product-details-image-selector {
        width: 6px !important;
        height: 6px !important;
        background-color: #E3D7CC !important;
    }

    .beautysociety-product-details-image-selector > img {
        display: none !important;
    }

    .beautysociety-product-details-add-to-wishlist-container-desktop {
        display: none;
    }

    .beautysociety-product-details-add-to-wishlist-container-mobile {
        display: block !important;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 99999;
    }

    .beautysociety-product-details-description-section {
        justify-content: unset !important;
    }

    .beautysociety-product-details-sub-title {
        margin-top: 0px !important;
    }

    .beautysociety-product-details-tabs {
        gap: 10px !important;
    }

    .beautysociety-product-details-customer-review-title-container > div {
        margin-bottom: 2px !important;
    }

    .beautysociety-checkout-payment-information-delete-card-button {
        display: none !important;
    }

    .beautysociety-subscriptions-directive {
        padding-top: 20px !important;
    }

    .beautysociety-checkout-charity-container {
        margin-bottom: 119px !important;
    }

    .beautysociety-product-details-virtual-try-button {
        top: 15px;
        left: 16px;
        right: auto;
    }

    .beautysociety-related-products-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .beautysociety-checkout-user-details-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .beautysociety-product-details-description-section-inner {
        margin-bottom: 10px !important;
    }
}

/* Laptop and Desktop breakpoints - Add max-height based on monitor resolution */
@media (min-width: 1024px) {
    .beautysociety-product-details-top-section {
        max-height: 768px !important; /* 1024x768 resolution max-height */
    }
}

@media (min-width: 1280px) {
    .beautysociety-product-details-top-section {
        max-height: 800px !important; /* 1280x800 resolution max-height */
    }
}

@media (min-width: 1440px) {
    .beautysociety-product-details-top-section {
        max-height: 900px !important; /* 1440x900 resolution max-height */
    }
}

@media (min-width: 1920px) {
    .beautysociety-product-details-top-section {
        max-height: 1080px !important; /* 1920x1080 resolution max-height */
    }
}

@media (min-width: 2560px) {
    .beautysociety-product-details-top-section {
        max-height: 1440px !important; /* 2560x1440 resolution max-height */
    }
}

@media (min-width: 1200px) {
    .beautysociety-product-details-top-section {
        height: calc(100vh - 96px) !important;
    }
}

@media (max-width: 768px) {
    .beautysociety-product-details-top-images-section > img {
        height: auto !important;
        max-height: 400px;
        max-width: 100% !important;
    }

    .beautysociety-product-details-description-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 20px !important;
    }

    .beautysociety-sidebar {
        max-width: 100% !important;
    }

    .beautysociety-sidebar-overlay {
        width: unset !important;
    }

    .beautysociety-checkout-charity-container {
        margin-top: 20px !important;
    }

    .beautysociety-pagination-btn {
        font-size: 14px;
        min-width: 28px;
        height: 28px;
    }
    
    .beautysociety-pagination {
        gap: 6px;
    }
    
    .beautysociety-pagination-dots {
        font-size: 14px;
        padding: 0 6px;
    }

    .beautysociety-checkout-user-details-credit-card-details-column-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-checkout-user-details-contact-column-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-checkout-user-details-title,
    .beautysociety-shipping-address-container,
    .beautysociety-shipping-method-container,
    .beautysociety-subscriptions-directive-section-title,
    .beautysociety-subscriptions-directive-section-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-checkout-user-details-contact-row-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-checkout-user-details-title-container > div:first-child {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-checkout-user-details-payment-methods-container-credit-card {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .beautysociety-checkout-user-details-payment-method-container,
    .beautysociety-subscriptions-row,
    .beautysociety-subscriptions-row-inner-multi-row,
    .beautysociety-checkout-user-details-payment-methods-credit-card-selection-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-payment-information-container-payment-methods {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .beautysociety-checkout-user-details-payment-methods-checkbox-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        margin-bottom: 20px !important;
    }

    .beautysociety-checkout-user-details-row-title-container-button-container {
        padding-right: 0px !important;
    }

    .beautysociety-product-details-description {
        max-height: 150px !important;
    }
}

@media (max-width: 576px) {
    .hide-xs {
        display: none;
    }

    .custom-categories-inner {
        max-width: 81px !important;
    }

    .custom-categories-inner-container {
        min-height: unset !important;
        margin-bottom: 40px !important;
        gap: 8px !important;
    }

    .custom-categories-inner > div:first-child {
        width: 80px !important;
        height: 80px !important;
        overflow: hidden;
        border-radius: 50%;
    }

    .custom-categories-inner > div:nth-child(2) {
        width: unset !important;
        padding-top: 10px !important;
        font-size: 11px !important;
        font-weight: 300 !important;
    }

    .custom-cart-category-title {
        margin-bottom: 17px !important;
        font-size: 42px !important;
    }

    .custom-cart-category-by-category-title {
        display: none;
    }

    .custom-categories-inner > div:first-child > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

    .custom-categories-title {
        display: none !important;
    }

    .custom-categories-outer {
        margin-top: 26px !important;
    }

    #main-content .container-fluid.cart-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .custom-cart-horizontal-line {
        display: none !important;
    }

    #maincart > div > div.padding-xs.visible-xs {
        display: none !important;
    }

    .products-gridview {
        padding-top: 16px !important;
    }

    .custom-cart-category-applied-filters {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }

    .beautysociety-product-details-arrows {
        display: none !important;
    }

    .beautysociety-product-details-customer-reviews-separator {
        flex-direction: column-reverse !important;
    }

    .pagination-controls {
        padding-top: 0px !important;
        justify-content: center !important;
    }

    .beautysociety-product-details-leave-a-review-button-container {
        padding-top: 36px !important;
    }

    .beautysociety-product-details-leave-a-review-button {
        width: 100% !important;
    }

    .beautysociety-product-details-separator {
        display: none !important;
    }

    .beautysociety-subscriptions-directive-section-title {
        padding-left: 0px !important;
    }

    .beautysociety-subscriptions-directive-section-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-checkout-user-details-payment-methods-container {
        flex-direction: column-reverse !important;
        align-items: flex-end !important;
    }

    .beautysociety-checkout-user-details-edit-contact-button-text {
        display: none !important;
    }

    .beautysociety-checkout-user-details-edit-contact-button {
        min-width: 76px !important;
    }

    .beautysociety-checkout-payment-information-add-card-button {
        margin-bottom: 36px !important;
    }

    .beautysociety-checkout-user-details-edit-card-button-text {
        display: none !important;
    }

    .beautysociety-checkout-user-details-edit-contact-button-text,
    .beautysociety-checkout-user-details-edit-card-button-text {
        display: none !important;
    }

    .beautysociety-checkout-order-summary-container {
        margin-top: 18px !important;
        margin-bottom: 38px !important;
    }

    .beautysociety-checkout-order-summary-title-container {
        padding-bottom: 23px !important;
    }

    .beautysociety-checkout-order-summary-promo-code-container {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .beautysociety-checkout-order-summary-promo-code-inner > input {
        width: 100% !important;
    }

    .beautysociety-checkout-order-summary-promo-code-title {
        margin-bottom: 20px !important;
    }

    .beautysociety-checkout-order-received-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .beautysociety-checkout-order-received-container {
        margin-top: 32px !important;
    }

    .beautysociety-checkout-order-received-title {
        font-size: 42px !important;
    }

    .beautysociety-checkout-user-details-payment-card-text {
        display: none !important;
    }

    .beautysociety-checkout-user-details-container {
        padding-top: 20px !important;
        margin-bottom: 50px !important;
    }

    .beautysociety-viewcart-container-right-column {
        display: none !important;
    }

    .beautysociety-viewcart-container-left-column {
        margin-bottom: 50px !important;
        padding-top: 20px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .beautysociety-viewcart-container-inner-row {
        padding-left: 0px !important;
    }

    .beautysociety-viewcart-container-inner-row-promo-code-container {
        justify-content: space-between !important;
        padding-left: 0px !important;
    }

    .beautysociety-checkout-order-summary-cash-rewards-title-container-inner {
        flex-direction: column !important;
        gap: 0px !important;
        align-items: flex-end !important;
        padding-right: 13px !important;
    }

    .beautysociety-checkout-order-summary-cash-rewards-title-container-inner-separator {
        display: none !important;
    }

    .beautysociety-checkout-order-received-order-details,
    .beautysociety-checkout-order-received-order-details-row,
    .beautysociety-account-email-address-form-container,
    .beautysociety-account-information-form-container,
    .beautysociety-checkout-user-details-payment-method-credit-card-address-container-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-checkout-order-received-order-owner-display-id {
        display: none !important;
    }

    .beautysociety-checkout-order-received-order-owner-display-id-desktop {
        display: none !important;
    }

    .beautysociety-checkout-order-received-order-owner-display-id-mobile {
        display: block !important;
    }

    .beautysociety-checkout-order-received-pair-it-with-container-title {
        font-size: 24px !important;
    }

    .beautysociety-checkout-order-received-pair-it-with-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .beautysociety-view-cart-view-bag-button {
        display: none !important;
    }

    .beautysociety-view-cart-sidebar-header {
        padding-top: 21px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .beautysociety-view-cart-sidebar-row-inner,
    .beautysociety-view-cart-sidebar-promo,
    .beautysociety-view-cart-sidebar-rewards,
    .beautysociety-view-cart-sidebar-buttons {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .beautysociety-view-cart-sidebar-buttons {
        height: 114px !important;
    }

    .beautysociety-view-cart-sidebar-price {
        font-size: 18px !important;
    }

    .beautysociety-pair-it-with-inner-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 10px;
        overflow-y: auto;
        scrollbar-width: none !important;
    }

    .beautysociety-view-cart-sidebar {
        min-width: unset !important;
        max-width: 100% !important;
    }

    .beautysociety-view-cart-sidebar-overlay {
        width: unset !important;
    }

    .beautysociety-product-details-virtual-try-dialog-header {
        top: 10px;
        right: 16px;
    }

    #beautysociety-rewards-previous-button,
    #beautysociety-rewards-next-button,
    #beautysociety-promo-previous-button,
    #beautysociety-promo-next-button {
        display: none !important;
    }

    .beautysociety-view-cart-sidebar-rewards-container-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .beautysociety-view-cart-sidebar-rewards {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-view-cart-sidebar-promo-box {
        width: 100% !important;
    }

    .beautysociety-view-cart-sidebar-promo-inner {
        width: 100% !important;
    }

    .beautysociety-view-cart-sidebar-promo-box-swiper {
        width: 100% !important;
    }

    .beautysociety-product-details-customer-reviews-title {
        padding-bottom: 30px !important;
        font-size: 16px !important;
    }

    .beautysociety-product-details-features {
        padding-top: 20px !important;
    }

    .beautysociety-product-details-title-and-price-container {
        margin-bottom: 33px !important;
    }

    .beautysociety-notification-bar-wrapper {
        display: none !important;
    }

    .beautysociety-product-listing-product-list-item {
        flex-direction: column !important;
    }

    .beautysociety-product-listing-product-list-item-content-price {
        flex-direction: row !important;
    }

    .beautysociety-product-listing-product-list-item-image-and-content {
        padding-bottom: 20px !important;
    }
   
    .product-listing-add-to-wishlist-svg {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    .beautysociety-product-listing-product-image-add-to-cart-icon {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    .beautysociety-checkout-user-details-payment-method-credit-card-address-container-button-container,
    .beautysociety-checkout-step-indicator-container {
        padding: 0px !important;
    }

    .beautysociety-checkout-user-details-payment-method-credit-card-address-container-button-container > button {
        width: 100% !important;
    }

    .beautysociety-related-products-container-inner-wrapper {
        margin-right: -16px !important;
    }

    .product-listing-product-of-the-month-badge-image-grid {
        width: 90px !important;
        height: unset !important;
    }

    .beautysociety-checkout-user-details-recaptcha-container {
        width: 100% !important;
        flex-direction: column !important;
        align-items: center !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-checkout-user-details-contact-row-shipping-address-button-container,
    .beautysociety-shipping-address-button-container {
        flex-direction: column !important;
        width: 100% !important;
    }

    .beautysociety-checkout-user-details-contact-row-shipping-address-button-container > button,
    .beautysociety-shipping-address-button-container > button {
        width: 100% !important;
    }

    .beautysociety-checkout-user-details-contact-row-button-container {
        width: 100% !important;
        gap: 15px !important;
    }

    .beautysociety-checkout-user-details-payment-method-credit-card-address-container-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .beautysociety-checkout-user-details-contact-row {
        flex-direction: column !important;
    }

    .beautysociety-checkout-input {
        width: 100% !important;
    }

    .beautysociety-checkout-user-details-contact-row {
        gap: 0 !important;
    }

    .beautysociety-product-listing-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .beautysociety-product-details-subscription-container-mobile {
        display: flex !important;
        margin-bottom: 20px !important;
        padding-top: 0 !important;
        padding-bottom: 20px !important;
        border-bottom: 0.5px solid #B6B6B6;
    }

    .beautysociety-product-details-subscription-container-desktop,
    .beautysociety-product-details-rewards-container-desktop {
        display: none !important;
    }

    .beautysociety-product-details-rewards-mobile {
        display: flex !important;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        border-bottom: 0.5px solid #B6B6B6;
        border-top: 0.5px solid #B6B6B6;
        margin-bottom: 20px;
    }

    .beautysociety-product-details-title-and-price-container {
        flex-direction: column !important;
        margin-bottom: 20px !important;
    }

    .beautysociety-product-details-reviews-and-rewards-container {
        display: none !important;
    }

    .beautysociety-product-details-top-section {
        flex-direction: column !important;
    }
}

@media (max-width: 480px) {
    .custom-cart-category-list {
        margin-bottom: 0px !important;
    }

    .beautysociety-email-address-edit-email-text,
    .beautysociety-contact-information-edit-contact-text,
    .beautysociety-account-information-edit-account-text {
        display: none !important;
    }
}