/* Entire page wrapper */
.products {
    margin: 0px;
    background: white;
    display: flex;
    justify-content: center;
}

/* Wrapper for entire product area */
.productDetails {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    margin: 0px;
    gap: 2em;
    background: white;
    padding: 2em;
    margin-bottom: 30px;
}

.productDetailsWrapper {
    width: 100%;
    max-width: 1500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .productDetailsWrapper .descparagraph {
        padding-block: 0px;
        margin-bottom: 1rem;
    }

        .productDetailsWrapper .descparagraph strong {
            padding-block: 0.5em;
        }

    .productDetailsWrapper tr {
        height: min-content;
    }
/* Image Holder and Product Specs */
.topRow {
    display: flex;
    gap: 10%;
}

/* Right side of top row*/
.productSpecs {
    display: flex;
    flex-direction: column;
    padding-left: 3em;
}

    .productSpecs .decorationDetailsText * {
        font-size: 1em;
        padding-bottom: 0.5em;
        color: var(--bs-body-color);
    }

    .productSpecs .promoiconsimg {
        width: 6.5em;
    }

    .productSpecs .button-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5em;
        margin-block: 2em;
    }

        .productSpecs .button-grid .blue-button {
            background-color: var(--fey-blue-300);
            color: white;
            border: none;
            cursor: pointer;
            font-size: 0.9em;
            text-align: center;
            border-radius: 0.6em;
            margin-block: 0.6em;
        }

            .productSpecs .button-grid .blue-button:hover {
                background-color: var(--fey-blue-400);
            }

    .productSpecs .ABCCode {
        font-size: 0.7em;
        font-weight: 500;
    }

    .productSpecs #ProdDesc li {
        margin-block: 0.5em;
        margin-left: 1.5em;
        padding: 0px;
        padding-left: 1.5em;
        text-indent: -1.5em;
    }

    .productSpecs #ProdDesc h4 {
        font-size: 1em;
        font-weight: bold;
    }

    .productSpecs .productDescriptionTitle {
        font-weight: bold;
        margin-block: 1em;
    }

    .productSpecs .pricingtext {
        margin-block: 0px;
        padding-block: 0px;
    }

        .productSpecs .pricingtext li {
            margin-block: 0.5em;
            margin-left: 1.5em;
        }

    .productSpecs .printDetailsTitle {
        margin-top: 1em;
        font-weight: 700;
    }

    .productSpecs h1 {
        font-weight: 700;
        margin-block: 0.3em;
        font-size: 1.8em;
    }

    .productSpecs h2 {
        font-size: 1.2em;
        color: var(--fey-blue-400);
        font-weight: 700;
    }

    .productSpecs table.pricing {
        width: 100%;
        font-size: 0.8em;
        margin-bottom: 0.8em;
        border: 1px solid var(--fey-charcoal);
    }

        .productSpecs table.pricing th, table.pricing td {
            padding-block: 0.8em;
            font-size: 1em;
            text-align: center;
            outline: 0;
            border: 0;
        }

        .productSpecs table.pricing tr {
            border: 1px solid var(--fey-charcoal);
        }

        .productSpecs table.pricing th {
            background: #333F48;
        }

        .productSpecs table.pricing .greybg {
            background-color: #cccccc;
        }

        .productSpecs table.pricing .greyRow {
            background-color: var(--surface-100);
        }

        .productSpecs table.pricing .whiteRow {
            background-color: #ffffff;
        }


    .productSpecs #ProdDesc {
        margin-top: 1em;
    }

        .productSpecs #ProdDesc .marketingPointsList {
            margin-top: 0.3em;
        }

            .productSpecs #ProdDesc .marketingPointsList li {
                padding: 0.3em 0;
                margin: 0;
                text-indent: 0;
            }

#printProductFeatures {
    display: none;
}

