.flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev {
    display: none
}

.home-slider-wrap {
    max-width: 1640px;
    position: relative;
    margin: 0 auto
}

    .home-slider-wrap ul, .home-slider-wrap li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .home-slider-wrap .bx-next, .home-slider-wrap .bx-prev, .flex-prev, .flex-next {
        background: url(../images/prev.png) no-repeat;
        display: block;
        font-size: 0;
        left: 5%;
        margin-top: -14px;
        position: absolute;
        top: 50%;
        height: 27px;
        width: 15px;
        outline: none !important
    }

    .home-slider-wrap .bx-next, .flex-next {
        background: url(../images/next.png) no-repeat;
        left: auto;
        right: 5%
    }

    .home-slider-wrap .bx-prev:hover, .flex-prev:hover {
        background: url(../images/prev-dark.png) no-repeat
    }

    .home-slider-wrap .bx-next:hover, .flex-next:hover {
        background: url(../images/next-dark.png) no-repeat
    }

    .home-slider-wrap .bx-next.disabled, .home-slider-wrap .bx-prev.disabled {
        display: none
    }

.slider-loading li {
    display: none
}

.banner-slider-wrap {
    position: relative
}

    .banner-slider-wrap ul, .banner-slider-wrap li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .banner-slider-wrap .flex-control-nav {
        position: absolute;
        left: 0;
        bottom: 10px;
        width: 50%;
        text-align: center;
        padding-left: 0;
        margin: 0 25%
    }

        .banner-slider-wrap .flex-control-nav li {
            display: inline-block;
            vertical-align: middle;
            margin: 0 6px
        }

        .banner-slider-wrap .flex-control-nav a {
            width: 12px;
            height: 12px;
            background: #dad4ca;
            display: inline-block;
            font-size: 0;
            text-align: center;
            cursor: pointer;
            border-radius: 50%
        }

            .banner-slider-wrap .flex-control-nav a.flex-active {
                background: #ffa053;
                width: 16px;
                height: 16px
            }

.banner-full-image img {
    display: block;
    width: 100%
}

.banner-wrap {
    height: 400px;
    max-width: 2000px;
    position: relative;
    background: url(../images/front/home-page-banner.jpg) center top no-repeat;
    background-size: cover
}

.banner-cover-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.banner-section {
    padding: 60px 0;
    width: 460px;
    text-align: center;
    margin-right: 120px;
    font-size: 14px;
    color: #554335;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: auto
}

    .banner-section h1 {
        font-family: cinzel,serif;
        color: #e10e0e;
        font-size: 60px;
        margin: 0 0 20px
    }

.off-section-wrap {
    display: flex;
    flex-wrap: wrap;
    font-family: cinzel,serif;
    font-size: 36px;
    color: #554335;
    position: relative;
    padding: 0 0 10px
}

    .off-section-wrap::before {
        content: " ";
        background: url(../images/front/plus.png) no-repeat;
        width: 26px;
        height: 26px;
        position: absolute;
        left: 50%;
        top: 20px;
        margin-left: -13px
    }

.off-section {
    width: 45%;
    text-align: center
}

    .off-section:last-child {
        margin-left: auto
    }

    .off-section span {
        font-size: 18px;
        display: block;
        font-weight: 700
    }

.btn-black-transparent, .btn-banner {
    text-transform: uppercase;
    font-family: Georgia;
    font-size: 21px;
    color: #676767;
    font-weight: 700;
    border: 2px solid #676767;
    display: inline-block;
    padding: 17px 70px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

    .btn-black-transparent:hover, .btn-black-transparent:focus, .btn-banner {
        background: #f85451;
        border-color: #f85451;
        color: #fff
    }

        .btn-banner:hover {
            color: #fff;
            opacity: .9
        }

.slider-secondary-wrap {
    padding: 0 0 60px;
    text-align: center;
    position: relative
}

    .slider-secondary-wrap h2 {
        font-family: cinzel,serif;
        font-size: 30px;
        color: #a16d3b;
        margin: 0 0 10px
    }

        .slider-secondary-wrap h2 a {
            color: #a16d3b
        }

    .slider-secondary-wrap h3 {
        color: #424242;
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 7px
    }

.price-info {
    color: #e63f10;
    font-size: 16px;
    line-height: 1.2;
    position: relative
}

    .price-info span {
        display: block
    }

    .price-info .first {
        margin-left: 24px
    }

    .price-info .second {
        margin-left: 12px
    }

.lines2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-height: 34px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.lines3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.slide-in {
    padding: 0 25px
}

.price-pro {
    color: #43505c;
    font-size: 14px;
    padding: 0 0 2px
}

    .price-pro span {
        text-decoration: line-through
    }

.sale-pr {
    font-size: 16px;
    margin: 0 0 5px
}

    .sale-pr span {
        font-weight: 700;
        color: #43505c
    }

    .sale-pr strong {
        font-weight: 700;
        color: #e10e0e
    }

.review-st img, .review-st span {
    display: inline-block;
    vertical-align: middle
}

.slider-secondary-wrap ul, .slider-secondary-wrap li {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 502px
}

.slider-secondary-wrap .flex-control-nav, .customer-slider .flex-control-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-left: 0
}

