.mydiamond, .dp-carat-desktop {
    display: block
}

.dp-carat-mob {
    display: none
}

a.panel-div-close:hover {
    text-decoration: none
}

a.item-code-link {
    color: #fff
}

    a.item-code-link:visited {
        border-bottom: 0;
        color: #fff;
        text-decoration: none
    }

    a.item-code-link:focus, a.item-code-link:hover {
        border-bottom: 1px solid #d22224;
        text-decoration: none
    }

.slpanel-column-separator-jewelry, .slpanel-column-separator-dp {
    background: radial-gradient(circle farthest-side at 50%,#585858 50%,#060707 100%);
    display: block;
    height: 160px;
    left: 1px;
    position: relative;
    top: -123px;
    width: 1px
}

.slpanel-column-separator-dp {
    left: -3px;
    top: -87px
}

.jewelry-panel {
    background-color: #000;
    display: inline-block;
    font-size: 11px;
    height: 166px;
    width: 405px
}

.jewelry-panel-img {
    float: left;
    margin-left: 21px;
    margin-top: 16px;
    vertical-align: top
}

.jewelry-panel-info {
    color: #c6b246;
    display: inline-block;
    margin-left: 15px;
    margin-top: 14px;
    padding-left: 3px;
    width: 230px
}

    .jewelry-panel-info .descritpion {
        height: 50px !important;
        line-height: 17px !important;
        margin-bottom: 12px !important;
        margin-top: 12px !important
    }

.jewelry-price {
    margin-left: 0;
    margin-top: 9px;
    position: absolute
}

.dp-price {
    margin-left: 0;
    margin-top: 15px;
    position: absolute
}

#panel div.panel_div_jewelry {
    float: left;
    height: 166px;
    margin-right: 5px;
    margin-top: 3px;
    width: 405px
}

div.panel_div_jewelry a.panel-div-close {
    color: #969696;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-left: 344px;
    margin-top: 131px;
    position: absolute;
    z-index: 4001 !important
}

#divsliding {
    bottom: 0;
    height: auto !important;
    left: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 4000 !important
}

    #divsliding .sliding-tabs-bg {
        background: url(/images/slidingpanel/bckgrnd.jpg) repeat-x top left;
        display: block;
        width: 100%;
        z-index: 3999 !important
    }

        #divsliding .sliding-tabs-bg, #divsliding .sliding-tabs-bg div {
            height: 25px;
            line-height: 25px
        }

    #divsliding .tabsliding {
        color: #642100;
        cursor: pointer;
        font-family: Tahoma;
        font-size: 12px;
        position: relative;
        width: 100%;
        z-index: 4000 !important
    }

    #divsliding .sliding-tabs, #divsliding .sliding-center-part, #divsliding .sliding-other-services {
        float: left
    }

    #divsliding .sliding-tabs {
        width: 55%
    }

        #divsliding .sliding-tabs span {
            color: #a63300;
            font-family: Tahoma;
            font-size: 11px;
            font-weight: 700
        }

    #divsliding .sliding-center-part {
        width: 5%
    }

    #divsliding .footer-menu-desktop, .footer-menu-mob {
        border-bottom: 1px solid red;
        height: 35px
    }

    #divsliding .footer-menu-desktop-text:hover, #divsliding .footer-menu-text:hover {
        color: #e8d495 !important
    }

@media all and (min-width: 0px) {
    #divsliding .sliding-tabs {
        width: 56%
    }

    #divsliding .sliding-center-part {
        width: 4%
    }
}

#divsliding .sliding-other-services {
    display: none;
    width: 40%
}

#divsliding .sliding-tabs div {
    float: left;
    padding: 0 5px 0 2px
}

#divsliding .sliding-center-part div {
    margin: 3px 5px
}

#divsliding .sliding-arrow, #divsliding .sliding-arrow-collapse {
    background: url(/images/core/main-sprite.png) no-repeat;
    height: 19px !important;
    width: 20px
}

#divsliding .sliding-arrow {
    background-position: 0 -81px
}

#divsliding .sliding-arrow-collapse {
    background-position: 0 -60px
}

#divsliding .sliding-other-services div {
    float: right;
    padding: 0 0 0 5px
}

#divsliding .sliding-register-link {
    color: #820202;
    font-size: 14px;
    font-weight: 400
}

#panel, #panel-top {
    color: #999;
    display: none;
    overflow: hidden;
    position: relative;
    width: auto
}

    #panel .transparency {
        left: 0;
        opacity: .9;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1 !important
    }

    #panel, #panel .transparency {
        background-color: #000;
        height: 166px
    }

