﻿/* --- Page Gift List------------------------------------------------------------------------ */

.mrw_ext_page.giftlist
{
    max-width: none;
    top: auto;
    transform: none;
}

.mrw_ext_page.giftlist .mrw_visitorcontainer
{
    max-width: 1068px;
    margin: 0 auto;
    background-color: #FFFFFF;
    transition: max-width 0.5s ease-in-out;
}

.mrw_ext_page.giftlist .mrw_visitorcontainer.notransition
{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.mrw_ext_page.giftlist .mrw_visitorcontainer.wide
{
    max-width: 1424px;
}

.mrw_ext_page.giftlist .barcode_holder {
    text-align: center;
    display: none;
    margin: 0 auto;
    max-width: 358px;
    padding-top: 8px;
}

.mrw_ext_page.giftlist .barcode_holder.active {
    display: block;
}

.mrw_ext_page.giftlist .barcode_holder.active a.barcode-link {
    background: transparent;
    border: 1px solid #2A3136;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 16px 8px 8px;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 8px;
}

.mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-text {
    text-align: left;
}

.mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-title {
    font-size: 1rem;
    line-height: 1.5;
    text-transform: none;
    color: #141414;
    font-weight: 700;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    display: block;
}

.mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-label {
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.57;
    text-transform: none;
    color: #141414;
    font-weight: 400;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    display: block;
}

.mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-associate {
    font-size: .75rem;
    text-align: right;
    display: block;
    line-height: 2;
    position: relative;
    padding-right: 16px;
    letter-spacing: 0.5px;
    color: #141414;
    font-weight: 500;
}

.mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-associate:after {
    position: absolute;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.00002 6.71075C8.61002 7.10075 8.61002 7.73075 9.00002 8.12075L12.88 12.0008L9.00002 15.8808C8.61002 16.2708 8.61002 16.9008 9.00002 17.2908C9.39002 17.6808 10.02 17.6808 10.41 17.2908L15 12.7008C15.39 12.3108 15.39 11.6808 15 11.2908L10.41 6.70075C10.03 6.32075 9.39002 6.32075 9.00002 6.71075Z" fill="%23414141"/></svg>');
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}
.mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-image {
    display: inline-block;
    vertical-align: middle;
    flex: 0 0 50px;
    border-radius: 50%;
    background-color: #F1F1F1;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-image svg {
    width: 30px;
    height: 20px;
}

.mrw_ext_page.giftlist .barcode_holder.desktop {
    display: none;
}

a.mrw_ext_button.white.barcode-link {
    background: transparent;
    border-radius: 5px;
    color: #3c3c3c;
}
.mrw_ext_button:focus-visible {
    outline: 2px solid highlight;
    outline: 2px solid -webkit-focus-ring-color;
}

/*-- Welcome header --*/
#pnlRegistryWelcome
{
    position: relative;
}

#pnlRegistryWelcome.noPictures
{
}

#pnlRegistryWelcome .box-pictures
{
    position: relative;
    top: -85px;
    margin-bottom: -85px;
}

#pnlRegistryWelcome .box-pictures .slideshow
{
    height: 170px;
    margin: auto;
    width: 210px;
}

#pnlRegistryWelcome .box-pictures .welcomeImg
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
}

#pnlRegistryWelcome .box-pictures .welcomeImg img
{
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    left: 0;
    margin: auto;
    max-height: 160px;
    max-width: 600px;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
}

#pnlRegistryWelcome .box-customize
{
    position: absolute;
    top: 10px;
    left: 10px;
}

#pnlRegistryWelcome .box-description
{
    font-family: "Lato",Arial,Helvetica,sans-serif;
}

#pnlRegistryWelcome .box-description h1
{
    font-size: 32px;
    line-height: 1.33;
    font-weight: normal;
    text-align: center;
    margin: 16px 0px 6px;
    box-sizing: border-box;
    padding: 0 10px;
}

#pnlRegistryWelcome .box-description h1 > .nowrap {
    white-space: nowrap;
}

#pnlRegistryWelcome .box-description h2 {
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#pnlRegistryWelcome .box-description .subdescription
{
    font-size: 17px;
    text-align: center;
    margin-bottom: 16px;
}

#pnlRegistryWelcome .box-description .subdescription span
{
    vertical-align: middle;
}

#pnlRegistryWelcome .box-description .subdescription .spacelr
{
    margin: -2px 5px 0;
}

#pnlRegistryWelcome .box-message
{
    font-family: "Lato",Arial,Helvetica,sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 16px;
    margin: 0px 40px 20px;
    max-height: 100px;
    overflow-y: auto;
}

#pnlRegistryWelcome #btnCustomizeView
{
    background-color: #FFF;
    border: 1px solid #5690D0;
    border-radius: 0px;
    height: 30px;
}

/*-- Header SubBar --*/
.mrw_master_header.visitor .subBar
{
    width: 100%;
    max-width: 960px;
}


/*-- Gift List header --*/
#pnlGiftVisitorHeader
{
    border-bottom: 1px solid #D4D6D8;
    position: relative;
    padding: 5px 0;
}

#pnlGiftVisitorHeader.fixed
{
    position: fixed;
    top: 0px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.94);
    z-index: 2;
    height: auto;
    left: auto !important;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

#pnlGiftVisitorHeader.fixed #btnPrint
{
    display: none;
}

#pnlGiftVisitorHeader.fixed #btnRegistryEventInfo
{
    display: none;
}

#pnlGiftVisitorHeader.fixed #btnRegistryShipping
{
    display: none;
}

#pnlGiftVisitorHeader.fixed #btnRegistryShare
{
    display: none;
}

.mrw_visitorcontainer.wide #pnlGiftVisitorHeader.fixed
{
    width: 1424px;
}

#pnlGiftVisitorHeader .part-left
{
    display: block;
    padding-left: 30px;
}

#pnlGiftVisitorHeader .part-right
{
    display: inline-block;
    float: right;
    margin-right: 30px;
    margin-top: 5px;
}

#pnlGiftVisitorHeader .part-item
{
    display: inline-block;
    margin: 5px 0;
    position: relative;
    vertical-align: middle;
}

#pnlGiftVisitorHeader .part-item.right
{
    float: right;
    margin-right: 30px;
    line-height: 22px;
    height: 29px;
}

#pnlGiftVisitorHeader .mrw_inputselect option:last-child
{
    padding-bottom: 2px;
}