#checkInventoryDialogContent table.inventory {
    width: 80%;
    font-size: 0.8em;
    margin-bottom: 0.8em;
    border: 1px solid var(--fey-charcoal);
    margin-right: auto;
    margin-left: auto;
}

    #checkInventoryDialogContent table.inventory th, table.inventory td {
        padding-block: 0.8em;
        font-size: 1em;
        text-align: center;
    }

    #checkInventoryDialogContent table.inventory th {
        background: #333F48;
        color: #fff;
    }

    #checkInventoryDialogContent table.inventory .greybg {
        background-color: #cccccc;
    }

    #checkInventoryDialogContent table.inventory .greyRow {
        background-color: var(--surface-100);
    }

    #checkInventoryDialogContent table.inventory .whiteRow {
        background-color: #ffffff;
    }


/* Left side of top row */
.MainImageHolder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    padding-top: 1.5em;
}

.detailsProductTag {
    position: relative;
    right: 45%;
    top: 0px;
    z-index: 5;
    float: right;
    width: min-content;
    padding-inline: 1.26em;
    padding-block: 0.68em;
    height: max-content;
    color: white;
    font-weight: 700;
    border-radius: 5px;
    font-size: 1.02em;
    white-space: nowrap;
}

#imagesAndSocialIcons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    #imagesAndSocialIcons .color-card span {
        line-height: 1.3em;
        height: 3.9em;
    }


.productHighlightsContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
    width: 90%;
}

    .productHighlightsContainer img {
        max-width: 100%;
        border-radius: 1em;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px;
    }

    .productHighlightsContainer .video {
        margin-top: 2em;
        border-radius: 1em;
        padding: 0px;
        z-index: 0;
        grid-column: 1/3;
        margin-inline: auto;
        width: 100%;
    }

.jscarousal-horizontal {
    width: fit-content;
    height: fit-content;
    margin: 0px;
    padding: 0px;
}

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

.jscarousal-contents-horizontal {
    width: 550px;
    padding-block: 10px;
}

.jscarousal-horizontal-forward, .jscarousal-horizontal-back {
    margin-top: 2em;
}

#MainProductImage {
    width: 550px;
    pointer-events: none;
}

.itemlisting .promoiconsimg, img.color_SliderImage, .product-card img, .slides img {
    pointer-events: none;
}

.colorDescriptionWrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

#dvColorDesc {
    margin: auto;
    padding-left: 0px;
    width: min-content;
    white-space: nowrap;
}

#MainProductImageLink {
    display: flex;
    width: fit-content;
    justify-content: center;
    text-align: center;
}

.socialShareToPrompt {
    margin-top: 1.3em;
    color: var(--surface-600);
    font-size: 0.8em
}

.socialIconsContainer {
    display: flex;
    gap: 0.6em;
    margin-block: 1em;
}

    .socialIconsContainer img {
        cursor: pointer;
        max-width: 1.5em;
    }

#print-color-images {
    display: none;
}

    #print-color-images .color_product_one_quarter {
        width: 15%;
    }

    #print-color-images .color_SliderImageText {
        font-size: 10px;
    }