#spanButtonLine, #spanButtonLine_sl {
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    margin-right: 19px;
    margin-top: 20px;
    text-align: left;
    width: 210px;
    z-index: 4001 !important
}

    .spanButtonLine .separator, #spanButtonLine_sl .separator {
        display: inline-block;
        width: 34px
    }

    #spanButtonLine .spanbutton, #spanButtonLine_sl .spanbutton {
        background-color: #000;
        border: solid 2px #d3b36c;
        color: #d3b36c;
        cursor: pointer;
        display: inline-block;
        font-family: Lato;
        font-size: 14px;
        font-weight: 600;
        height: 32px;
        letter-spacing: 1px;
        line-height: 28px;
        margin-bottom: 12px;
        overflow: hidden;
        text-align: center;
        width: 210px
    }

.slpanel-column-separator {
    background: radial-gradient(circle farthest-side at 50%,#585858 50%,#060707 100%);
    display: block;
    height: 160px;
    left: 4px;
    position: relative;
    top: -130px;
    width: 1px
}

#spanButtonLine .find {
    background-color: #d3b36c;
    color: #000
}

#panel div.panel_div {
    float: left;
    height: 166px;
    margin-top: 3px;
    width: 280px
}

#divtabcompare, #divtabjewelry, #divtabhistory {
    display: inline-block
}

#divtabhistory {
    font-weight: 500 !important
}

.diamond-panel {
    background-color: #000;
    display: inline-block;
    font-size: 11px;
    width: 280px
}

.diamond-panel-info {
    color: #c6b246;
    display: inline-block;
    margin-left: 5px;
    margin-top: 14px;
    padding-left: 3px;
    text-align: left
}

.dp-panel {
    background-color: #000;
    display: inline-block;
    font-size: 11px;
    width: 455px
}

#panel div.panel_div_dp {
    float: left;
    height: 166px;
    margin-right: 12px;
    margin-top: 3px;
    width: 455px
}

div.panel_div_dp a.panel-div-close {
    color: #969696;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-left: 289px;
    margin-top: 130px;
    position: absolute;
    z-index: 4001 !important
}

.dp-panel-info {
    color: #c6b246;
    display: inline-block;
    margin-left: 10px;
    margin-top: 14px;
    padding-left: 3px
}

.dp-panel-img {
    float: left;
    margin-left: 7px;
    margin-top: 13px;
    vertical-align: top
}

    .dp-panel-img img {
        width: 135px
    }

#diamondInfoTab div {
    color: #e8d495;
    font-size: 13px;
    font-weight: 600;
    height: 18px;
    line-height: 18px
}

    #diamondInfoTab div span {
        color: #fff;
        text-align: right;
        white-space: normal
    }

.diamond-panel-img {
    float: left;
    margin-left: 5px;
    margin-top: 13px;
    vertical-align: top
}

    .diamond-panel-img img {
        margin-left: 8px
    }

#diamondImageTab .sliding-panel-item-compare {
    color: #fff;
    height: 15px;
    margin: -14px 0 0
}

#diamondImageTab .compare-pairs-cbx {
    margin: 25px 0 0
}

#diamondImageTab .sliding-panel-item-compare label {
    cursor: pointer;
    font-size: 9px;
    line-height: 11px !important;
    margin-top: 1px;
    position: absolute
}

#diamondInfoTab .price {
    line-height: 27px;
    text-align: left;
    text-transform: capitalize;
    width: 70px
}

#diamondInfoTab .price.price-promo{
    width:auto;
}

div.panel_div a.panel-div-close {
    color: #969696;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-left: 155px;
    margin-top: 130px;
    position: absolute;
    z-index: 4001 !important
}

.slidingPaneltooltip {
    background-color: #000;
    border: 1px solid red;
    color: #fff;
    display: none;
    font-size: 16px !important;
    font-weight: 400;
    left: 55px;
    padding: 7px 5px !important;
    position: absolute;
    top: -38px;
    z-index: 3000
}

#divpaneldiamonds, #divpaneljewelry, #divpaneldiamondpairs, #divpanelhistory {
    display: none
}

#tooltip {
    background-color: #ffffe1;
    border: 1px solid #CCBC6F;
    color: #000;
    padding: 3px !important;
    position: absolute;
    z-index: 3000
}

    #tooltip h3, #tooltip div {
        color: #000 !important;
        font-size: 11px;
        font-weight: 400;
        margin: 0 !important;
        padding: 0 !important
    }

.sidebar_rb {
    margin: 0 0 10px;
    overflow-x: auto;
    padding-bottom: 1px;
    white-space: nowrap
}