.customer-slider .flex-control-nav {
    bottom: -25px;
    display: block !important
}

    .slider-secondary-wrap .flex-control-nav li, .customer-slider .flex-control-nav li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 6px
    }

    .slider-secondary-wrap .flex-control-nav a, .customer-slider .flex-control-nav a {
        width: 12px;
        height: 12px;
        background: #dad4ca;
        display: inline-block;
        font-size: 0;
        text-align: center;
        cursor: pointer;
        border-radius: 50%
    }

        .slider-secondary-wrap .flex-control-nav a.flex-active, .customer-slider .flex-control-nav a.flex-active {
            background: #ffa053;
            width: 16px;
            height: 16px
        }

.outer-section, .gemstone-wrap, .loose-diamond-inner {
    max-width: 1600px;
    margin: 0 auto
}

.title-section {
    text-align: center;
    padding: 0 0 10px
}

    .title-section h2 {
        font-family: cinzel,serif;
        font-size: 30px;
        color: #a16d3b;
        margin: 0 0 10px
    }

        .title-section h2 a {
            color: #a16d3b
        }

    .title-section h3 {
        font-family: cinzel,serif;
        font-weight: 700;
        font-size: 24px;
        color: #43505c;
        margin: 0 0 15px
    }

    .title-section p {
        color: #43505c;
        font-size: 13px;
        font-family: arial;
        font-weight: 700;
        text-transform: uppercase
    }

.collection-wrap, .weeding-bd-wrap {
    background: url(https://www.trijewels.com/images/front/collect-bg.png) repeat-x;
    padding-top: 30px;
    margin: 0;
}

.items-section-wrap {
    padding: 0 15px 50px
}

.items-section {
    position: relative;
    transition: all .5s ease;
    margin: 0 0 10px
}

    .items-section:hover {
        box-shadow: 0 28px 35px rgba(0,0,0,.33);
        margin-top: -5px
    }

    .items-section > img {
        display: block;
        width: 100%
    }

.item-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.item-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 26px 10px 10px;
}

.items-section h3 {
    font-weight: 300;
    font-size: 30px;
    color: #6a6560;
    margin: 0 0 18px
}

.items-section a {
    color: #43505c;
    font-size: 13px;
    font-family: arial;
    text-transform: uppercase;
    text-decoration: underline !important
}

.box-wrap {
    padding: 0 25px;
    margin: 0 0 20px
}