#ddlListCategory {
    padding: 4px 5px;
    font-size: 15px;
    height: 33px;
}

#ddlListSortMode {
    padding: 4px 5px;
    font-size: 15px;
    height: 33px;
}

#pnlGiftVisitorHeader #ddlListCategory option, #pnlGiftVisitorHeader #ddlListCategory optgroup
{
    padding-left: 8px;
}


#pnlGiftVisitorHeader .btnListViewChange.active
{
    background-color: #eee;
}



/*-- Gift List - No Gifts  --*/
#pnlNoGifts
{
    text-align: center;
    font-size: 18px;
    margin: 60px 20px 40px;
    line-height: 50px;
}


/*-- Gift List - All views -------------------------*/
#pnlGiftVisitorList, #pnlCashGiftVisitorList, #pnlSyncRegistriesList
{
    margin: 0 15px;
}

#pnlGiftContainer
{
    min-height: 440px;
}

#pnlGiftContainer .itemGiftVisitorList.hide
{
    display: none;
}

#pnlGiftContainer .itemGiftVisitorList.fadeIn
{
    display: block;
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

#pnlGiftContainer .itemGiftVisitorList .gift-image
{
    position: relative;
}

    #pnlGiftContainer .itemGiftVisitorList .gift-image .zoomview {
        background-color: #ffffff;
        border: 1px solid #CCCCCC;
        color: #4C5157;
        opacity: 0;
        padding: 5px;
        position: absolute;
        text-decoration: none;
        transition: opacity 500ms ease 0s;
        width: 86px;
        height: 30px;
        left: 50%;
        margin-left: -41px;
        top: 50%;
        margin-top: -9px;
        bottom: auto;
    }

#pnlGiftContainer .itemGiftVisitorList .gift-image .zoomview .mrw_ext_icon.search
{
    float: left;
    top: -3px;
    position: relative;
}

#pnlGiftContainer .itemGiftVisitorList .gift-image .gift-image-container
{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

#pnlGiftContainer .itemGiftVisitorList .gift-image .gift-image-container.imgNOk
{
    background-image: url('/ExternalApps/_Generic/Images/gift-placeholder.png') !important;
}

    #pnlGiftContainer .itemGiftVisitorList[isfavorite='1'] .gift-description:after,
    #pnlGiftContainer .itemGiftVisitorList[isfavorite='2'] .gift-description:after {
        background: transparent;     
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDY4Ljc3IDY5LjMiPjxwYXRoIGZpbGw9InJlZCIgZD0iTTM0LjM1IDY0LjEybC0xLjI2LS43NEMxNC4yOCA1Mi4zNCAxLjY0IDM2LjY4IDEuNjQgMjQuNDJjMC0xMC45NiA2LjUtMTguMzIgMTYuMi0xOC4zMiA4LjE2IDAgMTMuNjcgNS4xNyAxNi41IDguNzUgMi44NC0zLjU4IDguMzUtOC43NSAxNi41LTguNzUgOS43IDAgMTYuMiA3LjM2IDE2LjIgMTguMzIgMCAxMi4yNy0xMi42NCAyNy45Mi0zMS40NSAzOC45NmwtMS4yOC43NHoiLz48L3N2Zz4=);
        background-attachment: scroll;  
        height: 24px;
        width: 24px;
        display: inline-block;
        vertical-align: middle;  
        margin: 0;     
        content: "";
        position: absolute;
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;   
        top: 0px;
        left: 2px;
    }


#pnlGiftContainer .itemGiftVisitorList .gift-websitelogo
{
    bottom: 5px;
    color: #767A80;
    display: block;
    font-size: 10px;
    position: absolute;
    text-align: left;
}

#pnlGiftContainer .itemGiftVisitorList .gift-websitelogo img
{
    vertical-align: bottom;
    max-width: 200px;
    max-height: 20px;
}

#pnlGiftContainer .itemGiftVisitorList .gift-image-cover
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
}

#pnlGiftContainer .itemGiftVisitorList.linkRegistry .gift-image-cover
{
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 50%,rgba(219, 240, 251, 0.6) 80%,rgba(219, 240, 251, 0.8) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 50%,rgba(219, 240, 251, 0.6) 80%,rgba(219, 240, 251, 0.8) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 50%,rgba(219, 240, 251, 0.6) 80%,rgba(219, 240, 251, 0.8) 100%);
}

#pnlGiftContainer .itemGiftVisitorList .gift-image-cover:hover .zoomview
{
    opacity: 0.8;
}
#pnlGiftContainer .itemGiftVisitorList .gift-image-cover a.zoomview:focus-visible {
        opacity: 0.8;
        outline: 2px solid Highlight;
        outline: 2px solid -webkit-focus-ring-color;
}
#pnlGiftContainer .itemGiftVisitorList .gift-description
{
    padding: 0 10px;
}

#pnlGiftContainer .itemGiftVisitorList .gift-description .gift-title
{
    font-size: 16px;
    max-height: 46px;
    overflow: hidden;
    word-break: break-word; /* Non standard for webkit */
    text-transform: capitalize;
}

html.ff #pnlGiftContainer .itemGiftVisitorList .gift-description .gift-title
{
    /* FF word-break: normal = break-word of webkit */
    word-break: normal;
}

#pnlGiftContainer .itemGiftVisitorList .gift-quantity
{
    padding: 0 20px;
    text-align: center;
}

#pnlGiftContainer .itemGiftVisitorList .gift-price
{
    font-size: 18px;
    margin: 2px 0;
    font-weight: bold;
}

#pnlGiftContainer .itemGiftVisitorList .gift-quantity .desiredTitle,
#pnlGiftContainer .itemGiftVisitorList .gift-quantity .receivedTitle {
    padding: 5px 4px 5px 10px;
    font-size: 14px;
    color: #141414;
    display: inline-block;
}

#pnlGiftContainer .itemGiftVisitorList .gift-quantity .desiredQty,
#pnlGiftContainer .itemGiftVisitorList .gift-quantity .receivedQty {
    font-size: 14px;
    color: #141414;
    display: inline-block;
}

#pnlGiftContainer .itemGiftVisitorList .gift-action
{
    text-align: center;
    position: relative;
}