#tabs {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin: 0px;
    border: none;
    padding-top: 2em;
}

    #tabs #Options, #tabs #Options table {
        width: min-content;
    }

        #tabs #Options table td {
            white-space: nowrap;
            width: min-content;
            padding-block: 0.3em;
        }

    /*#tabs #Options table td:first-child {
            text-align: right;
        }

        #tabs #Options table td:last-child {
            text-align: left;
        }*/

    #tabs #CalPad {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

        #tabs #CalPad .OptImg_product_one_quarter {
            max-width: 200px;
            width: 25%;
        }

        #tabs #CalPad #pnlCalPad {
            text-align: center;
            margin-inline: auto;
        }

            #tabs #CalPad #pnlCalPad div {
                width: 100%;
                text-align: center;
            }

    #tabs #Colors .color_product_one_quarter, #tabs #StockDesign .product_one_quarter {
        max-width: 200px;
    }

    #tabs #Colors .color_SliderImageText {
        font-size: 0.8em;
    }

    #tabs #OptionalImprintMethods {
        padding-top: 2em;
    }

    #tabs #MarketingImages .color_product_one_quarter {
        max-width: 400px;
    }

    #tabs .ui-tabs-nav {
        width: fit-content;
    }

    #tabs > ul > li {
        border: none;
        z-index: 1;
        background: white;
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-inline: 0px;
        padding-block: 0.4em;
        z-index: 0;
    }

        #tabs > ul > li.ui-state-active.ui-tabs-active {
            border-bottom: 2px solid var(--fey-blue-300);
            z-index: 3;
        }



    #tabs #Decorate, #tabs #Art, #tabs #OrderInfomap {
        width: 90%;
    }

    #tabs h2 {
        margin-bottom: 1em;
    }

    #tabs #Art li {
        margin-block: 0.3em;
    }

    #tabs #Art button {
        background-color: var(--fey-blue-300);
        color: white;
        padding: 1em;
    }

    #tabs .ui-tabs-anchor {
        color: black;
    }

    #tabs #StockDesign {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

        #tabs #StockDesign #pnlStockDesigns {
            display: flex;
            width: max-content;
            flex-wrap: wrap;
            width: 100%;
            justify-content: center;
        }

            #tabs #StockDesign #pnlStockDesigns > span > span {
                width: 20%;
            }

            #tabs #StockDesign #pnlStockDesigns > span {
                display: flex;
                justify-content: center;
                gap: 1em;
                flex-wrap: wrap;
            }

            #tabs #StockDesign #pnlStockDesigns a {
                max-width: 100%;
            }

            #tabs #StockDesign #pnlStockDesigns > span .product_one_quarter {
                width: 100%;
                max-width: 100%;
                display: flex;
                flex-direction: column;
            }

            #tabs #StockDesign #pnlStockDesigns > span .SliderImageText {
                font-size: 0.8em;
                text-align: center;
                width: 100%;
            }

            #tabs #StockDesign #pnlStockDesigns img {
                width: 100%;
                max-width: 100%;
                height: auto;
            }

.decorateInfo.decoratebold {
    padding-top: 0em;
}

.color_product_one_quarter {
    width: auto;
}

#optionalDecorationMethodsLabel {
    padding-bottom: 0px;
    margin-block: 1em;
}

#optionalDecorationMethodsContainer {
    padding-left: 2em;
}

    #optionalDecorationMethodsContainer * {
        font-size: 1em;
    }

.colorProductWrapper, .marketingImagesWrapper {
    gap: 3em 2em;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

    .colorProductWrapper * {
        z-index: 0;
    }

.suggestedProducts {
    width: 100%;
    background-color: var(--surface-50);
    padding: 1em 2.5% 2em 2.5%;
}

    .suggestedProducts * {
        text-decoration: none;
    }

    .suggestedProducts .suggestedProductsTitleWrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-block: 2em;
        position: relative;
    }

    .suggestedProducts h3 {
        font-weight: 700;
    }

    .suggestedProducts .jscarousal-horizontal {
        display: flex;
        justify-content: center;
        background-color: transparent;
        height: max-content;
        width: 100%;
        margin: 0px;
    }

    .suggestedProducts .jscarousal-contents-horizontal {
        height: 20em;
        display: flex;
        position: relative;
        width: 100%;
    }

        .suggestedProducts .jscarousal-contents-horizontal > .visible {
            height: 20em;
            display: flex;
            padding-inline: 1%;
        }

            .suggestedProducts .jscarousal-contents-horizontal > .visible > div {
                padding-block: 2em;
                display: flex;
                flex-direction: column;
                background-color: var(--surface-0);
                box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                gap: 0.5em;
                align-items: center;
                width: 100%;
                margin-block: 0.5em;
                margin-inline: 1.5%;
                border-radius: 0.8em;
                text-align: center;
            }

                .suggestedProducts .jscarousal-contents-horizontal > .visible > div img {
                    width: auto;
                    height: 100%;
                }

        .suggestedProducts .jscarousal-contents-horizontal > div > div * {
            text-decoration: none;
            color: black;
        }

    .suggestedProducts .jscarousal-horizontal-forward, .suggestedProducts .jscarousal-horizontal-back {
        margin-top: 7em;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: contain;
    }