.box {
    position: relative;
    font-style: italic;
    background: #f8f5f1;
    font-style: normal;
    padding: 25px 30px 10px 10px;
    margin: 0 0 20px 20px;
    min-height: 170px;
    -moz-border-radius: 6px 6px 6px 0;
    -webkit-border-radius: 6px 6px 6px 0;
    border-radius: 6px 6px 6px 0;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.over-hide {
    overflow: hidden
}

.star-wrap {
    text-align: right
}

    .star-wrap img {
        max-width: 15px
    }

.box h3 {
    font-weight: 700;
    font-size: 15px;
    color: #38393c;
    margin: 0 0 2px
}

.info-date {
    color: #b7b7b7;
    margin: 0 0 10px
}

.box p {
    font-size: 14px;
    color: #43505c;
    margin: 0 0 10px
}

.info-md {
    font-size: 13px;
    color: #77787b
}

.box-img {
    float: left;
    width: 95px;
    margin-left: -30px;
    margin-top: 8px
}

.box-info {
    margin-left: 100px
}

.box-img img {
    display: block;
    box-shadow: 0 3px 40px rgba(0,0,0,.1)
}

.customer-slider {
    position: relative;
    padding: 0 40px
}

    .customer-slider ul, .customer-slider li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .customer-slider .flex-prev, .customer-slider .flex-next {
        position: absolute;
        left: 15px;
        top: 78px;
        background: url(../images/prev.png) no-repeat;
        width: 15px;
        height: 27px;
        font-size: 0;
        display: block;
        outline: none
    }

        .customer-slider .flex-prev:hover {
            background: url(../images/prev-dark.png) no-repeat
        }

    .customer-slider .flex-next {
        background: url(../images/next.png) no-repeat;
        left: auto;
        right: 15px
    }

        .customer-slider .flex-next:hover {
            background: url(../images/next-dark.png) no-repeat
        }

.under-line {
    text-decoration: underline !important
}

.customer-bot {
    text-align: right;
    margin: 0 65px 15px 0
}

    .customer-bot span, .customer-bot a {
        display: inline-block;
        vertical-align: middle;
        color: #b9b9b9
    }

.jewelry-section-wrap {
    padding: 20px 0;
    background: #eef0f1
}

.instagram-wrap {
    padding: 45px 0
}

    .instagram-wrap .title-section {
        padding: 0;
        margin: 0
    }

.instagram-section {
    text-align: center
}

.gemstone-wrap {
    padding: 0 15px
}

.loose-diamond-wrap {
    overflow: hidden;
    background: #eef7f6;
    padding: 45px 0 20px
}

.loose-section {
    text-align: center
}

.loose-diamond-wrap .title-section {
    padding: 0;
    margin: 0 0 10px
}

.loose-section a {
    position: relative;
    display: block;
    padding: 35px 5px 40px;
    color: #a0afb5;
    font-size: 14px;
    text-transform: uppercase
}

.diamond-sprite {
    background-image: url(../images/front/loose-diamond/loose-diamond-sprites.png);
    background-repeat: no-repeat;
    display: inline-block
}

.diamond-Asscher {
    width: 56px;
    height: 57px;
    background-position: -5px -5px
}

.diamond-Asscher-net {
    width: 54px;
    height: 53px;
    background-position: -71px -5px
}

.diamond-Cushion {
    width: 60px;
    height: 60px;
    background-position: -135px -5px
}

.diamond-Cushion-net {
    width: 59px;
    height: 59px;
    background-position: -205px -5px
}

.diamond-Emerald {
    width: 51px;
    height: 85px;
    background-position: -274px -5px
}

.diamond-EmeraldEmerald {
    width: 53px;
    height: 81px;
    background-position: -5px -74px
}

.diamond-Heart {
    width: 75px;
    height: 67px;
    background-position: -68px -100px
}

.diamond-Heart-net {
    width: 69px;
    height: 66px;
    background-position: -153px -100px
}

.diamond-Marquise {
    width: 46px;
    height: 91px;
    background-position: -232px -100px
}

.diamond-Marquise-net {
    width: 46px;
    height: 86px;
    background-position: -5px -201px
}

.diamond-Oval {
    width: 60px;
    height: 84px;
    background-position: -61px -201px
}

.diamond-Oval-net {
    width: 59px;
    height: 84px;
    background-position: -131px -201px
}

.diamond-Pear {
    width: 51px;
    height: 77px;
    background-position: -200px -201px
}

.diamond-Pear-net {
    width: 52px;
    height: 76px;
    background-position: -261px -201px
}

.diamond-Princess {
    width: 62px;
    height: 62px;
    background-position: -335px -5px
}

.diamond-Princess-net {
    width: 62px;
    height: 62px;
    background-position: -335px -77px
}

.diamond-Radiant {
    width: 55px;
    height: 77px;
    background-position: -323px -149px
}

.diamond-Radiant-net {
    width: 54px;
    height: 75px;
    background-position: -323px -236px
}

.diamond-round {
    width: 64px;
    height: 65px;
    background-position: -5px -321px
}

.diamond-round-net {
    width: 64px;
    height: 64px;
    background-position: -79px -321px
}

.loose-section img {
    display: block;
    margin: 0 auto 12px
}

.loose-section a em {
    font-style: normal
}

.img-wr {
    display: block;
    min-height: 95px
}

.round-wrap .img-wr, .princess-wrap .img-wr, .cushion-wrap .img-wr, .heart-wrap .img-wr {
    padding-top: 10px
}

.asscher-wrap .img-wr {
    padding-top: 13px
}

.pear-wrap .img-wr {
    padding-top: 4px
}

.loose-section a:hover .loose-overlay {
    display: block
}

.loose-overlay {
    display: none;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 35px 5px 45px;
    -moz-box-shadow: 0 16px 50px rgba(79,140,141,.4);
    -webkit-box-shadow: 0 16px 50px rgba(79,140,141,.4);
    box-shadow: 0 16px 50px rgba(79,140,141,.4)
}

    .loose-overlay span {
        display: block;
        color: #42738c
    }

.advantages-wrap {
    padding: 45px 0
}

.advantages-section {
    text-align: center;
    padding: 10px 0 0;
    color: #6c6868;
    font-size: 14px
}

    .advantages-section h2 {
        margin: 0 0 30px
    }

    .advantages-section ul, .advantages-section li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .advantages-section ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }

    .advantages-section li {
        display: block;
        vertical-align: middle;
        width: 14.28571428571429%;
        padding: 0 5px 20px
    }