#pnlGiftContainer .itemGiftVisitorList .gift-action-printView
{
    text-align: center;
}
#selectedGiftsToPrint .pst_checkbox input[type="checkbox"] {
    position: static;
    margin-bottom: -16px;
}
#pnlGiftContainer .itemGiftVisitorList .gift-action .gift-isPurchased
{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
#pnlGiftContainer.listView .itemGiftVisitorList .gift-action .gift-isPurchased {
    font-size: 14px;
}

#pnlGiftContainer .itemGiftVisitorList .gift-action .gift-cashValue .mrw_ext_button,
#pnlGiftContainer .itemGiftVisitorList .gift-action .gift-viewOrBuy .mrw_ext_button,
#pnlGiftContainer .itemGiftVisitorList .gift-action .gift-giveCash .mrw_ext_button,
#pnlGiftContainer .itemGiftVisitorList .gift-action .gift-linkRegistry .mrw_ext_button,
#pnlGiftContainer .itemGiftVisitorList .gift-action .gift-isUnavailable.mrw_ext_button {
    text-transform: uppercase;
    font-size: 11px;
}

#pnlGiftContainer .itemGiftVisitorList[isUnavailable='True'] {
    pointer-events: none;
}
#pnlGiftContainer .itemGiftVisitorList[isUnavailable='True'] .note-view {
    pointer-events: initial;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .mrw_ext_button.gift-isUnavailable,
#pnlGiftContainer.listView .itemGiftVisitorList .mrw_ext_button.gift-isUnavailable {
    color: #141414;
    border-color: #CCCCCC;
    background-color: #CCCCCC;
    pointer-events: none;
    cursor: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;    
}
#pnlGiftContainer.gridView .itemGiftVisitorList .mrw_ext_button.gift-isUnavailable {
    width: 82%;
    max-width: 150px;
    font-size: 18px;
}

#pnlGiftContainer .itemGiftVisitorList .gift-action .gift-giveCash .mrw_ext_button
{
    width: 132px;
}

#pnlGiftContainer .itemGiftVisitorList .gift-action .gift-markAsPurchased a
{
    color: #F60;
    height: auto;
}

#pnlGiftContainer .itemGiftVisitorList .gift-shippingText
{
    position: absolute;
    top: 0px;
    right: 5px;
    min-width: 50px;
    max-width: 100px;
    padding: 2px;
    text-align: center;
    font-family: "Lato",Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #f60;
    background: rgba(255, 251, 248, 0.9) none repeat scroll 0% 0%;
}

#pnlGiftContainer .itemGiftVisitorList .gift-discountOffer
{
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 5px;
    min-width: 50px;
    max-width: 100%;
    padding: 5px;
    margin: 0;
    text-align: center;
    font-family: "Lato",Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #52A7A9;
    background-color: rgba(243, 255, 255, 0.9);
}

#pnlGiftContainer .itemGiftVisitorList .gift-discountOffer:hover
{
    background-color: rgba(82,167,169,0.9);
    color: #FFF;
}

#pnlGiftContainer .itemGiftVisitorList .gift-purchased
{
    background-color: #FBF0C3;
    border: 1px solid #F9E484;
    color: #000000;
    font-size: 13px;
    text-align: center;
    padding: 0 10px;
}

#pnlGiftContainer .itemGiftVisitorList .gift-purchased .btnRestorePurchase
{
    color: rgb(255, 102, 0);
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid #E4DDC4;
}

#pnlGiftContainer .itemGiftVisitorList .gift-viewOrBuy a span {
    display: none;
}

#pnlGiftContainer .itemGiftVisitorList .gift-viewOrBuy a::after {
    content: 'Buy this Gift';
}

/*-- Gift List - Griview ----------------------------------------------------------*/
#pnlGiftContainer.gridView .itemGiftVisitorList
{
    width: 312px;
    height: 378px;
    min-height: 1px;
    margin: 25px 17px;
    float: left;
    position: relative;
}

