@media all and (max-width: 1400px){

    /*.jewelry-bg {height: 300px;}*/

}

@media all and (max-width: 1280px){

    .wisdom-img { height: 300px;}
    
    .custom-piece-sub-title {margin-bottom: 15px;}
    .service-block-title {font-size: 22px;}
    .service-block-inner {font-size: 14px; margin-bottom: 30px;}
    .sec-map {border-top: 5px solid #97D1DC; border-bottom: 5px solid #97D1DC;}
    .main-menu {font-size: 11px;}
    .main-menu > li ul {top: 40px;}
    .main-menu > li ul::after {top: -10px;}
    .inner-banner-small-title {font-size: 16px;}
    .inner-banner-title {font-size: 28pt; line-height: 1.2em;}

    .service-field-tab {max-width: 200px;}
    .mc-field-group.service-field-cell {width: 120px;}
    .clear.service-field-cell {width: 80px;}
    .pearls-of-wisdom-wrapper {border-bottom: 5px solid #97d1dc;}
    .owner-quote {padding: 50px 0;}
    .watch-block:after, .testimonial_left:after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5);}
    .style-block.style-right.watch-block:after {background-color: rgba(0, 0, 0, 0.5);}
    .style-block.style-right:after, .style-left-top:after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7);}
    .style-block.style-right .style-right-inner, .style-left-top .style-left-inner {z-index: 1;}
    .watch-block .style-inner {z-index: 1;}

    .wink-popup .g-recaptcha {transform:scale(0.45);-webkit-transform:scale(0.45);transform-origin:0 0;-webkit-transform-origin:0 0; margin-top: 2px;}
    .final-msg p {font-size: 14px;}
}

@media (min-width:1024px) and (max-width:1100px) {
    .popup .popup-content { width:800px; margin:0px auto;}
}
@media (max-width:1023px) {
    .popup .popup-content { width:auto; margin:0px 20px;}
}

@media all and (max-width: 1023px){

    /*.jewelry-bg {height: 200px; padding: 15px;}*/

}

@media all and (max-width: 980px){

    .banner-text{left: 2.5%; padding: 0;}
    .logo {max-width: 150px;}
    .jewel_img{width: 50%;background-size: 100% auto;}
    .owner-quote{width: 50%; padding: 50px 20px;}
    .owner-quote-inner{width: 100%}
    .bracelet-top-txt {right: 5%;}


    .testimonial_left{width: 50%;padding: 50px 20px}
    .testimonial_right{width: 50%;padding: 50px 20px}

    .wink_jewel_img{background-size: 100% auto;}
    .wink-desc-inner{padding: 50px 20px}
    .wink-desc-left{width: 45%}
    .wink_jewel_img{width: 55%}
    .owl-dots{bottom: 20px;}


    .service-wrapper{padding: 50px 0;background-size: 60% auto; background-position: right -81% top}
    .footer-logo{width: 35%;}
    .footer-menu{width: 35%;padding: 0 20px;}
    .footer-contact{width: 30%}
    .footer-wrpper-inner{padding: 50px 0}
    .footer-logo img { width: 140px;}

    .team-block{width: 47%; margin: 0 1% 2%}
    .wink-desc {font-size: 10pt;}

    .customer-title, .customer-sub-title {font-size: 20px;}
    .customer-sub-title {margin-bottom: 20px;}
    .customer-desc {font-size: 14px; margin-bottom: 30px;}  
    .customer-desc::after {bottom: -15px;}
    .customer-auther {font-size: 12px;}
    .service-desc br {display: none;}
    .style-left .wink-title {font-size: 22px;}
    .act-of-love-left .about-sub-title, .act-of-love-left .about-block-title, .custom-piece-title, .custom-piece-sub-title {font-size: 20px;}

}

@media all and (min-width: 768px){

    .menu {display: block !important;}
    .open-close {display: none !important;}
    .main-menu > li:hover > ul{display: block;}
}

