.desktop-showContent {
    visibility: visible !important;
    opacity: 1 !important
}

.desktop-container {
    /* color: #fff; */
    top: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05);
    background-color: #fff
}

.desktop-days {
    color: #535766;
    font-size: 13px;
    padding-right: 2px
}

.desktop-preHeaderContent {
    display: none;
    text-align: right;
    max-width: 980px;
    margin: auto;
    font-size: 12px
}

.desktop-preHeaderLinks {
    text-decoration: none;
    color: #526cd0;
    display: inline-block;
    padding: 8px 0;
    font-weight: 500;
    font-size: 11px
}

.desktop-preHeaderLinks:after {
    content: "\A0    \A0    | \A0   \A0   \A0";
    color: #e9e9ed;
    padding: 0 10px
}

.desktop-preHeaderLinks:last-child:after {
    content: " "
}

.desktop-superscriptTag {
    width: 25px;
    height: 7px;
    padding: 5px 0 0 5px;
    background: #ff3f6c !important;
    border: 1px solid #ff3f6c !important;
    color: #fff;
    font-weight: 900;
    margin: -6px 0 -10px 10px;
    font-size: 10px;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    display: inline-block;
    border-radius: 2px
}

.desktop-bound {
    margin: auto;
    min-width: 980px;
    line-height: 80px
}

.desktop-logoContainer {
    float: left;
    height: inherit;
    margin-left: 4%
}