.advantage-img {
    width: 100px;
    position: relative;
    max-width: inherit;
    margin: 0 auto 10px
}

.advantages-section strong {
    font-weight: 400
}

.advantages-home {
    background: #eef7f6
}

.view-more-customer {
    padding: 10px 0;
    text-align: center
}

.info-emphas {
    font-weight: 700;
    color: #6a6161
}

.passion-section-wrap {
    background: url(../images/front/labor-passion.jpg) center top no-repeat;
    background-size: cover;
    padding: 90px 0 60px
}

.passion-section .title-section h3 {
    color: #fff;
    margin: 0 0 40px
}

.passion-img {
    margin: 0 0 20px
}

    .passion-img a:hover img {
        -moz-box-shadow: 0 3px 40px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 3px 40px rgba(0,0,0,.4);
        box-shadow: 0 3px 40px rgba(0,0,0,.4)
    }

.passion-in {
    padding: 0 15px
}

.passion-info {
    color: #ccd4d8
}

    .passion-info h3 {
        color: #fff;
        font-weight: 700
    }

    .passion-info h3 {
        margin: 0 0 13px
    }

.stone-section {
    position: relative;
    margin: 0 0 30px;
    transition: all .5s ease
}

    .stone-section:hover {
        box-shadow: 0 28px 35px rgba(0,0,0,.33);
        margin-top: -5px
    }

    .stone-section img {
        display: block;
        width: 100%
    }

.stone-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1
}

.stone-desc {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 35px 30px 0
}

.stone-big .stone-desc {
    width: 40%
}

.stone-desc h3 {
    font-size: 30px;
    font-weight: 300;
    color: #6a6560;
    margin: 0 0 12px
}

.stone-desc a {
    font-family: arial;
    font-size: 13px;
    color: #43505c;
    text-transform: uppercase;
    text-decoration: underline !important
}

.stone-desc-inner {
    font-size: 16px;
    color: #6a6560
}

    .stone-desc-inner span {
        color: #e8635c
    }

    .stone-desc-inner p {
        padding: 0 0 5px !important
    }

.dropline-wrap {
    border-top: none;
    margin-top: 0
}

.customer-seciton-wrap {
    padding: 15px 0 30px;
    position: relative
}

.timerspan {
    position: absolute;
    color: #fff;
    font-size: 2.45vw;
    width: 29%;
    top: 81.5%;
    height: 16%
}

.timerspan1 {
    right: 52.39%
}

.timerspan2 {
    right: 51.45%
}

.timerspan3 {
    right: 50.53%
}

.timerspan4 {
    right: 49.62%
}

.slide-in .pro-img img {
    mix-blend-mode: multiply
}

.slide-in {
    margin: 18px;
    padding: 0 0 10px;
    background-color: #f6f6f6
}

.stip-outer {
    background: 0 0;
    display: flex;
    flex-wrap: wrap
}

.trust-mobile {
    display: none;
}

.trust-google {
    background: #F4F3F0;
    width: 100%;
    text-align: center;
    padding: 0 15px;
    position: relative;
}

    .trust-google img {
        max-height: 115px;
        mix-blend-mode: multiply;
    }

    .trust-google .trustpilot {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 50%;
    }

    .trust-google .google {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50%;
    }