.display-none {
    display: none !important
}

#divpanelhistory div.panel_div {
    margin-right: 4px
}

#divpanelhistory div.slpanel-column-separator-jewelry {
    margin-left: 4px
}

#divpanelhistory div.panel_div_jewelry a.panel-div-close {
    margin-left: 347px
}

#divpanelshoppingcart div.panel_div {
    margin-right: 7px
}

#divpanelshoppingcart div.slpanel-column-separator-jewelry {
    left: 0;
    margin-left: 1px
}

#divpanelshoppingcart div.panel_div_jewelry a.panel-div-close {
    margin-left: 345px
}

#divpanelshoppingcart div.jewelry-panel-img {
    margin-left: 24px
}

.toggle-tab-bg .footer-menu-desktop-text, .toggle-tab-bg .footer-menu-text, .gold_label {
    color: #e8d495 !important
}

@media (width: 768px) {
    .dp-carat-desktop {
        display: none
    }

    .dp-carat-mob {
        display: block
    }

    #panel div.panel_div {
        float: left;
        height: 120px;
        margin-top: 3px;
        max-width: 190px;
        text-align: left
    }

    .diamond-panel {
        font-size: 10px;
        height: 120px;
        max-width: 190px
    }

    .diamond-panel-info {
        margin-right: -12px;
        margin-top: 10px;
        padding-left: 6px;
        text-align: left
    }

    .diamond-panel-img {
        float: left;
        margin-right: -5px;
        margin-top: 10px;
        padding-left: 0;
        text-align: left;
        vertical-align: top
    }

        .diamond-panel-img img {
            height: 96px;
            width: 96px
        }

    #diamondInfoTab div {
        font-size: 10px;
        font-weight: 400;
        height: 12px;
        line-height: 12px
    }

    div.panel_div a.panel-div-close {
        font-size: 10px;
        font-weight: 600;
        margin-left: 105px;
        margin-top: 91px;
        position: absolute;
        z-index: 4001 !important
    }

    #diamondInfoTab .price {
        line-height: 20px;
        margin-top: 2px;
        text-align: left;
        width: 70px
    }

    .separ3dia-1, .separ3dia-2, .separ2dia-1 {
        background: radial-gradient(circle farthest-side at 50%,#585858 50%,#060707 100%);
        display: block;
        height: 120px;
        position: absolute;
        top: 5px;
        width: 1px
    }

    .separ3dia-1 {
        left: 286px
    }

    .separ3dia-2 {
        left: 484px
    }

    .separ2dia-1 {
        left: 387px
    }

    #spanButtonLine_sl {
        display: block;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4px;
        text-align: center;
        width: 100%
    }

        #spanButtonLine_sl .spanbutton {
            border: solid 1px #d3b36c;
            font-size: 12px;
            font-weight: 400;
            height: 26px;
            letter-spacing: 1px;
            line-height: 24px;
            margin-left: 6px;
            margin-right: 6px;
            width: 183px
        }

    .invert {
        background-color: #d3b36c !important;
        color: #000 !important
    }

    #jew_but_find, #dia_but_find, #dp_but_find, #shop_check {
        margin-left: 9px !important;
        margin-right: 3px !important
    }

    .two-diamonds-sep {
        width: 1px !important
    }

    .panel_div .two-diamonds {
        max-width: 321px;
        text-align: center;
        width: 300px
    }

    .diamond-panel .two-diamonds {
        max-width: 321px;
        width: 321px
    }

    .two-diamonds-img {
        margin-left: 43px
    }

    .one-diamond-img {
        margin-left: 0
    }

    .two-diamonds-info {
        margin-right: 40px;
        padding-left: 0
    }

    .two-diamonds-close {
        margin-left: 152px !important
    }

    .one-diamond-info {
        padding-left: 18px
    }

    .one-diamond {
        float: none !important;
        margin-left: auto;
        margin-right: auto
    }

    .one-diamond-but {
        margin-top: 70px
    }

    .jewelry-panel {
        font-size: 11px;
        height: inherit;
        margin-left: 17px;
        width: 270px
    }

    .jewelry-panel-img {
        margin-left: 0;
        margin-top: 13px
    }

        .jewelry-panel-img img {
            height: 90px;
            width: 90px
        }

    #sl-jewelry-carousel, #sl-shoppingcart-carousel, #sl-diamonds-carousel, #sl-diamondpairs-carousel {
        margin-left: auto;
        margin-right: auto;
        table-layout: fixed;
        width: 700px
    }

    #panel .c-carousel span.sprite-Banner_Arrow_Left {
        margin-left: 23px;
        margin-top: -2px
    }

    #panel .c-carousel span.sprite-Banner_Arrow_Right {
        margin-left: 10px;
        margin-top: -2px
    }

    #sl-history-carousel {
        margin-left: auto;
        margin-right: auto;
        margin-top: 23px;
        table-layout: fixed;
        width: 700px
    }

    .jewelry-panel-info {
        margin-left: 8px;
        margin-top: 12px;
        padding-left: 3px;
        width: 165px
    }

        .jewelry-panel-info .descritpion {
            height: 33px !important;
            line-height: 12px !important;
            margin-bottom: 10px !important;
            margin-top: 8px !important
        }

    .jewelry-price {
        margin-left: 0;
        margin-top: 7px;
        position: absolute
    }

    #panel div.panel_div_jewelry {
        float: left;
        height: 120px;
        margin-right: 0;
        margin-top: 3px;
        text-align: left;
        width: 270px
    }

    div.panel_div_jewelry a.panel-div-close {
        font-size: 10px;
        font-weight: 400;
        margin-left: 240px;
        margin-left: 240px;
        margin-top: 91px
    }

    .slpanel-column-separator-jewelry {
        display: block;
        height: 110px;
        left: 387px;
        position: absolute;
        top: 5px;
        width: 1px
    }

    .one-jew-jewelry-panel {
        background-color: #000;
        display: inline-block;
        font-size: 11px;
        margin-left: 0;
        min-width: 500px;
        width: 100%
    }

    .one-jew-jewelry-panel-img {
        float: left;
        margin-left: 0;
        margin-top: 16px;
        vertical-align: top;
        width: 30%
    }

        .one-jew-jewelry-panel-img img {
            float: right;
            height: 85px;
            width: 85px
        }

    .one-jew-jewelry-panel-info {
        color: #c6b246;
        display: inline-block;
        margin-left: 25px;
        margin-top: 14px;
        padding-left: 3px;
        width: 60%
    }

    .one-jew-panel_div_jewelry {
        float: none;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
        min-width: 400px;
        text-align: left;
        width: 50%
    }

    .one-jew-panel-div-close {
        margin-left: 400px !important;
        margin-top: 124px
    }

    .slpanel-column-separator-dp {
        display: block;
        height: 110px;
        left: 386px;
        position: absolute;
        top: 5px;
        width: 1px
    }

    .dp-price {
        margin-left: 0;
        margin-top: 11px;
        position: absolute
    }

    .dp-panel {
        font-size: 11px;
        margin-left: 18px;
        text-align: left;
        width: 270px
    }

    #panel div.panel_div_dp {
        float: left;
        height: 120px;
        margin-right: 0;
        margin-top: 3px;
        width: 270px
    }

    div.panel_div_dp a.panel-div-close {
        font-size: 10px;
        font-weight: 400;
        margin-left: 204px;
        margin-top: 91px;
        position: absolute;
        z-index: 4001 !important
    }

    .dp-panel-info {
        margin-left: 0;
        margin-top: 11px;
        padding-left: 7px;
        text-align: left
    }

    .dp-panel-img {
        float: left;
        margin-left: -13px;
        margin-top: 10px;
        vertical-align: top
    }

        .dp-panel-img img {
            float: right !important;
            height: 100px;
            height: 96px !important;
            width: 100px;
            width: 96px !important
        }

    #divpaneldiamondpairs_sl .panel_div_dp:first-child {
        margin-left: -4px !important
    }

    #diamondImageTab img:last-child {
        margin-left: -2px;
        margin-right: 2px
    }

    .dp-price-1dp {
        margin-left: 0 !important;
        margin-top: 11px !important;
        position: absolute !important
    }

    .dp-panel-1dp {
        background-color: #000;
        display: inline-block !important;
        font-size: 11px !important;
        min-width: 300px !important;
        text-align: left !important;
        width: 100% !important
    }

    .panel_div_dp_1dp {
        float: left !important;
        height: 120px !important;
        margin-right: 0 !important;
        margin-top: 3px !important;
        min-width: 300px !important;
        width: 100% !important
    }

    .panel-div-close-1dp {
        color: #969696 !important;
        cursor: pointer !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        margin-left: 358px !important;
        margin-top: 94px !important;
        position: absolute !important;
        z-index: 4001 !important
    }

    .dp-panel-info-1dp {
        color: #c6b246 !important;
        display: inline-block !important;
        margin-left: 0 !important;
        margin-top: 13px !important;
        padding-left: 10px !important;
        text-align: left !important;
        width: 45% !important
    }

    .dp-panel-img-1dp {
        float: left !important;
        margin-left: 0 !important;
        margin-top: 8px !important;
        vertical-align: top !important;
        width: 55% !important
    }

    .history_d {
        float: none !important;
        margin-left: 50px !important;
        margin-right: 0 !important;
        max-width: 240px !important;
        width: 240px !important
    }

    .history_d_p {
        margin-left: auto;
        margin-right: auto;
        max-width: 240px !important;
        width: 240px !important
    }

    .history_dp_p {
        margin-left: auto;
        margin-right: auto;
        max-width: 270px !important;
        width: 270px !important
    }

    .separ-history, .separ-shop {
        background: radial-gradient(circle farthest-side at 50%,#585858 50%,#060707 100%);
        display: block;
        height: 110px;
        left: 387px;
        position: absolute;
        top: 28px;
        width: 1px
    }

    .separ-shop {
        top: 5px
    }

    .history-close {
        margin-left: 245px !important
    }

    .history-close-dp {
        margin-left: 187px !important
    }

    .slpanel-column-separator, .one-jew-separ, .one-dp-separ, .history_separ {
        display: none !important
    }

    .one-diamond-close, .panel-div-close-mycart {
        margin-left: 110px !important
    }

    #divpaneljewelry_sl .panel_div_jewelry:first-child, #divpanelhistory_sl .panel_div_jewelry:first-child {
        margin-left: 8px !important
    }

    .history_dp, .history_d_1, .history_j_1, .history_dp_1 {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 270px !important;
        width: 270px !important
    }
}