@media all and (max-width: 767px){

    .logo {max-width: 200px;}
    .footer-logo img {
        width: 200px;
    }
    .testimonial_left {border-right: none;}
    .owner-jewelry {border-top: 5px solid #97d1dc;}
    header .menu a:hover, header .menu li.current-menu-item a {color: #000; border-color: #000;}
    .mobile-menu {
        display: inline-block;
        cursor: pointer;
        width: 40px;
    }
    .mobile-menu span {
        float: left;
        width: 28px;
        height: 2px;
        margin-bottom: 5px;
        background-color: #000;
    }
    .main-menu {
        font-size: 14px;
    }
    .logo-wrapper-inner {padding: 10px;}
    .partner-logo:nth-child(4), .partner-logo:nth-child(5) {display: none;}

    .mobile-menu img{width: 40px;}
    header .menu {left: 0;position: absolute; top: 110%;width: 100%;background: #B59772; display: none;}
    .header-wrapper{top: 20px;}

    .menu-block{float: right; margin-top: 12px;}
    .menu-wrapper{width: 100%;}
    header .menu li{width: 100%; text-align: center;}
    

    .main-menu > li ul{width: 100%; background: #fff; position: static; margin-top: 15px; padding-top: 10px;}
    .main-menu > li li {padding-left: 0; margin-bottom: 0; padding-bottom: 10px;}
    .main-menu > li li:last-child {padding-bottom: 0;}
    .main-menu > li:hover > a, .main-menu > li.current-menu-item > a {color: #000;}
    .main-menu > li ul a{color: #B59772; font-size: 14px !important;}
    .main-menu > li .menu-item-has-children ul{width: 100%;position: inherit; background: #B59772; margin-top: 5px;}
    .main-menu > li .menu-item-has-children ul a{color: #fff;}


    .social-wrapper a{font-size: 12px;height: 20px;line-height: 18px;text-align: center; width: 20px;}
    .social-wrapper{position: absolute;right: 10px; top: -30px; margin-top: 0}


    .bold-beauty {font-size: 22pt; line-height: 1.2em;}
    .bold-txt::after {font-size: 25pt; line-height: 1.2em; top: -5px;}
    .slide-desc {font-size: 12px; margin-top: 10px;}
    .slide-text button {margin-top: 15px; padding: 5px 25px;}
    .bold-txt{padding-right: 40px;}
    .this-will{margin-bottom: 5px}
    .banner-text{width: 100%; left: 0; padding: 80px 2.5% 0}


    .owner-jewelry-inner{display: block;}
    .jewel_img{height: 150px;display: block;width: 100%; background-size: auto 100%;}
    .owner-quote {
        width: 100%;
        display: block;
        padding-top: 20px;
        max-width: 350px;
        margin: 0 auto;
    }
    .owner-quote{font-size: 25pt; line-height: 35pt;}

    .testimonial-wrapper-inner{display: block;}
    .testimonial_left{display: block;width: 100%;}
    .testimonial_right{display: block;width: 100%;border-left: 0; border-top: 2px solid #fff}
    .testi_desc{padding: 0 0 50px}


    .wink-jewelry-inner{display: block;padding-bottom: 50px;}
    .wink-desc-left{display: block;width: 100%; }
    .wink-desc-inner{padding-bottom: 10px;}
    .wink_jewel_img {background-size: auto 100%;display: block;height: 150px; width: 100%;}

    .service-wrapper-inner{display: block;width: 100%;}
    .service-block{width: 100%; display: block;border-right: 0; border-bottom: 1px solid #303030; padding: 30px 0;}
    .service-btn input[type="text"] {width: 65%;}
    .service-block:last-child{border-bottom: 0}
    .service-wrapper{padding: 0px 15px; background-position: right -81% bottom;}


    .footer-logo{width: 100%; display: block;}
    .footer-menu{width: 100%; display: block;padding: 0; margin: 50px 0}
    .footer-contact{width: 100%; display: block;}
    .footer-wrpper-inner{padding: 50px 20px 0;}


    .innerpage-banner .banner-img{height: 350px;}
    .inner-banner-small-title{font-size: 16pt;line-height: 19pt; padding:0 20px}
    .inner-banner-title{font-size: 22pt; line-height: 25pt;}

    .act-of-love-left{display: block;width: 100%; padding: 50px 20px;}
    .act-of-love-right{display: block;width: 100%;height: 250px;}

    .all-about-love-wrapper{padding: 50px 0}
    

    .team-wrapper{padding: 0 20px;}

    .jewerly-team-wrapper{padding: 50px 0}
    .team-block{width: 100%; margin: 0 0 20px 0;}
    .member-img{height: 250px;}
    .member-desc {padding: 30px 10px;}

    .wisdom-img { height: 300px;}

    .pearls-of-wisdom-wrapper{padding-top: 50px;}
    #wisdom-slider{margin-top: 50px;}

    .cecils-on-camera-wrapper{padding: 50px 0}
    .cecils-on-camera-inner-wrapper{margin-top: 50px;}

    .about-block-title{padding: 0 20px}

    .jewelry-img {padding: 0;}
    
    /*.jewelry-bg {height: 350px;}*/
    .innerpage-banner img {height: 100%; object-fit: cover;}
    
    .video-block {width: 100%; margin: 0; display: block; margin-bottom: 15px;}

    h1 {font-size: 32px;}
    h2 {font-size: 24px;}
    h2 br {display: none;}
    .col-3, .col-4, .col-5 {width: 100%;}
    .col-blog { margin-bottom: 30px;}

    .banner-inner {margin-bottom: 20px;}
    .sec-more {display: block;}
    .more-left {display: block; width: 100%; margin-bottom: 20px;}
    .more-right {display: block; width: 100%; margin-bottom: 20px;}
    .style-left {width: 100%; height: auto; border-right: none; padding-bottom: 15px;}
    .style-right {width: 100%; height: 300px;}
    .style-blocks-left {width: 100%;}
    .style-left-top {height: 300px;}
    .style-right-top {width: 100%; height: 500px;}
    .sec-dimond {padding: 30px 0;}
    .d-img-tbl {margin-bottom: 15px;}
    .dimond-blocks li {margin-bottom: 20px; width: 150px;}
    .sec-style-slider .style-left {height: auto;}
    .rotate-breslet {max-width: 300px; margin: 0 auto;}

    .bridal-top {display: block;}
    .bridal-top-img {display: block; width: 100%; margin-bottom: 15px;}
    .bridal-top-txt{display: block; width: 100%;}
    
    .note {font-size: 16px; padding: 15px; margin-bottom: 30px;}
    .best-team {width: 100%; height: auto;}
    .bridal-blocks {margin-bottom: 0;}
    .customer-blocks {display: block;}
    .customer-left, .customer-right {display: block; width: 100%;}

    .col-2 {width: 100%;}
    .custom-piece-blocks {display: block;}
    .custom-piece-left {display: block; width: 100%;}
    .custom-piece-right {display: block; width: 100%;}
    .col-45, .col-55 {width: 100%;}

    .bracelet-top-txt {right: 15px; left: 15px; text-shadow: 1px 1px 1px #000;}
    .slide-text {width: 98%;}
    .this-will {font-size: 14px;}
    footer .social-wrapper {position: static; margin-top: 10px;}

    .service-field-tab {
        max-width: none;
        display: inline-block;
    }
    .mc-field-group.service-field-cell {width: 170px;}
    .clear.service-field-cell {width: 90px;}
    .tab-row {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .social-wrapper {display: none;}
    .menu .social-wrapper {
        display: block;
        float: none;
        position: static;
        margin: 15px;
        text-align: center;
    }
    .menu .social-wrapper li {width: auto;}
    .pearls-of-wisdom-wrapper {border-bottom: none;}
    .pear-img {border-right: none; border-bottom: 5px solid #97d1dc;}
    .wink-popup .popup-content {
        margin: 0;
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px;
        transform: none;
    }
    .wink-popup-wrap {height: 100%; overflow-y: auto; overflow-x: hidden;}
    .wink-popup .contact-form {
        width: 100%;
        padding: 0;
    }
    .final-msg {width: 100%; padding: 0 15px 15px 15px;}
    .wink-popup .g-recaptcha {transform: scale(0.8); -webkit-transform: scale(0.8);}
    .wink-popup .form-btn {text-align: left;}
    .testimoniali-title {font-size: 26px;}
    .testi_desc {font-size: 14px; line-height: 1.5em;}
    .partner-logo-cell {padding: 0 10px;}
    .main-menu > li ul::after {display: none;}
    .main-menu > li > a {padding-bottom: 0;}

    .main-menu a.open-close {
        position: absolute;
        right: 10px;
        top: 5px;
        height: 28px;
        width: 28px;
        background-image: url("../images/down-arrow.png");
        background-repeat: no-repeat;
        background-size: 15px auto;
        background-position: center center;
        z-index: 2;
    }
    .main-menu li.active a.open-close {background-image: url("../images/up-arrow.png");}
    .bracelet-top, .bridal-top {margin-bottom: 20px;}
    .time {font-size: 12px;}
    .service-field-cell button {line-height: 1em;}
    .bridal-block {margin-bottom: 15px;}

    .view_collection button {display: block; margin: 10px auto;}

    .desktop_slder_home { display: none;}
    .mobile_slider_image { display: block;}    

}