.jscarousal-horizontal-forward {
    background-image: url("/images/icons/cheveron-right.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
}

.jscarousal-horizontal-back {
    background-image: url("/images/icons/cheveron-left.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
}

.bbb {
    height: 0px;
}

.clearfix {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.carousel-container {
    width: 100%;
}

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

/* Modal Styles */
.modal {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

    .modal .dialog {
        background-color: white;
        padding: 20px;
        border-radius: 8px;
        width: 60em;
        max-height: 90vh;
        margin-top: 5vh;
        margin-bottom: 5vh;
        text-align: center;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .modal .modal-content {
        width: 100%;
        height: 100%;
        flex: 1;
        padding-inline: 2em;
        overflow-y: auto;
        outline: 0;
        border: 0;
    }

        .modal .modal-content iframe {
            height: 90vh;
        }

            .modal .modal-content iframe.loading {
                height: unset;
            }

    .modal .modalCloseButton {
        cursor: pointer;
        width: 15px;
        height: 15px;
    }

    .modal .modalHeader {
        white-space: nowrap;
        font-weight: 700;
    }

    .modal .headerTopContainer {
        width: 100%;
        display: flex;
        padding: 2em;
        justify-content: space-between;
    }



/* Dialog Content Styles */

.modal-content .impcolorcell {
    padding-block: 1em;
    min-width: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

    .modal-content .impcolorcell .impcolor {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    }

    .modal-content .impcolorcell label {
        font-size: 0.85em;
        padding-top: 0.5em;
        text-align: center;
        width: 100%;
    }

.modal-content .imprintColorsTableWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

#Shippingmap {
    display: flex;
}

.shippingDialogContainer {
    width: 100%;
    display: flex;
    gap: 2em;
    margin-block: auto;
}

.shippingEstimateResult tbody {
    display: flex;
    flex-direction: row;
}

.shippingEstimateResult td * {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8em;
    padding-left: 1.8em;
    margin-block: 0.9em;
}

.shippingEstimateResult * {
    white-space: nowrap !important;
    font-size: 1em;
}


.shippingDialogRight {
    width: 30%;
}

#Shippingmap .shippingDialogLeft {
    width: 70%;
    padding-right: 2em;
    margin-bottom: 5em;
    border-right: 1px solid gray;
}

.shippingDialogLeft > * {
    font-size: 0.9em;
    text-align: left;
}

#Shippingmap .ErrorMessage {
    color: red;
}

#Shippingmap .shippingInputWrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 10em;
}

    #Shippingmap .shippingInputWrapper input,
    .virtualProofInputWrapper input {
        min-width: 8em;
        margin: 0.2em 0px 0px 0px;
    }

#Shippingmap .shippingInputWrapper,
.virtualProofInputWrapper {
    font-size: 0.7em;
    margin-top: 2em;
}

    #Shippingmap .shippingInputWrapper > *,
    .virtualProofInputWrapper > * {
        font-weight: bold;
    }

    #Shippingmap .shippingInputWrapper input,
    .virtualProofInputWrapper input {
        font-weight: 400;
        font-size: 1.3em;
        padding: 0.5em;
    }

#Shippingmap .getShippingRatesButton {
    width: 8em;
    background-color: var(--fey-blue-300);
    color: var(--surface-0);
    border: none;
    padding-block: 0.96em;
    margin: 0px;
    height: fit-content;
    border-radius: 0.3em;
    margin-top: auto;
    font-family: verdana-pro;
}

#Shippingmap .shippingEstimateContainer {
    display: flex;
    gap: 2em;
    justify-content: start;
    margin-top: 1.5em;
    flex-direction: row;
}

#Shippingmap .shippingEstimateWrapper {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0.5em;
}

#Shippingmap * {
    text-shadow: none;
}