@media (max-width: 767px) {
    .dp-carat-mob {
        display: block
    }

    #panel div.panel_div {
        float: none;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
        min-width: 320px;
        text-align: left;
        width: 100%
    }

    .diamond-panel {
        font-size: 10px;
        height: 120px;
        min-width: 320px;
        width: 100%
    }

    .diamond-panel-info {
        margin-left: 0;
        margin-top: 10px;
        padding-left: 0;
        text-align: left;
        width: 50%
    }

    .diamond-panel-img {
        float: left;
        margin-left: 0;
        margin-top: 10px;
        text-align: left;
        vertical-align: top;
        width: 50%
    }

        .diamond-panel-img img {
            float: right;
            height: 100px;
            margin-right: 10px;
            width: 100px
        }

    #diamondInfoTab div {
        font-size: 10px;
        font-weight: 400;
        height: 12px;
        line-height: 12px;
        margin-left: 10px
    }

    #diamondInfoTab .price {
        line-height: 20px;
        margin-top: 11px;
        text-align: left;
        width: 70px
    }

    #spanButtonLine_sl {
        display: block;
        font-size: 12px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 4px;
        text-align: center;
        width: 100%
    }

        #spanButtonLine_sl .spanbutton {
            border: solid 1px #d3b36c;
            font-size: 12px;
            font-weight: 400;
            height: 26px;
            letter-spacing: 0;
            line-height: 24px;
            margin-left: 3px;
            margin-right: 3px;
            width: 100px
        }

    .find {
        width: 160px !important
    }

    .one-diamond-but {
        margin-top: 70px
    }

    .invert {
        background-color: #d3b36c !important;
        color: #000 !important
    }

    .dia-itemcode {
        margin-bottom: 11px
    }

    .jewelry-panel {
        font-size: 11px;
        height: inherit;
        margin-left: 0;
        min-width: 400px;
        width: 100%
    }

    .jewelry-panel-img {
        margin-left: 0;
        margin-top: 16px;
        width: 30%
    }

        .jewelry-panel-img img {
            float: right;
            height: 85px;
            width: 85px
        }

    .jewelry-panel-info {
        margin-left: 0;
        margin-top: 14px;
        padding-left: 3px;
        width: 70%
    }

        .jewelry-panel-info .descritpion {
            height: 33px !important;
            line-height: 12px !important;
            margin-bottom: 10px !important;
            margin-top: 8px !important
        }

    .jewelry-price {
        margin-left: 0;
        margin-top: 5px;
        position: absolute
    }

    #panel div.panel_div_jewelry {
        float: none;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
        min-width: 400px;
        text-align: left;
        width: 50%
    }

    .dp-price {
        margin-left: 0;
        margin-top: 11px;
        position: absolute
    }

    .dp-panel {
        font-size: 11px;
        min-width: 400px;
        text-align: left;
        width: 100%
    }

    #panel div.panel_div_dp {
        float: left;
        height: 120px;
        margin-right: 0;
        margin-top: 3px;
        min-width: 400px;
        width: 100%
    }

    .dp-panel-info {
        margin-left: 0;
        margin-top: 22px;
        padding-left: 10px;
        text-align: left;
        width: 45%
    }

    .dp-panel-img {
        float: left;
        margin-left: 0;
        margin-top: 8px;
        vertical-align: top;
        width: 55%
    }

        .dp-panel-img img {
            float: right;
            height: 100px;
            width: 100px
        }

    #sl-history-carousel {
        margin-left: auto;
        margin-right: auto;
        margin-top: 23px;
        table-layout: fixed;
        width: 100%
    }

    .history_d_1, .history_dp_1 {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: 400px !important;
        width: 100% !important
    }

    #sl-jewelry-carousel, #sl-diamondpairs-carousel, #sl-shoppingcart-carousel {
        margin-left: auto;
        margin-right: auto;
        table-layout: fixed;
        width: 100%
    }

    .slpanel-column-separator-jewelry, .history_separ {
        display: none !important
    }

    a.panel-div-close, .dp-carat-desktop, .slpanel-column-separator, .slpanel-column-separator-dp, .separ-shop, .separ-history {
        display: none
    }
}