.stip-col {
    width: 47%;
    text-align: right;
    padding: 0 15px;
    position: relative
}

    .stip-col:last-child {
        margin-left: auto;
        text-align: left
    }

.stip-or {
    position: absolute;
    right: -8%;
    top: 10%;
    font-weight: 700;
    height: 80%;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

    .stip-or:before {
        content: " ";
        background: #717171;
        width: 2px;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0
    }

    .stip-or span {
        position: relative;
        background: #fff;
        padding: 5px 0
    }

.stip-bdr-top {
    border-top: 1px solid #e2e2e2
}

.stip-bdr-bot {
    border-bottom: 1px solid #e2e2e2
}

div.affirmD {
    max-width: 658px;
    position: relative;
}

    div.affirmD a {
        position: absolute;
    }

        div.affirmD a.learnmore {
            right: 0;
            top: 18%;
            height: 45%;
            width: 19%;
        }

        div.affirmD a.lenders {
            right: 15%;
            top: 76%;
            height: 25%;
            width: 12%;
        }

div.affirmM {
    position: relative;
}

    div.affirmM a {
        position: absolute;
    }

        div.affirmM a.learnmore {
            left: 0;
            top: 55%;
            height: 27%;
            width: 100%;
        }

        div.affirmM a.lenders {
            left: 75%;
            top: 84%;
            height: 18%;
            width: 15%;
        }

@media(min-width:768px) {

    .newsletter-checks {
        border: 0 none;
        bottom: 51%;
        height: 22px;
        left: 66%;
        position: absolute;
        width: 32%;
    }

        .newsletter-checks .newsletter-check {
            width: 18px;
            height: 20px;
            cursor: pointer;
            background: transparent;
            border: none;
        }

        .newsletter-checks label {
            width: 125px;
            display: inline-block;
            height: 18px;
        }

    .newsletter-submit {
        border: 0 none;
        bottom: 31.75%;
        height: 22px;
        left: 66%;
        position: absolute;
        width: 32%;
    }

        .newsletter-submit .news-email {
            left: 0;
            position: absolute;
            width: 100%;
            height: 22px;
        }

            .newsletter-submit .news-email:focus {
                border: none;
            }

        .newsletter-submit .newsSubmit {
            background-color: #ff8062;
            border-radius: 0;
            color: white;
            position: absolute;
            left: 0;
            top: 29px;
            height: 24px;
            width: 100%;
            padding: 0;
        }

        .newsletter-submit .newsCancel {
            background-color: #ff8062;
            border-radius: 0;
            color: white;
            position: absolute;
            left: 0;
            top: 59px;
            height: 24px;
            width: 100%;
            padding: 0;
        }

    .newsletter-ctrls label, .newsletter-ctrls input {
        cursor: pointer;
    }

    #newsletter-modal .modal-content {
        box-shadow: 7px 7px 7px #666;
    }
}

@media(max-width:1400px) {
    .slide-in {
        margin: 11px
    }

    .small-title {
        font-size: 25px !important
    }
}

@media(max-width:1200px) {
    /* .popup-section.popup-email {
        display: none;
    }*/

    .btn-black-transparent, .btn-banner {
        padding: 8px 25px;
        font-size: 11px
    }

    .items-section-wrap {
        padding-left: 30px;
        padding-right: 30px
    }

    .items-section h3 {
        font-size: 22px
    }

    .item-info {
        padding: 15px 5px 10px
    }

    .stone-desc {
        padding-top: 10px
    }

        .stone-desc h3 {
            font-size: 18px;
            margin: 0 0 5px
        }

    .stone-big .stone-desc {
        width: 50%;
        top: 2%
    }

    .stone-desc-inner {
        font-size: 13px
    }

    .advantages-section {
        font-size: 11px
    }

    .passion-in {
        padding: 0
    }

    .slide-in {
        padding: 0 10px
    }

    .slider-secondary-wrap h3 {
        font-size: 14px
    }

    .slider-secondary-wrap .flex-prev {
        left: 15px
    }

    .star-wrap {
        margin-left: -25px
    }
}