#Shippingmap input,
#virtualProofDialogContent input[type=text],
#virtualProofDialogContent input[type=password],
#virtualProofDialogContent select {
    color: black;
    border-radius: 0.3em;
    border: 2px solid var(--fey-charcoal);
}

.shippingDialogLeft {
    display: flex;
    flex-direction: column;
    width: 60%;
}

.shippingDialog {
    display: flex;
    flex-direction: row;
}

.virtualProofContainer {
    display: flex;
    gap: 1em;
    justify-content: start;
    margin-top: 1em;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
}

.virtualProofInputWrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
}

#virtualProofDialogText {
    text-align: left;
}

#imagesTemplateDialogContentWrapper {
    display: none;
}

#imagesTemplateDialogContent .color_SliderImage {
    width: 100px;
    height: 100px;
}

#imagesTemplateDialogContent .color_product_one_quarter {
    max-width: 7em;
    height: 8em;
    font-size: 0.85em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#imagesTemplateDialogContent .colorDialogText {
    font-size: 0.9em;
    text-align: start;
    padding-top: 0px;
}

    #imagesTemplateDialogContent .colorDialogText a {
        color: var(--fey-blue-500);
    }


#imagesTemplateDialogContent .productOneHalf {
    text-align: start;
    display: flex;
    margin-block: 1.5em;
    gap: 0.5em;
    align-items: center;
}

    #imagesTemplateDialogContent .productOneHalf a {
        margin: 0px;
        text-decoration: none;
        color: var(--fey-blue-500);
    }

    #imagesTemplateDialogContent .productOneHalf img {
        max-width: 15px;
        max-height: 15px;
    }

    #imagesTemplateDialogContent .productOneHalf .ArtTemplateLink {
        display: none;
    }

.tabDividerWrapper {
    position: relative;
    border: 1.4px solid var(--surface-100);
    top: 7.5em;
    z-index: 1;
}

.IN-widget {
    display: none !important;
}

.promoicons {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 1em;
    padding-bottom: 0px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 32px !important;
    opacity: 1 !important;
}

    .carousel-control-next img,
    .carousel-control-prev img {
        width: 32px !important;
        height: 32px;
    }

.carousel-item {
    padding: 0 5em;
}

#colorsCarousel {
    padding-block: 1.5em;
}

.product-card {
    padding: 2em;
    background-color: #fff;
    border-radius: 1em;
    text-align: center;
    margin-inline: auto;
    max-width: 90vw;
    height: 100%;
}

.limitTwoLines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
    height: 2.8em;
    max-height: 2.8em;
}

.limitThreeLines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    line-height: 1.2em;
    overflow: hidden;
}

#complementProductsCarouselDesktop .product-card {
    height: 19em;
}

.carousel-indicators {
    display: none !important;
}

#complementProductsCarouselMobile .carousel-control-prev,
#complementProductsCarouselMobile .carousel-control-next {
    display: none;
}

.product-card a {
    text-decoration: none;
    color: var(--surface-800);
    width: 100%;
    display: flex;
    justify-content: center;
}

.product-card img {
    width: 60%;
    margin: auto;
}