@media (max-width: 540px) and (min-width: 500px) {
    .dp-panel-img {
        width: 60%
    }

    .dp-panel-info {
        width: 40%
    }
}

@media (max-width: 540px) and (min-width: 375px) {
    .dp-panel-img {
        width: 67%
    }

    .dp-panel-info {
        width: 33%
    }
}

@media (max-width: 600px) and (min-width: 500px) {
    #panel div.panel_div_jewelry, .jewelry-panel, #panel div.panel_div_dp, .dp-panel, .history_d_1, .history_j_1, .history_dp_1, .history_d, .history_j, .history_dp, .history_d_p, .history_j_p, .history_dp_p {
        width: 300px
    }
}

@media (max-width: 500px) and (min-width: 400px) {
    #panel div.panel_div_jewelry, .jewelry-panel {
        width: 250px
    }

    .jewelry-panel-info {
        width: 66%
    }

    .jewelry-panel-img {
        margin-left: 10px
    }

    #panel div.panel_div_dp, .dp-panel {
        width: 300px
    }
}

@media (max-width: 400px) and (min-width: 350px) {
    .dp-panel {
        width: 270px
    }
}

@media (max-width: 768px) {
    #divpanelshoppingcart, #divpaneldiamonds, #divpaneljewelry, #divpaneldiamondpairs, #divpanelhistory {
        display: none
    }
}