.desktop-logo {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.desktop-navbar {
    display: block;
    float: left;
    line-height: 80px;
    height: 80px;
    margin: 0 0 0 3.5%
}

.desktop-navLinks {
    display: inline-block;
 
}

.desktop-navContent {
    float: left;
    border: hidden;
    text-align: center
}

.desktop-newNavLink {
    display: inline;
    width: 23px;
    height: 12px;
    margin: 0 0 34px -15px;
    font-family: Whitney;
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ff3f6c;
    content: "new"
}

sup {
    top: -.4rem;
    font-size: 100%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    text-transform: uppercase
}

.desktop-navLink {
    display: inline
}

.desktop-navLink:hover .desktop-main {
    border-bottom-style: solid;
    border-bottom-width: 4px;
    -webkit-transition: left .2s ease-out, border-color .5s ease-in;
    transition: left .2s ease-out, border-color .5s ease-in
}

.desktop-navLink:hover .desktop-categoryContainer,
.desktop-navLink:hover .desktop-newPaneContent,
.desktop-navLink:hover .desktop-paneContent {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.desktop-navLink:hover .desktop-backdropStyle {
    visibility: visible
}

.desktop-main {
    padding: 0 17px 28px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .3px;
    color: #282c3f;
    border-bottom: none;
    -webkit-transition: left .2s ease-out, width .2s ease-out;
    transition: left .2s ease-out, width .2s ease-out;
    font-weight: 500;
    text-transform: uppercase
}

.desktop-query {
    width: 400px;
    float: right;
    line-height: 0;
    margin: 20px 20px 20px 40px;
    position: relative
}

.desktop-query>input.desktop-searchBar {
    display: inline-block;
   
    font-size: 14px;
    height: 20px;
    line-height: 24px;
    width: 95%;
    color: #696e79;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 8px 10px 10px;
    margin: 0;
    outline: 0;
    border: 1px solid #f5f5f6;
    border-radius: 0 4px 4px 0;
    border-left: 0;
    background: #f5f5f6
}

input.desktop-searchBar:focus,
input.desktop-searchBar:focus+a.desktop-submit {
    background-color: #fff;
    border-color: #eaeaec
}

a.desktop-submit {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    height: 28px;
    width: 40px;
    text-align: center;
    padding: 8px 0 2px;
    background: #f5f5f6;
    border: 1px solid #f5f5f6;
    border-right: none;
    border-radius: 4px 0 0 4px;
    position: absolute;
    left: -41px;
    bottom: 0;
}

.desktop-iconSearch {
    display: inline-block
}

.desktop-caret,
.desktop-iconSearch {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.desktop-caret {
    margin: 15px 0 0;
    display: block
}

.desktop-iconUser {
    margin: 10px 0 0;
    /* position: absolute;
    bottom: 13px;
    left: 5px; */
    display: block
}

.desktop-user {
    position: relative;
    /* height: 60px; */
    /* margin: 0 20px 0 15px */
    top: 15px;
}

.desktop-userIconsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    padding: 0 12px 0 17px;
    position: relative;
    display: flex;
    /* height: 40px; */
}

.desktop-userTitle {
    color: #000;
    position: absolute;
    bottom: 4px;
    left: 1px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    padding-top: 10px;
    line-height: 6px
}

.desktop-user:hover .desktop-userActions {
    visibility: visible;
    opacity: 1
}

.desktop-actions {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 0;
    height: 40px;
    margin: 20px 30px 0 10px
}

.desktop-cart {
    margin: 0 50px 0 15px
}

.desktop-cart,
.desktop-wishlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    position: relative
}

.desktop-wishlist {
    margin: 0 55px 0 10px
}

.desktop-iconBag {
    left: -1px
}

.desktop-iconBag,
.desktop-iconWishlist {
    margin: 8px 0 0;
    position: absolute;
    bottom: 14px
}

.desktop-iconWishlist {
    left: 13px
}

.desktop-badge {
    white-space: nowrap;
    text-align: center;
    line-height: 18px;
    padding: 0 6px;
    height: 18px;
    background: #ff3f6c;
    position: absolute;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    left: 13px;
    top: -2px;
    font-weight: 700
}

.desktop-grey {
    background-color: #7e818c;
    visibility: hidden
}

.desktop-melon {
    background-color: #f16565
}

.desktop-grey:before {
    border-right-color: #7e818c
}

.desktop-title {
    font-weight: 500
}

.desktop-list,
.desktop-title {
    text-decoration: none;
    color: #282c3f
}

.desktop-list {
    line-height: 20px
}

.desktop-listContainer {
    line-height: 25px;
    width: 230px;
    margin: 15px 0 0;
    padding: 0
}

.desktop-backdropStyle {
    visibility: hidden
}

.desktop-backdropStyle,
.desktop-backdropStyle2 {
    position: fixed;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 0;
    pointer-events: none
}

.desktop-backdropStyle2 {
    visibility: visible
}

.desktop-newPaneContent {
    height: 454px;
    width: 545px;
    margin: 1px 892px 0 354px;
    z-index: 100
}

.desktop-newPaneContent,
.desktop-paneContent {
    visibility: hidden;
    text-align: left;
    opacity: 0;
    position: absolute;
    top: 0;
    background-color: #fff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
    pointer-events: auto
}

.desktop-paneContent {
    left: 50%;
    margin-left: -570px;
    height: 440px;
    width: 1135px;
    z-index: 1
}

.desktop-studioLogNew {
    display: block;
    width: 103.1px;
    height: 29.5px;
    margin: 20px 220.9px 0 221px
}

.desktop-YourDailyInspiration {
    display: block;
    width: 288px;
    height: 22px;
    margin: 9.5px 129px 0 128px;
    font-family: Whitney;
    font-size: 16px;
    line-height: 1.38;
    text-align: center;
    color: #535766
}

.desktop-studioNavBanner {
    display: block;
    width: 514px;
    height: 274px;
    margin: 27px 16px 0 15px
}

.desktop-exploreStudioBtn {
    min-width: 164px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 16px 176px 0 174px;
    border-radius: 2px;
    border: 1px solid #d4d5d8;
    background-color: #fff
}

.desktop-exploreStudioLabel {
    min-width: 109px;
    font-family: Whitney;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    text-align: center;
    color: #282c3f
}

.desktop-chevronRight,
.desktop-exploreStudioLabel {
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.desktop-chevronRight {
    width: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.desktop-oddColumnContent {
    float: left;
    display: block;
    position: relative;
    height: 436px;
    padding-top: 4px
}

.desktop-evenColumnContent {
    background-color: rgba(245, 245, 246, .4)
}

.desktop-categoryContainer {
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    width: 1110px;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    padding: 0 10px 10px 15px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.desktop-navBlock {
    display: block;
    position: relative;
    float: left;
    width: 216px;
    margin: 0;
    padding: 0
}

.desktop-navBlock>li {
    padding-left: 25px
}

.desktop-tab {
    margin: 0
}

.desktop-categoryName {
    text-transform: capitalize;
    color: #3e4152;
    padding: 12px 0 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 25px;
    font-weight: 500
}

.desktop-categoryLink,
.desktop-categoryName {
    display: block;
    font-size: 14px;
    text-decoration: none
}

.desktop-categoryLink {
    color: #282c3f;
    line-height: 23px !important;
    font-weight: 400
}

.desktop-categoryLink:hover {
    font-weight: 500;
    color: #282c3f
}

.desktop-tab {
    -webkit-transition: left .2s ease-out, width .2s ease-out;
    transition: left .2s ease-out, width .2s ease-out
}

.desktop-userActions {
    width: 250px;
    left: -137.5px;
    top: 63px;
    position: absolute;
    padding: 25px 20px 15px;
    z-index: 9;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .08);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .08);
    -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
    transition: opacity .2s ease-out, visibility .2s ease-out;
    background-color: #fff;
    color: #3e4152;
    border: 1px solid #f5f5f6;
    visibility: hidden;
    opacity: 0;
    margin: -2px 0
}

.desktop-userActionsArrow {
    display: block;
    top: -5px;
    position: absolute;
    width: 58px;
    border-bottom: 4px solid #f16565;
    left: 124px
}

.desktop-userActionsContent {
    display: block
}

.desktop-contentInfo {
    display: block;
    padding-bottom: 2px
}

.desktop-infoTitle {
    font-weight: 500;
    height: 20px
}

.desktop-infoEmail,
.desktop-infoTitle {
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 10px
}

.desktop-infoEmail {
    height: 14px;
    color: #282c3f
}

.desktop-info {
    font-weight: 400;
    font-size: 14px;
    color: #3e4152
}

.desktop-infoSection {
    margin: 0;
    cursor: pointer;
    padding: 0px 0 3px !important
}

.desktop-infoSection:hover {
    font-weight: 500
}

.desktop-getInLinks {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #eaeaec
}

.desktop-getUserInLinks {
    border: none
}

.desktop-linkButton {
    display: inline-block;
    padding: 18px 20px;
    margin: 10px 10px 0 0;
    border: 1px solid #eaeaec;
    border-radius: 2px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #ff3f6c;
    font-weight: 500
}

.desktop-linkButton:hover {
    border: 1px solid #ff3f6c
}

.desktop-linkButton:first-child {
    margin: 0 5px 6px 0
}

.desktop-linkButton:nth-child(2) {
    margin: 0 0 0 13px
}

.desktop-uaProfileLink {
    color: #282c3f
}

.desktop-accActions {
    font-size: 16px;
    padding: 10px 0 0;
    border-top: 1px solid #eaeaec
}

.desktop-accActions>a.desktop-info {
    text-decoration: none;
    color: #333
}

.desktop-accActions>a.desktop-info>.desktop-infoSection {
    padding: 12px 0 !important
}

.desktop-accInfoSection {
    cursor: pointer;
    padding: 10px 0
}

.desktop-accInfoSection:hover {
    font-weight: 500
}

.desktop-autoSuggest {
    width: 502px;
    z-index: 9;
    position: absolute;
    display: block;
    -webkit-box-shadow: 0 1px 6px transparent;
    box-shadow: 0 1px 6px transparent;
    font-size: 13px;
    color: #696e79;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05)
}

.desktop-group {
    margin: 0 0 10px;
    padding: 0
}

.desktop-group>li {
    list-style: none;
    padding: 15px 4px 15px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.desktop-suggestion {
    background-color: #fff
}

.desktop-suggestion:hover {
    background-color: #f5f5f6;
    cursor: pointer
}

.desktop-suggestionTitle {
    font-weight: 700;
    background-color: #eaeaec;
    cursor: pointer
}

.desktop-active {
    background-color: #282c3f;
    color: #fff
}

.desktop-showBanner {
    height: auto
}

.desktop-hideBanner {
    height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease .1s;
    transition: all .2s ease .1s
}

.desktop-sbContainer {
    max-width: 100%;
    width: 100%;
    margin: auto;
    top: 82px;
    position: relative;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .04);
    text-align: center
}

.desktop-sbContainer .desktop-sbInnerContent {
    position: relative;
    background-image: -webkit-gradient(linear, left top, right top, from(#f9f9ff), to(#dee8ff));
    background-image: linear-gradient(90deg, #f9f9ff, #dee8ff);
    margin: 0 auto
}

.desktop-TaxBannerContainer {
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 9
}

.desktop-sbImageContainer {
    display: inline-block;
    height: 45px;
    margin-right: 12px;
    vertical-align: middle
}

.desktop-sbImage {
    height: 35px;
    padding-top: 5px;
    line-height: 80px
}

.desktop-saleStartsContainer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 55px;
    font-size: 16px;
    line-height: 56px;
    color: #696b79;
    vertical-align: middle;
    color: #535766;
    letter-spacing: .1
}

.desktop-timeContainer {
    top: 20px;
    text-align: left;
    margin-left: 15px;
    letter-spacing: .6;
    font-size: 20px
}

.desktop-saleTimer {
    position: relative;
    left: 0
}

.desktop-inMidSaleTimer {
    left: 25%
}

.desktop-verticlePartition {
    height: 28px;
    border-left: 1px solid #d4d5d9;
    position: absolute;
    left: 56%;
    bottom: 10px
}

.desktop-refBanner {
    width: 50%;
    position: relative;
    display: inline-block
}

.desktop-inMidRefBanner {
    right: 25%
}

.desktop-displaynone {
    display: none
}

.desktop-timer {
    color: #ff3f6c;
    font-size: 20px;
    font-family: helvetica, arial, sans-serif;
    font-weight: 100
}

.desktop-animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes desktop-pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes desktop-pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.desktop-pulse {
    -webkit-animation-name: desktop-pulse;
    animation-name: desktop-pulse
}

.desktop-saleTimer {
    display: inline-block
}

.desktop-timerBannerSeperation {
    margin-left: 45px;
    margin-right: 43px;
    color: #d4d5d9;
    font-size: 24px;
    display: none;
    vertical-align: middle
}

.desktop-timerBannerSeperation:not(:last-child) {
    display: inline-block
}

.desktop-timerBannerSeperation:first-child {
    display: none
}

.desktop-saleMessage {
    padding-top: 2px
}

.desktop-hrLine {
    width: 140px;
    height: 1px;
    margin: 12px 0 0 25px;
    background-color: #eaeaec
}

@media (min-width:1500px) {
    .desktop-query {
        width: 32%
    }

    .desktop-paneContent {
        left: 9%;
        margin: auto
    }
}

@media (max-width:1366px) {
    .desktop-query {
        width: 320px
    }

    .desktop-autoSuggest {
        width: 375px
    }
}

@media (max-width:1400px) {
    .desktop-actions {
        margin-right: 0
    }

    .desktop-navbar {
        margin: 0 0 0 1%
    }
}

@media (max-width:1250px) {
    .desktop-logoContainer {
        margin-left: 2%
    }

    .desktop-navbar {
        margin: 0 0 0 1%
    }

    .desktop-query {
        width: 280px
    }

    .desktop-autoSuggest {
        width: 289px
    }

    .desktop-actions {
        margin-right: 0
    }
}

@media (max-width:1199px) {
    .desktop-paneContent {
        width: 1080px;
        margin-left: -540px
    }

    .desktop-newPaneContent {
        width: 545px
    }

    .desktop-categoryContainer {
        width: auto;
        padding: 0
    }

    .desktop-query {
        width: 200px
    }

    .desktop-actions {
        margin-right: 0;
        width: 170px
    }
}

@media (max-width:1079px) {
    .desktop-paneContent {
        width: 90%;
        left: 5%;
        margin: auto;
        overflow-x: scroll
    }

    .desktop-categoryContainer {
        width: 1080px;
        padding: 0
    }

    .desktop-query {
        width: 100px
    }

    .desktop-newPaneContent {
        left: -20%
    }
}

@media (max-width:810px) {
    .desktop-newPaneContent {
        left: -20%
    }
}

.notify-container {
    position: fixed;
    top: 122px;
    color: #fff;
    width: 100%;
    padding: 0 52px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    right: 0;
    min-height: 50px;
    z-index: 200;
    text-align: center;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: notify-bounce-in-down;
    animation-name: notify-bounce-in-down
}

.notify-content {
    max-width: 380px;
    width: 80%;
    padding: 10px 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 10px rgba(40, 44, 64, .2);
    box-shadow: 0 2px 10px rgba(40, 44, 64, .2);
    margin: 0 auto
}

.notify-default {
    background-color: #696e79
}

.notify-info {
    background-color: #282c3f;
    position: relative;
    text-align: center
}

.notify-success {
    background-color: #20bd99
}

.notify-error {
    background-color: #ff5722
}

.notify-error-message {
    font-size: 16px;
    font-weight: 500;
    position: relative
}

.notify-icon {
    border: 2px solid #fff;
    padding: 0 7px;
    border-radius: 21px;
    position: absolute;
    top: 12px;
    left: 0;
    margin-top: -10px
}

.notify-info-message {
    font-size: 14px;
    font-weight: 500
}

.notify-thumbnail {
    position: absolute;
    width: 28px;
    height: 38px;
    top: 5px;
    left: 4px
}

.notify-text {
    margin-left: 15px
}

.notify-icon-text {
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left
}

.notify-thumbnail-text {
    margin: 6px 0 6px 25px;
    text-align: left;
    display: inline-block
}

.notify-button {
    border-radius: 3px;
    outline: 0;
    padding: 3px 12px;
    min-height: 22px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 30px;
    float: right
}

.notify-text-left {
    text-align: left
}

.notify-action {
    background-color: #20bd99;
    border: 1px solid #20bd99;
    color: #fff
}

@media (min-width:992px) {
    .notify-content {
        width: auto;
        margin: 0 auto
    }

    .notify-error {
        text-align: left
    }

    .notify-container {
        -webkit-animation-name: notify-bounce-in-down-desktop;
        animation-name: notify-bounce-in-down-desktop
    }

    .notify-thumbnail {
        width: 30px;
        height: 39px;
        top: 6px;
        left: 5px
    }

    .notify-info-message {
        font-size: 16px
    }

    .notify-pull-right {
        float: right
    }
}

@-webkit-keyframes notify-bounce-in-down {
    0% {
        opacity: 0;
        top: -1000px
    }

    60% {
        opacity: 1;
        top: 90px
    }

    80% {
        top: 50px
    }

    to {
        top: 70px
    }
}

@keyframes notify-bounce-in-down {
    0% {
        opacity: 0;
        top: -1000px
    }

    60% {
        opacity: 1;
        top: 90px
    }

    80% {
        top: 50px
    }

    to {
        top: 70px
    }
}

@-webkit-keyframes notify-bounce-in-down-desktop {
    0% {
        opacity: 0;
        top: -1000px
    }

    60% {
        opacity: 1;
        top: 130px
    }

    80% {
        top: 90px
    }

    to {
        top: 122px
    }
}

@keyframes notify-bounce-in-down-desktop {
    0% {
        opacity: 0;
        z-index: -1;
        top: -1000px
    }

    60% {
        opacity: 1;
        top: 130px
    }

    80% {
        top: 90px
    }

    to {
        top: 122px
    }
}

.pointsbanner-loyalty-points-block {
    display: inline-block;
    z-index: 5;
    padding: 0 10px;
    line-height: 55px;
    border-radius: 4px
}

.pointsbanner-coinicon {
    max-height: 100%;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    margin-right: 4px
}

.pointsbanner-loyalty-points-msg {
    margin-right: 16px;
    padding-left: 0
}

.pointsbanner-loyalty-points-msg,
.pointsbanner-loyalty-points-nonLoggedIn {
    display: inline-block;
    opacity: .9;
    vertical-align: middle;
    font-size: 14px;
    text-align: left;
    color: #282c3f
}

.pointsbanner-loyalty-points-nonLoggedIn {
    line-height: 15px;
    width: 120px;
    margin-right: 10px;
    padding-left: 10px
}

.pointsbanner-loyalty-points-value {
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
    padding: 0 8px 0 10px
}

.pointsbanner-exchange-more-btn {
    border-radius: 4px;
    border: 1px solid #bfc0c6;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: center;
    height: 22px;
    line-height: 1.25em;
    padding: 4px 8px 3px;
    background-color: #fff;
    color: #ff3f6c
}

.pointsbanner-exchange-more-btn .pointsbanner-index-arrow {
    width: 5px;
    height: 5px
}

.pointsbanner-extra-button-padding {
    padding-left: 4px;
    padding-right: 4px
}

.pointsbanner-mobile-loyalty-points-block {
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    background-color: #fff5e1
}

.pointsbanner-mobile-coinicon {
    max-height: 100%;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    margin-right: 2px
}

.pointsbanner-mobile-loyalty-points-msg {
    padding-left: 4px
}

.pointsbanner-mobile-loyalty-points-msg,
.pointsbanner-mobile-loyalty-points-nonLoggedIn {
    display: inline-block;
    opacity: .9;
    vertical-align: middle;
    font-size: 12px;
    text-align: left;
    margin-right: 12px;
    color: #282c3f
}

.pointsbanner-mobile-loyalty-points-nonLoggedIn {
    line-height: 15px;
    width: 160px;
    padding-left: 5px
}

.pointsbanner-mobile-loyalty-points-value {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle
}

.pointsbanner-mobile-exchange-more-btn {
    position: absolute;
    right: 15px;
    margin-top: 5px;
    border-radius: 15px;
    border: 1px solid #535766;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: center;
    line-height: 1.25em;
    padding: 4px 8px 3px;
    background-color: #fff5e1;
    color: #282c3f
}

.pointsbanner-mobile-extra-button-padding {
    padding-left: 4px;
    padding-right: 4px
}

.pointsbanner-button-arrow {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 2px;
    border: solid #ff3e6c;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 1px;
    margin-right: 2px
}

.referrals-banner-loyalty-points-block {
    display: inline-block
}

.referrals-banner-sne-colour-gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#f9f9ff), to(#dee8ff));
    background-image: linear-gradient(90deg, #f9f9ff, #dee8ff)
}

.referrals-banner-coinicon {
    max-height: 100%;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    margin-right: 4px
}

.referrals-banner-loyalty-points-msg {
    opacity: .9;
    text-align: left;
    padding: 0 12px 0 4px;
    color: #3e4152;
    line-height: 1.3;
    font-size: 14px
}

.referrals-banner-bannerImg {
    width: 54px;
    vertical-align: middle;
    margin-right: 8px
}

.referrals-banner-button-arrow {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 2px;
    border: solid #ff3e6c;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 1px;
    margin-right: 2px
}

.referrals-banner-loyalty-points-nonLoggedIn {
    opacity: .9;
    text-align: left;
    line-height: 1.3;
    padding: 0 8px;
    width: 300px
}

.referrals-banner-loyalty-points-nonLoggedIn,
.referrals-banner-loyalty-points-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #3e4152;
    font-weight: 500
}

.referrals-banner-scratch-cards {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    color: #3e4152;
    padding: 0 8px;
    margin-right: 16px
}

.referrals-banner-scratch-cards>div+div {
    margin-top: 4px
}

.referrals-banner-bold-text {
    font-weight: 500
}

.referrals-banner-exchange-more-btn {
    border-radius: 4px;
    border: 1px solid #c9dafd;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: center;
    height: 27px;
    line-height: 1.25em;
    color: #ff3f6c;
    background: 0 0;
    padding: 1px 5px 0 8px
}

.referrals-banner-extra-button-padding {
    padding-left: 4px;
    padding-right: 4px
}

.referrals-banner-mobile-loyalty-points-block {
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    background-color: #fff5e1
}

.referrals-banner-mobile-coinicon {
    max-height: 100%;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    margin-right: 2px
}

.referrals-banner-mobile-loyalty-points-msg {
    padding-left: 4px
}

.referrals-banner-mobile-loyalty-points-msg,
.referrals-banner-mobile-loyalty-points-nonLoggedIn {
    display: inline-block;
    opacity: .9;
    vertical-align: middle;
    font-size: 12px;
    text-align: left;
    color: #282c3f
}

.referrals-banner-mobile-loyalty-points-nonLoggedIn {
    line-height: 15px;
    width: 150px;
    margin-right: 18px;
    padding-left: 5px;
    font-weight: 500
}

.referrals-banner-mobile-loyalty-points-value {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle
}

.referrals-banner-mobile-exchange-more-btn {
    position: absolute;
    right: 15px;
    margin-top: 5px;
    border-radius: 15px;
    border: 1px solid #535766;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: center;
    line-height: 1.25em;
    padding: 4px 8px 3px;
    background-color: #fff5e1;
    color: #282c3f
}

.referrals-banner-mobile-extra-button-padding {
    padding-left: 4px;
    padding-right: 4px
}

.referrals-banner-rs {
    font-style: normal;
    font-size: 14px;
    letter-spacing: -3px
}

.referrals-banner-loyalty-points-info {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px
}

.referrals-banner-loyalty-points-description {
    font-size: 12px;
    color: #535766;
    text-align: left
}

.referrals-banner-coin-image {
    padding: 0 1px;
    vertical-align: middle
}

.common-customCheckbox {
    position: relative;
    cursor: pointer
}

.common-customCheckbox input {
    margin: 0 16px 0 0;
    visibility: hidden
}

.common-checkboxIndicator {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #c3c2c9;
    background: #fff;
    border-radius: 2px
}

.common-checkboxIndicator:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    width: 8px;
    height: 5px;
    border-color: #fff;
    border-style: none none solid solid;
    border-width: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.common-customCheckbox input:checked~.common-checkboxIndicator {
    border: none;
    background: #ff3f6c
}

.common-customCheckbox input:checked~.common-checkboxIndicator:after {
    display: block
}

.common-customRadio {
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

.common-customRadio input {
    margin: 0 16px 0 0;
    visibility: hidden
}

.common-customRadioNew {
    height: 10px;
    width: 7px
}

.common-radioIndicator {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0
}

.common-radioIndicator:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 1px solid #c3c2c9;
    border-radius: 50%;
    visibility: visible;
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
    text-align: center
}

.common-customRadio input:checked~.common-radioIndicator:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-color: #ff3f6c;
    visibility: visible;
    background: #ff3f6c;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    box-shadow: inset 0 0 0 3px #fff
}

.common-newCustomRadio input:checked~.common-radioIndicatorNew:before {
    border-color: #ff3f6c !important;
    background: #ff3f6c !important
}

.common-clearfix:after,
.common-clearfix:before {
    content: " ";
    display: table
}

.common-clearfix:after {
    clear: both
}

.TaxBanner-taxBanner {
    height: 32px;
    color: #fff;
    text-align: center;
    padding: 7px 0;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@-moz-document url-prefix() {
    .mobile-mLogo {
        margin: 5px 0 !important
    }
}

a {
    text-decoration: none;
    color: #282c3f
}

small {
    color: #696b79;
    font-size: 10px
}

.mobile-active {
    color: #3e4152 !important;
    font-weight: 500 !important
}

.mobile-container,
.mobile-header {
    width: 100%;
    height: 50px
}

.mobile-header {
    -webkit-box-shadow: 0 1px 4px 0 #d4d5d9;
    box-shadow: 0 1px 4px 0 #d4d5d9;
    z-index: 9;
    background: #fff;
    position: fixed
}

.mobile-left {
    left: 0;
    z-index: 1
}

.mobile-left,
.mobile-right {
    height: inherit;
    position: absolute
}

.mobile-right {
    right: 0
}

.mobile-leftNavBar {
    display: inline-block;
   
    margin: 17px
}

.mobile-mLogo {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    margin: 5px 0;
    display: inline-block;
  
}

.mobile-mSearch {
    background-position: -754px 0;
    display: inline-block;
    margin: 14px 0;
   
    width: 21px;
    height: 21px
}

.mobile-searchContainer {
    width: 100%;
    z-index: 9;
    position: fixed;
    background: #fff
}

.mobile-searchBarContainer {
    display: inline-block;
    position: relative;
    width: 100%;
    left: 0;
    height: 50px;
    position: fixed;
    top: 50px;
    padding-top: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 #d4d5d9;
    box-shadow: 0 1px 4px 0 #d4d5d9
}

.mobile-searchInput {
    position: absolute;
    width: 80%;
    left: 0;
    display: inline-block;
    margin: 0 20px 0 15px;
    height: 18px;
    padding: 10px;
    border: 1px solid #d4d5d9;
    border-right: none
}

.mobile-searchInput:focus {
    outline: 0
}

.mobile-searchBtn {
    text-align: center;
    display: inline-block;
    width: 11%;
    right: 0;
    position: absolute;
    padding: 8px 10px;
    font-weight: 500;
    color: #282c3f;
    border: 1px solid #d4d5d9;
    height: 22px;
    margin: 0 13px 0 0;
    background-color: #fff
}

.mobile-searchListContainer {
    width: 100%;
    top: 95px;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 #d4d5d9;
    box-shadow: 0 2px 4px 0 #d4d5d9
}

.mobile-mUser {
    margin: 14px 20px
}

.mobile-mBag,
.mobile-mUser {
    display: inline-block;
   
}

.mobile-mBag {
    margin: 14px 20px 14px 0
}

.mobile-itemCount {
    position: absolute;
    margin: 0 0 0 9%;
    padding: 0 5px;
    color: #fff;
    font-weight: 500;
    top: 9px;
    height: 18px;
    border-radius: 3px;
    font-size: 13px
}

.mobile-grey {
    background-color: #696b79
}

.mobile-melon {
    background-color: #ff3f6c
}

.mobile-subHeader {
    top: 50px;
    height: 50px;
    position: absolute
}

.mobile-sideNav {
    display: none;
    width: 0;
    opacity: 0
}

@-webkit-keyframes mobile-slide {
    0% {
        width: 0
    }

    to {
        width: 75%
    }
}

@keyframes mobile-slide {
    0% {
        width: 0
    }

    to {
        width: 75%
    }
}

.mobile-sideNavClicked {
    overflow: scroll;
    width: 75%;
    -webkit-animation: mobile-slide .2s ease-out;
    animation: mobile-slide .2s ease-out;
    height: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 99;
    display: block
}

.mobile-sideNavClicked ul {
    margin: 0;
    padding: 0;
    background-color: #fff
}

.mobile-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, .5)
}

.mobile-show {
    display: block;
    -webkit-animation: mobile-fadeIn .2s;
    animation: mobile-fadeIn .8s
}

.mobile-hide {
    display: none
}

.mobile-navHeading {
    border: none;
    padding-left: 30px
}

.mobile-navSubHeading {
    background: #fff;
    width: 100%;
    height: 50px;
    float: left;
    border-bottom: 1px solid #d4d5d9;
    z-index: 1
}

.mobile-backBtn {
    padding: 10px 0;
    float: left;
    margin: 19px 10px 0 20px
}

.mobile-navBackContainer {
    float: left;
    width: 20%;
    height: 35px;
    padding: 10px 0;
    font-size: 15px
}

.mobile-navHeadingText {
    padding: 25px 0 10px;
    font-size: 12px;
    width: 80%;
    float: right;
    height: 35px;
    float: left;
    color: #696b79;
    position: absolute;
    left: 20px
}

.mobile-navSubHeadingText {
    padding: 18px 0 10px 10px;
    font-size: 15px;
    font-weight: 500;
    width: 60%
}

.mobile-navMenuContainer {
    display: inline-block;
    padding: 13px 0;
    width: 100%;
    font-weight: 500;
    border-bottom: 1px solid #eaeaec
}

.mobile-navMenuContainer:nth-child(5) {
    border: none
}

.mobile-navMenuItems {
    font-size: 16px;
    width: 220px;
    font-weight: 500;
    float: left
}

.mobile-navFwd {
    padding: 10px 0;
    right: 10px;
    position: absolute;
    margin: -8px 0 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mobile-navAccTitle {
    display: none;
    height: 20px;
    font-size: 11px;
    text-transform: uppercase;
    color: #696b79;
    padding: 25px 20px 0;
    border-top: 1px solid #eaeaec
}

.mobile-navAccItems {
    width: 90%;
    padding: 15px 0 10px 20px;
    font-size: 15px;
    float: left;
    color: #3e4152
}

.mobile-navAccItemsHidden {
    display: none
}

.mobile-catValue {
    text-decoration: none;
    color: #696b79
}

.mobile-catContainer {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #eaeaec
}

.mobile-catExpansion {
    display: inline-block;
    
    font-size: 20px;
    margin: auto;
    padding-right: 8px;
    color: #696b79
}

.mobile-minus {
    -webkit-transform: scaleX(2);
    transform: scaleX(2)
}

@-webkit-keyframes mobile-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mobile-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mobile-catList {
    padding: 10px
}

.mobile-catSubValue {
    display: block;
    width: 95%;
    color: #696b79 !important
}

.mobile-catSubValue,
.mobile-sugContainer {
    padding: 10px 0;
    margin-left: 15px;
    border-bottom: 1px solid #eaeaec
}

.mobile-sugContainer {
    display: inline-block;
    width: 92%;
    color: #282c3f
}

.mobile-sugContainer:last-child {
    border-bottom: none
}

.mobile-sugIcon {
    width: 20px;
    margin-left: 5px;
   
    display: inline-block
}

.mobile-footerLinks {
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    padding: 30px 0;
    z-index: -1
}

.mobile-fLinks>span {
    padding: 0 15px;
    font-size: 12px;
    text-transform: uppercase;
    color: #94969f
}

.mobile-fLinks:first-child:after {
    content: "";
    color: #a9abb3
}

.mobile-fLinks:nth-child(2) {
    display: none
}

.mobile-sugLabel {
    width: 60%;
    display: inline-block;
    padding: 0 0 0 15px
}

.mobile-sugCount {
    width: 13%;
    float: right;
    color: #7e818c;
    text-align: right;
    margin-right: 5px
}

.mobile-subCatContainer {
    background-color: #fff;
    padding: 55px 15px 0 20px
}

.mobile-sbContainer {
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #eaeaec
}

.mobile-sbInfo {
    width: 25%;
    display: inline-block
}

.mobile-sbTimer {
    width: auto;
    display: inline-block;
    vertical-align: top;
   
}

.mobile-slotTimer {
    padding-left: 5px;
    width: 100% !important
}

.mobile-sbContent {
    margin: 5px auto;
    font-size: 12px;
    color: #696b79
}

.mobile-sbInfo .mobile-sbContent:last-child {
    padding-top: 3px
}

.mobile-sbInfo .mobile-sbContent:first-child {
    font-weight: 600
}

.mobile-clearfix {
    clear: both
}

.mobile-timer {
    color: #ff517b;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    min-width: 19px;
    font-weight: 600
}

.mobile-days {
    padding-right: 5px
}

@media (min-width:320px) and (max-width:568px) {
    .mobile-searchBtn {
        font-size: 13px;
        padding: 11px 9px 5px 10px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .mobile-searchInput {
        width: 90%
    }

    .mobile-sbTimer {
        text-align: right
    }
}

.desktop-footerContainer {
    max-width: 1080px;
    margin: auto;
    min-width: 980px
}

strong {
    color: #282c3f;
    font-weight: 500
}

.desktop-shopLinks {
  
    width: 155px;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px
}

.desktop-shopLinks>p {
    font-weight: 500
}

.desktop-usefulLinks {
    width: 15%;
    float: left
}

.desktop-usefulLinks>p {
    font-weight: 500
}

.desktop-shopLinks>a,
.desktop-usefulLinks>a {
    color: #696b79;
    display: block;
    font-size: 15px;
    text-decoration: none;
    padding-bottom: 5px;
    cursor: pointer;
    line-height: normal
}

.desktop-shopLinks>a:nth-child(2),
.desktop-usefulLinks>a:nth-child(2) {
    padding-top: 14px
}

.desktop-shopLinks>a:hover>.desktop-superscript {
    text-decoration: none
}

.desktop-superscript {
    padding: 0 5px;
    background: red;
    border-radius: 90px;
    color: #fff;
    font-weight: 900;
    margin: 0 0 0 5px;
    font-size: 12px
}

.desktop-appExperience {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    width: 360px;
    font-size: 15px;
    line-height: 19px;
  
    padding-top: 13px
}

.desktop-genericInfo {
    height: 340px
}

.desktop-appExperience>p:first-child {
    font-weight: 500;
    color: #282c3f;
    margin: -3px 0 0;
    padding: 0 0 25px
}

.desktop-appExperience>p {
    color: #696b79
}

.desktop-downLinkContainer {
    display: inline-block
}

.desktop-androidDownLink,
.desktop-iOSDownLink {
    margin-right: 10px;
    height: 42px
}

.desktop-navigation {
    font-weight: 500
}

.desktop-promises {
    width: 250px;
    float: left
}

.desktop-section {
    margin: 15px 0 30px;
    color: #696b79
}

.desktop-delivery,
.desktop-original,
.desktop-return {
    display: inline-block;
  
    margin-left: -10px;
    margin-right: 10px;
    width: 47.5px;
    height: 40px
}

.desktop-popularSearch hr {
    border: 1px;
    height: 1px;
    background-color: #eaeaec
}

.desktop-pSearchTitle {
    position: absolute;
    margin-top: -15px;
    background: #fafbfc;
    padding-right: 10px;
    color: #282c3f;
    font-size: 12px;
    font-weight: 500
}

.desktop-pSearchlinks {
    margin-top: 30px
}

.desktop-pSearchlinks>a {
    text-decoration: none;
    color: #696b79;
    font-size: 15px;
    line-height: 25px
}

.desktop-pSearchlinks>a:after {
    content: "|";
    margin-left: 3px
}

.desktop-pSearchlinks>a:last-child:after {
    content: ""
}

.desktop-gInfoTitle,
.desktop-or {
    font-size: 12px
}

.desktop-fInfoSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 40px
}

.desktop-contact {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #696b79
}

.desktop-contact>a {
    text-decoration: none;
    font-weight: 500;
    color: #526cd0
}

.desktop-greetings {
    float: left;
    left: 0;
    right: 0;
    position: absolute;
    margin: 8px auto auto
}

.desktop-copywrite {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #94969f;
    text-align: end
}

.desktop-horizontalLine {
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #d4d5d9
}

.desktop-keepInTouch {
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 20px
}

.desktop-facebook {
    width: 20px;
    height: 21px
}

.desktop-facebook,
.desktop-instagram,
.desktop-twitter,
.desktop-youtube {
    margin: 0 15px 0 0;
    display: inline-block
}

.desktop-flipkartCompany {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: end
}

.desktop-flipkartCompany>a {
    color: #94969f
}

.desktop-gyanContainer {
    line-height: 18px;
    color: #94969f;
    font-size: 14px;
    border-top: 1px solid #eaeaec;
    margin: 15px 0 0
}

.desktop-gyanContainer h1,
.desktop-gyanContainer h2,
.desktop-gyanContainer h3 {
    font-size: 14px
}

.desktop-gyanContainer li {
    list-style-type: decimal;
    margin: 1em 0
}

.desktop-myntraFashionSuperstarContainer {
    border-top: none
}

.desktop-gyanContainer strong {
    color: #535766 !important
}

.desktop-gyanContainer a {
    color: #696b79
}

.desktop-gyanContainer a:hover {
    text-decoration: underline
}

.desktop-gyanContainer h1,
h2,
h3 {
    margin-bottom: -10px;
    margin-top: 30px
}

@media (max-width:700px) {
    .desktop-gyanContainer {
        padding: 0 0 30px
    }
}

.index-seoContainer {
    padding: 20px 0 60px;
    color: #535766;
    width: 100%;
    text-align: justify
}

.index-title {
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    color: #696b79;
    font-size: 16px
}

.index-descContainer {
    font-size: 14px;
    line-height: 1.5;
    margin: 20px 0;
    color: #7e818c;
    width: 61%
}

.index-descContainer p:first-child {
    margin-top: 0
}

.index-descContainer strong {
    color: #696b79;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500
}

.index-descContainer a {
    font-weight: 500;
    color: #7e818c
}

.index-priceContainer {
    font-size: 12px;
    float: right;
    padding-left: 30px;
    max-width: 380px
}

.index-priceContainer td:last-child {
    white-space: nowrap
}

.index-priceContainer table {
    border-collapse: collapse
}

.index-priceContainer td,
th {
    text-align: left;
    padding: 8px
}

.index-dateTitle {
    font-style: italic;
    padding: 10px 0 0 6px;
    font-weight: 700
}

.index-toggleRead {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #118beb
}

.index-lcContainer {
    margin: 30px 0;
    padding: 20px 0 0;
    border-top: 1px solid #eaeaec;
    font-size: 15px;
    font-style: normal;
    line-height: 20px
}

.index-lcHeader {
    font-weight: 500;
    color: #282c3f
}

.index-lcAddress {
    color: #94969f
}

.index-lcInfoContainer {
    margin-top: 10px;
    display: inline-block;
    width: 100%
}

.index-lcAddress {
    width: 70%;
    display: inline-block
}

.index-lcLegalInfo {
    width: 30%;
    display: inline-block;
    color: #94969f
}

.index-lcLegalInfo p {
    margin: 0
}

.index-highlightText {
    color: #526cd0;
    font-weight: 500
}

@media (max-width:600px) {
    .index-lcContainer {
        margin: 20px 0;
        padding: 0
    }

    .index-lcInfoContainer {
        margin: 0;
        display: block
    }

    .index-lcAddress,
    .index-lcLegalInfo {
        width: 100%;
        display: block
    }

    .index-lcLegalInfo {
        margin-top: 20px
    }
}

.mobile-base {
    padding: 0 20px
}

.mobile-oShopping {
    display: block;
    font-size: 14px !important;
    color: #282c3f !important;
    padding: 10px 0;
    font-weight: 500
}

.mobile-oShopping:after {
    content: " " !important
}

.mobile-appLink {
    background-color: #526cd0;
    font-weight: 500;
    text-align: center;
    border-radius: 3px;
    margin: 15px 0;
    height: 45px
}

.mobile-myntExp {
    font-weight: 500;
    clear: both;
    font-size: 14px
}

.mobile-android,
.mobile-ios,
.mobile-windows {
    display: inline-block;
    margin: 10px 10px 10px 0
}

.mobile-btnText {
    top: -18px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.mobile-popularLinks,
.mobile-usefulLinks {
    color: #696b79;
    font-size: 15px;
    line-height: 23px
}

.mobile-popularLinks>p,
.mobile-usefulLinks>p {
    font-size: 14px;
    color: #282c3f;
    padding: 10px 0;
    font-weight: 500
}

.mobile-popularLinks>a,
.mobile-usefulLinks>a {
    text-decoration: none;
    color: #696b79;
    font-size: 15px
}

.mobile-popularLinks>a:after,
.mobile-usefulLinks>a:after {
    content: "|";
    margin-left: 3px;
    color: #eaeaec
}

.mobile-socialLinks {
    color: #696b79;
    font-size: 15px;
    line-height: 23px
}

.mobile-socialLinks>p {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #282c3f;
    padding: 10px 0;
    font-weight: 500
}

.mobile-popularLinks>a:last-child:after,
.mobile-usefulLinks>a:last-child:after {
    content: ""
}

.mobile-contact {
    color: #696b79
}

.mobile-copyright {
    color: #94969f;
    font-size: 15px
}

.mobile-hideFooterData {
    display: none
}

.mobile-flipkartCompany {
    color: #94969f
}

.mobile-facebook,
.mobile-instagram,
.mobile-twitter,
.mobile-youtube {
    margin: 0 25px 0 0
}

.mobile-gyanContainer {
    color: #94969f;
    font-size: 14px;
    border-top: 1px solid #eaeaec;
    margin: 15px 0 0
}

.mobile-gyanContainer h1,
.mobile-gyanContainer h3 {
    font-size: 14px
}

.mobile-gyanContainer li {
    list-style-type: decimal;
    margin: 1em 0
}

.mobile-gyanContainer strong {
    color: #535766 !important
}

.mobile-gyanContainer a {
    color: #696b79
}

.mobile-gyanContainer a:hover {
    text-decoration: underline
}

.PostLoginAction-amnContainer {
    width: 360px;
    padding: 36px;
    background-color: #fff;
    color: #525669;
    text-align: left
}

.PostLoginAction-amnHeading {
    font-weight: 500;
    font-size: 18px;
    margin-top: 32px
}

.PostLoginAction-amnDescription {
    font-size: 14px;
    margin: 16px 0 20px
}

.PostLoginAction-amnButton {
    font-size: 14px;
    background-color: #ff3f6c;
    padding: 12px 0;
    color: #fff;
    text-align: center;
    font-weight: 500;
    border-radius: 2px;
    cursor: pointer
}

.Modal-modalOverlay {
    height: 100%;
    width: 100%;
    z-index: 111;
    opacity: .64;
    background-color: #282c3f
}

.Modal-modalContent,
.Modal-modalOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Modal-modalContent {
    z-index: 112;
    overflow: auto;
    text-align: center;
    padding: 4px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .3)
}

.Modal-modalContent:after {
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.Modal-modalDialog {
    position: relative;
    outline: 0;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: auto;
    cursor: default;
    border-radius: 4px
}