.loading-spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 20px auto;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1435px) {
    .topRow {
        flex-direction: column;
        gap: 0em;
        width: 100%;
        max-width: 100%;
        padding: 0px;
        align-items: center;
    }

    .callout {
        width: 100%;
        padding: 0px;
        flex-wrap: wrap;
    }

    .productDetails * {
        max-width: 100%;
    }

    .productSpecs {
        padding: 0px;
        margin: 0px;
        width: 60%;
    }

    .colorCarouselWrapper {
        max-width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .colorCarouselWrapper > * {
            width: 90%;
            margin-right: 5%;
        }

    .MainImageHolder {
        width: 100%;
    }
}

@media (max-width: 900px) {

    html, body {
        overflow-inline: clip;
    }

    #imagesAndSocialIcons {
        margin-bottom: 2em;
    }

    .productSpecs {
        width: 100%;
    }

    .productDetails {
        padding: 20px;
    }

    .MainImageHolder {
        width: 100%;
    }

    .color-card span {
        display: none;
    }

    #dvColorDesc {
        font-size: 1em;
    }

    .colorDescriptionWrapper {
        margin-bottom: 2em;
    }

    .MainImageHolder {
        margin: 0px;
    }

    #tabs #Colors .color_product_one_quarter, #tabs #MarketingImages .color_product_one_quarter {
        width: 20%;
        height: 20%;
    }

    #tabs #Colors .color_SliderImageText {
        font-size: 0.8em;
    }

    #tabs #pnlStockDesigns .SliderImage {
        width: 300px;
        height: auto;
    }

    #tabs #Options tr {
        display: flex;
        flex-direction: column;
    }

    .modal#productModal {
        padding: 0px !important;
    }

    .modal .dialog {
        width: 100vw;
        height: 100%;
        max-height: 100vh;
        max-width: 100vw;
        padding: 0px;
        margin: 0px;
        margin-left: -5px;
        overflow: auto;
        padding-bottom: 3em;
        border-radius: 0px;
    }

        .modal .dialog .modal-content .impcolorcell label {
            font-size: 0.75em;
        }

    #Shippingmap .shippingEstimateContainer {
        flex-wrap: wrap;
        gap: 1em;
    }

    #Shippingmap p {
        margin: 0px;
    }

    #Shippingmap .shippingEstimateContainer .shippingInputWrapper {
        margin: 0px;
    }

    #imgNewMobile {
        display: none;
    }

    .shippingDialogContainer {
        flex-direction: column;
    }

    .shippingDialogRight {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .productSpecs .button-grid > * {
        font-size: 0.7em;
        padding: 1em;
        width: 13.5em;
    }

    .productOneHalf {
        width: 100%;
    }

    .tabDividerWrapper {
        display: none;
    }

    #tabs .ui-tabs-nav {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {

    .productDetails {
        padding: 15px;
    }

    #tabs a {
        margin: 0px;
        font-size: 0.8rem;
    }

    #tabs .ui-tabs-tab {
        padding: 2px;
    }

    #tabs .ui-tabs-anchor {
        padding-inline: 6px;
    }

    #tabs #pnlStockDesigns .stockGraphicLabel {
        word-break: break-word;
        width: 100%;
    }

    .tabDividerWrapper {
        display: none;
    }

    .button-grid input {
        font-size: 0.75em !important;
    }

    .carousel-control-prev img, .carousel-control-next img {
        display: none;
    }

    .carousel-item {
        width: 100%;
        padding: 0px;
        margin-left: 0.3em;
    }

    .productHighlightsContainer .video {
        margin-top: 2em;
        max-width: 100%;
    }

    .MainImageHolder, .productHighlightsContainer {
        width: 100%;
    }

    #tabs #Colors .color_SliderImageText {
        font-size: 0.7em;
    }

    #imgNewMobile {
        display: block;
    }

    .detailsProductTag {
        width: min-content;
        top: 0px;
        right: 35%;
        padding-inline: 1em;
        padding-block: 0.5em;
        font-size: 0.9em;
    }

    .productSpecs .button-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal .modal-content,
    .modal .headerTopContainer {
        padding-inline: 1em;
    }

    .topRow {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    #Shippingmap .shippingDialogLeft {
        border: none;
        width: 100%;
        padding: 0px;
    }

    #tabs #StockDesign #pnlStockDesigns > span * {
        max-width: 70px;
    }

    #tabs #OptionalImprintMethods {
        padding: 10px 0px;
    }

        #tabs #OptionalImprintMethods #optionalDecorationMethodsContainer {
            padding: 0px;
            font-size: 0.8em;
        }

    #modalHeader {
        white-space: break-spaces;
    }

    #tabs #Options {
        overflow: auto;
        padding: 15px 0px 0px 0px;
    }

        #tabs #Options td {
            font-size: 0.8em;
        }
}