@media (width: 414px) {
    #panel, #panel .transparency {
        background-color: #000;
        height: 149px
    }

    #spanButtonLine_sl {
        display: block;
        font-size: 11px;
        margin-left: 0;
        margin-right: 0;
        margin-top: -5px;
        width: 100%
    }

        #spanButtonLine_sl .spanbutton {
            font-size: 11px;
            font-weight: 400;
            height: 23px;
            letter-spacing: 0;
            line-height: 22px;
            margin-left: 3px;
            margin-right: 3px;
            width: 121px
        }

    .find {
        width: 140px !important
    }

    #panel .c-carousel span.sprite-Banner_Arrow_Left {
        margin-left: 27px;
        margin-top: -6px
    }

    #panel .c-carousel span.sprite-Banner_Arrow_Right {
        margin-left: 1px;
        margin-top: -6px
    }

    .jewelry-panel {
        font-size: 11px;
        height: inherit;
        margin-left: 31px;
        max-width: 307px !important;
        min-width: 250px !important;
        width: 270px
    }

    .jewelry-panel-img {
        margin-left: 0;
        margin-top: 10px
    }

        .jewelry-panel-img img {
            height: 92px;
            width: 92px
        }

    .jewelry-panel-info {
        display: inline-block;
        margin-left: 11px;
        margin-top: 10px;
        padding-left: 0;
        width: 175px
    }

        .jewelry-panel-info .descritpion {
            height: 33px !important;
            line-height: 12px !important;
            margin-bottom: 10px !important;
            margin-top: 8px !important
        }

    .jewelry-price {
        margin-left: 0;
        margin-top: 8px;
        position: absolute
    }

    #panel div.panel_div_jewelry {
        float: left;
        height: 120px;
        margin-right: 0;
        margin-top: 3px;
        max-width: 307px !important;
        min-width: 250px !important;
        text-align: left;
        width: 270px
    }

    #panel div.panel_div {
        float: none;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
        min-width: 320px;
        text-align: left;
        width: 100%
    }

    .diamond-panel {
        font-size: 10px;
        height: 110px;
        min-width: 320px;
        width: 100%
    }

    .diamond-panel-info {
        margin-left: -3px;
        margin-top: 8px;
        padding-left: 0;
        text-align: left;
        width: 50%
    }

    .diamond-panel-img {
        float: left;
        margin-left: -1px;
        margin-top: 5px;
        text-align: left;
        vertical-align: top;
        width: 50%
    }

        .diamond-panel-img img {
            float: right;
            height: 98px;
            margin-right: 10px;
            width: 98px
        }

    #diamondInfoTab div {
        font-size: 10px;
        font-weight: 400;
        height: 12px;
        line-height: 12px;
        margin-left: 10px
    }

    #diamondInfoTab .price {
        line-height: 20px;
        margin-top: 8px;
        text-align: left;
        width: 70px
    }

    .dia-itemcode {
        margin-bottom: 10px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (width: 1024px),only screen and (min-device-pixel-ratio: 2) and (width: 1024px) {
    #panel, #panel .transparency {
        background-color: #000;
        height: 118px
    }

    .slpanel-column-separator-jewelry {
        display: block;
        height: 110px;
        left: 2px;
        position: relative;
        top: -81px;
        width: 1px
    }

    .slpanel-column-separator-dp {
        display: block;
        height: 110px;
        left: -3px;
        position: relative;
        top: -58px;
        width: 1px
    }

    .jewelry-panel {
        font-size: 11px;
        height: 166px;
        width: 275px
    }

    .jewelry-panel-img {
        margin-left: 13px;
        margin-top: 10px
    }

    .jewelry-panel-info {
        margin-left: 7px;
        margin-top: 12px;
        padding-left: 3px;
        width: 160px
    }

        .jewelry-panel-info .descritpion {
            height: 40px !important;
            line-height: 13px !important;
            margin-bottom: 5px !important;
            margin-top: 6px !important
        }

    .jewelry-price {
        margin-left: 0;
        margin-top: 7px;
        position: absolute
    }

    .dp-price {
        margin-left: 0;
        margin-top: 13px;
        position: absolute
    }

    #panel div.panel_div_jewelry {
        float: left;
        height: 118px;
        margin-right: 5px;
        margin-top: 3px;
        width: 275px
    }

    #spanButtonLine {
        display: block;
        float: right;
        font-size: 12px;
        margin-right: 13px;
        margin-top: 14px;
        text-align: left;
        width: 170px
    }

        #spanButtonLine .spanbutton {
            font-size: 12px;
            font-weight: 600;
            height: 27px;
            letter-spacing: 1px;
            line-height: 24px;
            margin-bottom: 5px;
            width: 170px
        }

    .slpanel-column-separator {
        display: block;
        height: 110px;
        left: 7px;
        position: relative;
        top: -85px;
        width: 1px
    }

    #panel div.panel_div {
        float: left;
        height: 118px;
        margin-right: -2px;
        margin-top: 3px;
        width: 200px
    }

    .diamond-panel {
        font-size: 11px;
        width: 208px
    }

    .diamond-panel-info {
        margin-left: 5px;
        margin-top: 11px;
        padding-left: 3px;
        text-align: left
    }

    .dp-panel {
        font-size: 11px;
        width: 287px
    }

    #panel div.panel_div_dp {
        float: left;
        height: 166px;
        margin-right: 12px;
        margin-top: 3px;
        width: 287px
    }

    div.panel_div_dp a.panel-div-close {
        font-size: 10px;
        font-weight: 400;
        margin-left: 199px;
        margin-top: 91px;
        position: absolute;
        z-index: 4001 !important
    }

    .dp-panel-info {
        margin-left: 10px;
        margin-top: 11px;
        padding-left: 3px
    }

    .dp-panel-img {
        float: left;
        margin-left: 7px;
        margin-top: 13px;
        vertical-align: top
    }

    #diamondInfoTab div {
        font-size: 10px;
        font-weight: 400;
        height: 12px;
        line-height: 11px
    }

    .gold_label {
        color: #e8d495 !important
    }

    #diamondInfoTab div span {
        color: #fff;
        text-align: right;
        white-space: normal
    }

    .diamond-panel-img {
        float: left;
        margin-left: 5px;
        margin-top: 13px;
        vertical-align: top
    }

    .price {
        margin-top: -2px
    }

    #divpanelhistory div.slpanel-column-separator-jewelry {
        margin-left: 0
    }

    #divpanelshoppingcart div.jewelry-panel-img {
        margin-left: 13px
    }

    #divpanelshoppingcart div.slpanel-column-separator-jewelry {
        left: 1px
    }

    .jewelry-panel-img img, .dp-panel-img img, .diamond-panel-img img {
        height: 90px;
        width: 90px
    }

    #divpanelhistory div.panel_div_jewelry a.panel-div-close, #divpanelshoppingcart div.panel_div_jewelry a.panel-div-close {
        margin-left: 235px
    }
}