#pnlGiftContainer.gridView:after
{
    clear: both;
    content: "";
    display: block;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-image
{
    min-width: inherit;
    padding-top: 70%;
    position: relative;
    border: 1px solid #f1f2f3;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-image .gift-image-container
{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-websitelogo,
#pnlGiftContainer.gridView .itemGiftVisitorList .gift-type
{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    padding: 5px;
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-websitelogo img
{
    vertical-align: bottom;
    max-width: 130px;
    max-height: 20px;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-type
{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-description
{
    font-family: "Lato",Arial,Helvetica,sans-serif;
    width: auto;
    text-align: center;
}

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-description .gift-title {
        text-align: inherit;
        height: 37px;
        line-height: 18px;
        font-size: 13px;
        padding-top: 4px;
        text-transform: capitalize;
    }

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-description .gift-price
{
    margin-bottom: 0;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-desired,
#pnlGiftContainer.gridView .itemGiftVisitorList .gift-received
{
    min-width: 78px;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-quantity
{
    padding: 5px 10px;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-quantity div
{
    display: inline-block;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-quantity .desiredTitle, #pnlGiftContainer.gridView .itemGiftVisitorList .gift-quantity .receivedTitle
{
    padding: 0;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-action
{
    height: 60px;
    overflow: hidden;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-action .gift-action-container
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-viewOrBuy a::after {
    content: 'Buy this Gift';
}

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-action .btnViewOrBuy {
        width: 82%;
        max-width: 150px;
        font-size: 18px;
    }

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-action .btnViewOrBuyInstoreOnly {
    width: 82%;
    max-width: 150px;
    font-size: 18px;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-purchased
{
    position: absolute;
    left: 0px;
    right: 0px;
    padding: 5px 10px 0 10px;
    bottom: 158px;
    background-color: rgba(251, 240, 195, 0.9);
    font-size: 12px;
}

#pnlGiftContainer.gridView .itemGiftVisitorList .gift-purchased .text-1,
#pnlGiftContainer.gridView .itemGiftVisitorList .gift-purchased .text-2
{
    display: block;
}

/* -- Cash Gift / Link Registry --*/
#pnlGiftContainer.gridView .itemGiftVisitorList.cashgift .gift-note,
#pnlGiftContainer.gridView .itemGiftVisitorList.linkRegistry .gift-note
{
    height: 51px;
    font-size: 13px;
    padding: 10px 0;
    box-sizing: border-box;
    overflow: auto;
    line-height: 19px;
}


/*-- Gift List - Listview -------------------------------------------------------*/
#pnlGiftContainer.listView .itemGiftVisitorList
{
    padding: 15px 0px;
    border: 0;
    position: relative;
    border-bottom: 1px solid #D4D6D8;
}

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-action {
        width: 164px;
    }

#pnlGiftContainer.listView .itemGiftVisitorList .gift-image, #pnlGiftContainer.listView .itemGiftVisitorList .gift-description, #pnlGiftContainer.listView .itemGiftVisitorList .gift-quantity, #pnlGiftContainer.listView .itemGiftVisitorList .gift-action
{
    float: left;
    height: 125px;
}

#pnlGiftContainer.listView .itemGiftVisitorList:after
{
    clear: both;
    content: "";
    display: block;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-image
{
    min-width: inherit;
    height: 125px;
    width: 125px;
    overflow: visible !important;
    margin: 0;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-image .gift-image-container
{
    height: 125px;
    width: 125px;
    background-repeat: no-repeat;
    background-size: contain;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-image .img-placeholder
{
    height: 125px;
    width: 125px;
}

#pnlGiftContainer.listView .itemGiftVisitorList[isfavorite='1'] .gift-description:after,
#pnlGiftContainer.listView .itemGiftVisitorList[isfavorite='2'] .gift-description:after {
    top: 0px;
    left: -124px;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-image > img
{
    max-width: none;
    max-height: none;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-websitelogo
{
    bottom: 0;
    left: 145px;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-image-cover
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-description
{
    width: -moz-calc(100% - 416px);
    width: -webkit-calc(100% - 416px);
    width: -o-calc(100% - 416px);
    width: calc(100% - 416px);
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-note
{
    overflow: hidden;
    height: 48px;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-description .gift-description-container
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-quantity
{
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-quantity .gift-quantity-container
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-action
{
    width: 155px;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-action .gift-action-container
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-discountOffer,
#pnlGiftContainer.listView .itemGiftVisitorList .gift-shippingText
{
    width: 147px;
    max-width: inherit;
    margin: 0 3px;
    bottom: 0;
    top: auto;
    right: 13px;
}

#pnlGiftContainer.listView .itemGiftVisitorList .gift-purchased
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#pnlGiftContainer.listView .itemGiftVisitorList[isPurchased='true']
{
    border-bottom: 0px;
}

/* -- Cash Gift --*/
#pnlGiftContainer.listView .itemGiftVisitorList.cashgift .gift-type
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    text-align: center;
    padding: 5px;
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

#pnlGiftContainer.listView .itemGiftVisitorList.cashgift .gift-description
{
    width: -moz-calc(100% - 296px);
    width: -webkit-calc(100% - 296px);
    width: -o-calc(100% - 296px);
    width: calc(100% - 296px);
}
/*-- LinkRegistry List  --*/
#pnlGiftContainer.listView .itemGiftVisitorList.linkRegistry .gift-type
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    text-align: center;
    padding: 5px;
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

#pnlGiftContainer.listView .itemGiftVisitorList.linkRegistry .gift-description
{
    width: -moz-calc(100% - 296px);
    width: -webkit-calc(100% - 296px);
    width: -o-calc(100% - 296px);
    width: calc(100% - 296px);
}
/* -- Bottom --*/
#btnScrollToTop
{
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 1;
}

/* --- Page Purchase Assistant ------------------------------------------------------------------------ */
.mrw_ext_page.purchaseAssistant > .content-box
{
    overflow: hidden;
    margin-top: 20px;
}

.mrw_ext_page.purchaseAssistant .giftinfo-box,
.mrw_ext_page.purchaseAssistant .giftbuy-box
{
    min-width: 300px;
    width: 50%;
    float: left;
    padding: 0 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mrw_ext_page.purchaseAssistant > .content-box .title
{
    font-size: 1.714em;
    font-weight: 400;
    margin: 5px 0 15px;
}

.mrw_ext_page.purchaseAssistant .giftinfo-box
{
    text-align: center;
}

.mrw_ext_page.purchaseAssistant .giftinfo-box .gift-image img
{
    max-width: 360px;
    max-height: 360px;
    min-width: 280px;
    width: 100%;
}

.mrw_ext_page.purchaseAssistant .giftinfo-box .gift-title
{
    font-size: 1.143em;
    padding-top: 5px;
}

.mrw_ext_page.purchaseAssistant .giftinfo-box .gift-price
{
    font-size: 1.857em;
    padding: 5px 0;
}

.mrw_ext_page.purchaseAssistant .giftinfo-box .gift-qty
{
    font-size: 1.286em;
    padding: 5px 0;
    text-transform: uppercase;
}

.mrw_ext_page.purchaseAssistant .giftinfo-box .gift-qty > div
{
    display: inline-block;
    margin: 0 10px;
}

.mrw_ext_page.purchaseAssistant .giftinfo-box .gift-info,
.mrw_ext_page.purchaseAssistant .giftinfo-box .gift-note
{
    padding: 5px 0;
}

.mrw_ext_page.purchaseAssistant .giftbuy-box .registry-name,
.mrw_ext_page.purchaseAssistant .giftbuy-box .registry-address,
.mrw_ext_page.purchaseAssistant .giftbuy-box .registry-instructions
{
    font-size: 1.857em;
    font-weight: 200;
}

.mrw_ext_page.purchaseAssistant .giftbuy-box .giftbuy-actions
{
    padding-top: 15px;
}

.mrw_ext_page.purchaseAssistant .giftbuy-box .giftbuy-actions > div
{
    margin: 15px 0;
}

/* --- Page Purchase Go To Store ------------------------------------------------------------------------ */
.mrw_ext_page.purchaseGoToStore .reminder_container
{
    margin: auto auto;
    text-align: center;
    vertical-align: middle;
    max-width: 600px;
    height: 100%;
    position: relative;
}

.mrw_ext_page.purchaseGoToStore .reminder_header
{
    text-decoration: underline;
    margin-bottom: 20px;
}

.mrw_ext_page.purchaseGoToStore .reminder_header span
{
    font-size: 3em;
}

.mrw_ext_page.purchaseGoToStore .reminder_content
{
    font-size: 2em;
}

/* --- Page Purchase Process ------------------------------------------------------------------------ */
.mrw_ext_page.purchaseProcess > .content-box
{
    overflow: hidden;
}

.mrw_ext_page.purchaseProcess .giftinfo-box,
.mrw_ext_page.purchaseProcess .giftbuy-box
{
    min-width: 300px;
    width: 50%;
    float: left;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mrw_ext_page.purchaseProcess .giftinfo-box
{
    text-align: center;
}

.mrw_ext_page.purchaseProcess .giftinfo-box .gift-image img
{
    max-width: 360px;
    max-height: 360px;
    min-width: 280px;
    width: 100%;
}

.mrw_ext_page.purchaseProcess .giftinfo-box .gift-title
{
    font-size: 1.143em;
    padding-top: 5px;
}

.mrw_ext_page.purchaseProcess .giftinfo-box .gift-price
{
    font-size: 1.857em;
    padding: 5px 0;
}

.mrw_ext_page.purchaseProcess .giftinfo-box .gift-qty
{
    font-size: 1.286em;
    padding: 5px 0;
    text-transform: uppercase;
}

.mrw_ext_page.purchaseProcess .giftinfo-box .gift-qty > div
{
    display: inline-block;
    margin: 0 10px;
}

.mrw_ext_page.purchaseProcess .giftinfo-box .gift-info,
.mrw_ext_page.purchaseProcess .giftinfo-box .gift-note
{
    padding: 5px 0;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .title
{
    font-size: 2.142em;
    font-weight: 400;
    margin: 5px 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .subtitle
{
    margin: 10px 0;
    font-size: 1.857em;
    font-weight: 300;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .registry-giftlink
{
    padding: 5px 0;
    font-size: 1.143em;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .registry-copy
{
    padding-bottom: 15px;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .registry-name,
.mrw_ext_page.purchaseProcess .giftbuy-box .registry-address,
.mrw_ext_page.purchaseProcess .giftbuy-box .registry-instructions
{
    font-size: 1.143em;
    font-weight: 200;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .giftbuy-actions,
.mrw_ext_page.purchaseProcess .giftbuy-box .giftbuy-back
{
    margin-top: 20px;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .mrw_page_paw_step3 .quanInfo1,
.mrw_ext_page.purchaseProcess .giftbuy-box .mrw_page_paw_step3 .dropInfo1
{
    padding: 10px 0;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .mrw_page_paw_step3 .quanInfo1 > .mrw_ext_inputtext
{
    width: 40px;
    min-width: auto;
    margin: 0 10px;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .mrw_page_paw_step3 .dropInfo1 > div
{
    display: inline-block;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .subsubtitle,
.mrw_ext_page.purchaseProcess .giftbuy-box .subsubcontent
{
    margin: 5px 0;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .subsubcontent > table
{
    width: 100%;
    border: 0;
    padding: 0 0 10px;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .subsubcontent .mrw_page_paw_inputholder
{
    width: 66%;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .subsubcontent .mrw_ext_inputtext
{
    width: 100%;
    box-sizing: border-box;
    min-width: 112px;
}

.mrw_ext_page.purchaseProcess .giftbuy-box .subsubcontent .mrw_ext_button
{
    width: calc(100% - 24px);
}

.mrw_ext_page.purchaseProcess .giftbuy-box .giftbuy-privacy
{
    font-size: 0.857em;
    padding: 10px 0;
    text-transform: uppercase;
}
.mrw_ext_page.purchaseProcess .giftbuy-box .mrw_page_paw_step4 .subsubtitle,
.mrw_ext_page.purchaseProcess .giftbuy-box .mrw_page_paw_step4 .subsubcontent
{
    font-size: 1.143em;    
    margin: 10px 0;
}

.mrw_ext_page.purchaseProcess .giftbuy-actions .mrw_ext_button.big
{
    margin-right: 10px;
}


/* --- Panel GiftDetail -------------------------------------------------------------------------- */
.pnlGiftDetail .gift-image
{
    text-align: center;
    margin: 0px auto;
    max-width: 480px;
    max-width: 480px;
    display: table;
}

.pnlGiftDetail .gift-image .image-cont
{
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}

.pnlGiftDetail .gift-image .image-cont > img
{
    max-height: 460px;
    max-width: 460px;
    min-width: 230px;
    width: 100%;
}

.pnlGiftDetail .gift-shipping
{
    text-align: center;
}

.pnlGiftDetail .gift-buy
{
    text-align: center;
    padding: 20px 0;
    padding-top: 10px;
}
    .pnlGiftDetail .gift-buy .buy-price {
        margin: 20px 0;
        font-size: 20px;
    }
        .pnlGiftDetail .gift-buy .buy-price .optional-price div{
            font-weight: 600;
            display:inline-block;
        }
        .pnlGiftDetail .gift-buy .buy-price .optional-price .title.reg{
            font-size: 14px;
            color: #003399;;
            display: inline-block;
        }
        .pnlGiftDetail .gift-buy .buy-price .optional-price .title.sale{
            font-size: 16px;
            color: #cc0000;
            display: inline-block;
        }
        .pnlGiftDetail .gift-buy .buy-price .optional-price .price.reg{
            font-size: 14px;
            color: #003399;
            display: inline-block;
        }
        .pnlGiftDetail .gift-buy .buy-price .optional-price .price.sale{
            font-size: 16px;
            color: #cc0000;
            display: inline-block;
        }

/* --- Panel Shipping Info -------------------------------------------------------------------------- */
.pnlShippingInfo .ship-item
{
    margin: 15px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

/* --- Panel GifPurchaseInStoreOnly----------------------------------------------------------------- */

.mrw_ext_dialogpanel.pnlGiftPurchaseInStoreOnly {
    width: 400px;
}

.pnlGiftPurchaseInStoreOnly .content {
    padding: 35px 30px;
}

.pnlGiftPurchaseInStoreOnly .instore_title {
    padding-top: 10px;
    font-size: 24px;
    color: #01399a;
}

.instore_sub_text {
    font-size: 20px;
    margin: 10px auto;
    max-width: 335px;
    line-height: 26px;
    color: #000000;
}

.instore_left_content {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    margin-right: 20px;
}

.instore_right_content {
    display: inline-block;
    width: calc(60% - 25px);
    vertical-align: top;
    text-align: left;
}

.pnlGiftPurchaseInStoreOnly .instore_gift_title {
    font-size: 1.286em;
    text-transform: capitalize;
    line-height: 26px;
    padding-top: 10px;
    color: #000000;
}

#popInStoreOnly .buy-price {
    color: #000000;
    font-size: 21px;
    line-height: 26px;
}

.pnlGiftPurchaseInStoreOnly .gift-image {
    margin: 10px;
}

.pnlGiftPurchaseInStoreOnly .image-cont img {
    width: 100%;
    max-width: 300px;
}
.pnlGiftPurchaseInStoreOnly .gift-buy {
	font-size: 1.286em;
	margin: 2px auto 10px;
	max-width: 400px;
}

    .pnlGiftPurchaseInStoreOnly .gift-buy .buy-price {
        margin: 4px 0 15px;
    }

.pnlGiftPurchaseInStoreOnly .instore_first_name {
    width: calc(50% - 5px);
    margin: 10px 2px 10px 0px;
    display: inline-block;
}

.instore_radio_holder {
    padding-bottom: 15px;
}

.pnlGiftPurchaseInStoreOnly .instore_radio_holder span {
    white-space: nowrap;
}

.pnlGiftPurchaseInStoreOnly .instore_last_name {
    width: calc(50% - 5px);
    margin: 10px 0px 10px 2px;
    display: inline-block;
}

.pnlGiftPurchaseInStoreOnly .instore_qty {
    width: 50px;
    margin: 10px 7px;
}

.pnlGiftPurchaseInStoreOnly #instore_at_main_store {
    vertical-align: top;
    margin: 20px 0px 10px;
}

.pnlGiftPurchaseInStoreOnly #instore_at_other_store {
    vertical-align: top;
    margin: 20px 5px 10px;
}

.pnlGiftPurchaseInStoreOnly label[for=instore_at_main_store] {
    margin: 0 5px 0px;
    display: inline-block;
}

.pnlGiftPurchaseInStoreOnly label[for=instore_at_other_store] {
    margin: 13px 4px 7px;
    display: inline-block;
}

.pnlGiftPurchaseInStoreOnly #btnSubmit {
    width: 140px;
    margin: 10px 0;
    margin-right: 40px;
}

.pnlGiftPurchaseInStoreOnly .instore_error_message {
    color: #e32;
    font-size: 0.7em;
    margin: 5px;
}

/* --- MEDIA ----------------------------------------------------------------------------------- */
/*-- Page Width --*/
@media only screen and (max-width : 1464px)
{
    .mrw_visitorcontainer.wide
    {
        margin: 100px 20px 0;
    }

    .mrw_visitorcontainer.wide #pnlGiftVisitorHeader.fixed
    {
        width: -moz-calc(100% - 40px) !important;
        width: -webkit-calc(100% - 40px) !important;
        width: -o-calc(100% - 40px) !important;
        width: calc(100% - 40px) !important;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList
    {
        width: 22%;
        max-width: 312px;
        margin: 25px 1.4%;
        height: auto;
    }
}

@media only screen and (max-width : 1110px)
{
    .mrw_visitorcontainer
    {
        margin: 100px 20px 0;
    }
}

/*-- Mobile Breakdown --*/
@media only screen and (max-width : 1024px)
{
    #pnlGiftContainer.gridView .itemGiftVisitorList
    {
        width: 30.3%;
        margin: 25px 1.4%;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-purchased .text-1
    {
        display: none;
    }
}

@media only screen and (max-width : 1022px)
{
    pnlGiftContainer.gridView .itemGiftVisitorList
    {
        width: 29.7%;
        margin: 25px 1.4%;
    }
}

@media only screen and (max-width : 950px)
{

    #pnlGiftVisitorList, #pnlCashGiftVisitorList, #pnlSyncRegistriesList
    {
        margin: 0 20px;
    }

    #pnlGiftVisitorHeader .part-left
    {
        padding-left: 20px;
    }

    #pnlGiftVisitorHeader .part-right
    {
        margin-right: 20px;
    }

    #pnlGiftVisitorHeader .part-item.right
    {
        margin-right: 20px;
    }

    #pnlGiftVisitorHeader select.mrw_inputselect
    {
        width: 190px;
    }

    #pnlGiftVisitorHeader select.mrw_inputselect.medium
    {
        width: 100px;
    }

    #pnlGiftVisitorHeader select.mrw_inputselect.small
    {
        width: 80px;
    }
}

@media only screen and (max-width : 800px)
{
    #pnlGiftVisitorHeader select.mrw_inputselect
    {
        width: 140px;
    }

    #pnlGiftVisitorHeader select.mrw_inputselect.medium
    {
        width: 100px;
    }
}

@media only screen and (max-width : 736px)
{

    /* Welcome */
    #pnlRegistryWelcome .box-customize
    {
        top: 6px;
        left: 6px;
    }

    #pnlRegistryWelcome .box-customize a
    {
        font-size: 11px;
        padding: 5px 11px;
    }

    #pnlRegistryWelcome.noPictures
    {
        padding-bottom: 0px;
    }

    #pnlRegistryWelcome .box-description h1
    {
        font-size: 24px;
    }

    #pnlRegistryWelcome .box-description h2
    {
        font-size: 12px;
    }

    #pnlRegistryWelcome .box-description .subdescription
    {
        font-size: 12px;
        margin-bottom: 6px;
    }

    /* Fixed Header */
    #pnlGiftVisitorHeader #btnPrint
    {
        display: none;
    }


    /* Gift Visitor List New*/
    #pnlGiftVisitorList, #pnlCashGiftVisitorList, #pnlSyncRegistriesList
    {
        margin: 0 6px;
    }

    .mrw_visitorcontainer.wide #pnlGiftVisitorHeader.fixed
    {
        width: -moz-calc(100% - 20px) !important;
        width: -webkit-calc(100% - 20px) !important;
        width: -o-calc(100% - 20px) !important;
        width: calc(100% - 20px) !important;
    }

    .mrw_visitorcontainer
    {
        margin: 76px 10px 0;
    }

    .mrw_visitorcontainer.wide
    {
        margin: 100px 10px 0;
    }

    #pnlRegistryWelcome .box-pictures .slideshow
    {
        height: 118px;
    }

    #pnlRegistryWelcome .box-pictures .welcomeImg img
    {
        max-height: 100px;
    }

    #pnlRegistryWelcome .box-pictures
    {
        top: -70px;
    }

    #pnlRegistryWelcome .box-message
    {
        max-height: 46px;
        font-size: 12px;
    }

    #pnlRegistryWelcome .box-message font
    {
        font-size: 12px;
        font-family: "Lato",Arial,Helvetica,sans-serif;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-description, #pnlGiftContainer.listView .itemGiftVisitorList.cashgift .gift-description
    {
        width: -moz-calc(100% - 230px);
        width: -webkit-calc(100% - 230px);
        width: -o-calc(100% - 230px);
        width: calc(100% - 230px);
        padding: 0 10px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-cashValue a,
    #pnlGiftContainer.listView .itemGiftVisitorList .gift-cashValue a
    {
        padding: 9px 0px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-cashValue .step1 span,
    #pnlGiftContainer.listView .itemGiftVisitorList .gift-cashValue .step1 span
    {
        display: none;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-cashValue .step1:after,
    #pnlGiftContainer.listView .itemGiftVisitorList .gift-cashValue .step1:after
    {
        content: 'View/Buy';
        padding: 9px 11px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-viewOrBuy a span
    {
        display: none;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-viewOrBuy a:after
    {
        content: 'View/Buy';
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-viewOrBuy a span
    {
        display: none;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-viewOrBuy a:after
    {
        content: 'View/Buy';
    }

    .itemGiftVisitorList .gift-linkRegistry a span
    {
        display: none;
    }

    .gift-cashValue .mrw_color_blue
    {
        font-size: 10px;
        display: none;
    }

    .itemGiftVisitorList .gift-linkRegistry a:after
    {
        content: 'Linked Registry ';
    }

    .itemGiftVisitorList .gift-giveCash a span
    {
        display: none;
    }

    .itemGiftVisitorList .gift-giveCash a:after
    {
        content: 'Cash Gift';
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-action .gift-giveCash .mrw_ext_button
    {
        width: auto;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-action
    {
        width: 90px;
        min-width: 90px;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-quantity
    {
        padding: 0;
        bottom: 0;
        display: block;
        position: absolute;
        left: 125px;
        height: 24px;
    }

    #pnlGiftContainer.listView .gift-desired
    {
        display: inline-block;
    }

    #pnlGiftContainer.listView .gift-received
    {
        display: inline-block;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-quantity .desiredTitle,
    #pnlGiftContainer .itemGiftVisitorList .gift-quantity .receivedTitle {
        font-size: 12px;
        padding: 0 5px;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-quantity .desiredQty,
    #pnlGiftContainer .itemGiftVisitorList .gift-quantity .receivedQty
    {
        font-size: 12px;
    }

    #pnlGiftContainer.listView .gift-websitelogo
    {
        display: none;
    }

    #pnlGiftContainer.listView .gift-linkRegistry
    {
        width: 150px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-image .img-placeholder
    {
        height: 134px;
        width: 134px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-quantity
    {
        padding: 5px 4px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-websitelogo img
    {
        max-height: 14px;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-shippingText
    {
        right: 3px;
        padding: 5px;
        font-size: 10px;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-discountOffer
    {
        padding: 2px 5px;
        font-size: 10px;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-discountOffer,
    #pnlGiftContainer.listView .itemGiftVisitorList .gift-shippingText
    {
        width: 90px;
        right: 8px;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-purchased,
    #pnlGiftContainer .itemGiftVisitorList .gift-purchased .btnRestorePurchase
    {
        font-size: 11px;
    }
}

@media only screen and (max-width: 700px) {
    #popInStoreOnly {
        left: 0 !important;
        top: 0 !important;
        bottom: 0;
        right: 0;
        height: 100% !important;
        width: 100% !important;
        overflow: auto;
    }

    .mrw_ext_dialogpanel.pnlGiftPurchaseInStoreOnly {
        width: 100% !important;
    }

    .instore_left_content {
        display: block;
        width: 100%;
    }

    .instore_right_content {
        display: block;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width : 660px)
{

    /*-- Gift List header --*/
    #pnlGiftVisitorHeader .part-item.right
    {
        float: none;
    }

    #pnlRegistryWelcome .box-pictures .slideshow
    {
        height: 140px;
        margin: auto;
        width: 210px;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-action
    {
        display: block;
        height: 34px;
        float: right;
        top: 4px;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-description
    {
        width: -moz-calc(100% - 130px);
        width: -webkit-calc(100% - 130px);
        width: -o-calc(100% - 130px);
        width: calc(100% - 130px);
        height: 89px;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList.cashgift .gift-description
    {
        width: -moz-calc(100% - 125px);
        width: -webkit-calc(100% - 125px);
        width: -o-calc(100% - 125px);
        width: calc(100% - 125px);
    }

    #pnlGiftContainer.listView .itemGiftVisitorList.linkRegistry .gift-description
    {
        width: -moz-calc(100% - 130px);
        width: -webkit-calc(100% - 130px);
        width: -o-calc(100% - 130px);
        width: calc(100% - 130px);
        height: 89px;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList
    {
        padding: 24px 0px;
    }

    #pnlGiftContainer.listView .gift-linkRegistry
    {
        width: 150px;
        margin-left: -60px;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-discountOffer,
    #pnlGiftContainer.listView .itemGiftVisitorList .gift-shippingText,
    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-discountOffer,
    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-shippingText
    {
        display: none;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList[isfavorite="1"] .gift-description::after,
    #pnlGiftContainer.listView .itemGiftVisitorList[isfavorite="2"] .gift-description::after {
        top: -2px;
        z-index: -1;
    }

    #pnlRegistryWelcome .box-message
    {
        margin: 0px 20px 20px;
        font-size: 12px;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-action .gift-isPurchased
    {
        margin-top: 0px;
    }
}

@media only screen and (max-width : 620px)
{
    #pnlGiftContainer.gridView .itemGiftVisitorList
    {
        width: 47%;
    }

    .mrw_ext_page.purchaseProcess .giftinfo-box,
    .mrw_ext_page.purchaseProcess .giftbuy-box
    {
        width: 100%;
    }

    .mrw_ext_page.purchaseAssistant .giftinfo-box,
    .mrw_ext_page.purchaseAssistant .giftbuy-box
    {
        width: 100%;
    }

    /* --- Page Purchase Go To Store ------------------------------------------------------------------------ */
    .mrw_ext_page.purchaseGoToStore .reminder_container
    {
        top: 20vh;
    }

    .mrw_ext_page.purchaseGoToStore .reminder_header span
    {
        font-size: 2em;
    }

    .mrw_ext_page.purchaseGoToStore .reminder_content
    {
        font-size: 1em;
    }

}
/*-- Big phones --*/
@media only screen and (max-width : 570px)
{
    #pnlGiftVisitorHeader #pnlRegistryShare
    {
        left: 0;
    }

    #pnlGiftVisitorHeader #pnlRegistryShare::before
    {
        left: 9px;
    }

    #pnlGiftVisitorHeader #btnRegistryShare span.t1,
    #pnlGiftVisitorHeader #btnRegistryShipping span.t2
    {
        display: none;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-action .gift-markAsPurchased .mrw_ext_button
    {
        font-size: 11px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-quantity .receivedTitle
    {
        padding-left: 2px;
    }
}

@media only screen and (max-width : 460px) {
    .pnlGiftPurchaseInStoreOnly.mrw_ext_dialogpanel .content {
        padding: 20px 10px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-action .btnViewOrBuy,
    #pnlGiftContainer.gridView .itemGiftVisitorList .mrw_ext_button.gift-isUnavailable {
        padding: 5px 11px;
    }

    #popLoginSuccess {
        width: 100% !important;
    }

        #popLoginSuccess #SuccessPanel {
            width: 100%;
        }

    #popSignupSuccess {
        width: 100% !important;
    }

        #popSignupSuccess .mrw_ext_dialogpanel {
            width: 100%;
        }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-action .btnViewOrBuyInstoreOnly {
        padding: 5px 11px !important;
    }
}

/*-- phones --*/
@media only screen and (max-width : 440px)
{
    .mrw_visitorcontainer.wide
    {
        margin: 76px 0 0;
    }

    .mrw_visitorcontainer
    {
        margin: 76px 0 0;
    }

    .mrw_visitorcontainer.wide #pnlGiftVisitorHeader.fixed
    {
        width: -moz-calc(100% - 0px) !important;
        width: -webkit-calc(100% - 0px) !important;
        width: -o-calc(100% - 0px) !important;
        width: calc(100% - 0px) !important;
    }

    #pnlGiftContainer.listView .gift-desired
    {
        display: block;
        text-align: left;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-quantity
    {
        left: 130px;
        height: 44px;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-description .gift-title
    {
        font-size: 14px;
        max-height: 40px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList {
        width: 47%;
        margin: 20px 1.4% 0px;
    }

    #pnlRegistryWelcome .box-message
    {
        margin: 0px 10px 20px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList.cashgift .gift-note, #pnlGiftContainer.gridView .itemGiftVisitorList.linkRegistry .gift-note
    {
        height: 51px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-purchased
    {
        bottom: 62%;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-purchased .text-1, #pnlGiftContainer.gridView .itemGiftVisitorList .gift-purchased .text-2
    {
        display: none;
    }

    #pnlGiftContainer .itemGiftVisitorList[isfavorite='1'] .gift-description:after,
    #pnlGiftContainer .itemGiftVisitorList[isfavorite='2'] .gift-description:after {
        top: 0px;
        left: 0px;
    }
    .mrw_ext_dialogpanel.pnlGiftDetail {
        width: calc(100vw - 15px);
    }

    .mrw_ext_dialogpanel.pnlShippingInfo {
        width: calc(100vw - 15px);
    }
    .mrw_ext_dialogpanel.pnlSharedUrl {
        width: calc(100vw - 15px);
    }
    .mrw_ext_dialogpanel.pnlGiftPurchaseInStoreOnly {
        border-radius: 0px;
        height: 100vh;
        overflow: hidden;
    }

    .mrw_ext_dialogpanel .content {
        /*margin-top: 10vh;*/
    }

    #pnlGiftVisitorHeader .part-left {
        padding-left: 10px;
    }

    #ddlListCategory {
        height: 29px;
    }

    #ddlListSortMode {
        height: 29px;
    }
}
/*-- share --*/
@media only screen and (max-width : 380px)
{
    #pnlGiftVisitorHeader #pnlRegistryShare
    {
        left: auto;
    }

    #pnlGiftVisitorHeader #pnlRegistryShare::before
    {
        left: 180px;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList.cashgift .gift-note, #pnlGiftContainer.gridView .itemGiftVisitorList.linkRegistry .gift-note,
    #pnlGiftContainer.listView .itemGiftVisitorList.cashgift .gift-note, #pnlGiftContainer.listView .itemGiftVisitorList.linkRegistry .gift-note
    {
        height: 64px;
        overflow: hidden;
    }
    /* Scroll To Top */
    #btnScrollToTop
    {
        display: none !important;
    }
    .mrw_ext_dialogpanel.pnlGiftDetail {
        width: 350px;
    }

    #pnlGiftContainer.listView .itemGiftVisitorList .gift-action .gift-action-container .gift-viewOrBuy,
    #pnlGiftContainer.listView .itemGiftVisitorList .gift-action .gift-action-container .gift-isPurchased {
        text-align: right;
    }
}
/*-- small phone --*/
@media only screen and (max-width : 360px)
{
    #pnlGiftContainer .itemGiftVisitorList .gift-quantity .desiredTitle
    {
        visibility: hidden;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-quantity .desiredTitle:before
    {
        content: url(/ExternalApps/_Generic/Images/gift-desired-10.png);
        visibility: visible;
        position: absolute;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-quantity .receivedTitle
    {
        visibility: hidden;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-quantity .receivedTitle:before
    {
        content: url(/ExternalApps/_Generic/Images/gift-received-10.png);
        visibility: visible;
        position: absolute;
    }

    #pnlGiftContainer.gridView .itemGiftVisitorList .gift-quantity .receivedTitle
    {
        padding-left: 5px;
    }

    #pnlGiftContainer .itemGiftVisitorList .gift-price
    {
        font-size: 15px;
    }

    #pnlGiftVisitorHeader.fixed select.mrw_inputselect
    {
        width: 110px;
    }

    #pnlGiftVisitorHeader .part-left
    {
        padding-left: 10px;
    }
    .mrw_ext_dialogpanel.pnlGiftDetail {
        width: 300px;
    }
}

@media only screen and (max-width : 320px) {
    .mrw_ext_dialogpanel .content {
        margin-top: 5vh;
    }
}

@media only screen and (max-height : 700px) {
    .pnlGiftPurchaseInStoreOnly .image-cont .img-cont {
        width: 200px;
        height: 200px;
    }
}
