    .paddtop10 {margin-top:10px;}
    .ulList{list-style-type: disc;padding-left: 20px;}
    .sub-footer ul li {margin: 10px 46px 2px 0;float: left;}
    .chatlink {color: #dec15c;text-decoration: underline;}
    .yellow{color:#dec15c;}
    .cmscontent {font-size: 16px;line-height:130%;}
    .cmscontent h1 { font-size: 36px; color: #000; text-align: center; margin: 20px 0 30px; font-family: GOUDOS; }
    .cmscontent h2 { font-size: 32px; color: #000; text-align: left; margin: 12px 0 12px; font-family: GOUDOS; }
    .viewingPG h2.title { font-size: 32px; color: #000; text-align: left; margin: 0px 0 32px; font-family: GOUDOS; }

    .cmscontent p { font-size: 16px; color: #000; line-height: 150%;}
    .viewingPG p { font-size: 16px; color: #000; line-height: 150%;}
    .cmscontent h2.finance_engagement, .cmscontent h3{font-size:22px;}
    .cmscontent h2.finance_engagement{
        font-size:22px;
        color: #3D3834;
        font-family: inherit;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .cmscontent h2.title,
    .viewingPG h2.title {
        font-size: 36px;
        text-align: center;
    }

    .trustedgbl {
        background: #f8f8f8;
    }

    #catogery-Faqs h2 {
        font-size: 42px;
        color: #000;
        text-align: center;
        margin: 20px 0 30px;
        font-family: GOUDOS;
    }

    .cmscontent h2.title:after,
    .viewingPG h2.title:after {
    content: "";
    /*border-bottom: 1.5px solid #DEC15C;*/
    display: block;
    width: 100%;
    margin: 10px auto 0;
    max-width: 327px;
    }
    .viewingPG .cmscontent p {
    font-size: 16px !important;
    line-height: inherit;
    }
    .our-stores {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    }
    .our-stores .location-title {
    font-size: 28px;
    line-height: 34px;
    font-family: 'GOUDOS';
    }
    .our-stores .viewblock {
    padding: 0 10px !important;
    }
    .flex-buttons{display: flex;
    flex-direction: column;
    }
    html[lang='de'] .flex-buttons{flex-direction: column-reverse;}

    .viewtitle{ color: #dec15c; font-family: GOUDOS; font-size: 24px; margin: 0 0 30px; }
    .viewall{        background: #dec15c;
        color: #fff;
        padding: 7px 30px;
        border-radius: 30px;
        font-size: 14px;
        margin: 0px 0 20px;
        float: right; }
    .viewall:hover{ color: #fff; }
    .viewall:focus{ color: #fff; }

    .customerPg .btn {font-size:15px;}
    .address {font-size:14px;}
    .show991To_481,.show480{display:none;}
    .glob-icon {margin-bottom: 10px;
        /*min-height: 82px;*/ float: left;
    }
    .glob-icon img { width: 65px; }
    /*.cmscontent [class^="col"], .cmscontent > [class*="col-"] , .cmscontent > [class^="col"]{ margin:5px 0;}*/
    /*--- about us page ---*/
    .graph_container {margin: 0px 0;}
    .aboutus_ourstory{color: white; position: absolute; width: 100%; max-width: 660px; text-align:center; font-size: 5em;}
    .aboutus_ourstory.aboutus_ourstory_fr{font-size: 3em;}
    .aboutus_ourstory.aboutus_ourstory_de{font-size: 3em;}
    .aboutus_ourstory_underline{border-bottom: 2px solid currentColor;}
    .cmscontent .apad>[class*=col-]:nth-child(2) {
            border-left: 1.5px solid #dec15c;
            border-right: 1.5px solid #dec15c;
        }
    .titleMakers {text-transform: uppercase;}
    .titleMakers1 {text-transform: initial;}    
    /*--- Heritage page ---*/
    .divider_div { padding: 0px 30px;}
    .divider_div .col-xs-6 {padding:0px;}
    .Hpadd5{margin: 20px 0px 0px; text-align: center;}
    .Hpadd5 h4{ font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; margin: 25px 0px 0px }
    .Hpadd5 p{ color: #9A9A9A; padding: 15px 50px; }
    .sliderbtn{ position: absolute; top: 65%; width: 100%  }
    .sliderbtn .js-prev, .sliderbtn .js-next{  background: transparent;  border: none; }
    .sliderbtn .js-prev i, .sliderbtn .js-next i{  font-size: 30px;  color: #fff; }
    .sliderbtn .js-next{ float: right; padding: 0 15px 0 0; }
    .sliderbtn .js-prev{ float: left; padding: 0 0px 0 15px; }

    .olList li{ font-size: 14px; color: #000;  }
    .vcenteralign{ margin-top: 50px !important;  }   
    .diamond-home .diamond-home-content {
        min-height: 370px;
        background: #f3f3f3;
        padding: 15px 10px;
        margin-bottom: 30px;
        position: relative;
    }

    .diamond-home {
        margin: 40px 0 20px;
        padding: 20px 15px 5px;
    }

    .diamond-home-content button.btn {
        border: 1.25px solid #000000;
        box-sizing: border-box;
        border-radius: 20px;
        background-color: white;
        font-family: Simplo-Regular,Simplo;
        font-size: 14px;
        line-height: normal;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #1A1729;
        font-weight: 600;
    }

    .diamond-home-content p.get-in-touch{
        font-family: Simplo-Regular,Simplo;
        font-size: 14px;
        line-height: normal;
        color: #000000;
        padding: 95px 40px 0px;
    }
    .diamond-home-content h4.content-title {
        text-transform: uppercase;
        font-family: Simplo-Regular,Simplo;
        font-size: 11px;
        line-height: normal;
        text-align: center;
        letter-spacing: 0.1em;
        font-weight: bold;
        color: #000;
    }
    .diamond-home-content .bottom_learn_more{
        position: absolute;text-align: center;width: 95%;bottom: 25px;
    }
    .diamond-home-content span a b, .diamond-home-content a b, .diamond-home-content span span.InfinityNumber { color: #000000; }

    .diamond-home .content-diamond{background:url(../image/info_diamonds/diamond-diamond.jpg) no-repeat 0 0; background-size:100% auto;}
    .diamond-home .content-metal{background:url(../image/info_diamonds/diamond-metal.jpg) no-repeat 0 0; background-size:100% auto;}
    .diamond-home .content-ring{background:url(../image/info_diamonds/diamond-guid.jpg) no-repeat 0 0; background-size:100% auto;}
    .diamond-home .content-jewellery{background:url(../image/info_diamonds/diamond-care.jpg) no-repeat 0 0; background-size:100% auto;}
    .diamond-home .content-hallmarks{background:url(../image/info_diamonds/diamond-hallmarks.jpg) no-repeat 0 0; background-size:100% auto;}

    .diamond-home .content-braclet{background:url(../image/info_diamonds/diamond-braclet.jpg) no-repeat 0 0; background-size:100% auto;}
    .diamond-home .content-ring-women{background:url(../image/info_diamonds/emgagement-ring-women.jpg) no-repeat 0 0; background-size:100% auto;}
    .diamond-home .content-ring-men{background:url(../image/info_diamonds/engagement-ring-men.jpg) no-repeat 0 0; background-size:100% auto;}
    .diamond-home .content-diamond-chain{background:url(../image/info_diamonds/diamond-chain.jpg) no-repeat 0 0; background-size:100% auto;}
    .diamond-home .content-allance-marrage{background:url(../image/info_diamonds/allance-marrage.jpg) no-repeat 0 0; background-size:100% auto;}

    .diamond-guide{ margin: 40px 0 20px; background: #F8F8F8; padding: 20px 15px 5px; }
    .diamond-guide .panel-default{ border: none; margin-bottom: 20px; }
    .diamond-guide .panel-default .panel-body img{ margin: 0 auto 20px; }
    .diamond-guide .panel-default>.panel-heading{ background: #fff; border-bottom: none; }
    .diamond-guide .panel-default>.panel-heading h4{ text-transform: uppercase; color: #dec15c !important; padding: 15px 0 0px; font-family: 'Simplo-Medium'; }
    .diamond-guide .panel-default>.panel-heading h4 a{ position: relative; letter-spacing: 2px }
    .diamond-guide .panel-default>.panel-heading h4 a:after{ 
           margin: 5px 0 0px;
        height: 1.5px;
        content: " ";
        text-shadow: none;
        background-color: #dec15c;
        width: 100%;
        top: 100%;
        position: absolute;
        left: 0;
        right: 0px;
      }
    .diamond-guide .panel-default>.panel-body a.btn{ margin: 10px auto 15px; border: 1px solid #000; text-transform: uppercase; 
        font-size: 14px; border-radius: 30px; font-family: 'Simplo-Medium'; letter-spacing: 1.2px;
        color: #000 !important; }

    .diamond-guide .panel-default>.panel-body p{ color: #000; }

    .panel-default>.panel-heading{ background: transparent; border-radius: 0px; }
    .panel-default>.panel-heading+.panel-collapse>.panel-body{  }
    .panel{border: 0px; border-bottom: 1px solid #E5E5E5 !important; border-radius: 0px; }
    .panel-group .panel{ border-radius: 0px;     box-shadow: none; }

    div#loc_container4, div#loc_container1, div#loc_container2, div#loc_container6, div#loc_container3, div#loc_container20, div#loc_container19, div#loc_container18, div#loc_container9 {
        order: 5;
    }

    /*--- Heritage page ends ---*/
    /*--- institution page ends ---*/
    /*************** Office css start *********************/
    .map-off{background:url(../image/information/office.jpg)no-repeat 0 0; background-size:100% auto; height:381px;margin: 25px auto 0 auto; width:770px;}
    .offi-indi-flg{ background:url(../image/information/office.png)no-repeat -4px 0 ; height:41px;width:31px;display: block;
    position: relative;left: 507px;top:79px !important;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transition: all .1s ease; }
    .offi-indi-flg:hover{ -webkit-transform: scale(1.10,1.10);-moz-transform: scale(1.10,1.10); transform: scale(1.10,1.10); top:77px !important; }
    .offi-us-flg{ background:url(../image/information/office.png)no-repeat -67px 0 ; height:41px;width:33px;display: block;position: relative;left: 178px;top: -15px !important;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transition: all .1s ease;}
    .offi-us-flg:hover{-webkit-transform: scale(1.10,1.10);-moz-transform: scale(1.10,1.10); transform: scale(1.10,1.10);top:-16px !important;}
    .offi-uk-flg{ background:url(../image/information/office.png)no-repeat -35px 0 ; height:41px;width:33px;display: block;position: relative;left: 342px;top: 105px; -webkit-transform: scale(1,1);-moz-transform: scale(1,1);transition: all .1s ease;}
    .offi-uk-flg:hover{ -webkit-transform: scale(1.10,1.10);-moz-transform: scale(1.10,1.10);top:103px;}
    .offi-france-flg{ background:url(../image/information/office.png)no-repeat -98px 0 ; height:41px;width:33px;display: block;position: relative;left: 346px;top:53px !important; -webkit-transform: scale(1,1);-moz-transform: scale(1,1);transition: all .1s ease;}
    .offi-france-flg:hover{-webkit-transform: scale(1.10,1.10);-moz-transform: scale(1.10,1.10);top:51px!important;}
    .offi-germy-flg{ background:url(../image/information/office.png)no-repeat -130px 0 ; height:41px;width:33px;display: block;position: relative;left: 364px;top:85px;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transition: all .1s ease;}
    .offi-germy-flg:hover{-webkit-transform: scale(1.10,1.10);-moz-transform: scale(1.10,1.10);top:83px;}
    /*************** Office css end *********************/


    /*************finance css *************/
    /* #accordion .panel-title {font-size: 15px;} */
    #accordion .panel-title > a {display: block;text-decoration: none;}
    #accordion .more-less {float: right;color: #212121; font-size: 14px;}
    /*************finance css ends *******/
    /*-------Gold Guide css start -----*/
    .diamond-guide .panel-body{min-height:300px !important;} 
    .cmscontent .panel-body{min-height:auto;}
    .gold-guide .nav-tabs>li {width: 50%;font-size:18px;}

    .gold-guide .nav-tabs>li.active>a{ background: #ddd; }
    .gold-guide ul li.active a:hover{ border: none; }
    .gold-guide ul{ margin: 20px 0px; }

    .metal-circle{color: transparent;font-size: 0px;vertical-align: middle;border-width: 10px;border-radius: 50%;border-style: solid;}
    .ylw{border-color: #dec15c;}
    .mix{border-color: #dec15c #f5d265 #f5d265 #dec15c;}
    .rose{border-color: #e7b28b;}
    .wht{border-color: #dbdcdc;}
    .gold-guide ul p{padding-left:24px;}
    /*-------Gold Guide css ends -----*/
    .love-bg {background: url(../image/information/love-pic.png) no-repeat;min-height: 1054px;background-size: 100% 100%;}
    .love-rg-dv {float: right;margin-top: 194px;}
    .loverig-div {background: #282626!important;padding-top: 13px;padding-bottom: 13px;margin-right:15px !important;margin-bottom: 18px !important;opacity: .9;filter: alpha(opacity=90);}
    hr.jewellery{border-bottom:1px solid #000;display: inline-table;width:55%;margin: 0;}
    .jewellery-care-bn{background:url(../image/information/jewellery_care_guide_banner.jpg) no-repeat 0 0; background-size:100% 100%; width:100%;height:300px;margin-bottom: 10px;position:relative;}
    .jewellery-care_top_title{font-size:40px;text-transform:uppercase;color:#000000;line-height:100%;font-weight:normal;letter-spacing: -1px;}
    .jewellery-care_subtitle{font-size:25px;color:#000000;line-height:30px;padding: 29px 0px 0px 0px;width: 54%;margin: 0 auto;font-family: 'GoudyOldStyleT-Italic';}
    .jewellery-care_padding{top:50%;width: 60%;position: absolute;left: 0;transform: translateY(-50%);}
    /*---- bespoke code start here -----*/
    .bskwidth{padding:0;}
    .bespokbanner{background: url(../image/information/bespoke_experience.jpg) no-repeat;background-size: 100% 100%;height: 312px;}
    .bsk_heading {position: absolute;bottom: 0;width: 100%;}
    .bsk_heading>h1 {font-size: 35px;color: #fff;font-weight: 400;text-transform: uppercase;}
    .bsk_work {background: #a8beba;margin: 10px 0px;display:inline-block;}
    .bsk_work, .bsk_work>h2 {color: #fff;}
    .bsk_info > p {line-height: 15px;}
    .bsk_info {margin-bottom: 15px;padding:0 5px;}
    .bsk_h2 {padding: 15px 0 15px;font-size: 18px;line-height: 100%;margin-top: 0px;}
    .bsk-page{padding:0;max-width: 1440px;}
    .bsk-icons{background: url(../image/css_sprites.png) no-repeat;width: 86px;height: 86px;display: inline-block;margin: 0 auto;
    margin-top: 20px;}
    .bsk-icons.step1{background-position: -185px -365px;}
    .bsk-icons.step2{background-position: -300px -365px;}
    .bsk-icons.step3{background-position: -327px -215px;}
    .bsk-icons.expert{width: 33px;height: 25px;margin: 30px 0 10px 0;}
    .bsk-icons.expert.expert1{background-position: -444px -227px;}
    .bsk-icons.expert.expert2{background-position: -446px -318px;}
    .bsk-icons.expert.expert3{background-position: -444px -364px;}
    .bsk-icons.expert.expert4{background-position: -448px -270px;}
    .transBtn {
        padding: 8px 21px 6px;
        cursor: pointer;
        letter-spacing: .5px;
        color: #333141;
        border: 1px solid #333141;
        width: 100%;
        max-width: 225px;
        margin: 30px auto 20px;
    }
    div#myBskModal {z-index: 99999;}
    #myBskModal .close{ color: #000; opacity: 1 !important;position: absolute;z-index: 9;right: 8px;top: 8px;}
    #myBskModal .bannerimg{padding: 0;margin-top: -15px;}
    #myBskModal .modal-header{ border-bottom: none;  min-height: 1px;  }
    .form-sec {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    color: #9A9A9A;
    text-align: left;
    }
    #bespokefrm.form_custom input[type="text"].form-control{
    height: 45px;
    border-radius: 25px;
    }
    #bespokefrm label.control-label {padding-left: 15px;text-align: left;}
    .bsk_icons {background: url(../image/product_page_sprite.png) no-repeat;width: 75px;height: 70px;display: inline-block;margin: 0 auto;}
    .bsk_icons_list {width: 15.6%;text-align: center;vertical-align: top;padding-bottom: 20px;display:inline-block;}
    .bsk_share {background-position: -85px -212px;}
    .bsk_cad {background-position: -66px -131px;}
    .bsk_order {background-position: -136px -131px;}
    .bsk_map {background-position: -200px -131px;width: 65px;}
    .bsk_set {background-position: 2px -200px;}
    .bsk_cart {background-position: -135px -57px;}
    .bsk-page ul#fileList {padding: 5px 0 0 15px;}
    #itemnos {
        white-space: initial;
    }
    .btn-bs-file{position:relative;width:100%;background: #F8F8F8;border: 1.8px dashed #9a9a9a;line-height: 27px;border-radius: 25px;max-width:322px;text-transform: uppercase;color: #000;}
    .btn-bs-file input[type="file"]{
        position: absolute;
        top: -9999999;
        filter: alpha(opacity=0);
        opacity: 0;
        width:0;
        height:0;
        outline: none;
        cursor: inherit;
    }
    .creation {
        background: #f5f6fb;
        margin: 10px 0px;
        text-align: center;
        padding-bottom: 2%;
    }
    .bsk_service_h1 {
        color: #a8beba;
        font-size: 33px;
        font-weight: 400;
    }
    .bsk_review{position:absolute;right:0;top:0;}

    #masonry_container {
        padding: 5px;
        margin-bottom: 20px;
        clear: both;
    }
    .bskbox, .grid-sizer {
        width: 31.9%;
    }
    .bskbox {
        font-size: 11px;
        line-height: 1.4em;
        float: left;
        margin-bottom: 15px;
        cursor: pointer;
    }
    .bskimageRollover {
        bottom: 0;
        left: 0;
        opacity: 0;
        position: relative;
        right: 0;
        top: 0;
        transition: opacity .3s;
        z-index: 5;
        background-color: rgba(51,49,65,.7);
    }
    .bskimageRollover .bskimageRolloverInner {
        left: 15px;
        position: absolute;
        right: 15px;
        text-align: center;
        height: 100%;
    }
    .bsksocialIcons, .psocialCenter, .vCenter, label.dropdown {
        position: relative;
    }
    .vCenter {
        width: 100%;
        top: 35%;
        transform: translateY(-35%);
    }
    .bsksocialIcons {
        top: 35%;
        left: 0;
        right: 0;
        opacity: 0;
        z-index: 7;
        width: 100%;
        height: auto;
        display: none;
        margin-top: 55px;
    }
    .bskimageRollover:hover {
        opacity: 1;
    }
    .hoversocial {opacity: 1; width: 100%;}
    .bskimageRollover .bskimageRolloverInner .bskrolloverCaption {
        font-size: 21px;
        line-height: 1.3em;
        color: #fff;
    }
    .bsk_detail_emailicon{background:url(../image/diamonds-factory-new.png) no-repeat -416px -265px;height:23px; width:27px;margin: 0 auto;display:inline-block;vertical-align: bottom;}
        .pd_email_bx:hover .bsk_detail_emailicon{background-position: -416px -265px;}
        .bsk_detail_chaticon{background:url(../image/diamonds-factory-new.png) no-repeat -465px -261px;height:23px; width:26px;margin: 0 auto;display:inline-block;}
        .pd_chat_bx:hover .bsk_detail_chaticon{background-position: -465px -261px;}
        .bsk_detail_telephoneicon{background:url(../image/diamonds-factory-new.png) no-repeat -511px -258px;height:25px; width:25px;margin: 0 auto;display:inline-block;}
        .pd_tel_bx:hover .bsk_detail_telephoneicon{background-position: -511px -258px;}
        .pd_whishlist_bx, .pd_chat_bx, .pd_email_bx, .pd_tel_bx{display:inline-block;width: auto; margin: 0 6px;}
    .bsk_btn_more, .bsk_btn_started {
        font-size: 18px;
        padding: 10px 21px;
        width: 100%;
        cursor: pointer;
    }
    .bsk_btn_more {
        color: #6d6d6d;
        border: 1px solid #6d6d6d;
        max-width: 200px;
        background: 0 0;
        margin-right: 20px;
    }
    .bsk_btn_started {
        background: #8d91a5;
        color: #fff;
        border: 1px solid #8d91a5;
        max-width: 300px;
    }
    .bsk_btn_more:hover {
        background-color: #A8BEBA;
        color: #fff;
        border: 1px solid #A8BEBA;
    }
    #cboxOverlay,#cboxWrapper,#colorbox{position:absolute;top:0;left:0;z-index:9999;outline: none;overflow:unset;}
    #cboxOverlay{background: #000;z-index: 9999991;opacity: .6!important;position: fixed;width: 100%;height: 100%;top: 0;left: 0;}
    #colorbox {z-index: 9999992;}
    #cboxWrapper{text-align:center;border: 0;text-decoration: none;}
    button#cboxClose{position: absolute;top: 0;right: 0;}   
    #cboxTitle{position:absolute;left:0;top:auto;text-align:center;width:100%;font-size: 18px;font-weight:700;color:#fff;margin:0;margin-bottom: -18px;}
    #cboxCurrent{visibility:hidden;}
    #cboxContent{position:relative;overflow:visible;background:none;}
    #cboxLoadingGraphic,#cboxLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%}
    #cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer}
    .cboxIframe{width:100%;height:100%;display:block;border:0}
    #cboxOverlay{background:#000;z-index:9999991;opacity:.6!important}
    #cboxTopLeft{width:4px;height:4px}
    #cboxTopCenter{height:4px}
    #cboxTopRight{width:4px;height:4px}
    #cboxBottomLeft{width:4px;height:43px}
    #cboxBottomCenter{height:43px}
    #cboxBottomRight,#cboxMiddleLeft,#cboxMiddleRight{width:4px}
    #cboxError{padding:50px;border:none;}
    #cboxLoadedContent{margin-bottom:5px;background:none;border: none;}
    .bskcolorbox #cboxClose ,#cboxNext,#cboxPrevious { background: url(../image/information/controlcolorbox.png) no-repeat;text-indent: -9999px;border: 0;outline: none;}
    .bskcolorbox #cboxClose {
        top: 0;
        right: 0;
        display: block;
        width: 33px;
        height: 33px;
        background-position: top center;
    }
    #cboxNext,#cboxPrevious,#cboxSlideshow{position:absolute;}
    #cboxNext {background-position: top right;width: 31px;height: 65px;top: 50%;right: -30px;margin-top: -32px;}
    #cboxPrevious {background-position: top left;width: 31px;height: 65px;top: 50%;left: -30px;margin-top: -32px;}
    /******************* NEW CODE *********************/
    .h3_padd {font-size: 30px;line-height: 40px; text-align: center; margin-bottom: 20px; color: #000; font-family: GOUDOS;}
    .bsk_talk_expert .h3_padd {color: #dec15c;margin-top:0;}
    .bsk_talk_expert-inner {
        max-width: 800px;
        margin: 0 auto;
        width: 100%;
    }
    .bsk_talk_expert a {color: #dec15c;}
    .bsk_talk_expert p {margin-bottom:0;font-size: 14px;letter-spacing: 0.5px;}
    .ready_to_bring_container {position:relative;margin:0 auto;padding: 15px 0;}
    .ready_to_bring_container > .ready_to_bring_Desc {position:absolute;top:50%;transform:translateY(-50%);width:100%;max-width:310px;left: 3%;}
    .width-100{width:100%;}
    .bsk-smallTxt {text-transform:uppercase;}
    .darkTitle {color:#191729;}
    .bsk_talk_expert { padding: 45px 20px;background: #FFF9F1;color: #dec15c;margin-bottom: 20px;}
    .bsk_graph{max-width:1128px;margin:0 auto;position:relative;padding-bottom:5%;}
    .info_name.textcenter h1 {text-align: center;position: absolute;top: 40%;left: 20%;transform: translate(-50%, -50%); color: #fff; font-family: GOUDOS; font-size: 48px;/*background: #00000061*/;padding:5px;}
    div#step_1 {position: absolute;width: 420px;top: calc(100% - 83%);left: calc(100% - 82%);}
    div#step_2 {position: absolute;top: calc(100% - 47%);width: 420px;right:calc(100% - 78%);text-align: right;}
    div#step_3 {position: absolute;bottom: 0;width: 420px;left: calc(100% - 84%);}
    div#step_1 .h3_padd,div#step_3 .h3_padd{text-align:left;}
    div#step_2 .h3_padd {text-align:right;}

    /*---- bespoke code ends here -----*/   
    /*-------- Viewing Page css */
    .newTabs h2{ text-align: center; }
    .newTabs.nav-tabs { border-bottom: none; background: #fff; margin: 50px 0 10px;}
    .newTabs.nav-tabs>li {display:inline-block;float:none; border-right: 1px solid #000; }
    .newTabs.nav-tabs>li a{ padding: 0px 10px; margin: 0 4px;font-size: 20px; font-family: GOUDOS; line-height: 29px; text-align: center; color: #000000; border-bottom: 1px solid transparent; }
    .newTabs.nav-tabs>li.active>a { border-bottom: 2px solid #dec15c; color:#000 !important; border-top: none; border-left: none; border-right: none;}
    .newTabs.nav-tabs>li>a:hover {color:#000; background: #fff; border-top: none; border-left: none; border-right: none;border-bottom: 2px solid #dec15c; }
    .swm_add {padding-left:15px;}
    .newTabs.nav-tabs>li:last-child{ border-right:none; }
    a.blackbtn,a.whitebtn {padding: 10px 20px;/*border: 1px solid*/;display: inline-block;margin-bottom: 10px;text-transform: uppercase;width: 45%;
        text-align: center;}
    a.blackbtn {/*background: #191729;color: #fff !important;*/background:#E5E5E5; color: #000 !important}
    a.blackbtn:focus{ color: #fff !important; }
    .swm_add p a {color: #000000;}
    .visitlocation h2 {
        color: #000;
        font-family: GOUDOS;
        font-size: 36px;
        margin: 15px 0 30px;
    }
    /*----------- Banner text ----------------------*/
    .banner_visit_us{position: absolute; top: 50%; transform: translateY(-50%); margin: 0 auto; width: 100%; max-width: 779px; left: 0; right: 0;}
    .banner_visit_us h1 {font-family: GOUDOS; font-size: 48px; line-height: 58px; text-align: center; color: #FFFFFF;}
    .location-tab {margin-bottom: 20px;}
    .swm_add h3.location-title{font-family: GOUDOS;
    font-size: 24px;
    line-height: 29px;}
    .swm_add h3.location-title span {border-bottom: 2px solid #dec15c;}
    a.open_appointment{
        width: 100%;
        background: #DEC15C;
        border: 1.25px solid #DEC15C;
    box-sizing: border-box;
    /*border-radius: 20px;*/
    cursor:pointer;
    }
    .appointment_title{
        border-bottom: 2px solid #dec15c;
        line-height: 35px;
    }
    .swm_add a.blackbtn{
        font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-transform: uppercase;}

    a.open_appointment:hover{color: black !important;}


    /*-----------Banner text end----------------------*/

    /*Black friday ======= ==============================================================*/
    .block-friday .carousel-caption{ bottom: 20px; }
    .block-friday .carousel-caption h3{ color: #424343; font-size: 32px;  }
    .block-friday .carousel-caption h3.yellow{ font-size: 45px; /*margin: 30px 0px;*/ font-weight: bold;  }
    .shop-now{     background: transparent;
    color: #000;
    padding: 10px 35px 8px;
    letter-spacing: 0.1em;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 0px; }
    button.btn.shop-now:active {box-shadow: unset;}
    /*.offer-section{padding: 30px 15px; margin: 25px 0px 0px;  }*/
    .offer-section{ padding: 0 0px 15px; margin: 0 0 25px 0; }
    /*.sec-block a img { border: 0.5px solid #767676; }*/

    .offer-section h1{ font-size: 65px; color: #000; margin: 10px 0 15px; text-align: center; font-family: GOUDOS; }

    .offer-section-middle{ padding: 15px 10px 10px; }
    .offer-section-middle h4{ font-size: 30px; font-family: GOUDOS; color: #000; }
    .offer-section-middle h4 span{ font-weight: 600; }
    .offer-section-middle i{ font-size: 35px }

    .dcolr{ background: #000; color: #fff !important; }

    .offer-section .Sectitle{  font-size: 16px;
    float: none;
    color: #000;
    padding: 10px 5px 10px;
    text-align: center;
    width: 180px;
    display: inline-block;
    vertical-align: top; }
    .offer-section .Sectitle span{  font-size: 20px; font-weight: bold; }
    .offer-section .code{ font-size: 14px; margin-top: 15px;  }
    .offer-section .Sectitle.code span{ font-size: 25px; }
    .offer-section p a.note{ color: #000; font-size: 14px; }
    .offer-section input{ background: transparent; border-top: none; border-left: none;  border-right: none; border-bottom: 2px solid #ccc; border-radius: 0px;
                padding-left: 0px; }
    .offer-section input:focus{ outline: none; border-color: none; box-shadow: none; }

    .overdiv{  position: absolute;background: 0 0; /*left: 45px; right: 45px;*/ bottom: 15px; top: 15px; text-align: center;  }
    .overdiv h3{ font-size: 11px; color: #000; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; margin: 10px 0px 0px;  }
    .overdiv h1,.overdiv .title{ font-size: 30px; color: #000;font-family: GOUDOS; margin: 10px 0px }
    .overdiv h5{ font-size: 45px;  color: #000; margin: 0 0 30px; }
    .overdiv h2{ font-size: 50px; font-weight: 600;  margin: 50px 0px 10px;  text-transform: uppercase; color: #000; }
    .overdiv p.code{ color: #000; font-size: 22px; margin: 0px 0px 40px; font-family: GOUDOS; }
    .overdiv p.code b{ font-family: Simplo-Regular,Simplo; letter-spacing: 0.1em }
    .butright{ float: right;  }
    .overdiv a span{ color: #000; padding: 10px 0 0; font-size: 12px; }
    .sec-block{ margin: 20px 0 0;  }
    .blackinput::placeholder {color: #fff;}
    .offer-section h4{ font-size: 30px;  color: #000; text-align: center;font-family: GOUDOS;}
    .offer-section i{ font-size: 50px; color: #333141; }
    .offer-section .fa-angle-down:before {
    content: "" !important;
    width: 20px;
    height: 20px;
    border: 3px solid;
    display: block;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
    }
    .extended { font-size: 27px;text-transform: uppercase; font-weight: 500;}

    .blockoneright{ width: 58%; right: 20px !important;}
    .blocktwoleft{ width: 60%; left: : 20px !important;}
    .offerrow{ padding: 0px 10px; text-align: center; }
    .offerrow .Sectitle .offerprice{     background: #000;
    display: block;
    color: #fff;
    width: 115px;
    margin: auto;
    padding: 7px 0px;     margin-bottom: 5px;
    font-size: 20px; }

    .christmas-hover{ border: none !important; padding: 0px !important; }
    .christmas-hover h2{ margin-top: 15px  }
    .christmas-hover h2.discout{ font-size: 30px; font-weight: 600;  }
    .christmas-hover h2, .christmas-hover p.code{ color: #c99e70!important;  }
    .christmas-hover p.code{ margin: 25px 0; }
    .christmas-hover h1{ color: #424343!important;  }
    .christmas-hover .shop-now{ color: #424343 !important; background: #fff !important; border: 1px solid #fff !important; }
    .sec-block a.note {
            display: block;
            font-size: 12px;
            color: #000;
    }

    /*======== Chrismas landin page ==============*/
   /* .offer-section{ background: url(/catalog/view/theme/default/image/black_friday/early-blackfriday-landing.jpg) top center;;
    background-size: 100%; background-repeat: no-repeat;  }*/
    .block-friday .carousel-caption-shrimas{ left: 20px; right: 20px; bottom: 40px; }
    .carousel-caption-shrimas h1{ font-size: 100px; font-weight: bold; color: #424343; margin: 0 0 30px;  }
    .carousel-caption-shrimas h3{ color: #424343 !important; font-size: 30px !important; margin: 0 0 30px; }
    .block-friday .carousel-caption h3:last-child{ margin: 0 0 0px;   }
    .carousel-caption-shrimas h3.yellow{ color: #c99e70 !important; text-shadow: none;  font-size: 50px !important; }
    .carousel-caption-shrimas h4.extended{ color: #ae474c !important; text-shadow: none; font-weight: 600; margin: 10px 0; }
    .offer-section1 .Sectitle{ color: #424343;  }
    .offer-section1 .Sectitle span.yellow{ color: #ae474c!important ;  }
    .offer-section1 a.note{ color: #fff; font-size: 14px;  }
    .offer-section1 h4, .offer-section1 i{ color: #424343!important;  }
    .carousel-caption-shrimas h3 span.redcolor{ color: #fff !important; text-shadow: none; }

    /*.boxing-banner h1, .boxing-banner h3, .boxing-banner h3.yellow, .boxing-hover h2, .boxing-hover h1, .boxing-hover p.code, .offer-section2 .Sectitle span{ color: #c99e70 !important;  }*/
    .offer-section2{ background: url(/catalog/view/theme/default/image/new_year/new-year.jpg) top center;  }
    .boxing-hover h2.discout{ text-transform: capitalize;  }

    /*========== valentines css ============*/

    .offer-section-valentine{ background:#F8F8F8; margin-top: 0px; padding: 30px 15px;  margin: 25px 0 0;}
    .readybg{margin-top: 0px; padding: 30px 15px;  margin: 25px 0 0;}

    .offer-section-valentine .Sectitle{ color: #000;  }
    .offer-section-valentine .Sectitle span{font-weight: 600;  }
    .offer-section-valentine h1{
        font-size: 71px;
        line-height: 85px;
        font-family: GOUDOS;
        text-align: center;
        color: #000;
    }

    .offer-section-valentine h4{ color: #000; }

    /*.valentine-hover h1{color: #000; font-family: GOUDOS;}*/
    .valentine-hover h5{color: #000; font-family: GOUDOS;}
    .valentine-hover{ border: none !important; padding: 0px !important;  }
    .valentine-hover span{margin: 0px 0px 10px !important; font-size: 11px; line-height: 13px;letter-spacing: 0.1em; }
    .valentine-hover p.code{font-family: GOUDOS; margin: 0px 0px 30px; font-size: 20px; color: #000 }
    .valentine-hover p.code span{font-weight: 600; font-size: 22px; line-height: 26px;}
    .valentine-hover .shop-now {
        background: transparent;
        background: #dec15c;
        padding: 10px 30px;
        display: inline-block;
        margin: 15px;
        border-radius: 20px;
        box-shadow: none;
    }
    .valentine-hover .shop-now:hover {
        color: #000;
    }

    .valentine-off{     
        font-size: 40px !important;
        font-weight: 600 !important;
        letter-spacing: 3px;  }

    .valentine-hover .tnc{ font-size: 12px; color: #000; }

    /*.valentine-hover a:active, a:focus, a:hover{ color: #dec15c !important  }*/

    /*======================*/

    .location-des{ padding-top: 10px;  padding-bottom: 50px; border-bottom: 2px solid #E5E5E5; margin-bottom: 50px;   }
    .location-des p{ font-size: 14px; text-align: center; color: #000;  }
    .location-des h2{ text-align: center; font-family: GOUDOS; color: black; font-size: 30px; margin-bottom: 20px; font-size: 36px;}
    .map h2 span, .address h2 span, .location-des h2 span, .newTabs h2 span {border-bottom: 1.5px solid #DEC15C; /*font-family: GOUDOS;*/font-family: Goudy Old Style; font-size: 24px; padding-bottom: 8px;}
    .newTabs h2 span{ font-size: 22px; }
    .address h2 span {font-size: 20px !important;line-height: 36px;}
    .map h2, .address h2, .newTabs h2 {margin-bottom: 30px;} 
    .address{ padding-left: 60px; }
    .address .lobtn{ padding: 12px 15px;
        /*border: 1px solid #000; */
        color: #000; 
        letter-spacing: 1px; 
        /*border-radius: 30px; */
        text-align: center; 
        /*margin: 20px 10px 0px 50px; */
        margin: 20px 10px 0px 0px; 
        float: left;
        font-size: 14px;
        font-weight: 600; 
        /*width: 80%;*/
        width: 100%;
        cursor: pointer;
     }
     .location-trustpilot-container {
        margin-top: 70px;
        margin-bottom: 40px;
     }
    .address h1{ font-size: 28px; margin: 0 0 30px; color: #000; }
    .address p{ color: #000; padding-left: 0px; }
    .address p a{ color: #000; padding-left: 0px; }
    .address div {padding-left: 0px; }
    .address h1 span{ position: relative; }
    .address h1 span:after {
        margin: 5px 0 0;
        height: 1.5px;
        content: " ";
        text-shadow: none;
        background-color: #dec15c;
        width: 100%;
        top: 100%;
        position: absolute;
        left: 0;
        right: 0;
    }

    .logo-section{ margin-top: 30px; margin-bottom: 0px; }

    .logos{display: inline-block; width: 32%; text-align: center; }
    .panorma-map{ width: 100%; margin: 0 0 20px;}
    .panorma-map #street-view { height: 600px;}
    .imgblock{ background: #ddd;position:relative; margin: 5px 5px; }
    .trustdiv .tgbcolomn:nth-child(2){ border-right: 0px;border-left: 0px; }
    .trustdiv .tgbcolomn p{ font-size: 14px; font-weight: 600; }
    .trustdiv .tgbcolomn{ margin: 15px 0 0; }
    .trustdiv{ padding: 30px 0 0px !important; }

    .tabheading{ font-size: 24px; color: #000; margin: 30px 0 30px; }
    .tabcarat .nav-tabs{ margin-bottom: 40px; margin-top: 20px; display: block; text-align: center;}
    .nav-tabs>li.active>a, .nav-tabs{ border:none; }
    .tabcarat ul li a{ padding: 10px 20px; margin-right: 0px;font-size: 12px;
    color: #C4C4C4;
    text-transform: uppercase;
    letter-spacing: 0.1em;}
    .tabcarat ul li a span {display: block;}
    .tabcarat ul li a:hover{ background: #fff; box-shadow: none; }
    .tabcarat ul li a svg:not(:root){ height: 43px; margin: 0 0 10px; }
    .tabcarat .nav-tabs.nav-justified>li.active a{ color: #dec15c; }
    .tabcarat .nav-tabs>li.active>a, .tabcarat  .nav-tabs>li.active>a:focus, .tabcarat  .nav-tabs>li.active>a:hover{ border: 1px solid transparent;color:#dec15c; cursor: pointer; }
    .cartpadl h4{ font-size: 20px;  font-family: GOUDOS; }
    .cartpadl #accordion .panel-title > a:hover, .cartpadl #accordion .panel-title > a:focus{ color: #000 !important; }
    .tabcarat .table{ margin: 0px 0 50px; color: #9A9A9A; border: 1px solid #E5E5E5; }
    .svgcol svg path { fill: #dec15c;}
    .cartpadl #accordion .panel-title > a{     font-family: GOUDOS; color: #000; font-weight: 500; }
    .svgcol{ padding: 0 50px; text-align: center; }
    .cartpadr h3, .tabcarat h3{ font-family: GOUDOS; color: #000; font-weight: 500; }
    .tabcarat .tab-content h3{ margin: 0px 0 15px;  }

    .tabcarat .nav-tabs li.active a svg path {
                fill: #dec15c;
            }

    .tabcarat .nav-tabs li a svg path {
                fill: #C4C4C4;
            }


    .cartpadr{ padding-right: 90px; margin: 42px 0 0;  }
    .cartpadl{ padding-left: 60px;  }
    .panel-default>.panel-heading{ padding: 15px 5px 15px  }
    .panel-body {padding: 15px 5px 15px;}
    .claritytab{ float: left; width: 100%; margin: 20px 0 20px; }
    .tabcarat .clarity li{ float: none; display: inline-block; border-right: 1px solid #E5E5E5; padding: 0 0 5px; width: auto !important; }
    .tabcarat .clarity li:last-child{ border-right: 0px; }
    .tabcarat .clarity li a{ font-size: 20px; color:  #C4C4C4; margin: 0 20px 0 15px; padding: 5px 15px; border-bottom: 2px solid #C4C4C4 }
    .tabcarat .clarity li.active a{ color:#dec15c; border-bottom: 2px solid #dec15c  }

    /*.tabcarat .clarity li a:hover{ border-right: 1px solid #ddd !important; }*/
    .claritytab .nav-tabs>li.active>a, 
    .claritytab .nav-tabs>li.active>a:focus, 
    .claritytab .nav-tabs>li.active>a:hover{ border-bottom: 2px solid #dec15c; }

    .diamond-img-block{ margin:auto; width: 164px; height:160px;
                        background: url(/catalog/view/theme/default/image/information/cms-color.jpg) top left;
                         }
    .dblock2{ background-position: -164px; }                     
    .dblock3{ background-position: -328px; }  
    .dblock4{ background-position: -492px; }  
    .dblock5{ background-position: -655px; }  

    .diamondtl{ font-weight: 600;font-size: 14px;line-height: normal;text-align: center;letter-spacing: 0.1em;
    text-transform: uppercase;color: #000000;}

    .certiui{ float: left; width: 100% }
    .certiui li{ margin: 0 0 20px; }

    .ensection{ margin-bottom: 20px; }
    .visitlocation{ border-top: 1px solid #E5E5E5; padding-top: 55px; margin: 100px 0 0; }
    .visitlocation p{ margin-bottom: 50px; }

    .input-group-addon1{
        color: #ccc !important;
        background-color: transparent;
        border: 2px solid #ccc !important;
        border-radius: 0px !important;
        border-top: 0px !important;
        border-right: 0px !important;
        border-left: 0px !important;
    }

    /*Black friday end ======= ==============================================================*/

    .darkclr {color:#191729;}

    ul.apptabs {margin: 0;}
    ul.apptabs li {
        display: inline-block;
        width: 32.3%;
        border-right: 1px solid #e5e5e5;
        padding: 5px;
        color: #191729;
        
    }
    ul.apptabs li:last-child {
        border-right: none;
    }
    .book_btn {
        background: #191729;
        color: #fff;
        padding: 8px 10px;
        border: none;
        width: 100%;
    }
    /*----- Customer Review -------*/
    .ukicon, .fricon, .gricon, .usicon{background:url(../image/diamonds-factory.png) no-repeat 0px 0px;
    width:21px;height:13px;display:inline-block;float:none;padding:0 !important}

    .ukicon{background-position:-42px -39px;}
    .fricon{background-position:-64px -39px;}
    .gricon{background-position:-88px -39px;}
    .usicon{background-position:-111px -39px;}
    .store-flags .uktxt, .store-flags .frtxt, .store-flags .grtxt, .store-flags .ustxt{color:#9e9d9d;}
    .store-flags .active .ukicon{background-position:-42px -53px; height:14px;}
    .store-flags .active .fricon{background-position:-64px -53px; height:14px;}
    .store-flags .active .gricon{background-position:-88px -53px; height:14px;}
    .store-flags .active .usicon{background-position:-111px -53px; height:14px;}
    .store-flags .active .uktxt, .frhappy .selected .frtxt, .gerhappy .selected .grtxt, .usahappy .selected .ustxt{color:#333141;}


    .store-flags li.active a span{ color: #000; }
    .store-flags{ margin: auto; }
    .store-flags li{ float: none; display: inline-block; }
    .review-top{ background: #F8F8F8; padding: 20px 0px; margin: 20px 0 50px; }
    .review-top h2{ font-size: 36px; color: #000; font-family: GOUDOS; }
    .review-star{ padding-top: 30px; }
    .review-star span{ display: inline-block; vertical-align: bottom;  }
    .reviewcs .media-body h4 span{ float: right; letter-spacing: 0.1em; color: #000; font-size: 14px; text-transform: uppercase;margin: 0px 0 15px; }
    .reviewcs h4 a{ letter-spacing: 0.1em; color: #000; font-size: 14px; text-transform: uppercase;margin: 7px 0 15px;float: left;  }
    .reviewcs p{ color: #9A9A9A; }
    .flag-nav{ margin: 20px 0 }
    .flag-nav h3{ color: #000; font-size: 24px; font-family: GOUDOS; }
    .store-flags li a{ color: #000; font-size: 14px; text-transform: uppercase; text-align: center; letter-spacing: 0.1em }
    .store-flags li.active a:hover, .store-flags li.active a:focus{ border: none; }


    .star {background-image: url(../image/trustpilot_sprite.png); background-position: -2px -150px;background-repeat: no-repeat; display: inline-block;
    height: 12px;width: 75px;}
    .star0{background-position: -2px -150px;}
    .star1{background-position: -2px -166px;}
    .star2{background-position: -2px -182px; }
    .star3{background-position: -2px -196px;}
    .star4{background-position: -2px -211px;}
    .star5{background-position: -2px -224px; width:64px;}
    .bstar0{background-position: -2px -2px;}
    .bstar1{background-position: -2px -27px;}
    .bstar2{background-position: -2px -52px;}
    .bstar3{background-position: -2px -77px;}
    .bstar4{background-position: -2px -102px;}
    .bstar5{background-position: -2px -127px;}
    .gstar1{background-position: -2px -291px;}
    .gstar2{background-position: -2px -315px;}
    .gstar3{background-position: -2px -339px;}
    .gstar4{background-position: -2px -366px;}
    .gstar5{background-position: -2px -390px;}
    .mainstar {width:113px; height:21px;}

    .book_appointment_btn,.location_btn {
        font-size: 18px;
        line-height: 100%;
        display: inline-block;
        color: #fff;
        border: none;
        font-family: Simplo-Light;
        width: 100%;
    }
    #hatton,#dartford,#liverpool, #birmingham {display:none;}
    .book_appointment_btn{background: #c29b34;margin: 15px 0px 15px;padding: 11px 12px;border-radius: initial;max-width:454px;}
    .location_btn {
        background: #696d75;
        padding: 7px 35px 7px 12px;
        margin: 15px 0px 15px;
        height:40px;
        outline:none;
        appearance:none;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        max-width: 305px;
    }
    .location_label:after{content: '\203A';
        font: 38px serif;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 15px;
        top: 18px;
        position: absolute;
        pointer-events: none;
        width: 21px;
        color:#fff;
        }
    .book_appointment_btn:hover {
            color: #fff;
        transition: all .3s ease-in-out;
    }
    .direction_padd{padding-top:15px;}
    .outer-space div[class^="col-"], .outer-space div[class*=" tocolor-"] {
        border: 2px solid #fff;
    }
    .btn_margin_location{margin-bottom:50px;}
    .map-responsive {border: 1px solid #cccccc87;}
    .map-responsive iframe{height:310px;}
    .boxdesign .panel-body p {min-height: 65px;}
    /*-------- Column left side bar start ----------------*/
    ul.level1>li:first-child>a {font-family:simplo-Demi,'Simplo';font-size: 16px;}
    .sidebar .nav>li>a {padding: 0px 5px;font-size: 15px;}
    .sidebar .nav-tabs {border-bottom:none;}
    ul.level3.nav>li>a {padding: 0 0 0 15px;}
    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{background:none;color:#dec15c;border:0;}
    /*-------- Column left side bar ends ----------------*/

    .gold-list ol {list-style-type: decimal;-webkit-padding-start: 40px;}
    p.small{font-size:14px;line-height:1.2em;color:#7e7f84;}
    .form_custom .control-label{text-align:left;}
    .fnt52{font-size: 25px; margin: 22px 0 0; color: #dec15c;}
    .yellowbg{ background: #FFF9F1; padding: 20px 25px 30px; margin: 15px 0px; }
    .yellowbg h2{ text-align: left !important; color: #dec15c !important; }
    .yellowbg p, .yellowbg a, .yellowbg, .yellowbg h3{ color: #dec15c !important; }
    .yellowbg p, .yellowbg span{ font-size: 14px; }
    .yellowbg span a, .yellowbg h3 a{ text-decoration: none; }
    .yellowbg h3{ font-size: 17px; }
    .yellowbg p span.time{ line-height: 25px; }
    .CustomerForm label{ color: #9A9A9A; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600;
    padding-bottom: 10px; }
    .CustomerForm input{ border: 1.25px solid #C4C4C4; height: 45px; border-radius: 50px;  }
    #contact_perms{ height: auto !important; }
    button#bt_contactUS {    padding: 8px 30px; border-radius: 25px;font-size: 12px; color: #000;
        letter-spacing: 0.1em}
    .btnalign{ text-align: right; }
    .customerPg p {font-size:14px;}
    .customerPg h1{font-family: GOUDOS; font-size: 48px; text-align: center; color: #000; margin: 15px 0 50px;}
    .customerPg h2{ color: #000; font-family: GOUDOS; font-size: 36px; margin: 15px 0 30px; }
    .form_custom input[type="text"].form-control , .form_custom label {font-size:14px;}
    .red {color: #F00;}
    .no-padding{padding:0;}

    /*------------ Diamond Guide > shape starts--------------*/
    /*
    .dmdshape{background: url(../image/DiamondShapeDetails.png) no-repeat;width: 172px;height: 90px;}
    .handimage{background: url(../image/diamondCaratHand.jpg) no-repeat;max-width: 890px; width:100%; height: 326px; background-position: -94px}    
    table.shape_table tr.active td{ border-top: 1px solid #000; border-bottom: 1px solid #000; background: #fff; }
    table.shape_table tr.active{ border: 1px solid #000; }
    .headyellow td{background:#dec15c;color:#fff;padding: 5px !important;border: 1px solid;}


    .dmdRhtarrow {border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 18px solid #dec15c;position: absolute;right: -1px;top: -4px;}
    .dmdshape.dmdShapePri {background-position: -172px 0;}
    .dmdshape.dmdShapeMarq {background-position: -344px 0;}
    .dmdshape.dmdShapeEmer {background-position: -516px 0;}
    .dmdshape.dmdShapePear {background-position: -688px 0;}
    .dmdshape.dmdShapeHeart {background-position: -860px 0;}
    .dmdshape.dmdShapeOval {background-position: -1032px 0;}
    .dmdshape.dmdShapeRadiant {background-position: -1203px 0;}
    .dmdshape.dmdShapeAsscher {background-position: -1375px 0;}
    .dmdshape.dmdShapeCushion {background-position: -1548px 0;}
    .dmdasscher, .dmdcushion, .dmdemerald, .dmdheart, .dmdmarquise, .dmdoval, .dmdpear, .dmdprincess, .dmdradiant, .dmdround {
        background: url(../image/Dia_Size_RD.png) no-repeat;
        width: 85px;
        height: 85px;
        margin-left: 296px;
        margin-top: 167px;
        position:absolute;
    }
    .dmdprincess{background:url(../image/Dia_Size_PR.png) no-repeat;}
    .dmdmarquise{background:url(../image/Dia_Size_MR.png) no-repeat;}
    .dmdemerald{background:url(../image/Dia_Size_EM.png) no-repeat;}
    .dmdpear{background:url(../image/Dia_Size_PE.png) no-repeat;}
    .dmdheart{background:url(../image/Dia_Size_HR.png) no-repeat;}
    .dmdoval{background:url(../image/Dia_Size_OV.png) no-repeat;}
    .dmdradiant{background:url(../image/Dia_Size_RA.png) no-repeat;}
    .dmdasscher{background:url(../image/Dia_Size_AS.png) no-repeat;}
    .dmdcushion{background:url(../image/Dia_Size_CU.png) no-repeat;}
    */
    /*------------ Diamond Guide > shape ends --------------*/
    /*--------------Gift page -------------*/
    .gift_mian_bn {position:relative;}
    .gift_mian_bn > .innnerwrap {position: absolute;top: 0;width:100%;}
    .innnerwrap{text-align:center;}
    .gift_top_padding1{padding:2% 0 0 0%;width: 55%;position: absolute;right: 0;}
    .gift_top_title1{font-size:32px;text-transform:uppercase;color:#6d6d6d;letter-spacing: 0.5px;}
    .gift_top_subtitle1{font-size:13px;color:#6d6d6d;line-height:21px;width: auto;margin: 0 auto;}
    .gift_inner_container{max-width: 1070px;width: 100%;margin: 0 auto;position: relative;text-align: center;}
    .classic_gift_div{padding:10px 0 50px 0;}
    .classic_gf_box{padding:0px;}
    .gift_inner_left, .gift_inner_right{display:inline-block;width: 47%;text-align:center;padding:39px 0px 17px 0px;-webkit-box-shadow: 0px 3px 13px 1px rgba(109,109,109,0.37);
    -moz-box-shadow: 0px 3px 13px 1px rgba(109,109,109,0.37);
    box-shadow: 0px 3px 13px 1px rgba(109,109,109,0.37);}
    .gift_inner_left{margin-right:4.5%;}
    .gift_inner_title{font-family: 'GoudyOldStyleT-Italic';line-height:100%;font-size:30px;}
    .gift_inner_subtitle{width: 68%;margin: 0 auto;font-size:14px;padding:22px 0 0 0;line-height: 20px;height: 71px;}
    .gift_inner_left img, .gift_inner_right img{margin: 10px auto 11px auto;}
    .shope_by_pr_btn{border: 1px solid #6d6d6d;line-height: 100%;font-weight:bold;font-size:18px;color:#6d6d6d;padding: 10px 16px;display: inline-block;letter-spacing:1.8px;text-transform:uppercase;}
    .gift_middle_bnner{position:relative;    margin-top: 15px;}
    .gift_middle_title{font-family: 'GoudyOldStyleT-Italic';font-size:30px;line-height:100%;}
    .gift_middle_subtitle{font-size:14px;line-height:20px;padding: 15px 0px 0px 0px;}
    .blck_dia_btn{font-size:18px;line-height:100%;text-transform: uppercase;border: 1px solid #6d6d6d;letter-spacing: 2px;padding:10px 16px;display:inline-block;}
    .gift_btn{margin-top: 22%;}
    .gift_middle_padd{position:absolute;top:5%;width:100%;}
    .classic_gift_tilt{text-transform:uppercase;font-size:13px;letter-spacing:1px;padding: 23px 0 0 0;}
    .classic_gift_tilt a{color:#6d6d6d;}
    .classic_gift_tilt a:hover{color:#dec15c;}
    .gift_bottom_bn1920{position:relative;margin-top: 30px;margin-bottom: 30px;}
    .gift_bottom_title{font-family: 'GoudyOldStyleT-Italic';font-size:30px;color:#ffffff;line-height:100%;}
    .gift_bottom_subtitle{font-size:14px;color:#ffffff;line-height:28px;padding:10px 0 10px 0;}
    .gift_bottom_tel p{font-size:30px;color:#6d6d6d;line-height:28px;}
    .gift_bk_app_btn {font-size:18px;color:#6d6d6d;line-height:100%;text-transform: uppercase;border: 1px solid #6d6d6d;letter-spacing: 2px;
    padding:10px 19px;display:inline-block;}
    .gift_or{padding:0 0 30px 0;}
    .gift_bottom_padd{padding:5% 0 0 0;position:absolute;top:0;left:0;right:0;}
    .gift_besspoke_link{color:#CE9500;font-size:18px;text-transform:uppercase;}
    .someone_special .someone_special_title {width:100%;font-size: 23px;color: #1d1d1b;position: absolute;top: 36%;line-height: 22px;}
    .someone_special .titleFR {font-size:17px;}
    .someone_special .gift_shop_btn{width:100%;bottom: 18%;line-height: 25px;position:absolute;}
    .someone_special .gift_shop_btn a {border: 1px solid;padding: 0.6% 3%;vertical-align: middle;color: #1d1d1b;font-size: 14.5px;letter-spacing: 0.5px;}
    .someone_special .linkFR a {padding: 0.6% 1%;}
    .sacet_container img, .someone_special img {margin:10px auto;-webkit-box-shadow: 0px 3px 13px 1px rgba(109,109,109,0.37);-moz-box-shadow: 0px 3px 13px 1px rgba(109,109,109,0.37);
        box-shadow: 0px 3px 13px 1px rgba(109,109,109,0.37);}

    #informationdiv-42 > #column-left, #informationdiv-3 > #column-left { display:none;}
    #informationdiv-42 .panel-default {border-color: #fafafa;}
    .style-1 .panel-default >.panel-heading {background: transparent;padding: 0px 15px 0 15px;}
    .style-1 .panel-default .panel-heading .panel-title{border-top: 1px solid #E5E5E5;padding: 24px 0;}
    .style-1 .panel-default:last-child .panel-heading .panel-title{border-bottom: 1px solid #E5E5E5;}
    #informationdiv-42 .panel-group .panel+.panel { margin-top: 0px;}
    #informationdiv-42 .nav-tabs>li.active>a,#informationdiv-42 .nav-tabs>li>a:hover {border-color: transparent;background: #FFF9F1;color:#dec15c;}
    #informationdiv-42 .nav-tabs>li>a{padding:10% 0;letter-spacing: 1px;color: #000;}
    #informationdiv-42 .nav-tabs>li {width:25%;}
    #informationdiv-42 .nav-tabs {border-bottom: none;text-align:center;font-size: 14px;text-transform: uppercase;margin-bottom: 30px !important;}
    #informationdiv-42 #accordion .more-less{display:none;}
    .style-1 .panel-default .panel-heading .panel-title.active{
        color: #dec15c;
    }
    .subtitle{font-size: 22px;font-family: GOUDOS;line-height:27px;}
    .subtitle:after {content: "";
        display: block;
        width: 95px;
        height: 2px;
        background: #dec15c;
        margin: 15px 0 24px;
    }
    #informationdiv-42 #accordion .panel-title > a {
        font-size: 22px;
        font-family: GOUDOS;
    }
    .style-1 .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top: 0;}
    #informationdiv-42 .panel {border-bottom: 0 !important;}
    /*#informationdiv-42 .panel-default+.panel-default >.panel-heading>h4 {border-top: 0;}*/
    #informationdiv-42 .tabTitle{font-size:36px;font-family:GOUDOS;text-align:center;margin:20px 0 20px 0;}
    .faqbanner_div {position: absolute;top: 36%;text-align: center;transform: translateY(-36%);color:#fff; left: 0; right: 0;}
    .faqbanner_div p{width: 70%; text-align: center; margin: 0 auto;font-size: 18px;line-height: 24px;font-family: 'Simplo-Regular', simplo;}
    .faqTitle{font-size: 36px;line-height: 50px;font-family:perpetua;}
    .tgbcolomn:nth-child(2) { border-color:#e5e5e5;}    
    .faq-sprite{background: url(../image/information/faq-sprite.png);
        width: 95px;
        height: 87px;
        display: block;
        background-position: 0 0;transition: all .2s cubic-bezier(0.4, 0, 1, 1);margin: 0 auto 15px;}
    .faq-sprite.icon1 {
        background-position: 0 0;
    }
    .faq-sprite.icon2 {
        background-position: -94px -2px;
    }
    .faq-sprite.icon3 {
        background-position: -279px -2px;
    }
    .faq-sprite.icon4 {
        background-position: -172px -4px;
    }

    #informationdiv-42 .nav-tabs>li.active .faq-sprite.icon1, #informationdiv-42 .nav-tabs>li:hover .faq-sprite.icon1{background-position: 0 -92px;}
    #informationdiv-42 .nav-tabs>li.active .faq-sprite.icon2, #informationdiv-42 .nav-tabs>li:hover .faq-sprite.icon2{background-position: -94px -95px;}
    #informationdiv-42 .nav-tabs>li.active .faq-sprite.icon3, #informationdiv-42 .nav-tabs>li:hover .faq-sprite.icon3{background-position: -279px -104px;}
    #informationdiv-42 .nav-tabs>li.active .faq-sprite.icon4, #informationdiv-42 .nav-tabs>li:hover .faq-sprite.icon4{background-position: -172px -110px;}

    .subbtn{ font-size: 18px; background: #fff; color: #1d1d1b; border: none; padding: 7px 30px; border-radius: 30px;   }
    .retrnbtn{ font-size: 18px; background: #fff; color: #1d1d1b; border: none; padding: 10px 40px; border-radius: 10px; margin: 20px 0; 
    position: relative; z-index: 1  }
    #thankyou .modal-content{ background: #fcf0f2; }
    #thankyou .modal-header{ border-bottom: 0px; }
    #thankyou h1{ margin: 20px 0 0 !important;  }
    .bgimg2{ position: absolute; left: 26px; bottom: 110px; }

    .modal-dialog {margin-top: 10%; }
    .loctitle{ font-size: 24px;line-height: normal;text-align: center;color: #fff; position: absolute;bottom: 17px;width: max-content;font-family: GOUDOS;margin: 0 auto;left: 0;display: block;right: 0;}
    /*.loctitle:before{content: "";display: block;width: 80%;margin: 0 auto 7px;border-bottom: 1px solid;}*/
    .bottom {top: 80%; color: #fff;}
    .bottom span {border-top: 1px solid #fff; }
    .loctation-image-block {
        -webkit-box-shadow: inset 0px -74px 30px 0px rgba(0,0,0,0.35);
        -moz-box-shadow: inset 0px -74px 30px 0px rgba(0,0,0,0.35);
        box-shadow: inset 0px -74px 30px 0px rgba(0,0,0,0.35);
        z-index: 2;
        display: inline-block;
        background: none;
    }
    .loctation-image-block img {
        max-width: 190px;
    }
    .location-block-row {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .loctation-shadow-image {
        z-index: -1;
        position: relative;
    }
    .store-locmain {
        padding: 0 35px;
        margin-bottom:50px;
    }
    .store-loc{width: 20%;padding: 0 20px;}
        
    /*.viewingPG{ margin: 50px 0 0; }*/
    .viewingPG h1{ font-size: 48px; color: #000; margin: 20px 0 30px; font-family: GOUDOS; }
    .viewingPG .description{ font-size: 16px; margin: 0px 0 20px; }
    .viewingPG .viewblock{ padding: 0px 20px; margin: 25px 0 20px; text-align: center;  min-height: 480px}
    .viewingPG .viewblock h3,.viewingPG .our-stores .viewblock h3{ font-size: 24px; margin: 15px 0 15px; font-family: GOUDOS;  }
    .viewingPG .viewblock h3 span{ padding-bottom: 7px; border-bottom: 1.5px solid #DEC15C;  }
    .viewingPG .viewblock .discoverbtn{ letter-spacing: 0.1em; font-size: 14px; text-transform: uppercase;
        background: #fff; border: 1.25px solid #000000; border-radius: 20px; margin: 15px 0 10px; padding: 8px 0px; 
        text-decoration: none; display: inline-block; color: #1A1729; /*width: 90% width: 115%*/width: 100%;
      }

    .viewingPG .viewblock h3 span a{ color: #000000 !important;}

    .viewingPG .viewblock .discoverbtnuk{
        border: none !important;
        margin: 15px 0 0px !important;
        padding: 0px 0px !important;
        font-family: Simplo;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
    }
    a.discoverbtn {cursor: pointer;}
    .viewingPG .viewblock .address {
        padding: 15px;
        min-height: 100px;
        line-height: 18px;
        font-size: 14px;
    }

    /*.viewingPG .viewblock .addr_london{
        margin-bottom: 18px;
    }*/
    /*===================== Valentines Competition css edn ======================*/

    .bespoke-banner{ position: relative; }
    .bespoke-banner .bsbnanertext{ position: absolute; right: 80px; top: 26%; width: 350px; text-align: center; }
    .bespokebtn{ color: #000; font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; 
        text-align: center; padding: 7px 20px; border: 1px solid #000; border-radius: 30px; margin: auto; }
    .bespokeabt{ padding: 30px 0px; text-align: center; }
    .bespokeabt h1{ color: 36px; font-size: 36px; font-family: GOUDOS; }
    .bespokeabt img{ margin: 15px auto }
    .bespokeabt h2{ font-weight: 550;font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase;color: #000000; }
    .bespokeabt p{ font-size: 16px; color: #9A9A9A; }
    .bespokeabt .block1{ padding: 0 50px; }

    /*===================== Tracking page css ======================*/
    .TrackrorderText {
        font-size: 42px;
        font-family: TrajanPro-Regular;
        margin-bottom: 50px;
    }
    .OrderStatusText {
        font-size: 26px;
        font-family: TrajanPro-Regular;
        margin-bottom: 50px;
    }
    .order-status {
        border-right: 1px solid #f0f0f0;
    }
    .reg_box p {font-size:14px;margin-bottom:40px;}
    .ContactUsSection {
        background: #F8F8F8;
    }
    .listingContact {
        margin-bottom: 35px;
        margin-top: 25px;
    }
    p.RightSection {
        font-size: 14px;
    }
    .reg_box input[type=text], .reg_box input[type=password], .reg_box input[type=email] {
        background-color: #F8F8F8;
        height: 40px;
        width: 100%;
        border-radius: 0;
        border: 1px solid #F8F8F8;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        -webkit-transition: unset;
        -o-transition: unset;
        transition: unset;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        outline: none;
        margin-bottom: 20px;
    }

    button.btn.RequestInfobtn {
        width: 100%;
        background: 0 0;
        font-size: 14px;
        font-family: Gotham Book;
        margin-bottom: 15px;
        border-radius: 0;
    }
    .track-icon{height: 50px;
        width: 50px;
        float: right;
        background-image: url(../image/diamonds-factory-new.png);
        margin-left: 40px;}
    span.email-icon {background-position: -267px -464px;    
    }
    span.chat-icon {background-position: -330px -465px;}

    span.phone-icon {background-position: -390px -466px;}
    .InputStyle{font-size:18px;font-family:TrajanPro-Regular;font-weight: 100;margin-bottom: 10px;}

    .ring-size-form{ padding: 0 50px 0px !important;  }

    /*.ring-size-form h1 span{ position: relative; }
    .ring-size-form h1 span:after{ */

    /*.ring-size-form h2 span{ position: relative; }*/
    /*.ring-size-form h2 span:after{
        margin: 5px 0 0;
        height: 1.5px;
        content: " ";
        text-shadow: none;
        background-color: #dec15c;
        width: 100%;
        top: 100%;
        position: absolute;
        left: 0;
        right: 0;
    }*/

    .blockmar{ margin-top: 70px; }

    .ring-size-form-right{ padding: 0 15px !important; }
    .ring-size-form h2{ text-align: center; font-size: 28px; margin-bottom: 25px; }
    
    .ring-size-form-right h2{ position: relative; margin: 0px 40px; }
    /*.ring-size-form-right h1 span{ position: relative; }*/
    /*.ring-size-form-right h1 span:after{ */
        .ring-size-form-right h2 span:after{
        margin: 5px 0 0;
        height: 1.5px;
        content: " ";
        text-shadow: none;
        background-color: #dec15c;
        width: 100%;
        top: 100%;
        position: absolute;
        left: 0;
        right: 0;
    }

    .ring-size-form form{ margin: 50px 0 20px; }
    .ring-size-form form label{ 
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #9A9A9A;
         }

    .ring-size-form form .form-group{ float: left; width: 100%; margin-bottom: 30px; }
    .ring-size-form form input{ border: 1px solid #E5E5E5; box-sizing: border-box; border-radius: 0px; height: 40px; }
    .ring-size-form form .ring_siz_cbox{ margin-bottom: 10px; text-align: left; }
    .ring-size-form form .ring_siz_cbox p{ line-height: normal; margin-bottom: 0px; }
    .ring-size-form form .ring_siz_cbox input{ height: auto; margin: 0px 7px 0px 0px; }

    
    .ring-size-form-right h3{
        font-size: 14px;
        color: #000;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-family: 'Simplo-Medium';
        margin: 35px 0 15px;
    }

    .ring_size_guide_bn{ margin: 0 0 20px; }
    .rguide1{ padding: 40px 50px !important; }
    .rguide1 p, .rguide2 p{ text-align: left; }
    .rguide1 h3, .rguide2 h3{ text-align: left; color: #000; font-size: 24px;     font-family: GOUDOS; }
    .rguide2{ padding: 40px 50px !important; }
    .klarna-landing p {max-width: 900px;
        width: 100%;
        margin: 0 auto;
        text-align: center;}
    .klarna-landing a.yellowbtn {
        text-align: center;
        width: 100%;
        background: #dec15c;
        display: block;
        max-width: 200px;
        color: #fff;
        margin: 80px auto;
        border-radius: 25px;
        padding: 5px;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .klarna-landing h1{margin: 20px 0 60px;}

    .divine-banner {
        width: 100%;
        max-width: 570px;
        margin: 0 auto 36px;
        position:relative;
    }
    .divine-banner video {
        width: 100%;
    }
    .divine-banner>i.fa {
        color: #fff;
        position: absolute;
        font-size: 40px;
        width: 84px;
        height: 84px;
        border: 4px solid;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 50.7%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 50%;
    }
    .divine-details>p>span {
        font-family: Simplo-Demi;
    }
    .divine-details a {
        color: #dec15c;
    }
    .divine-details p{font-size:14px;}
    .divine-details>h4 {
        text-transform: uppercase;
        font-family: 'Simplo-Medium';
        letter-spacing: 0.1em;
        color: #000;
        font-size:12px;
    }
    .divine-details>h4+p+h4 {
        margin-top: 30px;
    }
    .divine-details p+p {
        margin-bottom: 20px;
    }
    .divine-details {
        width: 66%;
        margin: 0 auto;
        max-width: 904px;
    }
    .divine-subbnr{display: flex;
        justify-content: space-between;
        margin: 0 auto 36px;
        max-width: 900px;
        width: 66%;}
    .divine-subbnr>.inner{width: 49%;}  

    .divine-page h1{font-family: GOUDOS; margin: 15px 0 30px; text-align: center;}
    /**----------------------Christmas-Gift guide -desktop ------------- **/
    .christmas-gift-page .bannerdiv {
        position: relative;
    }
    .christmas-gift-page .bannertext>h1, .bannertext p {
        color: #fff;
    }
    .christmas-gift-page .bannertext {
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translateY(-25%);
        max-width: 600px;
        text-align: center;
    }
    .christmas-gift-page .title {
        font-size: 30px;
        font-family: 'GOUDOS';
        line-height: 35px;
        display: inline-block;
    }
    .christmas-gift-page .title:after {
        content: "";
        width: 60%;
        border-bottom: 2px solid #dec15c;
        display: block;
        max-width: 260px;
        margin: 5px auto 30px auto;
    }
    .christmas-gift-page .title:after {
        width: 100%;
        max-width: 260px;
        margin: 5px 0 30px 0;
    }
    .christmas-gift-page .sec2 .title:after{
        width: 60%;
        margin: 5px auto 30px auto;
    }
    .how-pick {
        width: 100%;
        text-align: center;
        margin: 80px 0;
    }
    .how-pick .detail {
        display: inline-block;
        width: 46%;
        vertical-align: bottom;
        max-width: 500px;
    }
    .how-pick .detail:first-child {
        margin-right: 2%;
    }
    .detail p:last-child {
        margin-bottom: 0;
    }
    .how-pick .detail:last-child {
        margin-left: 2%;
        text-align: left;
    }
    .detail.valigntop {
        vertical-align: top;
        text-align: left;
    }
    .jewellery-for {
        background: #F8F8F8;
        padding: 50px 10px;
        text-align: center;
    }
    .txtdiv {
        width: 100%;
        max-width: 622px;
        margin: 0 auto;
    }
    .sec2 {
        text-align: center;
        padding: 60px 0 0 0;
    }
    .innerdiv {
        margin-top: 60px;
    }
    .innerdiv .img-head {
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Simplo-Medium';
        letter-spacing: 0.5px;
        padding: 30px 30px 10px 30px;
        min-height: 85px;
    }

    .innerdiv p {
        padding: 0 30px;
        color: #9A9A9A;
        min-height: 190px;
    }
    .innerdiv a {
        background: #dec15c;
        border-radius: 25px;
        padding: 14px 0 12px 0;
        font-size: 14px;
        color: #fff;
        display: inline-block;
        margin: 0px 0 15px;
        line-height: 100%;
    }
    .sec2:after {
        content: "";
        display: inline-block;
        width: 100%;
        max-width: 1098px;
        border-bottom: 1px solid #E5E5E5;
        margin: 0 auto;
        margin-top: 50px;
    }
    .innerdiv.noborder:after{
        border-bottom:0;
    }

    .video_app_btn{
        /*background: #b4b4b4 !important; 
        color: #000 !important; 
        border: 1px solid #b4b4b4 !important;*/
        background: #e5e5e5 !important;
        border: 1px solid #e5e5e5 !important;
        color: #000!important;
    }
    /*.video_app_btn:hover {
        color: #c59632 !important;
    }*/
    .mothers-day .innerdiv img ,.mothers-day .innerdiv .img-head{cursor: pointer;}
    h3.txtdiv{
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 17px;
    font-size: 14px;
    font-weight: 500;
    margin: 30px auto 15px;
    color: #000;
    }

    .padd-r-l a{
        color: #000;
    }
    .padd-r-l{
        padding: 10px 100px;
    }



    .labgrowldbanner{ position: relative; }
    .labgrowldbannerhover{
        position: absolute;
        top: 50%;
        right: 10%;
        transform: translateY(-50%);
        max-width: 430px;
        text-align: center;
    }

    .labgrowldbannerhover h1{ font-size: 36px; font-family: GOUDOS; color: #000; margin: 0px 0px 30px }

    .labgrowldbannerhover p{ font-size: 14px; color: #000; margin-bottom: 30px; }

    .labgrowldbannerhover .shopnow{ font-size: 12px; color: #000; text-transform: uppercase;
    letter-spacing: 0.1em; font-weight: 600; }

    .labgrowldcontent h2{ text-align: center; font-size: 20px; font-family: GOUDOS; color: #000; margin: 30px 0px 30px   }
 
    .labgrowldcontent p{ text-align: center; font-size: 16px; margin: 0px 0px 15px; }
    .labgrowldcontent p.titlename{ text-align: center; text-transform: uppercase; font-weight: 600;
            font-size: 12px; margin: 0px 0px 15px; color: #DEC15C; letter-spacing: 0.1em; }

    .labgrowldcontent .labgrow4step{ padding: 0px 50px 20px; }

    .labgrowldcontent .fa { float: right; font-size: 13px; }
     .labgrowldcontent .labgrow4step .stpename{
            color: #000;
        text-align: center;
        letter-spacing: .1em;
        font-size: 10px;
        text-transform: uppercase;
        margin-top: 15px;
        margin-bottom: 20px;
        font-family: Simplo-Regular;
    }

    .labgrowldcontent .labgrow4step img { margin: auto; }

    .labgrowldcontent #accordion .panel-title > a{     font-size: 18px;
    font-family: GOUDOS; }

    .labgrowldcontent #accordion p{ text-align: left; }

    .matbottom{ text-align: center;  } 
    .matbottom h3{ text-transform: uppercase; letter-spacing: 0.1em; font-size: 14px; font-weight: 600; }
    .matbottom p{ color: #9A9A9A; }

    .padd-bot28{ margin: 20px 0px 30px; }

    .explorediv{ margin: 30px 0; text-align: center;  }
    .explorediv h3{ font-size: 14px; text-transform: uppercase; color: #000; 
        letter-spacing: 0.1em; margin: 20% 0px 15px;  }
    .explorediv p{ font-size: 14px; color: #9A9A9A; line-height: 23px; }
    .explorediv a{ font-size: 14px; color: #000; text-transform: uppercase; margin: 20px 0px 0px }

    .designoverlay{ position: absolute;  bottom: 20%; right: 10%; width: 400px; text-align: center; }

    .designoverlay p{ color: #9A9A9A }
    .designoverlay h3{ font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase;
    font-weight: 600; }

    .craftsecion2{ margin: auto; float: none; padding: 20px 0px 30px; text-align: center;   }
    .craftsecion2 h3{ margin: 10px 0px 15px; font-size: 24px; font-family: 'GOUDOS';  }
    .craftsecion2 p{ color: #9A9A9A;  }

    .getintouch{ margin:20px auto 15px; float:none; padding: 10px 45px; }
    .getintouch h3{ margin: 0px 0px 21px; font-size: 18px; font-family: 'GOUDOS';  }
    .getintouch p{ margin: 0px 0px 20px; font-family: Simplo-Regular,Simplo; font-size: 16px;  }
    .img-valuations {max-width: 750px; width: 100%;}


    .wedding-jewellery p a{ color: #dec15c; }
    .weddingpage{ margin: 20px 0px 20px; float: left; width: 100%; border-bottom: 1px solid #ddd; }
    .weddingpage li{ float: none;  display: inline-block;  margin: 10px 20px 20px;  }
    .weddingpage li a{font-size: 14px; text-transform: uppercase;  letter-spacing: 0.1em;
     font-weight: 600;color: #000; }
     .weddingpage li a:hover{ color: #dec15c;  }
    .location-block-row {
        flex-wrap: wrap;
    }
    .imgblock {
        padding: 5px !important;
    }
    .loctation-image-block {
        box-shadow: none;
    }
    /**--- Mothersday gift Page ---------*/
    @media only screen and (min-width:1440px){
        .christmas-gift-page.mothers-day {
        margin: 0 -20px;
        }
    }
    .christmas-gift-page.mothers-day .bannertext {
    transform: translateY(-50%);
    }
    .christmas-gift-page.mothers-day .bannertext>h1,.mothers-day .bannertext p{color:#000;}
    .mothers-day .innerdiv a {background-color: #fff;color: #000;letter-spacing: 0.1em;}
    .mothers-day .innerdiv p {min-height:115px; margin-bottom: 0px;}
}

    /**--- Engagement Bespoke Page ---------*/
    .bespoke-eng-page h1{text-align: left;}
    .bespoke-eng-page .bannertext {
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translateY(-50%);
        max-width: 400px;
        text-align: left;
    }
    .bespoke-eng-page .bannertext p{color:#000;}
    .bespoke-eng .title {
        font-size: 30px;font-family: GOUDOS;
    }
    .bespoke-eng .txtdiv2 {
        width: 100%;
        max-width: 915px;
        margin: 0 auto;
    }
    .bespoke-eng-page .how-pick .detail{text-align:left;vertical-align:middle;}
    .bespoke-eng-page .how-pick .title{font-size: 36px;font-family: GOUDOS;line-height:36px;max-width: 385px;margin-bottom: 40px;}
    .bespoke-eng .title:after,.how-pick.element .title:after {
        content: "";
        border-bottom: 1.25px solid #dec15c;
        width: 20%;
        margin: 15px auto 0;
        display: block;
        max-width: 260px;
    }
    .how-pick.element .title:after{ margin: 10px 0 0 0;}
    .bespoke-eng {
        margin: 50px -15px;
        padding-bottom: 50px;
        text-align: center;
    }
    .bespoke-eng.border{border-bottom: 1px solid #E5E5E5;}
    .bespoke-eng-page .txtdiv{max-width:560px;}
    .bespoke-eng-page .how-pick{margin:60px 0;}
    .how-pick.element .detail{max-width:430px;}
    .how-pick.element .detail p{color:#9A9A9A;}
    .how-pick.element>p {margin-bottom: 50px;}
    .how-pick.element .detail>ul {
        margin: 0px -1%;
    }

    .bespoke-eng-page .how-pick.element .title{margin-bottom: 25px;}
    .how-pick.element .detail>ul li img{margin:0 auto;display:block;margin-bottom:27px;}
    .how-pick.element .detail.metal>ul li img {margin-top: 20px;}
    .how-pick.element .detail>ul li {
        display: inline-block;
        width: 44%;
        margin: 2%;
        background: #F8F8F8;
        padding: 5px 0 15px 0;
        text-align: center;
        font-family: Simplo-Medium;
        font-size: 14px;
    }
    .bespoke-eng-page .how-pick.border {
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 50px 0;
    }
    .bskitems {
        background: #F8F8F8;
        padding: 25px 0 40px 0;
        margin-bottom: 20px;
    }
    .bskitems .title {
        font-size: 30px;
        font-family: GOUDOS;
        text-align: center;
        margin: 30px 15px 25px 15px;
        line-height: 30px;
    }
    .bskitems .shop-now {
        background: #dec15c;
        border-radius: 25px;
        padding: 12px 10px;
        width: 100%;
        max-width: 140px;
        display: block;
        margin: 0 auto;
        line-height: 100%;
        letter-spacing: 1px;
    }

    .bskitems .shop-now {color:#fff;}

    .bskitems .shop-now:hover { color: #fff;  border: 0;}

    .bespoke-eng-page a{color:#dec15c;}

    .padtop-30{ padding-top: 30px; padding-bottom: 20px; }

    .tabgemstones ul{ margin: auto;  } 

    .tabgemstones ul li{ float: none; display: inline-block; margin-bottom: 0px; border-right: 1.5px solid #E5E5E5; 
                         }
     .tabgemstones ul li a{ padding:0px;  }                    
    .tabgemstones ul li a span{ font-size: 20px;font-family: GOUDOS; display: inline-block; padding: 10px 0 5px; border-top: 0px; border-left: 0px; margin:0 15px 0 10px; border-bottom: 1.5px solid #E5E5E5; } 

    .tabgemstones ul li a:hover{ background: transparent; border-color: transparent; }

    .tabgemstones ul li:last-child { border-right: none; }
    /*.tabgemstones ul li:last-child, .tabgemstones ul li:nth-child(2) { border-right: none; }*/

    .tabgemstones ul li.active a span{ border-bottom: 1.5px solid #dec15c; color: #000; } 

    .tabgemstones .nav-tabs>li.active>a:hover{ border: none; background-color: transparent; }

    .tabgemstones .nav-tabs>li.active>a:focus{ border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 0px; }


    .gemstoneh1{ font-size: 48px !important }
    
    .ring-guide.top-info-banner>.info-desc {
    right: 9%;
    max-width: 575px;
    left: auto;
    font-size: 16px;
    line-height: 19px;
    padding: 0;
    }
    .ring-guide.top-info-banner>.info-desc>h2 {
    font-size: 48px;
    font-family: 'GOUDOS';
    color: #000;
    margin-bottom: 30px;
    }



    .weddingbanner .abouttext h1{ font-size: 48px; font-weight: normal; }
    .weddingbanner .abouttext .ptxt{ font-size: 14px; font-weight: normal; 
    font-family: 'Simplo-Light'; color: #FAE6F5 !important; line-height: 17px; }
    .weddingbanner .abouttext .wshopbutton{ text-transform: uppercase; font-size: 12px;
        border: 1px solid #fff;
    padding: 6px 10px;
    max-width: 300px;
    margin: 20px auto 10px;
    font-family: 'Simplo-Regular'; margin-top: 20px; color: #FAE6F5; letter-spacing: 0.1em; }
    
    #informationdiv-71 p a { color: #dec15c }
    #informationdiv-7 ul { display: flex; flex-wrap: wrap; justify-content: center; }

    .weddinghead{ font-size: 36px !important; margin: 20px 0 30px !important; text-align: center !important; }    
    .wedding-buyguide{ margin-top: 20px; }
    .wedding-buyguide .glob-icon img{ width: auto; margin-bottom: 15px; }
    .wedding-buyguide .glob-icon { min-height: auto; float: none !important  }
    .wedding-buyguide .tgbcolomn p{ font-size: 14px; color: #000; letter-spacing: 0.1em; font-family: 'Simplo-Regular'; text-transform: uppercase !important; }

    .weddingbuysection h2, .weddingbuysection-tow h2, .wedding-metal h2, 
    .wedding-insurence h2, .wedding-inspiration h2{ font-size: 30px !important; text-align: center; margin: 0px 0px 15px; color: #000; text-align: center; }
    .weddingbuysection .tgbcolomn h3{ font-size: 24px; color: #000; margin: 20px 0px 20px; font-family: 'GOUDOS';  }
    .weddingbuysection .tgbcolomn{ padding: 0px 10px; }
    .weddingbuysection .tgbcolomn p{ font-size: 14px; min-height: 90px; color: #000; font-family: 'Simplo-Light';  }
    .weddingbuysection .tgbcolomn .glob-icon-new img{ margin-bottom: 15px }
    .weddingbuysection .tgbcolomn .button-new { 
           font-family: 'Simplo-Regular';
            font-weight: 600;
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.1em; 
            margin: 25px 15px 10px;
            color: #000;
            text-transform: uppercase;
            border: 1px solid #000; padding: 7px 15px;
        }

        .weddingbuysection-mens .button-new {
            width: 290px;
            margin: 0 auto !important;
        }
        .weddingbuysection-mens h3 a{
            color: #000 !important;
        }
    
    .border-yellow{ width: 150px; height: 2px; margin: auto; background: #DEC15C; margin-bottom: 20px;  }

    .weddingbuysection-tow{ background: #F8F8F8; padding: 20px 10px; margin: 30px 0px 20px; }
    .weddingbuysection-tow .button-new{ font-family: 'Simplo-Regular';
            font-weight: 600;
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.1em; width: 300px; margin: 25px auto 10px;
            color: #000;
            text-transform: uppercase;
            border: 1px solid #000; padding: 7px 15px; }

    .wedding-metal .tgbcolomn h3 { 
            font-family: 'Simplo-Regular';
            font-weight: 600;
            font-size: 14px;
            text-align: center;
            letter-spacing: 0.1em; width: 190px; margin: 15px auto 30px;
            color: #000;
            text-transform: uppercase;
            line-height: 150%;
            border: 1px solid #000; padding: 7px 15px; }
    .wedding-metal p{ font-size: 14px; }

     .wedding-metal .tgbcolomn{ padding: 5px 0px 0px }

    .wedding-insurence{ background: #fff; }
    .wedding-insurence p{ font-size: 14px; }
    .wedding-insurence .button-new{ font-family: 'Simplo-Regular';
            font-weight: 600;
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.1em; width: 300px; margin: 25px auto 10px;
            color: #000;
            text-transform: uppercase;
            border: 1px solid #000; padding: 7px 15px; }

    .wedding-inspiration .tgbcolomn h3 { 
        font-weight: 600; margin: 15px 0px 0px;
        font-size: 14px;
        text-align: center;
        letter-spacing: 0.1em;
        color: #000; font-family: 'Simplo-Regular';
        line-height: 150%;
        text-transform: uppercase;  }

        .weddingbuysection-tow .weddingbuyblock{ margin-top: 60px; padding: 10px 20px }
        .weddingbuysection-tow .tgbcolomn { padding: 0px 20px; }

        .weddingbuysection-tow p{ max-width: 630px; margin: auto; font-size: 14px; }

        .weddingbuysection-tow .weddingbuyblock p{ max-width: 345px; }

        .wedding-inspiration .tgbcolomn{ padding: 0px 10px; margin-bottom: 20px  }

        .wedding-ring-faq{ margin-top: 40px !important; }

        .wedding-ring-faq h2{ font-size: 24px; text-align: center; margin: 20px 0px 20px; }
        .wedding-ring-faq .panel-default>.panel-heading{ background: #fff; border-bottom: 1px solid #E5E5E5 }

        .bspokemargin{ margin-bottom: -20px; }

        .wedding-ring-faq p{ font-size: 14px; }

        .wedding-ring-faq .panel-group .panel-default{ border: none; }
        .wedding-ring-faq .panel-group .panel-default .panel-heading .panel-title{ font-size: 18px;  font-family: GOUDOS; }
        .wedding-ring-faq .panel-group .panel-default .panel-heading .panel-title a i{ font-size: 11px; float: right; }


/*=============== quizzes =================*/

   .quizzesmain{ margin: 40px auto 20px; float: none;  }
    .quizzesmain .headtext{ line-height: 30px; margin: 20px 0px; font-size: 26px; font-family: GOUDOS; text-align: center; }
    .quizzesmain .favourte-btn{ float: left; width: 100%; padding: 7px 10px;
                    text-align: center; text-transform: uppercase; margin-bottom: 15px;
                    border: 1px solid #a9a5a5; font-size: 12px; letter-spacing: 0.1em; }
    .quizzesmain  #quiz7 .input-group{ margin: 20px 0 20px; }
    .quizzesmain  #quiz7 .input-group .input-group-addon{ padding: 6px 30px; border-radius: 0px; background: #dec15c; color: #000;
    text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; cursor: pointer;
    border: 1px solid #dec15c; }
    .quizzesmain img{ margin: auto; }
    .quizzesmain  #quiz7 input{ border-radius: 0px; }
    .quizzesmain  #quiz7 .skiptext{ text-transform: uppercase; font-size: 12px; 
            letter-spacing: 0.1em; text-align: center; cursor: pointer; }
    .quizzesmain .shopcring{ text-transform: uppercase; color: #000; font-size: 12px; 
            letter-spacing: 0.1em; text-align: center; cursor: pointer; margin: 15px 0px;
            padding: 7px 40px; background: #dec15c; border: 1px solid #dec15c;
            font-family: 'Simplo-Medium'; }


    .quizzesmain .startquizbtn { background: #dec15c; font-size: 12px; text-align: center; 
        font-family: 'Simplo-Medium'; padding: 6px 30px; margin: 15px auto 15px;
        text-transform: uppercase; border: none; 
        display: inherit;
    letter-spacing: 0.1em;
     }

     .quizzesmain .active{ background:  #dec15c;}
    .fabrication-btn .white_btn {
    margin: 15px 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    font-family: 'Simplo-Medium';
    border-radius: 25px;
    line-height: 22px;
    }

/*=============== quizzes end=================*/



/*======================================
    Diamond Clarity Page New Design 
====================================*/

.topheading{ margin: 20px 0px; } 
.topheading h1{ margin: 0px 0px 10px; font-size: 48px; text-align: center; } 
.topheading .borderlineyellow{ height: 1.5px; width: 100px; background: #DEC15C; display: block;
    margin: 10px auto 20px; }
.topheading p{ max-width: 630px; margin: auto; text-align: center; font-size: 14px !important;} 
.diamond-clarity p a{ color: #dec15c!important; } 

.diamond-clarity { position: relative; margin: 20px 0px 0px; }
.diamond-clarity p{ font-size: 14px !important; color: #000; }

.diamond-clarity .row .clarity_banner_hover{position: absolute; max-width: 500px;right: 0px;
    z-index: 2; top: 50%; transform: translate(-20%, -50%); }

.diamond-clarity .clarity_banner_hover h2{ font-size: 30px; margin-top: 0px; text-align: center; }
.diamond-clarity .clarity_banner_hover p{ font-size: 14px; text-align: center; line-height: 17px; }

.diamond-clarity .diamond_inclusions{ margin: 30px 0px; }
.diamond-clarity .diamond_inclusions img{ max-width: 380px; margin: -60px auto 0px; border: 5px solid white;
    border-radius: 50%; }
.diamond-clarity .diamond_inclusions h3{ margin: 40px 0px 10px; font-size: 14px; text-transform: uppercase; color: #000;
font-weight: 700; letter-spacing: 0.1em; font-family: 'Simplo-Medium'; }

.diamond-clarity .diamond_inclusions p{ font-size: 14px; font-weight: 400; color: #000; }
.diamond-clarity .diamond_inclusions ul{ margin-left: 20px; }
.diamond-clarity .diamond_inclusions ul li{ font-size: 14px; list-style-type: disc; line-height: 21px;  }

.diamond-chart{ margin: 30px 0px; }
.diamond-chart h2{ font-size: 30px; text-align: center; }
.diamond-chart .cartleft{ margin: 30px 0 0px; padding-right: 50px; }
.diamond-chart .cartright{ margin: 5px 0 0px }
.diamond-chart .cartright h3{ margin: 30px 0 10px; font-size: 14px; text-transform: uppercase; 
letter-spacing: 0.1em; font-weight: 700; color: #000; font-family: 'Simplo-Medium';}

.diamondbg{ margin: 20px 0px; position: relative; }
.diamondbg h2{ font-size: 30px !important; text-align: center; margin: 20px 0px; }
.diamondbg p{ margin: 20px auto; }

.diamondbg .diamondbg_hover{ max-width: 650px; position: absolute; top: 20px;
     transform: translate(50%, 20%);
 }

 .diamond_color{ background: #F8F8F8; padding: 20px 0px 0px; margin: 0px 0px 20px; position: relative; }
 .diamond_color .diamond_color_hover{max-width: 630px; position: absolute; top: 20px; transform: translate(15%, 0%); }
 .diamond_color .diamond_color_hover h2{ text-align: center; font-size: 30px; }
 .diamond_color .diamond_color_hover p{ text-align: center; }

 .clarity-bottom{ padding: 30px 0px; }
 .clarity-bottom p{ font-size: 14px; max-width: 1020px; margin: auto; text-align: center; }



/*======================================
    Diamond Clarity Page New Design end
====================================*/


    @media only screen and (min-width: 1366px) {
        .diamond-guide .panel-body{min-height:300px !important;} 
        .divine-page h1{font-size:48px; font-family: GOUDOS; margin: 15px 0 30px;}
        .bespoke-eng-page h1{font-size:48px;}
        .mothers-day .innerdiv p {padding: 0 15px;font-size: 15px;}
    }
    @media only screen and (max-width: 1366px) {
        .offer-section h4{font-size: 34px;}
        .overdiv h2{margin: 40px 0px 10px; font-size: 40px;}
        .ring-size-form-right h2{ margin: 0 20px; font-size: 30px; }
        .mothers-day .innerdiv p {min-height:115px;}
        .labgrowldcontent .panel-title>a{ padding-right:25px; }
    }

    @media only screen and (max-width: 1366px) {
        .overdiv h1,.overdiv .title{ font-size: 35px;  color: #000; font-size: 25px;}    
         .valentine-hover h5{ color: #000 !important; }
    }
    @media (max-width: 1250px) {
    .map-responsive iframe{height:280px;}
    }

    @media only screen and (max-width:1280px){
        .valentines-com h1{ font-size: 50px; }
        .weddingbuysection .tgbcolomn .button-new { 
            margin: 25px auto 10px !important;
        }
    }

    @media only screen and (max-width: 1199px) {
        .diamond_color .diamond_color_hover {
            max-width: 567px; transform: translate(6%,10%);
        }
        .getintouch p{ font-size: 18px !important }
        .designoverlay{bottom: 10%; right: 6%;  }
        .explorediv h3{  margin: 14% 0px 15px; }
        .address .lobtn{ width: 100%; }
        a.blackbtn, a.whitebtn{ width: 49% ; padding: 10px 5px; font-size: 14px;  }
        a.open_appointment{
            width: 100%;
        }
        /*.offer-section .Sectitle{  font-size: 30px;}*/
        /*.overdiv h1{ margin-top: 0px; }  */
        .overdiv h5{ margin-top: 0px; }  
        .overdiv h2 {  margin: 18px 0px; font-size: 18px;}
        .overdiv p.code { font-size: 15px; margin: 20px 0px;}
        .block-friday .carousel-caption{ bottom: 30px; padding-bottom:0px; left: 10%; right: 10%; }
        .block-friday .carousel-caption h3.yellow{margin: 15px 0px;  }

        .block-friday .carousel-caption-shrimas{ left: 20px; right: 20px; bottom: 80px; }
        .carousel-caption-shrimas h1{ font-size: 45px; margin: 0 0 20px;  }
        .carousel-caption-shrimas h3{ margin:0 0 20px; font-size: 25px !important;  }
        .christmas-hover h2.discout{ font-size: 25px;  }

        .valentine-hover p.code{margin: 0px 0px 20px;  }
        .valentine-off{    font-size: 30px !important;}
        .offer-section-valentine h1{ font-size: 55px;  }
        .valentine-hover .shop-now{ font-size: 20px;  }
        .overdiv h1,.overdiv .title{ font-size: 25px; }
        .overdiv h5{ font-size: 25px; }
        .viewingPG .viewblock .address {min-height: 141px;}
        .viewingPG .viewblock .addr_london{margin-bottom: 0px;}
    .ring-guide.top-info-banner>.info-desc>h2 {font-size: 40px;}
    .ring-guide.top-info-banner>.info-desc {
    right: 3%;
    max-width: 500px;
    font-size: 14px;
    line-height: 17px;
    }   
    .mothers-day .innerdiv p {min-height:125px;}
    .weddingbuysection .tgbcolomn .button-new {
        font-size: 11px !important;
    }
    .weddingbuysection .tgbcolomn p {
        min-height: 110px;
    }
 }

    /*------gift page ends here --------------*/


    @media (max-width: 1024px) {
        .weddingbuysection .tgbcolomn h3{ font-size: 22px; }
        .offer-section h1{ font-size: 45px; }
        .offerrow .Sectitle .offerprice{ width: 100px; font-size: 14px; }
        .offer-section .Sectitle{ width: 152px; font-size: 14px; }
        .getintouch{ padding: 10px 10px; }
        .labgrowldbannerhover{ right: 5%; }
        /*.viewingPG .viewblock .addr_london { margin-bottom: 18px;}*/
        /*.viewingPG .viewblock .addr_birmingham { margin-bottom: 18px;}*/
        .tabgemstones ul li a span{ font-size: 18px; }
        .parisifrem{ max-height: 320px; }
        .swm_add a.blackbtn{font-size: 12px;}
        .diamond-home .diamond-home-content{
            min-height: 293px;
        }
        .diamond-home-content p.get-in-touch{
            padding: 45px 30px 0px;
        }
        .cartpadr{ padding-right: 30px;}
        .cartpadl {padding-left: 30px;}
        .tabcarat ul li a svg:not(:root){ height: 43px !important; max-height: 43px !important; }
        .tabcarat ul li a{ padding: 10px 10px }
        .info_name.textcenter h1{font-size: 42px;}
        .location-des h2 {font-size: 30px;}
        .location-des p, .address div p {font-size: 14px;}
        .map h2 span, .address h2 span, .location-des h2 span, .newTabs h2 span {font-size: 20px;}
        .valentines-com h1{ font-size: 40px; letter-spacing: 2px; }
        .viewingPG .viewblock{ min-height: 420px; }
        .bsk_icons_list {width: 32.6%;}
        .bskbox ,.grid-sizer { width: 31.5%; }
        .map-responsive iframe{height:220px;}
        /*a.blackbtn,a.whitebtn {width:49%;}*/
        .aboutus_ourstory{font-size: 4em;}
        .aboutus_ourstory.aboutus_ourstory_fr{font-size: 2em;}
        .aboutus_ourstory.aboutus_ourstory_de{font-size: 2em;}
        .bespokeabt .block1{ padding: 0 15px; }
        .bespokeabt p {font-size: 14px;}
        #informationdiv-42 #accordion .panel-title > a,.subtitle {font-size: 18px;}
        .innerdiv p{min-height:235px;}
        .christmas-gift-page .bannertext{transform: translateY(-35%);max-width: 500px;}
        .bespoke-eng-page .bannertext {left: 5%;max-width: 500px;}
        .bespoke-eng-page .bannertext p{line-height: 20px;font-size: 14px;max-width: 320px;}
        .store-locmain {padding: 0 20px;}
        .store-loc{padding: 0 10px;}
        .mothers-day .innerdiv p {padding: 0px;font-size: 14px;margin-bottom: 0;}
        .mothers-day .innerdiv p {min-height:110px;}   
        .padd-r-l{ padding: 10px 60px;   }     
        .ring-size-form{ padding: 0 30px 0!important; }
    }

    @media (min-width: 992px) {
        .pull-right-sm {float: right;}
        .klarna-landing h1{font-size:48px;}
        .bespoke-section {
            margin-top:22px;
        }
    }
    @media only screen and (max-width: 991px){
        .weddinghead{ font-size: 30px !important; }
        .diamond-guide .panel-body{ 265px!important }
        .ring_siz_bann_subtle{ font-size: 14px !important; }
        .ring_soz_bnn_posion h1{ font-size: 26px !important; }
        .ensection{min-height: 120px; }
    .tabcarat ul li a{ font-size: 11px; }
    .viewall { padding: 7px 15px; }
    /*.diamond-guide .panel-body {  min-height: 270px!important;   }*/
    .weddingbuysection .tgbcolomn p{ min-height: 90px; }
    .newTabs.nav-tabs>li a{ margin: 0 10px; }
    .weddingbuysection h2, .weddingbuysection-tow h2, .wedding-metal h2, .wedding-insurence h2, .wedding-inspiration h2{
            font-size: 24px !important  }
    .weddingbuysection-tow .tgbcolomn{  padding: 0px 5px; }
    .weddingbuysection-tow{ padding: 20px 10px 20px; }
    .weddingbanner .abouttext h1{ font-size: 36px }
    .weddingbanner .abouttext{  max-width: 350px!important; right: 4%!important; }
    .wedding-inspiration .tgbcolomn h3 { padding: 0px; }
    .wedding-buyguide .glob-icon img{ height: 45px; }
    .wedding-buyguide .tgbcolomn p{ font-size: 12px !important; }
    .weddingbuysection .tgbcolomn{ float: none; width: 49%; display: inline-block;
        vertical-align: top; }
     .wedding-inspiration .tgbcolomn { float: none; width: 49.5%; display: inline-block;
        vertical-align: top; margin-bottom: 20px; padding: 0px 3px; }
      .wedding-inspiration{ text-align: center; }
     .weddingbuysection{ text-align: center; }
     .wedding-metal .tgbcolomn h3 { width: 140px; font-size: 13px !important; }
     .weddingbuysection-mens .tgbcolomn{ height: auto !important;  }
     .weddingbuysection-mens{ text-align: center; }
     .button-new.max{ max-width: 320px; margin: auto; }

    .offer-section{ background: url(/catalog/view/theme/default/image/black_friday/early-blackfriday-landing-991.jpg) top center no-repeat;
    background-size: 100%; }
    .Hpadd5 h4{ margin: 20px 0px 0px }
    .Hpadd5 p{ padding: 15px 20px; }
    .divider_div {padding: 0px 10px} 
        .designoverlay{ width: 360px; bottom: 0%; right: 4%; }
    .explorediv h3 { margin: 10% 0px 15px;}
    .labgrowldbannerhover h1{ font-size: 26px; margin: 0px 0px 20px }
    .labgrowldbannerhover{  max-width: 320px; margin: 0px 0px 20px }
    .labgrowldbannerhover p{ margin-bottom: 20px }
    /*.viewingPG .viewblock .addr_london { margin-bottom: 0px;}*/
    .viewingPG .viewblock .discoverbtn{ width: 90%; }
    .viewingPG .viewblock .flex-buttons .discoverbtn{ width: 100%; }
    .viewingPG .viewblock .addr_birmingham { margin-bottom: 0px;}
    .viewingPG .viewblock {min-height: 475px;}
    .loctitle{ font-size: 20px; }
    .tab-contnr{ padding: 0px 50px; }
    .tabgemstones3 ul li{ width: 30% }

    .overdiv h1,.overdiv .title{ font-size: 26px; margin:7px 0 15px; }
    .shop-now{ padding: 7px 15px 5px; font-size: 12px; }
    .review-top{ padding: 20px 10px; }
    .cmscontent p{ font-size: 16px;  }
    .viewingPG p{ font-size: 14px;  }
    .address-toggle{ padding: 10px 0 0px; }
    .visit-address h1.visit-title{ margin: 0 0 25px;}
    .address-toggle img { margin: 0px 0 15px;}
    .address-toggle h3{ margin-bottom: 30px; margin: 0px 0 10px; }
    .address{ padding-left: 15px; padding-top: 20px; }
    .address .lobtn{ width: 45%; margin: 20px 30px 0 0;}
    .carousel-caption-shrimas h1 { font-size: 35px;}
    .block-friday .carousel-caption h3{  font-size: 25px !important; }
    .block-friday .carousel-caption h3.yellow { font-size: 35px;}
    .overdiv h2 { margin: 10px 0px; font-size: 16px;}
    .overdiv p.code{  margin: 10px 0px ;}
    .block-friday .carousel-caption {bottom: 10px; padding: 0px; left: 20px; right: 20px;}

     .block-friday .carousel-caption-shrimas{ bottom: 80px; }
     .christmas-hover h2.discout{ font-size: 20px;  }
     
     .overdiv h5{ font-size: 25px;  }
     .offer-section-valentine h1 { font-size: 45px;}
    .offer-section h4{ font-size: 25px; }

        .visitlocation{  padding-top: 30px; margin: 50px 0 0; }
        .customerPg h1{ margin: 15px 0 20px }
        .titled{ text-align: center; padding: 0 50px; }
        .customerPg h2{ text-align: center; }
    .btnalign{ text-align: right; }
    .btnalign button{ margin-left: 15px; }
    .show991To_481{display:block;}
    .gift_top_title1 {font-size: 47px;line-height: 50px;}
    .gift_top_subtitle1{font-size: 24px;line-height: 30px;}
    .gift_btn{margin-top: 27%;}
    .someone_special .someone_special_title {top: 37%;font-size: 26px;line-height: 26px;}
    .someone_special .titleFR {font-size:18px;}
    .someone_special .gift_shop_btn a , .sacet_container .sacet_btn a {font-size: 23px;letter-spacing: 1px;padding: 1.2% 7%;border: 2px solid;}
    .someone_special .linkFR a {padding: 1.2% 2%;}
    .sacet_container .info {width:100%;left:0%;top:50%;}
    .sacet_container .info .infoTxt{font-size:23px;}
    .sacet_container .info .title{font-size:35px;line-height: normal;}

    .TrackrorderText{font-size: 32px;margin-bottom:20px;}
    .OrderStatusText{font-size: 22px;margin-bottom: 30px;}
    .reg_box p{font-size:13px;}
    button.btn.RequestInfobtn{margin-bottom: 50px;}
    .order-status {
        border-right: none!important;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 50px;
    }
    .contact-us-div {background: #F8F8F8;}
    .tracking-page{padding:0;}
    /*-------- Column left side bar ----------------*/
    .toglefilter{display:none;background:#ecefee;padding: 5px;}
    .boxinfoToggle{font-size:16px;padding:8px 0;background:#ecefee;}
    .boxinfoToggle .fa-chevron-down,.boxinfoToggle .fa-chevron-up {position: absolute;right: 20px;}
    .swm_add {padding-left:0%;}
    a.blackbtn, a.whitebtn{ padding: 10px 5px; font-size: 13px;  }
    .viewingPG .viewblock .address {min-height: 124px;}
    .ready_to_bring_container > .ready_to_bring_Desc{max-width:243px;}
    .transBtn{max-width:182px;}
    .bespoke-banner .bsbnanertext {
        top: 50%;
        transform: translateY(-50%);
        right: 40px;
        max-width: 290px;
    }
    .form-sec {max-width:100%;}
    .cmscontent h1, .titleMakers1 {font-size: 36px;}
    .cmscontent h2{ font-size: 36px; }
    .viewingPG h2.title { font-size: 36px; }
    /*.titleMakers1 {font-size: 36px;}*/
    .divine-subbnr,.divine-details{width:85%;}

      .txtdiv {max-width: 500px;}
      .how-pick{margin: 50px 0;}
      .how-pick .detail:last-child{margin-left:0;margin-top: 40px;}
      .how-pick .detail{width:100%;max-width:640px;}
      .how-pick .detail:first-child {margin-right: 0;}
      .innerdiv .img-head{font-size:11px;}
      .innerdiv p{padding:0px;}
      .innerdiv {margin-top: 40px;padding: 0 20px;}
      .innerdiv img {max-width: 180px;}
      .innerdiv:after{margin-top: 30px;}
      .sec2{padding: 30px 0 0 0;}
      .jewellery-for h2 {font-size: 30px;}
      .christmas-gift-page .title{font-size: 24px;}
      .christmas-gift-page .title:after{margin: 0px 0 30px 0}
      .return-info .detail {width: 46%;max-width: 284px;}
      .return-info .detail:last-child{margin-left: 4%;margin-top: 0px;}
      .return-info .detail:first-child {margin-right: 4%;}
      
        .bespoke-eng-page .how-pick .title{max-width:100%;font-size: 30px;}
        .bespoke-eng-page .how-pick.element .title{font-size: 24px;margin-bottom:10px;}
        .bespoke-eng-page .how-pick .detail{text-align:center;}
        .bespoke-eng-page .how-pick.element .detail{max-width: 306px;text-align: left !important;}
        .bespoke-eng-page .how-pick .detail:last-child{margin-left: 0;}
        .bespoke-eng-page .how-pick.element .detail:last-child{margin-left: 25px;margin-top: 0;}
        .how-pick.element .detail p{line-height: 18px;}
        .how-pick.element .detail>ul li img{max-width:106px;margin-bottom: 15px;}
        .how-pick.element .detail.metal>ul li img{max-width:64px;}
        .how-pick.element .detail>ul li{font-size: 12px;letter-spacing: 1px;}
        .how-pick.element .detail>ul{margin: 0px -2%;}
        .bespoke-eng .txtdiv2{max-width:640px;}
        .bespoke-eng .title:after{width: 32%;max-width: 242px;}
        .bskitems-sec {padding: 0 30px;}
        .bskitems img {max-width: 160px;}
        .bskitems .title{font-size: 24px;margin: 5px 15px 10px 15px;line-height: 27px;padding: 0 30px;}
        
        .store-loc{width: 25%;margin-bottom: 10px;}
        .mothers-day .innerdiv p {min-height: 145px;line-height: 18px;} 
        .mothers-day .innerdiv a{font-size:12px;}
        .padd-r-l {
            padding: 10px 20px;
        }

        /*===== Diamond Clarity Page responsive css =======*/
        .diamondbg h2, .diamond_color .diamond_color_hover h2{ font-size: 22px !important; }
        .diamond-clarity .row .clarity_banner_hover{ max-width: 450px; transform: translate(-2%, -50%); }
        .diamond-clarity .diamond_inclusions img{ max-width: 280px; margin: -50px auto 0px; }
        .diamond-clarity .diamond_inclusions h3{ margin: 20px 0px 10px; }

       .diamondbg .diamondbg_hover {  max-width: 504px; top: 0px;transform: translate(25%, 0%);}
        .diamondbg p { margin: 15px auto; line-height: 18px;}

        .diamond_color .diamond_color_hover { max-width: 460px;top: 10px; 
            transform: translate(10px, 0%);}

        /*===== Diamond Clarity Page responsive css end=======*/

        
      
    }


    @media only screen and (min-width: 800px){
        div#step_1,div#step_2,div#step_3 {position: relative;}

        .vertical_bar{
            position: absolute;
            float: left;
            border-right: 2px solid #e5e5e5;
            height: 700px;
            top: 280px;
            left: 49.4%;
        }
        .subtitle{margin-top: 15px;}

        .style-1 .col_right, .style-1 .col_left{
            height: 700px;
            overflow-y: auto;
            scrollbar-color: #e5e5e5 #fff;
            scrollbar-width: thin;
        }

        .style-1 .col_right{
            height: 850px;
        }

        .style-1 .col_left::-webkit-scrollbar-track, .style-1 .col_right::-webkit-scrollbar-track
        {
            border-radius: 10px;
        }

        .style-1 .col_left::-webkit-scrollbar, .style-1 .col_right::-webkit-scrollbar
        {
            width: 10px;
            background-color: #fff;
        }

        .style-1 .col_left::-webkit-scrollbar-thumb, .style-1 .col_right::-webkit-scrollbar-thumb
        {
            border-radius: 10px;
            background-color: #e5e5e5;
        }

        #informationdiv-42 .panel-group {position:relative;}
        #informationdiv-42 .collapsing{z-index:0;}
        #informationdiv-42 .collapse.active, #informationdiv-42 .collapse.in.active,#informationdiv-42 .collapsing.active {z-index:1;display:block !important;height: auto !important;}
        
        #informationdiv-42 .collapse, #informationdiv-42 .collapse.in, #informationdiv-42 .collapsing {
            position: absolute;
            right: 0;
            width: 41%;
            top: 40px;
            background:#fff;
            display:none !important;
        }
        .apad .titleMakers{padding: 0 20px;line-height: inherit;}
        
    }
    @media only screen and (min-width:767px){
        .sliderbtn{ display: none;  }
    }

    @media only screen and (max-width:800px){
    .overdiv h5{font-size:22px;margin:0 0 15px;}
    .overdiv h2{font-size: 30px !important;}
    .valentine-hover .shop-now{font-size: 18px;padding: 7px 30px;margin: 5px 0 8px 0;}
    .faq-sprite{width: 63px;height: 63px;}
    .faq-sprite.icon1 {background-position: -3px -200px;}
    .faq-sprite.icon2 {background-position: -102px -197px;}
    .faq-sprite.icon3 {background-position: -291px -190px;}
    .faq-sprite.icon4 {background-position: -198px -202px;}
    #informationdiv-42 .nav-tabs>li.active .faq-sprite.icon1, #informationdiv-42 .nav-tabs>li:hover .faq-sprite.icon1{background-position: -3px -268px;}
    #informationdiv-42 .nav-tabs>li.active .faq-sprite.icon2, #informationdiv-42 .nav-tabs>li:hover .faq-sprite.icon2{background-position: -102px -257px;}
    #informationdiv-42 .nav-tabs>li.active .faq-sprite.icon3, #informationdiv-42 .nav-tabs>li:hover .faq-sprite.icon3{background-position: -291px -250px;}
    #informationdiv-42 .nav-tabs>li.active .faq-sprite.icon4, #informationdiv-42 .nav-tabs>li:hover .faq-sprite.icon4{background-position: -198px -277px;}

     .christmas-gift-page .bannertext{
        left: 8%;
        transform: translateY(-50%);
        max-width: 326px;}
        .christmas-gift-page .bannertext>h1{width: 100%;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;}
    
    .ring-guide.top-info-banner>.info-desc>h2 {font-size: 36px;}    
    html[lang='fr'] .ring-guide.top-info-banner>.info-desc>h2 {font-size: 32px;}    
    .ring-guide.top-info-banner>.info-desc {
    right: 3%;
    max-width: 370px;
    font-size: 14px;
    line-height: 17px;
    }   
}


    @media only screen and (max-width:768px){

        .faqmobbnr {
            width: 100%;
        }
        .newTabs.nav-tabs>li {
            margin-bottom: 10px;
        }
        .newTabs.nav-tabs>li a {
            line-height: 22px;
        }

        .gemstoneh1{ font-size: 36px !important }
        
        .tabgemstones3 ul li:nth-child(3) { border-right: none; }
        .offer-section h1{ font-size: 45px; }
        .parisifrem{ max-height: 340px; }    
        .valentine-hover p.code{margin: 0px;}
        .valentine-hover p.code span{font-size: 18px;}
        .viewingPG .viewblock{ min-height: 460px; margin-bottom: 15px }
        .viewingPG .viewblock p{ font-size: 14px; }
        .viewingPG .viewblock h3{ font-size: 20px }
        #content .location-tab, #content .location-tab-content{padding: 0 25px;}
        .diamond-home .diamond-home-content {
            min-height: 310px;
        }
        .tabcarat ul li a { padding: 10px 5px;}
        .info_name.textcenter h1{font-size: 36px;}
        /*.address .lobtn {width: 80%; margin: 20px 10px 0px 50px;}*/
        .bgimg2{ left: 0px; }
        .gift_btn{margin-top: 29%;}
        .show1280{display:none;}
        .show768 {display:block;}    
        #informationdiv-42 .nav-tabs li i.fa-arrow-down {float: right;cursor:pointer;}
        #informationdiv-42 .cmscontent {padding-left: 0;padding-right: 0;} 
        #informationdiv-42 .tabTitle{font-size: 30px;}  
        div#step_1,div#step_2,div#step_3 {bottom: 0;left: 0;right: 0;width: 100%;text-align: center;position: relative;}
        div#step_1 .h3_padd,div#step_2 .h3_padd,div#step_3 .h3_padd {text-align:center;}
        .aboutus_ourstory{font-size: 3em;}
        .aboutus_ourstory.aboutus_ourstory_fr{font-size: 2em;}
        .aboutus_ourstory.aboutus_ourstory_de{font-size: 2em;}
        .imgblock{ margin: 15px 0 0; }
        .svgcol{ padding: 0 15px; }
        .map{margin-bottom: 40px;}
        .carousel-caption-shrimas h3 span.redcolor{ font-size: 18px;  }
        .carousel-caption-shrimas h3 { margin: 0 0 15px;}
        .block-friday .carousel-caption-shrimas{ bottom: 50px; }
        .valentine-off { font-size: 20px !important; }
        .valentine-hover .shop-now { font-size: 15px;}    
        /*.valentine-hover h1 {margin: 0px 0 20px;}*/
        .valentine-hover h5 {margin: 0px 0 20px;}
        /*.overdiv h1 { font-size: 20px;}*/
         .overdiv h5 { font-size: 20px;}
        .panorma-map #street-view { height: 500px;}
     }

    @media only screen and (max-width:767px){
        .weddinghead{ font-size: 26px !important; }
        .weddingpage li{ margin: 10px 10px 10px; }
        .diamond-guide .panel-body { min-height: auto!important;}
        .tabgemstones2 ul li{ border-right: 1.5px solid #e5e5e5 !important; }
        .tabgemstones ul li:last-child {  border-right: none !important;    }

        .weddingbuysection .tgbcolomn p{ min-height: auto; }
        .weddingbuysection h2, .weddingbuysection-tow h2, .wedding-metal h2, .wedding-insurence h2, .wedding-inspiration h2{
            font-size: 24px !important    }

        .labfaq .more-less{ margin-right: 0px; }
        .viewingPG .viewblock .discoverbtn{ width: 100%; }

        .labfaq .panel-title>a{ padding-right: 30px; }
        /*#accordion .more-less{  margin: -6px -30px 0px 0px; }*/

        .wedding-ring-faq .panel-default>.panel-heading+.panel-collapse>.panel-body{ padding: 15px 0px; }

        .weddingbuysection-tow .weddingbuyblock{ margin-top: 0px; }

        .weddingbuysection-tow{ margin: 30px -15px 20px; }

        .bspokemargin{ margin-bottom: 0px; }
        .wedding-ring-faq{ margin-top: 10px !important; }
        .weddingbuysection .tgbcolomn h3{ font-size: 18px; margin: 6px 0px 20px; }

        .wedding-ring-faq .panel-default .panel-body{ padding: 10px 0px }
        .wedding-ring-faq .panel-default .panel-heading{ padding: 10px 0px }

        .wedding-ring-faq .panel-group .panel-default .panel-heading .panel-title a span{ width: 90%; display: inline-block; }

        /*.wedding-ring-faq .panel-group .panel-default .panel-heading .panel-title a i{ display: none; }*/
        .wedding-ring-faq .panel-group .panel-default .panel-heading .panel-title a i{ top: 4px; }
       
        .wedding-inspiration .tgbcolomn{ width: 100%; }
        .wedding-metal .tgbcolomn h3 { margin: 15px auto 0px }
        .weddingbuysection .tgbcolomn{ width: 100%; height: auto; }
        .wedding-buyguide .tgbcolomn:nth-child(2), .weddingbuysection-tow .tgbcolomn:nth-child(2){ border-bottom: none; border-top: 0px; }
        .dingbuysection-tow .tgbcolomn{ margin-bottom: 20px; }

        .ensection{min-height: auto; }
        
        .our-stores .viewblock {padding: 0 15px !important;}
        .viewingPG .viewblock{ margin-bottom: 15px; }
        .viewingPG .viewblock .address{ min-height: auto; }
        .dcolr{ background: #fff; color: #000 !important; }
        .offerrow .Sectitle .offerprice{ font-size: 13px; width: 95px; padding: 4px 0px; }
        .offer-section .Sectitle{ font-size: 10px; width: 140px; }
        .offerrow{ padding:0px; }
        .craftsecion2 h3{ font-size: 18px; }
        .designoverlay { width: 100%; bottom: 0%;right: 0px;position: relative; left: 0px;}
        .explorediv h3 { margin: 20px 0px 15px;}
        .labgrowldcontent .labgrow4step{  padding: 0px 0px 20px } 
        .pad0767{ padding: 0px } 
        .shopcring{ width: 100% } 
        .tab-contnr{ padding: 0px 0px; }      
        .tabcarat .table{ margin: 0px 0 0px; }
        .tabcarat .thnone{ display: none !important; }
        .tabcarat .nav-tabs.nav-justified>li>a{ padding: 10px 10px; }
        .tabcarat .nav-tabs.nav-justified>li{ float: left !important ; }
        .tabgemstones ul li a span{ font-size: 18px; }
        .tabgemstones ul li:nth-child(2){ border-right: none; } 
        .tabgemstones3 ul li:nth-child(3), .tabgemstones3 ul li:nth-child(2){ border-right: 1.5px solid #e5e5e5; }
        .tabgemstones3 ul li:nth-child(3), .tabgemstones3 ul li:nth-child(6) { border-right: none; } 
        .tabgemstones ul li{ width: 49%; margin-bottom: 10px; }
        .tabgemstones2 ul li{ width: 30% ; }
        .tabgemstones2 ul li a{ margin: 0px 5px 0 0; }
        .tabgemstones3 ul li{ width: auto }
        /*.tabgemstones3 ul li a{ padding: 10px 0px;}*/
        .parisifrem{ margin-bottom: 15px; }
        .viewing-map{ margin-top: 15px; }
        .offer-section h1{font-size: 40px; max-width: 190px;  margin: 0px auto 20px  }
        .overdiv h3{ margin: 10px 0 0; }
        .reviewcs .media-body h4 span{ float: left; }
        .visitlocation{ padding-top: 15px; margin: 30px 0 0; }
        .tabcarat .clarity li{ width: auto !important; }
        .tabcarat .clarity li a{ padding: 5px 5px; }
        .panorma-map #street-view { height: 400px;}
        .w100{ width: 110% !important; }
        .mar-15{ margin: 0 -15px !important;  }
        .visit-banner{ padding: 0px; }
        hr{ margin-top: 10px; margin-bottom: 10px;  }
        .borderadd{ border-right: 0px; }
        /* .cuntrylist li { padding: 10px 20px;float: left; text-align: left; display: contents;} */
        /* .cuntrylist li a{ padding: 0 0px; margin: 0 15px; } */
        .logo-section{     margin-top: 20px; margin-bottom: 20px;  }
        .logo-section .logos img{ /*width: 50px;*/    width: 81px; height: 38px; }
        .logo-section .logos span{ font-size: 12px; }
        .location-des{ padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; }
        .block-friday .carousel-caption-shrimas { bottom: 110px;}
        /*.offer-section .Sectitle span{  font-size: 25px; }*/
        /*.offer-section .Sectitle{ font-size: 23px; line-height: 23px;  }*/
        .offer-section{margin: 15px 0; padding-top: 0px  }
        .overdiv{ text-align: center;  }
        .butright { float: none;}
        .offer-section h4{ font-size: 25px; }
        .sec-block { margin: 20px 0 0; }
        .overdiv{ padding: 10px;  }       
        .overdiv h5 { font-size: 20px;}
        .carousel-caption-shrimas h1{font-size: 40px;}

        .viewingPG .viewblock{ padding: 0 0px; min-height: auto;}
        .viewingPG .viewblock h3{ font-size: 20px }    
        .viewingPG .viewblock img{ width: 100%; }
        .viewingPG h1{ font-size: 30px; }
        .viewingPG .description{ font-size: 14px; }
        .viewingPG .cmscontent p{font-size: 14px !important;}
        #content .location-tab, #content .location-tab-content{padding: 0px;}
        .titled{ padding: 0 0px; }
        .diamond-home { padding: 0; }
        .btnalign { text-align: center;}
        .btnalign button { margin-left: 0px;}
        .captcha .col-md-5, .captcha .col-sm-5{ padding-left: 0px }
        .CustomerForm{ margin: 0 -12px 0 }
        .yellowbg {padding: 20px 10px 30px;}
        .customerPg h2{ font-size: 26px; text-align: center !important; }
        .customerPg h1{ font-size: 36px; margin: 15px 0 20px; }
        .tabcarat .clarity li a{ font-size: 14px; }
        .tabcarat .clarity li{ margin-bottom: 15px;  }
        .tabcarat .tab-content h3{ margin: 0px 0 15px; }   
        .tabcarat .nav-tabs { margin-bottom: 20px;   }
        .cartpadl { padding-left: 15px;}
        .cartpadr { padding-right: 15px; margin-top: 0px;}
        .pad0{ padding: 0px }
        .mobpad0{ padding: 0px }
        .tabcarat .nav-tabs>li{ width: 20%; min-height: 108px; }
        .info_name.textcenter h1{font-size: 36px; width: 100%;/*background: #00000052*/;color: #fff;}
        .location-des h2 {font-size: 26px;}
        .map h2 span, .address h2 span, .location-des h2 span, .newTabs h2 span {font-size: 18px;line-height:36px;}

        div#step_1, div#step_2, div#step_3 { left: 50px; right: 0; width: 85%; text-align: center;}
        .graph_container {  margin: 10px -15px;  }
        .cmscontent h1{ font-size: 25px; }
        .cmscontent h2,.cmscontent h2.title{ font-size: 25px; }
        .viewingPG h2.title{ font-size: 25px; }
        .diamond-guide{ margin: 10px 0 10px; }

        .form_custom .control-label {text-align: center;}
        p.small {position: relative;}
        .love-bg {background:none;min-height: auto;}
        .love-rg-dv {margin-top: 10px;}
        .bsk_service {display: flex;flex-direction: column-reverse;}
        .bskbox ,.grid-sizer { width: 47.3%; }
        .creation{padding: 1px 0 25px 0;}
        .gift_inner_left, .gift_inner_right{width:100%;display:block;}
        .gift_inner_left{margin:0 0 8px 0;}
        .someone_special .someone_special_title {font-size: 22px;line-height: 23px;}
        .someone_special .titleFR {font-size:12px;}
        .someone_special .gift_shop_btn a {font-size: 20px;}
        .book_appointment_btn, .location_btn{width:100%;margin: 5px 0px !important;}
        .showrooms [class^="col"], .showrooms .row-compact > [class*="col-"] , .showrooms .row-compact > [class^="col"] {
            margin-bottom:5px;  
        }
        .btn_margin_location{margin-bottom:10px;}
        .book_appointment_btn,.location_btn {max-width:100%;}
        .location_label:after{top:10px;}

        .jewellery-care-bn{background-size:120% 100%;}
        .jewellery-care_padding{width:72%;}
        .jewellery-care_subtitle{width:70%;}

        .ready_to_bring_container > .ready_to_bring_Desc,.bespoke-banner .bsbnanertext {margin: 0 auto;left: 0;right: 0;bottom: 0;transform: initial;top: auto;}
        .ready_to_bring_container {padding: 0;}
        .cmscontent .apad>[class*=col-]:nth-child(2) {
                border:0;
                border-top: 1.5px solid #dec15c;
                border-bottom: 1.5px solid #dec15c;
            }

        .christmas-gift-page .bannertext>h1{font-size:24px;max-width:310px; margin-bottom: 10px }
        .innerdiv p {min-height: auto;}
        .innerdiv a {margin-bottom: 40px;}
        html[lang='fr'] .ring-guide.top-info-banner>.info-desc>h2 {font-size: 29px;}
        .ring-guide.top-info-banner>.info-desc { right: 0; left: 0; max-width: 340px;  top: 30px;
        transform: translateY(0px);  }
    
        .mothers-day .innerdiv p{min-height: auto;}
        .mothers-day .innerdiv a{margin-bottom: 20px;}
        .tabcarat .svgcol {
            width: auto !important;
            height: auto !important;
        }

        .ring-size-form form label{ float: left; }
        .ring-size-form form .ring_siz_cbox input{ float: left; }

     /*===== Diamond Clarity Page responsive css end=======*/
     .topheading h1{ margin: 0px 0 10px; }
     .diamond-clarity .clarity_banner_hover h2{ font-size: 22px; }
     .topheading p{ padding: 0px 15px; max-width: 100%; }
     .diamond-clarity .clarity_banner_hover h1{ margin: 10px 0 15px; font-size: 22px; }
    .diamond-clarity .row .clarity_banner_hover{ max-width: 100%; transform: translate(-0%, -0%); top: 56%;  } 
    .diamond-clarity .clarity_banner_hover p{ padding: 0px 17px; }
    .diamond-clarity .diamond_inclusions img{ border: 0px; }
    .diamond-chart .cartleft{ background: #f8f8f8; margin: 30px -10px 0px; padding-right: 0px; }
    .diamond-chart .cartleft img{ margin: auto; }
    .diamond-chart .cartleft{  }
    .topheading p, .diamond-clarity p{ font-size: 14px !important; line-height: 23px; }
    .diamondbg .diamondbg_hover{ max-width: 100%; transform: translate(0%, 0%); right: 0px; }
    .diamondbg_hover-mob1{ max-width: 250px; float: right; }
    .diamondbg_hover-mob2{float: left; max-width: 250px; margin: 50px 0px }    
    .diamondbg h2{ font-size: 22px; }
    .diamondbg_hover-mob2{ margin: 30px 0px 0px; }
    .diamond_color img{ margin: auto; }
    .diamond_color .diamond_color_hover {max-width: 100%; top: 15px;transform: translate(0px, 0%);
    padding: 0px 14px;}
    .diamond_color .diamond_color_hover h2{ font-size: 22px; }
    .diamond_color{ padding: 20px 0px 0px; margin: 0px -15px 20px}
    .diamondleft{ background: url(../image/information/diamond-left.jpg) no-repeat top left; min-height: 240px;padding-left: 100px;}
    .diamondright{ background: url(../image/information/diamond-right.jpg)  no-repeat top right; min-height: 240px; padding-right: 100px;  }
    .weddingbuysection .tgbcolomn .button-new {
        margin: 25px auto 10px !important;
        width: 100%; max-width: 300px
    }
    .btn-bs-file.btn{
        padding: 7.5px 12px 2px;
    }

    /*===== Diamond Clarity Page responsive css end=======*/

    }

    @media only screen and (max-width:500px){
     .diamond-chart { margin-right: -5px; margin-left: -5px;}
     .diamondbg_hover-mob2{ margin: 20px 0px 0px; }
    .gift_top_subtitle1 {font-size: 20px;line-height: 23px;}
    .gift_btn{margin-top: 24%;}
    .blck_dia_btn{font-size:15px;}
    .faqbanner_div p{width: 80%;font-size: 16px;line-height: 19px;}
    .ring-guide.top-info-banner>.info-desc>h2 {
    font-size: 30px;margin-bottom: 20px;
    }
    } 


     @media only screen and (min-width:768px){
    .location_btn,.flright {float:right;}
    .location-trustpilot-container {
        margin-left: -15px;
        margin-right: -15px;
    }

    }
     
    @media only screen and (max-width:640px){

        .weddingbanner .abouttext{ 
            width: 100% !important;
            right: 0px !important;
            left: 0px !important;
            bottom: 10px !important;
            padding: 0px;
            top: 60% !important;
         }
         .newTabs.nav-tabs>li a {
             line-height: 15px;
         }
         .loctation-image-block img {
            max-width: 100px;
        }
        .loctation-image-block img {
            max-width: 160px;
        }
        .imgblock {
            padding: 5px !important;
        }
        .loctitle {
            font-size: 16px;
        }
        .bottom {
            top:70%;
        }
        .weddingbanner .abouttext h1{ font-size: 26px; margin: 0px; }

        .offer-section {
            background: url(/catalog/view/theme/default/image/black_friday/EarlyBlackFridayLandingMob.jpg) top center no-repeat;
            background-size: 100%; padding: 0px 0px;
        }
        .labgrowldbannerhover {
            right: 5%;
            left: 5%;
            top: 60%;
            max-width: 100% !important;
        }
        .svgcol{ padding: 0 100px;}
        .mfont{ font-size: 24px !important; }
        /* .cuntrylist li{ display: block; float: left; width: 48% !important; text-align: center; } */
        .visit-banner img{ width: 100%; margin: 0 0 15px; }
        .newTabs.nav-tabs>li a{ padding: 0px 0px;  margin: 0 4px 0px 0px; font-size: 14px; }
        .address .lobtn{ width: 100%;margin: 10px auto;}
        .overdiv h1 img{padding: 15px 60px; font-size: 30px;}
        .overdiv h2{ margin: 25px 0px; }
        .overdiv p.code {  margin: 35px 0px;}
        .block-friday .carousel-caption h3.yellow{ margin: 10px 0px 10px }
        .block-friday .carousel-caption{ left: 10px; right: 10px; bottom: 40px;  }
        .offer-section .Sectitle.code { font-size: 20px;}
        /*.offer-section .Sectitle{ font-size: 20px; line-height: 18px;  }*/
        .offer-section .Sectitle.code { font-size: 20px;}
        /*.offer-section .Sectitle{ padding: 15px 0px; } */
        /*.offer-section .Sectitle{ font-size: 18px;  } */

        .block-friday .carousel-caption-shrimas{ bottom: 150px;  } 
        .offer-section1 .Sectitle span.yellow{ font-size: 20px;  } 
        .offer-section1 .Sectitle{ line-height: 25px; padding: 10px 0;  }
        .block-friday .carousel-caption h3 { font-size: 20px !important;}
        .sec-block {margin: 10px 0 0;}
        .offer-section-valentine h1{ font-size: 45px; line-height: 30px; }
        .valentine-hover{ padding: 10px 0 0 !important; }
        .offer-section-valentine{ padding: 10px 15px;}
            .christmas-gift-page .bannertext>h1{max-width: 230px;}
        .christmas-gift-page .bannertext{left: 0;right: 0;margin: 0 auto;}
        .christmas-gift-page .title {font-size: 18px;line-height: 24px;}
        .jewellery-for h2 {font-size: 24px;}
        .return-info .detail {width: 100%;max-width: 100%;}
       .return-info .detail:last-child{margin-left: 0;margin-top: 30px;}
       .return-info .detail:first-child {margin-right: 0;}
       .how-pick {margin: 30px 0;padding: 0 20px;}
       .jewellery-for{padding: 50px 30px;}
       .christmas-gift-page .sec2 .title:after{min-width: 40px;}
       .christmas-gift-page .title:after{margin: 10px 0 30px 0;max-width: 154px;}
       .innerdiv .img-head{min-height: auto;padding: 30px 5px 10px 5px;}
       .christmas-gift-page .sec2 {padding: 30px 15px 0 15px;}
       .innerdiv{padding: 0 15px;}
       
       .christmas-gift-page.mothers-day .bannertext>h1{max-width:100%;}
       .christmas-gift-page.mothers-day .bannertext {top: 20px;transform: inherit;}
       
       
        .bespoke-eng-page h1{text-align:center;font-size: 30px;max-width: 275px;margin: 0 auto 20px;line-height: 30px;}
        .bespoke-eng-page .bannertext p{margin: 0 auto;max-width: 83%;}
        .bespoke-eng-page .bannertext {top:32%;left: 0;right: 0;margin: 0 auto;text-align: center;}
        .bespoke-eng {padding: 0 30px 30px;}
        .bespoke-eng-page .how-pick .title{font-size: 24px;line-height: 24px;}
        .bespoke-eng{margin: 35px -15px;}
        .bespoke-eng-page .how-pick {margin: 35px 0;}
        .bespoke-eng-page .how-pick.element .detail{max-width:initial;}
        .bespoke-eng-page .how-pick.element .detail:last-child{margin-left: 0px;margin-top:40px;}
        .bespoke-eng-page .how-pick .detail{text-align:left;}
        .bespoke-eng-page .how-pick.border{padding: 40px 20px;}
        .bskitems-sec{padding:0 15px;}
        .bespoke-eng-page .how-pick.element.flex-block .detail:first-child {margin-top: 40px;}
        .bespoke-eng-page .how-pick.element.flex-block {
        display: flex;
        flex-direction: column-reverse;
        }
        .bespoke-eng-page .how-pick.element.flex-block .detail:last-child {
        margin-top: 0;
        }
        .img-valuations {max-width: 100%;}
        
    } 

    @media only screen and (max-width:500px){

        div#step_1, div#step_2, div#step_3 {position: relative;}

     .block-friday .carousel-caption h3{ font-size: 18px !important; margin-top: 10px;  }
     .block-friday .carousel-caption{ left: 10px; right: 10px; bottom: 15px;  }
     .extended{ font-size: 18px;  }
     .carousel-caption-shrimas h1{ font-size: 30px;  }
     .block-friday .carousel-caption-shrimas{ bottom: 100px;  }
     .carousel-caption-shrimas h1{ margin: 0 0 15px;  }

    }
    @media only screen and (max-width:480px){
        .offer-section .Sectitle{ width: 110px; }
        .offer-section .code{ text-align: left; font-size: 11px; }
        .labgrowldbannerhover{ top: 70%; max-width: 100%; }
        .labgrowldbannerhover p { margin-bottom: 10px; font-size: 13px; }
        .labgrowldbannerhover h1{ margin: 0px 0px 10px; }
        /*.offer-section .Sectitle{line-height: 25px;}*/
        .diamond-home .diamond-home-content{ min-height: 320px;}
        .tabcarat .clarity li a{ padding: 5px 5px; }
        .margin-15{ margin-right: -15px; margin-left: -15px; }
        .apad{ padding: 0 20px;  }
        div#step_1, div#step_2, div#step_3 { left: 0px; width: 100%; text-align: center;}
        .retrnbtn { font-size: 14px; }
        .modal-dialog {
            margin-top: 20%;
        }

        
    .show991To_481{display:none;}
    /*--  jewellery insurance -----*/
    .custome_media .media-body, .custome_media .media-left{display:inline;}
    /*--  jewellery insurance ends -----*/
    .show480{display:block;}
    .hide480{display:none;}
    .bsk_icons_list {width: 48.6%;}
    .bskbox ,.grid-sizer { width: 97%; }
    .review_viewall h3 {font-size:18px;}
    .gift_btn{margin-top: 44%;}
    .gift_top_title1 {font-size:35px;line-height: 40px;}
    .gift_top_subtitle1{font-size: 15px;line-height: 20px;}
    .someone_special .someone_special_title{font-size:16px;font-size:1.1em;line-height:15px;}
    .someone_special .titleFR {font-size:11px;}
    .someone_special .gift_shop_btn a ,.sacet_container .sacet_btn a{font-size: 14px;font-size: 1.1em;border:1px solid;}
    .someone_special .gift_shop_btn{bottom:17%;}
    .gift_bottom_subtitle {line-height: 23px;padding: 10px 5px 10px 10px;}
    .store-flags>li>a {padding:10px 11px;font-size: 12px;}
    .jewellery-care-bn{background:url(../image/information/jewellery_care_mobile.png) no-repeat 0 0; background-size:100% 100%; width:100%;height:300px;margin-bottom: 10px;}
    .jewellery-care_subtitle{width:80%;padding: 15px 0px 0px 0px;font-size: 19px;line-height:23px;}
    .jewellery-care_top_title{font-size:25px;}
    .jewellery-care_padding{width:75%;}
    .viewingPG .nav>li>a{padding: 10px 5px;}

    .insurance .media-left, .media-right{ display:block }
    .insurance .media-left img{ width:100%; margin-bottom:15px; }
    a.blackbtn, a.whitebtn { width: 100%;}
    .shop-now{ font-size: 13px; padding: 3px 30px;  }
    .overdiv h1 img { padding: 15px 30px;}
    .overdiv h2{ margin: 35px 0px 0px; }
    .overdiv p.code {  margin: 5px 0px 25px;}
    #informationdiv-42 .nav-tabs>li {width: 49%;display: inline-block;float: none;}
    #informationdiv-42 .panel-default >.panel-heading{padding: 0px 15px 0 15px;}
    .klarna-landing a.yellowbtn {margin: 40px auto;}
    .divine-banner{padding:0 20px;}
    .divine-subbnr, .divine-details{width:90%;}
    .divine-subbnr{flex-direction:column;}
    .divine-subbnr>.inner{width:100%;}
    .divine-subbnr>.inner+.inner{margin-top:50px;}
    .bespoke-eng .title{font-size:18px;}
    .bespoke-eng .title:after{max-width:48px;}

    .store-locmain{padding: 0 5px;}
    .store-loc {width: 50%;}
    .padd-r-l {
    padding: 10px 80px;
}
h3.txtdiv {
    line-height: 14px;
    font-size: 12px;
}
.mega-diamonds h1 {
    margin: 20px 0 10px;
}
    }


    @media only screen and (max-width:440px){
        .block-friday .carousel-caption-shrimas {  bottom: 50px;}
        .block-friday .carousel-caption h3{ font-size: 16px !important  }
        .TrackrorderText{font-size: 27px;}
        .OrderStatusText{font-size: 20px;}
        .InputStyle {font-size: 16px;}
        .christmas-gift-page.mothers-day .bannertext {top: 5px;}
        .christmas-gift-page.mega-diamonds .bannertext {top: 140px;}
        .info_name.textcenter h1 { left: 30%; }
        .tabcarat ul li a{font-size:9px; padding: 5px 7px;}

        .ring_siz_chxbox {
            /*width: 18px;
            height: 18px;*/
            margin: 1px 0px 0px -15px;
        }
    }


    @media only screen and (max-width:415px){
        .offer-section-valentine h1 { font-size: 35px;}
        .overdiv h1 img {padding: 15px 10px;}
        .divine-details, .divine-subbnr{width: 95%;}
        .divine-banner{padding:0 9px;}
        .tabcarat .clarity li:nth-child(3) { border-right:none !important; }

        .weddingbanner .abouttext { top: 52%!important;  }



    }

    @media only screen and (max-width:375px){  

        .tabcarat ul li a { display: inline-flex; }

        .wedding-ring-faq .panel-group .panel-default .panel-heading .panel-title a{ padding-right: 20px; }
        .wedding-ring-faq .panel-group .panel-default .panel-heading .panel-title a i{ margin-right: -20px; } 
        .info_name.textcenter h1{ left: 25%; }
        .info_name_birmingham { left: 30% !important; }
        .overdiv h1, .overdiv .title{ font-size: 20px; }
        .overdiv h3 {  margin: 0px 0 0;}
        .loctitle{ font-size: 16px;}
        .wdfull375{width:100%;}
        .bsk_btn_more, .bsk_btn_started{font-size:13px;}
        .bsk_graph {padding: 0px 5px;}
        .aboutus_ourstory{font-size: 2em;}
        .diamond-home .diamond-home-content {min-height: 306px;}
        .svgcol{ padding: 0 50px;}
        .panorma-map #street-view { height: 350px;}
        .borderadd{ padding: 0px; }
        .address-toggle h3{ margin: 10px 0; }
        .newTabs.nav-tabs{ margin: 20px -13px 10px; }
        .newTabs.nav-tabs>li a{ font-size: 12px; line-height: 20px; }
        .overdiv {left: 25px; right: 25px;}
        /*.overdiv p.code {  margin: 10px 0px;}*/
        .overdiv h2 { font-size: 25px !important; margin: 25px 0px 0px;}
        /*.overdiv h1 { margin: 0px 0px 20px;}*/
        .overdiv h5 { margin: 0px 0px 20px;}
        .overdiv h1 img { padding: 0px;}
        .block-friday .carousel-caption{ bottom: 10px;  }
        .block-friday .carousel-caption h3{ font-size: 16px  }
        .extended { font-size: 15px;}
        .block-friday .carousel-caption h3.yellow { margin: 10px 0px 8px; font-size: 18px;}
        /*.offer-section .Sectitle span{ font-size: 15px;  }*/
        .offer-section .Sectitle{ line-height: normal; }
        /*.offer-section .Sectitle{ padding: 7px 0px; line-height: 20px; font-size: 17px; line-height: 25px; }*/
        .offer-section .Sectitle.code{ font-size: 15px;  }
        .offer-section .Sectitle.code span { font-size: 20px; }

        .carousel-caption-shrimas h1{ font-size: 20px;  }
        .block-friday .carousel-caption-shrimas{ bottom: 60px }
        .christmas-hover h2{ margin: 7px 0px;  }

        .carousel-caption-shrimas h3 span.redcolor { font-size: 14px;}
        .block-friday .carousel-caption h3 {font-size: 16px !important;}
        .christmas-gift-page .bannertext{max-width: 280px;}
        .bannertext p {line-height: 16px;}
        .christmas-gift-page.mothers-day .bannertext{max-width:326px;}
        .padd-r-l {
    padding: 10px 40px;
}

        .christmas-gift-page.mega-diamonds .bannertext {top: 120px;}
    }


    @media only screen and (max-width:360px){
        .diamond_color {  padding: 80px 0px 0px;}
        .weddinghead{ font-size: 24px !important; }
        .ring-size-form form label { font-size: 10px !important; }

        .tabcarat .clarity li a { margin: 0 20px 0 10px; }

    .weddingbanner .abouttext{ width: 97% !important; top: 50% !important }

        .offer-section .Sectitle {
    width: 90px;
    line-height: normal;
}

.offerrow .Sectitle .offerprice {
    font-size: 11px;
    width: 80px;
}
.offer-section .code{  font-size: 11px;
    padding: 0px 20px 0px 0px;  }
        .tabgemstones ul li a span{ font-size: 16px; }
        .overdiv h2 { font-size: 20px!important;}
        /*.overdiv h1 {font-size: 12px;}*/
    .marg-15{ margin-left: -20px !important; margin-right: -20px !important; }
    .valentine-hover .shop-now {padding: 7px 30px;margin: 0px 0 8px 0;}
    .how-pick {margin: 30px 0;padding: 0 10px;}
    .bespoke-eng-page h1{font-size: 27px;}
    .bespoke-eng-page .bannertext p{max-width: 90%;line-height: 18px;}
    html[lang='fr'] .ring-guide.top-info-banner>.info-desc>h2 {font-size: 26px;}
    .christmas-gift-page.mothers-day .bannerdiv{margin-right: -15px;margin-left: -15px;}
    .christmas-gift-page.mothers-day .bannertext>h1{font-size:22px;max-width: 100%;margin: 10px 0 10px;}
    .christmas-gift-page.mega-diamonds .bannertext>h1{margin: 10px 0 10px;}
    .christmas-gift-page.mothers-day .bannertext{max-width:95%;}
   .christmas-gift-page.mega-diamonds .bannertext {
        top: 125px;
    }
    .address-toggle a.appointment, .address-toggle a.direction { padding: 12px 0; font-size: 11px; }
    .weddingbanner .abouttext{ top: 49%; }

    }

    @media only screen and (max-width:320px){

         .diamondbg .row{ margin: 0px -15px; }
        .tabcarat ul li a{ font-size: 9px; }
        .newTabs.nav-tabs>li a{ padding: 0 0px; }
        .offer-section .code{ margin-right: 50px; }
        .info_name.textcenter h1 { left: 35%; }
        .overdiv{ padding: 0px; }
        .overdiv h1, .overdiv .title {font-size: 16px;}
        .tabgemstones ul li a span{ font-size: 14px; }
        .logo-section .logos img { width: 75px; }
        .diamond-home .diamond-home-content{ min-height: 270px; }
        .gift_btn{margin-top: 40%;}
         /*.overdiv h1{ font-size: 24px;} */
         .overdiv h5{ font-size: 24px;}   
         /*.overdiv { top:3px; bottom:3px}*/
        .gift_top_title1 {font-size:26px;line-height: 24px;    margin-top: 0;}
        .gift_top_subtitle1{font-size: 14px;line-height: 18px;}
        .someone_special .someone_special_title{font-size:12px;font-size:0.9em;line-height:12px;}
        .someone_special .titleFR {font-size:9px;}
        .someone_special .gift_shop_btn a , .sacet_container .sacet_btn a {font-size:12px;font-size:0.9em}
        .store-flags>li>a {padding:10px 6px;font-size: 11px;}
        .block-friday .carousel-caption{ bottom: 0px; left: 5px; right: 0px; }
        .block-friday .carousel-caption-shrimas{ bottom: 50px; }
        .christmas-hover h1{ font-size: 20px !important; }
        .carousel-caption-shrimas p.note{  margin: 7px 0px;  }
        .block-friday .carousel-caption h3 {font-size: 15px !important;}
        .christmas-hover h2.discout { font-size: 18px;}
        /*.offer-section .Sectitle{ font-size: 15px;  }*/
        .christmas-gift-page.mega-diamonds .bannertext {top: 110px;}
        .christmas-gift-page.mothers-day .bannertext>h1 { font-size: 20px;}
        .weddingbanner .abouttext h1{ font-size: 22px; }
        .wedding-ring-faq .panel-group .panel-default .panel-heading .panel-title a i{ top: -5px; }

        .diamond-clarity .row .clarity_banner_hover { top: 49%; }
        .diamond-clarity .clarity_banner_hover h2 { margin-bottom: 5px; }
        .diamond-clarity .clarity_banner_hover p { padding: 0 10px; line-height: 15px; }
        .diamond-clarity .diamond_inclusions img { max-width: 255px; margin: -50px auto 0; }
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     ul.level1>li:first-child>a {font-weight:700; }
     }
    /* ----------- Start to ipad ----------- */
    /* ----------- iPad mini ----------- */

    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (-webkit-min-device-pixel-ratio: 1) {
        
        div#step_1 {bottom: 750px; left: 60px; right: 0;  width: 90%;  text-align: left;}
        div#step_1 p{ text-align:left; width:90%;}
        div#step_2{bottom: 560px;left: 0;right: 0;width: 90%;text-align: right;}
        div#step_2 p{ text-align:right; width:92%; float:left;}
        div#step_3 {bottom: 10px;left: 60px;right: 0;width: 90%;text-align: center;}
        div#step_1 .h3_padd {text-align:left;}
        div#step_2 .h3_padd{text-align:right; padding-right:8%;}
        div#step_3 .h3_padd {text-align:left;}
        
    }

    /* Portrait */
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (orientation: portrait) 
      and (-webkit-min-device-pixel-ratio: 1) {

        div#step_1 {bottom: 750px; left: 60px; right: 0;  width: 90%;  text-align: left;}
        div#step_1 p{ text-align:left; width:90%;}
        div#step_2{bottom: 560px;left: 0;right: 0;width: 90%;text-align: right;}
        div#step_2 p{ text-align:right; width:92%; float:left;}
        div#step_3 {bottom: 10px;left: 60px;right: 0;width: 90%;text-align: center;}
        div#step_1 .h3_padd {text-align:left;}
        div#step_2 .h3_padd{text-align:right; padding-right:8%;}
        div#step_3 .h3_padd {text-align:left;}
        
    }


    /* Portrait */
    @media only screen 
      and (min-device-width: 1024px ) 
      and (max-device-width: 768px ) 
      and (orientation: portrait) 
      and (-webkit-min-device-pixel-ratio: 1) {

        div#step_1 {bottom: 900px; left: 110px; right: 0;  width: 85%;  text-align: left;}
        div#step_1 p{ text-align:left; width:90%;}
        div#step_2{bottom: 560px;left: 0;right: 0;width: 85%;text-align: right;}
        div#step_2 p{ text-align:right; width:92%; float:left;}
        div#step_3 {bottom: 10px;left: 110px;right: 0;width: 85%;text-align: center;}
        div#step_1 .h3_padd {text-align:left;}
        div#step_2 .h3_padd{text-align:right; padding-right:8%;}
        div#step_3 .h3_padd {text-align:left;}
        
    }


    /* ----------- iPad 3 and 4 ----------- */
    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (-webkit-min-device-pixel-ratio: 2) {

        div#step_1 {bottom: 750px; left: 110px; right: 0;  width: 85%;  text-align: left;}
        div#step_1 p{ text-align:left; width:90%;}
        div#step_2{bottom: 560px;left: 0;right: 0;width: 85%;text-align: right;}
        div#step_2 p{ text-align:right; width:92%; float:left;}
        div#step_3 {bottom: 10px;left: 110px;right: 0;width: 85%;text-align: center;}
        div#step_1 .h3_padd {text-align:left;}
        div#step_2 .h3_padd{text-align:right; padding-right:8%;}
        div#step_3 .h3_padd {text-align:left;}

    }

    /* Portrait */
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (orientation: portrait) 
      and (-webkit-min-device-pixel-ratio: 2) {
        
        div#step_1 {bottom: 750px; left: 110px; right: 0;  width: 85%;  text-align: left;}
        div#step_1 p{ text-align:left; width:90%;}
        div#step_2{bottom: 560px;left: 0;right: 0;width: 85%;text-align: right;}
        div#step_2 p{ text-align:right; width:92%; float:left;}
        div#step_3 {bottom: 10px;left: 110px;right: 0;width: 85%;text-align: center;}
        div#step_1 .h3_padd {text-align:left;}
        div#step_2 .h3_padd{text-align:right; padding-right:8%;}
        div#step_3 .h3_padd {text-align:left;}

    }


    /* ----------- End to ipad ----------- */
    .tabcarat ul li a {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
    .tabcarat ul li a img {
        max-height: 43px;
        filter: grayscale(1);
        height: 43px;
    }
    .tabcarat ul li a:hover img {
        filter: grayscale(0);
    }
    .tabcarat ul li a:hover {
        filter: grayscale(0);
    }
    .tabcarat ul li a:hover {
        color: #dec15c;
    }
    .tabcarat ul li a svg {
        fill: #c4c4c4;
        width: auto;
    }
    .tabcarat ul li a:hover svg path {
        fill: #dec15c;
    }
    .tabcarat .svgcol {
        padding: 0 0px !important;
        text-align: center;
        width: 130px;
    }
    .tabcarat .shape-include {
        display: flex;
        align-items: center;
    }
    .tabcarat .nav-tabs>li.active>a img {
        filter: grayscale(0);
    }
    .tabcarat .nav-tabs>li.active>a svg {
        color: #dec15c;
    }
    .tabcarat ul li a svg {
        margin-bottom: 0px !important;
    }
    .tabcarat .shape-info {
        display: flex;
        align-items: center;
    }

    /* Information - Chain Diamond */
    .guide-col-layout {
        margin-top: 40px;
    }
    .guide-col-layout h2 {
        margin-bottom: 20px;
    }
    .mb-20 {
        margin-bottom: 20px;
    }
    .mt-20 {
        margin-top: 20px;
    }
    .guide-col-layout-list {
        margin-bottom: 30px;
    }
    .guide-col-layout-list-item h4:first-child {
        margin-top: 0px;
    }
    .guide-col-layout-list-item h4 {
        font-weight: 600;
        color: #333;
        margin-top: 20px;
    }
    .guide-col-layout-list-item h4 i {
        color: #dec15c;
    }
    .cmscontent{
        margin-bottom:25px
    } 