@media (max-width: 360px) {
    .width-on-s5 {
        width: 65px !important
    }
}

@media (min-width: 360px) and (max-width: 413px) {
    #panel, #panel .transparency {
        background-color: #000;
        height: 133px
    }

    #spanButtonLine_sl {
        display: block;
        font-size: 11px;
        margin-left: 0;
        margin-right: 0;
        margin-top: -17px;
        width: 100%
    }

        #spanButtonLine_sl .spanbutton {
            font-size: 10px;
            font-weight: 400;
            height: 21px;
            letter-spacing: 0;
            line-height: 20px;
            margin-left: 2px;
            margin-right: 2px;
            width: 110px
        }

    .find {
        width: 128px !important
    }

    #panel .c-carousel span.sprite-Banner_Arrow_Left {
        margin-left: 25px;
        margin-top: -18px
    }

    #panel .c-carousel span.sprite-Banner_Arrow_Right {
        margin-left: 3px;
        margin-top: -18px
    }

    .jewelry-panel {
        font-size: 11px;
        height: inherit;
        margin-left: 21px;
        max-width: 307px !important;
        min-width: 250px !important;
        width: 250px
    }

    .jewelry-panel-img {
        margin-left: 0;
        margin-top: 6px
    }

        .jewelry-panel-img img {
            height: 85px;
            width: 85px
        }

    .jewelry-panel-info {
        margin-left: 9px;
        margin-top: 6px;
        padding-left: 0;
        width: 160px
    }

        .jewelry-panel-info .descritpion {
            height: 33px !important;
            line-height: 12px !important;
            margin-bottom: 8px !important;
            margin-top: 8px !important
        }

    .jewelry-price {
        margin-left: 0;
        margin-top: 4px;
        position: absolute
    }

    #panel div.panel_div_jewelry {
        float: left;
        height: 120px;
        margin-right: 0;
        margin-top: 3px;
        max-width: 307px !important;
        min-width: 250px !important;
        text-align: left;
        width: 250px
    }

    #panel div.panel_div {
        float: none;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
        min-width: 250px;
        text-align: left;
        width: 250px
    }

    .diamond-panel {
        font-size: 10px;
        height: 100px;
        min-width: 250px;
        width: 250px
    }

    .diamond-panel-info {
        margin-left: -3px;
        margin-top: 5px;
        padding-left: 0;
        text-align: left;
        width: 110px
    }

    .diamond-panel-img {
        float: left;
        margin-left: 2px;
        margin-top: 6px;
        text-align: left;
        vertical-align: top;
        width: 50%
    }

        .diamond-panel-img img {
            float: right;
            height: 90px;
            margin-right: 8px;
            width: 90px
        }

    #diamondInfoTab div {
        font-size: 10px;
        font-weight: 400;
        height: 12px;
        line-height: 12px;
        margin-left: 10px
    }

    #diamondInfoTab .price {
        line-height: 20px;
        margin-top: 4px;
        text-align: left;
        width: 70px
    }

    .dia-itemcode {
        margin-bottom: 7px
    }

    .dp-price {
        margin-left: 0;
        margin-top: 11px;
        position: absolute
    }

    .dp-panel {
        font-size: 10px;
        min-width: 270px;
        text-align: left;
        width: 100%
    }

    #panel div.panel_div_dp {
        float: left;
        height: 120px;
        margin-right: 0;
        margin-top: 3px;
        min-width: 270px;
        width: 100%
    }

    .dp-panel-info {
        margin-left: 0;
        margin-top: 13px;
        padding-left: 10px;
        text-align: left;
        width: 90px
    }

    .dp-panel-img {
        float: left;
        margin-left: 0;
        margin-top: 2px;
        vertical-align: top;
        width: 180px
    }

        .dp-panel-img img {
            float: right;
            height: 90px;
            width: 90px
        }
}

@media (width: 568px) {
    #panel, #panel .transparency {
        height: 203px
    }

    .footer-menu-mob {
        height: 46px
    }
}

span.old-original-price {
    color: #d5d5d5 !important;
    text-decoration: line-through;
}