@media(max-width:992px) {
    .banner-wrap {
        height: 295px
    }

    .banner-section {
        bottom: 5px
    }

        .banner-section h1 {
            font-size: 20px
        }

    .btn-black-transparent, .btn-banner {
        padding: 6px 20px
    }

    .item-info {
        padding: 15px 10px 10px
    }

    .items-section h3 {
        font-size: 16px;
        margin: 0 0 10px
    }

    .items-section a {
        font-size: 10px
    }

    .title-section h2 {
        font-size: 24px
    }

    .stone-desc {
        padding: 10px 20px 0
    }

        .stone-desc a {
            font-size: 11px
        }

        .stone-desc h3 {
            font-size: 15px;
            margin: 0 0 5px
        }

    .stip-outer {
        display: block
    }

    .stip-col, .stip-col:last-child {
        width: 100%;
        text-align: center;
        padding: 10px 20px
    }

    .stip-or {
        position: relative;
        width: 100%;
        right: auto;
        margin-top: 20px;
        display: block
    }

        .stip-or:before {
            left: 0;
            width: 100%;
            height: 1px;
            top: 50%
        }

        .stip-or span {
            padding: 0 5px
        }

    .advantages-section li {
        width: 33.33%;
        padding: 0 20px 20px
    }

    .passion-section-wrap {
        padding: 40px 0 20px
    }

    .passion-info h3 {
        font-size: 13px
    }

    .passion-info {
        font-size: 13px
    }

    .items-section-wrap {
        padding-left: 15px;
        padding-right: 15px
    }

    .loose-diamond-inner {
        padding: 0 15px
    }

    .star-wrap {
        margin-left: 0
    }

    .timerspan {
        font-size: 3.6vw;
        top: 61.5%
    }

    .timerspan1 {
        right: 52.96%
    }

    .timerspan2 {
        right: 51.7%
    }

    .timerspan3 {
        right: 50.45%
    }

    .timerspan4 {
        right: 49.2%
    }
}

@media(max-width:767px) {
    .flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev {
        display: block
    }

    .banner-wrap {
        height: auto;
        background-size: 100% auto !important;
        margin-bottom: 30px
    }

    .banner-slider-wrap .flex-control-nav {
    }

    .banner-section {
        position: absolute;
        left: 0;
        bottom: 5px;
        width: 100%;
        padding: 0
    }

        .banner-section h1 {
            font-size: 20px
        }

    .banner-mobile img {
        display: block;
        width: 100%
    }

    .btn-black-transparent, .btn-banner {
        padding: 10px 15px;
        font-size: 11px
    }

    .box {
        padding: 20px;
        margin-left: 0
    }

    .box-img {
        float: none;
        margin: -60px auto 20px
    }

    .box-info {
        margin-left: 0
    }

    .customer-slider {
        padding: 0 25px
    }

        .customer-slider li {
            padding-top: 40px
        }

        .customer-slider .flex-prev, .customer-slider .flex-next {
            top: 50%;
            margin-top: -15px
        }

    .stone-big .stone-desc {
        width: 100%;
        top: 0
    }

    .jewelry-section-wrap {
        padding: 50px 20px
    }

    .loose-diamond-inner {
        padding: 0 20px
    }

    .star-wrap {
        text-align: left
    }

    .slider-secondary-wrap .flex-control-nav li {
        margin: 0 2px
    }

    .slide-in {
        padding: 0 5px
    }

    .customer-slider .flex-direction-nav li {
        padding: 0
    }

    .advantages-wrap {
        padding: 20px 0 0
    }

    .advantages-section {
        padding: 0
    }

        .advantages-section li {
            width: 48%;
            margin: 0;
            padding: 0 5px 30px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    .timerspan {
        font-size: 5vw;
        top: 40.5%
    }

    .timerspan1 {
        right: 49.25%
    }

    .timerspan2 {
        right: 47.55%
    }

    .timerspan3 {
        right: 45.85%
    }

    .timerspan4 {
        right: 44.25%
    }

    .slide-in {
        margin: 5px
    }

    .trust-desktop {
        display: none;
    }

    .trust-mobile {
        display: block;
    }

    .trust-google img {
        height: initial;
        mix-blend-mode: multiply;
		max-height: 50px;
    }

    .trust-google .trustpilot {
        position: absolute;
        left: 0;
        top: 0;
        height: 50%;
        width: 100%;
    }

    .trust-google .google {
        position: absolute;
        right: 0;
        top: 50%;
        height: 50%;
        width: 100%;
    }
}