.productListing{padding:40px 0}
.fixedLeft .card,.fixedLeft .card-header{border-radius:0;border:none;background:inherit}
.fixedLeft .card-header:first-child{border-radius:0}
.fixedLeft{border:solid 3px #eeebeb;padding:0 0;  }
.fixedLeft .filter-title{padding:15px 20px;border-bottom:solid 3px #eeebeb;display:inline-block;width:100%;color:#000;font-size:34px}
.fixedLeft .card{padding:0;border-bottom:solid 3px #eeebeb;display:inline-block;width:100%}
.fixedLeft .card:last-child{border-bottom:none}
.fixedLeft .card-header{padding: 7px 20px;}
.fixedLeft .card-header:hover { background: #ececec;}
.fixedLeft .card-header .btn-link{text-decoration:none;color:#000;font-size:16px;padding:0;display: flex;    align-items: center;}
.SlidebarLeft .card-body { padding: 0 0 0 35px; margin-top:15px; margin-bottom: 15px;display: inline-block;}
.productListing .leftpart li {  width:100%; float:left;  position:relative; cursor:pointer; color: #000;}
.productListing .leftpart li label {width: 100%;cursor: pointer;}
.productListing .leftpart li label input{display: none;}
.productListing .leftpart li label span{width:16px;height:16px;display:inline-block;margin:5px 1px 0 0;vertical-align:top;border:solid 1px #000;position:relative;line-height:20px;text-align:center;  }
.productListing .leftpart li img{margin-right: 5px; width: 24px;}
.productListing .leftpart li label:hover {color: #2e4c4d;}
.productListing .leftpart li label:hover span{border:solid 1px #2e4c4d}
.prImg div{height:100%}
.viewWrap li{margin-right:20px} 
.aboutWraps  ul {padding-left:25px;margin: 5px 0; display: inline-block;}
.aboutWraps  ul li { list-style-type: disc;}
.productListing .leftpart li label input:checked~span:after{background:#2E4C4D; width: 8px; border-radius:100%; height: 8px; left:50%; top: 50%; transform: translate(-50%,-50%); position: absolute; content: '';}
.productListing .leftpart li label  strong {  font-weight:400; color:#000; font-size:20px; }
 .productListing .leftpart #collapseOne_1 .card-body li a{color:#000}
.productListing .leftpart .card-body ul {padding: 0 0 0 5px;}
.productListing .leftpart .leftSign{font-size:21px;display:inline-block;margin:0 10px 0 0}
.productListing .leftpart .leftSign:before {content:"+"}
.productListing .leftpart  .btn[aria-expanded="true"] .leftSign:before {content:"-"}
.productListing .productListingWrap .alert-success{position:absolute;font-size:12px;line-height:12px;padding:6px 3px;left:50%;transform:translateX(-50%);width:80%;bottom:-10px}
.productListing .leftpart li label input:checked~strong {color:#2E4C4D; font-weight:400; }
.productListing .leftpart li a {   color: #444242;}     
.productListing .leftpart li a:hover{color: #2e4c4d; text-decoration: underline;}
.productListing .productListingWrap{transition:all .5s ease;padding:0;position:relative;border:solid 1px #fff;height:100%;  }
.productListing .productListingWrap .productTextWrap{ padding: 11px 0 0;}
.productListing .productListingWrap .otherActions{position:absolute;top:0;right:0}
.productListing .productListingWrap .otherActions a{color:#000;font-size:23px}
.productListing .productListingWrap .otherActions a[data-title="Saved"] {color:#f00;}
.productListing .productTextWrap a{width:100%;display:block;font-size:18px;margin:0 0 0px;color:#000}
.productListing .productTextWrap span.productPrice{display:inline-block;width:100%;font-size:16px;margin:5px 0 10px}
.productListing .productListingWrap:hover{border:solid 1px #2E4C4D;}
.productBanners{background:#f7f7f9; padding: 30px 0 20px 0; margin: 0 0 30px;}
.productListing .leftpart li label b{font-weight:400}.productListing .leftpart .leftRadio .filterListWrap li label span{border-radius:50%}
.productListing .leftpart li label:hover b { text-decoration: underline;}
ul.breadcum{position:relative}
.breadcum li{margin:0;position:relative}
.breadcum li a{color:#000;font-size:15px}
.breadcum li a:after{content:'-';margin:0 9px}
.breadcum li:last-child a:after{display:none}
.breadcum:after{content:'';border-top:solid 2px #000;width:240px;margin: 15px 0 0 13px;}
.productTop{overflow:hidden;width:750px}
.productTop h1 { font-size: 68px;  }
.breadcum1 li{margin:0;position:relative}
.breadcum1 li a{color:#000;font-size:15px}
.breadcum1 li a:after{content:'/';margin:0 9px}
.breadcum1 li:last-child a:after{display:none}
.par1 .button_white{width:auto}
.breadcum1{  flex-wrap: wrap;}
.par1.parllax{width:100%;background:#2e4c4d;padding:30px 0 40px;text-align:center}
.pr1.productBanners { padding: 20px 0 20px 0;}
.productDetailWrapper {  padding: 20px 0 40px;}
.productTexboxes .punch{color:#000;font-weight:500;position:relative;overflow:hidden;width:100%;font-size:18px;display:flex;align-items:center; flex-wrap: wrap;}
.productTexboxes .punch .proSpan{ display: block;float: left;}
.productTexboxes .punch .proLine{width: 60%;display: block;border-top: solid 1px #000;float: left;margin: 0 0 0 12px;}
.productTexboxes .productTitle{margin:30px 0 40px;  font-size: 42px;}
.productTexboxes .notes{ padding: 20px 15px;   background: #f7f7f9;}
.productTexboxes .notes p{margin:0 0 11px}
.productTexboxes .button_dark:hover{color:#fff!important}
.productTexboxes .button_dark:hover img{filter:invert(100%)}
.shareSocial li{margin:0 12px 0 0}
.shareSocial li a{color:#000;font-size:22px;margin:8px 4px 0 4px}
.shareSocial li a i{font-size:26px}
.productTexboxes .productPrices{font-size:32px;font-weight:600;}
.e19{font-size:16px;display:inline}
.productTexboxes .productPrices span{font-weight:300;font-size:18px}
.prodcutSliderWrap #thumbs img{padding:10px 10px}
.prodcutSliderWrap .owl-carousel.owl-drag .owl-item.active.current img{border:solid 1px #2e4c4d}
.prodcutSliderWrap .owl-theme .owl-nav button{background:inherit!important;color:#2e4c4d!important;font-weight:800;border:none}
.prodcutSliderWrap .owl-theme .owl-nav button:focus{border:none;outline:inherit}.prodcutSliderWrap #thumbs{padding:0 30px}
.prodcutSliderWrap #thumbs .owl-prev{position:absolute;top:50%;left:0;transform:translateY(-50%);transform:rotate(180deg)}
.prodcutSliderWrap #thumbs .owl-next{position:absolute;top:50%;right:0;transform:translateY(-50%)} 
.leftpart{position:sticky;top:150px;max-height: 700px;overflow-y:auto;padding-bottom:100px}
.designFamily{transition:all .5s ease;padding:20px;position:relative; }
.designFamily .productImg{width:100%;}
.productImg img{width:100%}
.designFamily .otherActions{position:absolute;top:0;right:15px}
.designFamily .otherActions a{color:#000;font-size:19px}
.designFamily .productTextWrap a{width:100%;display:block;font-size:22px;margin:0 0 20px;color:#000}
.designFamily span.productPrice{display:inline-block;width:100%;font-size:19px;margin:5px 0 10px}
.familyProduct {border: solid 1px #fff;padding: 40px;}
.familycarousel .owl-prev span, .familycarousel .owl-next span {display:none;} 
.familycarousel .owl-prev:before {content:"\e65b";   font-family: "iconfont" !important; }
.familycarousel .owl-next:before {content: "\e65b";  font-family: "iconfont" !important; }

.familycarousel .owl-prev{position:absolute;outline:inherit;transform:rotate(180deg) translateY(100%);top:50%;left:-10px}
.familycarousel .owl-next{position:absolute;outline:inherit;transform:translateY(-50%);top:50%;right:-10px}
.familycarousel{position:relative}
.familycarousel .owl-nav [class*=owl-]:hover{background:inherit;color:#000;text-decoration:none}
.familyProduct:hover{border:solid 1px #2e4c4d;outline:inherit}
.prodcutSliderWrap{position:relative}
.prodcutSliderWrap .owl-theme .owl-nav button.owl-prev{position:absolute;bottom:70px;left:0;outline:inherit;transform:rotate(180deg) translateY(100%);z-index:99}
.prodcutSliderWrap .owl-theme .owl-nav button.owl-next{position:absolute;bottom:70px;outline:inherit;right:0;transform:translateY(-100%)}
.prodcutSliderWrap .owl-carousel{position:static}
.similarWrapper{transition:all .5s ease;padding:30px 10px;text-align:center}
.similarWrapper .similarTitle{display:block;color:#000;font-size:20px;margin: 10px 0 13px;}
.similarWrapper .similarPrice{display:block;color:#000;font-size:17px}
#similarcarousel .item{padding:0 10px}
.similarcarousel .item:hover .similarWrapper{border:solid 1px #000}
.similarcarousel{position:relative}
.similarcarousel .owl-nav button.owl-next,.similarcarousel .owl-nav button.owl-prev{position:absolute;top:50%;left:0;width:100%;width:auto;transform:translateY(-50%);background:#2e4c4d;color:#fff;float:left;border:none;padding:15px 9px!important;font-size:35px!important;line-height:initial}
.similarcarousel .otherActions{position:absolute;top:0;right:10px}.similarcarousel .otherActions a{color:#000;font-size:19px}
.similarcarousel .owl-nav button.owl-next:hover,.similarcarousel .owl-nav button.owl-prev:hover{background:#0d1e1f}
.similarcarousel .owl-nav button.owl-next{right:0!important;left:inherit!important}
.similarcarousel:hover .otherActions a{color:#0d1e1f}
.prodcutSliderWrap .currentAngle{width:65%; margin:0 auto 20px;}
.prodcutSliderWrap .currentAngle img{width:100%;height:100%}
.innerDiv{padding:50px 0}
.innerDiv p{line-height:26px;margin:6px 0 5px}
.locationInfoList li{margin:7px 0 15px;float:left;width:100%}
.locationInfoList li img{width:30px;float:left;margin:1px 8px 0 0}
/*-----------similar product-----------*/
#noProductDiv{text-align:center;display:flex;width:100%}
#noProductDiv font{display:block;text-align:center;width:100%}
.p40{padding:80px 0 0}
.colorView li a{display:flex;align-items:center}
.colorView li span{width:30px;height:30px;float:left;border-radius:50%;margin:2px 5px 0 0}
.colorView li span.while{background:#c2c1c1;border:solid 2px #c2c1c1}
.colorView li span.yellow{background:#f0ba32;border:solid 2px #f0ba32}
.colorView li span.rose{background:#a07373;border:solid 2px #a07373}
.colorView li.active span{border:solid 2px #000}
.metals{margin: 0 -15px;}
.metals li{display:flex;font-size:22px;align-items:center;flex-wrap:wrap;font-weight:500; padding: 0 15px;}
/* .metals li:first-child, .metals li.editIcon,  .productViewWrapper .productView .colorView li.editIcon{display:inline-flex;} */
.productView h5{font-family:'Cormorant Garamond',serif}
.metals li a{text-align:center;font-size:20px;color:#000;font-weight:500;border:solid 1px #000;padding:10px 15px}
.addWishlistWrap{position:absolute;top:0;right:15px; top:15px;z-index:9;font-size:31px}
a.addWishlistWrap[data-title=Compared]{color:red}
a.addWishlistWrap[data-title=Added]{color:red}
.detailCompared{position:absolute;top:-30px;left:-10px;transform:translateX(-50%);font-size:19px}
.metals li.active a, .metals li a:hover{border:solid 1px #000; background: #2e4c4d; color: #fff;}
.retailerTitle{margin:0 0 11px;font-size: 25px; }
.retailerBtn{margin:5px 0 16px;display:inline-block;width:100%}
.yourLocalRetailers .btn-default{border:1px solid #ddd;background:#eaeaea;text-shadow:none;color:#000;box-shadow:none;margin:0 0 0px;border-radius:0; font-size: 13px;}
.reatilImg{border:solid 1px #ccc;padding:10px 16px}
.yourLocalRetailers hr{display:inline-block;width:100%;margin:0}
#retailer-list{max-height:940px;overflow:hidden;overflow-y:hidden;overflow-y:auto}
.retailerBtn a{color:#276c6f;font-weight:500;font-size:13px}
.metals li.editIcon,  .productViewWrapper .productView .colorView li.editIcon{font-size: 16px; font-weight: 500; margin-left: 20px; text-decoration: underline; cursor: pointer;}

.labDiamond_program .labDiaondTopPart{position: relative;}
.labDiamond_program .labDiaondTopPart .topContent a, .downLoadLink{background: #2d4c4e; color:#fff; padding: 6px 20px; font-size: 18px; display: inline-block; margin-top: 10px;}
downLoadLink:hover{color: #fff;}
.labDiamond_program .labDiaondTopPart .bottomRingContent{top: 45%;right: 8%;width: 40%;}
.labDiamond_program .labDiaondTopPart .bottomRingContent h2{font-size: 55px;}
.labDiamond_program .labDiaondTopPart .bottomRingContent ul{padding-left: 15px;}
.labDiamond_program .labDiaondTopPart .bottomRingContent p{font-size: 18px;margin: 12px 0 25px;}
.labDiamond_program .labDiaondTopPart .bottomRingContent ul li{margin-bottom: 10px; list-style: disc;}
.container-fluid.rolexContainer {padding: 0;}
.labDiamond_program .labDiamondBottom img{position: absolute;}
.labDiamond_program .labDiamondBottom{position: relative;}
.labDiamond_program .labDiamondBottom .imgtop{left:0; top:-18%;}
.labDiamond_program .labDiamondBottom .imgbottom{right:0; bottom: 0;}
.labDiamond_program .labDiamondBottom .container-fluid{padding: 0 25%; position: relative; z-index: 1;}
.labDiamond_program .labDiamondBottom p{margin-top: 30px;}
.inspectLabDiamond{padding: 50px 0; position: relative; z-index: 1;}
.labDiaondBottomPart h5 {margin-top: 12px;}
.labDiamondBottom {padding-bottom: 50px;}
.centerStoneBlock .form-control, .select-wrapper .form-control{-moz-appearance: none; -webkit-appearance: none;  appearance: none;  background: url(../images/selectArrow.jpg) no-repeat 98% white;}
.centerStoneBlock .form-control, .dimensioBlock li .form-control {border:1px solid #000;border-radius:0; height: 42px !important; color: #000;}
.custom-select-detail{ position: relative; width: 100%;  border: 1px solid #000;  cursor: pointer;}
.custom-select-detail .selected { padding: 6px 12px; font-size: 14px; display: flex; justify-content: space-between;  align-items: center;  position: relative;}
.custom-select-detail .selected:after {content: "";  position: absolute;  right: 12px; width: 15px; height: 15px; background: url(../images/selectArrow.jpg) no-repeat 98% white;}
.custom-select-detail .options {position: absolute; top: 103%; left: -1px;  right: -1px;  background: #f8f8f8;  border: 1px solid #000;  border-top: none;  list-style: none;  margin: 0;  padding:4px 0 ;  display: none;  z-index: 10; max-height: 300px; overflow-y: auto;}
.custom-select-detail .selected:focus, .custom-select-detail .options:focus{outline: none;}
.custom-select-detail .options li { padding: 2px 12px; font-size: 13px; position: relative;}
.custom-select-detail .options li:after{content: ''; width: 2px; height: 100%; background: #ddd; right: 20px; position: absolute; top:0;}
.custom-select-detail .options li label input:checked + span:before{content: ''; width: 6px; height: 6px; background: #000; right: 18px; position: absolute; z-index: 1; border-radius: 100%; top: 50%;
  transform: translateY(-50%);}
.custom-select-detail .options li label{margin-bottom: 0; display: block;}
.custom-select-detail .options li label input{display: none;}
.custom-select-detail .options li:hover {  background: #eee;}
.custom-select-detail.active .options { display: block;}
.dimensioBlock li .form-control{height: 36px !important;}
.centerStoneBlock .form-control:focus, .dimensioBlock li .form-control:focus, .select-wrapper .form-control:focus, #engravingTab .form-control:focus{box-shadow:inherit;}
.dimensioBlock ul{margin: 0 -6px;}
.dimensioBlock li{padding: 0 6px; font-size: 20px;}
.dimensioBlock li .form-control{width: 100px;}
.dimensioBlock li.headDetail{font-size: 22px;}
.btn-primary{border-radius:0; background: #2E4C4D; color: #fff; border-color: #2E4C4D; padding: 12px 0px; text-transform: uppercase; text-align: center; width: 250px;}
.btn-primary:hover, .btn-primary:focus, btn-primary:active{background: #000; color: #fff; border-color: #000; }
.detailProduct h3, .widgetCustomization h3{font-size: 24px; color: #2E4C4D;}
.widgetCustomization h3{font-size: 34px;}
.detailProduct h4{font-size: 24px;}
.detailProduct .sukText{font-size: 18px;}
.detailProduct .priceText{font-size: 22px;}
.detailProduct .viewBtn{display: inline-block; padding: 7px 20px; border:2px solid #000; font-size: clamp(1rem, 1.5vw, 1.2rem); color: #000;  text-transform: uppercase;}
.detailProduct .viewBtn:hover{color: #fff; background: #000; border:2px solid #000; }
.select-wrapper select option { background: #f7f7f7;  border-bottom: 1px dotted #888;  padding: 10px;}
.select-wrapper select option:checked { background: #f1f1f1;  color: #000;}
.metalCustomizBlock{display: none;}

.metalCustomizBlock .grayBg{background: #f8f8f8; padding:12px 15px;}
.metalCustomizBlock .widgetData li{padding: 0 10px;}
.metalCustomizBlock  h6{color: #000; font-weight: 500; font-size: 18px;}
.metalCustomizBlock  .widgetRightData{width: calc(100% - 140px);}
.metalCustomizBlock .editTab, .editTabThree{color: #000; text-decoration: underline; font-weight: 600; cursor: pointer;}
.border-top{border-top: 1px solid #ddd;}
.btnGlobal{background: #2E4C4D; color: #fff; border-color: #2E4C4D; padding: 8px 20px; text-transform: uppercase; display: inline-block; cursor: pointer;  }
.btnGlobal:hover{background: #000; color: #fff; border-color: #000;}
.widgetCustomization .card{border-radius:0; border:none; border-bottom:1px solid #000}
#accordionCustomization {border-top:1px solid #000}
.widgetCustomization .card .card-header a{position: relative; font-size: 18px;}
.widgetCustomization .card .card-header a[aria-expanded="false"]:after { position: absolute; top:-3px; transform: translateY(-50%); transition: transform 0.3s ease;  background: url(../images/selectArrow.jpg) no-repeat 98% white; content: ''; width: 15px; height: 15px; right:0;  rotate: 180deg;}
.widgetCustomization .card .card-header a[aria-expanded="true"]:after{ position: absolute; top:50%; transform: translateY(-50%); transition: transform 0.3s ease;  background: url(../images/selectArrow.jpg) no-repeat 98% white; content: ''; width: 15px; height: 15px; right:0;  rotate: 0deg;}
.widgetCustomization .card .card-header{border-radius:0; border:none; background: none;}
.widgetCustomization .card .card-header a{display: block;}
.metalsAccording{margin: 0 -15px;}
.card-body .metalsAccording li{padding: 0 15px; list-style: none !important;}
.metalsAccording li input, .card-body .diamondAccent ul li input, .insideClick input{display: none;}
.metalsAccording li span{text-align: center; font-size: 18px;  color: #000;  font-weight: 500;  border: solid 1px #000; padding: 10px 15px; cursor: pointer;}
.metalsAccording li input:checked + span{border: solid 1px #000;  background: #2e4c4d;  color: #fff;}
.card-body .diamondAccent ul li{width: 100%; list-style: none !important; margin-bottom: 5px; cursor: pointer;}
.card-body .diamondAccent ul.shankAccent li{width: 50%;}
.card-body .diamondAccent ul li input{width: 100%; list-style: none !important;}
.card-body .diamondAccent ul li span{width: 20px; height: 20px; display: inline-block; border:1px solid #000;position: relative; vertical-align: bottom;}
.card-body .diamondAccent ul li input:checked + span:before{content: ''; width: 10px; height: 10px; background: #000; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); border-radius:100%;}
.insideClick span{border:1px solid #000; display: inline-block; vertical-align: bottom; width: 24px; height: 24px;}
.insideClick input:checked + span{background: #2E4C4D;border:1px solid #000;}
.insideClick input{cursor: pointer;}
.insideSelect{display: none;}
.insideSelect.active{display: block;}
#engravingTab .form-control{border:1px solid #000; height: 100px; resize: none; border-radius:0; color: #000;}
.referceInput label span{font-size: 12px; display: block;  white-space: nowrap;}
.no-wrap{white-space: nowrap;}
.referceInput .form-control{height: 40px; border: 1px solid #000; border-radius:0;}
.referceTexarea .form-control{height: 100px; border: 1px solid #000; border-radius:0; resize: none;}
@media(max-width:992px){
    .dimensioBlock ul{flex-wrap:wrap;}
    .dimensioBlock ul li.headDetail{width: 100%; margin-bottom: 10px;}
    .dimensioBlock li .form-control{width: 70px; margin-bottom: 10px;}
    .metalCustomizBlock .widgetData li{font-size: 14px !important; padding: 0 8px;}
    
}
@media(max-width:767px){ 
    .detailProduct .imgBlock {width: 150px;}
    .shareSocial li img{width: 26px;}
    .metalCustomizBlock .widgetData{flex-wrap:wrap;}
    .metalCustomizBlock .widgetData li{font: 16px !important;}
    .btn-primary{width: 100%;}
    .metals li, .productViewWrapper .productView .colorView li{padding: 0 6px;}
    .metals, .productViewWrapper .productView .colorView li{margin: 0 -6px;}
    .metals li a,.productViewWrapper .productView .colorView li a{font-size: 14px;}
}
@media(min-width:767px){
.inspectLabDiamond iframe{min-height: 800px !important;}
#bigDetail.owl-carousel{display: flex !important; flex-wrap:wrap; justify-content:center;}
.prodcutSliderWrap .currentAngle{width: 100%;}
#bigDetail.owl-carousel .item{padding: 0 20px;}
#bigDetail.owl-carousel .item:nth-child(4), #bigDetail.owl-carousel .item:nth-child(3){width: 50% !important;}
}
@media(min-width:1700px){
.inspectLabDiamond iframe{min-height: 400px !important;}
}
 
@media(max-width:767px){
 
     
   .prodcutSliderWrap #bigDetail.owl-theme .owl-nav button.owl-prev, .prodcutSliderWrap .owl-theme .owl-nav button.owl-next {
    bottom: 30px !important;
    top: inherit !important;
    text-indent: inherit;
    width: 32px;
    height: 32px;
    transform: inherit;
    z-index: 9;
  }   
     
     
     .prodcutSliderWrap #bigDetail.owl-theme .owl-nav button.owl-prev{background: url(../images/chevronPrev.png) no-repeat left top !important; left:-15px;}
     .prodcutSliderWrap #bigDetail.owl-theme .owl-nav button.owl-next{ background: url(../images/chevronNext.png) no-repeat left top !important; right:-15px;}
     .prodcutSliderWrap #bigDetail .currentAngle{padding: 0 5%;}
     .prodcutSliderWrap #thumbsDetail .item{padding: 0 5px;}
}
@media(min-width:767px){
    .labDiamond_program .labDiaondTopPart .bottomRingContent{position: absolute; bottom: -10%;}
    .labDiamond_program .labDiaondTopPart .topContent{position: absolute; top:4%;}
   
}

.section-login .card .card-header{background-color:transparent}
.section-login .card{border:none;border-radius:0}
.section-login .orLine::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid #d5d5d5}
.section-login .orLine::after{content:"OR";position:absolute;left:0;top:50.8%;width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;color:#000;margin:-16px 0 0 -16px;    z-index: 99;font-size:11px;letter-spacing:1px;border:1px solid #d5d5d5;background-color:#fff}
.section-login .card-body .gotoPage { text-decoration: underline;}
.loginCheckout .card-body a{color:#000;margin:7px 0 0; text-decoration:underline}
.loginCheckout .card-body .button_dark{text-align:center;text-decoration:navajowhite}
.loginCheckout .card-body .button_dark:hover{color:#fff!important}
.loginCheckout .card-body .errorMsg{color:red;font-size:14px;margin:0 0 5px}#shoppingCartList table{width:100%;border:1px solid #d5d5d5;border-collapse:collapse}#shoppingCartList table thead{background-color:#f9f9f9}
#shoppingCartList table tr td,#shoppingCartList table tr th{padding:10px 12px;border:1px solid #d5d5d5}
#shoppingCartList table .tdImage{width:100px;text-align:center}
#shoppingCartList table .tdPrice{text-align:right}
.wishlistPopup{position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer}
.popup-right li{padding:5px 0;width:100%;float:left}
.popup-right li input[type=checkbox]{box-sizing:border-box;padding:0;float:left;margin:6px 4px 0 0}
.noted{background:#f2f2f2;padding:11px 20px 17px!important;line-height:17px; margin: 20px 0 0;}
.productViewWrapper .productView{margin:0 0 25px}
.productViewWrapper .productView:last-child{margin:0 0 0}
.siteMapWraps h1{text-align:center;margin:30px 0 0;font-size:45px;font-weight:600}
ul#site_map{border-left:1px solid #666;clear:left;list-style:none outside none;margin:0 0 0 100px}
ul#site_map li{background:url(/images/arrow.png) no-repeat scroll left 13px rgba(0,0,0,0)!important;font-size:16px;margin:5px 0 18px 10px;padding-left:18px;width:100%;list-style:none}
ul#site_map li a{color:#000;text-align:left;text-decoration:none;font-size:18px;font-weight:700}
ul#site_map li ol{border-left:1px solid #444;list-style:none outside none;margin:10px 0 10px 20px}
ul#site_map li ol li{margin:0;padding:3px 25px}
ul#site_map li ol li a{margin:0;padding:0;font-size:14px;color:#999;font-weight:400}
.contactForm{border:1px solid #d5d5d5;box-shadow:0 0 20px #e0e0e0;border-radius:.25rem;padding:0 20px}
.contactForm .card-title{font-size:20px;font-weight:400;padding:0 20px}
.contactForm{padding:0 0 30px}
.contactForm p{margin:16px 0 30px;font-size:14px;line-height:19px}
.storeLocationWrapper .orLine{padding:0 20px 0 90px} 
.storeLocationWrapper .orLine p {margin: 0 0 20px;}
.designForm  {padding: 20px 20px;}
.designForm p{text-align:center;font-size:15px;font-weight:500;margin:10px 0 30px;padding:0 90px}
.designForm .numberText{background:#e6e6e6;color:#000;padding:5px 20px;font-size:66px;position:relative;display:flex;justify-content:center;align-items:center;width:125px;height:125px;text-align:center;margin-top:15px}
.designForm .numberText::before{position:absolute;content:'';width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid #e6e6e6;right:-25px;top:50%;margin-top:-30px}
.designForm .card-body p{text-align:left;padding:0;margin:0;font-size:14px}
.designForm .checkbox{float:left;width:100%;margin-bottom:8px;font-weight:400}
.designForm label.lables{font-weight:600;color:#000;font-family:'Cormorant Garamond',serif;font-size:22px;text-transform:capitalize;margin:4px 0 16px}
.designForm .metalText,.designForm .metalType{margin:0 0 10px}
.designForm .form-control{border-radius:0;height:49px}
.designForm textarea.form-control{height:180px}
.notesTitle{font-weight:700;font-size:19px;font-family:'Cormorant Garamond',serif}
.contactTitle{margin:50px 0 90px}
.requestInfoView .modal-header,.requestViewPopup .modal-header{padding:0 20px 9px}
.requestViewPopup button.close{position:absolute;top:15px;right:20px}
.requestInfoView button.close{position:absolute;top:15px;right:20px}
.popup-right .button_dark{width:auto;padding:6px 30px 7px;height:auto}
.requestViewPopup .control-label{margin:0 0 3px;font-weight:500;font-size:22px;font-family:'Cormorant Garamond',serif}
 .section-gemstone .gemstoneList [class*=col-]>a{border:1px solid #d5d5d5;position:relative;padding:0 0 50px;width:100%;min-height:150px;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;transition:all .4s linear;text-align:center;margin:0 0 20px}
 .section-gemstone .gemstoneList [class*=col-]>a .monthName,.section-gemstone .gemstoneList [class*=col-]>a .stoneName{position:absolute;left:0;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;transition:all .4s linear}
 .section-gemstone .gemstoneList [class*=col-]>a .monthName{top:0;padding:5px 15px;font-size:18px;background-color:#d5d5d5;color:#333}
 .gemsStoneModal .modal-header{padding:10px 20px 20px;position:relative}
 .gemsStoneModal .modal-header .close{position:absolute;right:11px;top:130%;transform:translateY(-100%)}
 .gemsStoneModal .modal-header .modal-title{text-transform:capitalize;margin:0;line-height:inherit}
 .gemsStoneModal .edu-pro-stone-text{text-transform:capitalize}
 .gemsStoneModal .stone-link{border:1px solid #000;color:#000;background:inherit;padding:10px 20px;transition:all 80ms ease;display:inline-block}
 .gemsStoneModal .stone-link:hover{background:#000;border:1px solid #000;color:#fff}
 .gemstoneOverview{position:relative}
 .gemstone-peridot-para{font-size:16px;color:#666;clear:both;margin:0;padding:0;line-height:28px;text-align:left;min-height:210px}
 .gemstone-peridot-bracelet{clear:both;padding:20px 0 0 0;text-align:center;width:100%;margin:90px 0 0}
 .gemstone-peridot-earring{box-shadow:3px 3px 3px #888;position:absolute;z-index:99;width:238px;height:254px;right:21%;transform:translatex(-50%)}
 .gemstone-peridot-ring{box-shadow:3px 3px 3px #888;position:relative;top:50px;left:0}
 .gemstoneFeatures .blockTitle{clear:both;margin:0;font-family:'Cormorant Garamond',serif;text-transform:uppercase;padding:0 0 15px;text-align:center;font-weight:600;font-size:20px;color:#000;line-height:30px;display:block}
 .education-diamonds .education-diamonds-head{clear:both;margin:0;padding:0 0 15px;text-align:center;font-weight:600;font-size:20px;color:#000;line-height:30px;text-transform:uppercase;font-family:'Cormorant Garamond',serif}
 .education-diamonds p{font-size:16px;line-height:22px;color:#666;clear:both;margin:0;padding:10px 0 0;text-align:center}
 .education-diamonds .education-diamonds-img{clear:both;margin:0;padding:15px 0 5px;text-align:center;font-size:30px;color:#000;line-height:30px}
 .w-101{width:80%;margin:auto;display:table}
 .priceRange::before{content:'$';position:absolute;top:0;left:0;color:#020202;border-right:solid 1px #ced4da;height:100%;display:flex;align-items:center;padding:0 9px;background:#eee}
 .priceRange input{padding:0 0 0 39px}
 .flip-box-inner{position:relative;width:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}
.storeLocationWrapper .orLine::before{content:"";position:absolute;left:30px;top:0;bottom:0;border-left:1px solid #d5d5d5; display: none;}
.storeLocationWrapper .orLine::after{content:"OR"; width:32px;height:32px; border-radius:50%; text-align:center;line-height:32px;color:#000; display: none; margin:-16px 0 0 -16px;font-size:11px;letter-spacing:1px;border:1px solid #d5d5d5;background-color:#fff;  position:absolute;left:30px;top:50%;}
.shareSocial li img{width:31px}
.flip-box-inner { position: relative; width: 100%;   text-align: center; transition: transform 0.8s; transform-style: preserve-3d;}
.flip-box:hover .flip-box-inner {  transform: rotateY(180deg);}
.flip-box-front  {   width: 100%;     -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.flip-box-back {  position: absolute; top:0; width: 100%;   -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.flip-box-front {  background-color:inherit;  color: black;}
.flip-box-back {   color: white;  transform: rotateY(180deg);}
.storeLocationWrapper .orLine {   position: relative;}


.passErrorMsg.errorJewelery{font-size:16px;position:absolute;right:30px}
.successMsg.errorJewelery{color:#0c9548;font-size:18px}
.passErrorMsg{color:red}#noProductDiv{text-align:center}
.underline{text-decoration:underline}
.detailIconWrap1{width:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.detailIconWrap{width:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.jewelryContent a{color:#2e4c4d;font-weight:600;text-decoration:underline}
.desDelaer { margin: 0 0 9px!important;font-weight: 500;}
.customwrap ul {padding: 10px 20px;}
.customwrap ul li {list-style-type: disc;padding: 5px 0;width: 25%;}
.cust {display: none !important;}
#requestaviewing   .errMsg{position: absolute;right: 20px;}


 .productViewWrapper .productView .colorView{margin: 0 -15px;}
 .productViewWrapper .productView .colorView li  { padding: 0 15px;}
 /* .productViewWrapper .productView .colorView li:first-child  { display: inline-flex;} */


.programWraps {
  padding: 40px 0;
}

.programWraps h3 {
  margin: 0 0 12px;
}

.programWraps ul {padding: 0 0 0 20px;}
.programWraps li {
  display: inline-block;
  margin: 4px 0 11px;
  width: 100%;
  color: #000;
  font-size: 19px;
  list-style-type: disc;display: inline flow-root list-item;
}


 
.collectionSection h2 {
  font-size: 52px;
}
.collectionSection p {
  font-size: 18px;
  padding: 0 60px;
  max-width: 700px;
  margin: 9px auto 30px;
}

.progBtn {
  background: #2e4c4d;
  margin: 0 20px;
  padding: 9px 20px;
  float: left;
  color: #fff;
}

 .buttonBox{
  display: flex;
  justify-content: center;
  margin: 20px 0 70px;
}
.progBtn:hover {  background: #000;  color: #fff;}


 
.programRights h3 {
  font-size: 59px;
}
.programRights h5 {
  font-size: 24px;
  margin: 5px 0 0;
}
.programRights p {
  width: 100%;
  margin: 20px 0 22px;
  line-height: 34px;
  font-size: 18px;
}
.programRights .progBtn {margin: 0;}


  .proBanersWrap {
  position: relative;
}
 
 .proBanersWrap img {
  width: 100%;
}
  
.bannerContent {
  position: absolute;
  top: 90px;
  width: 100%;
  text-align: center;
  left: 0;
}

 .bannerContent h1   { 
  font-size: 59px;
  margin: 0 0 12px;
}
   
  .bannerContent p  {
  margin: 0px 0 20px;
  font-size: 24px;
  color: #000; 
  font-weight: 400;
}

   .bannerContent .progBtn { 
  margin: 6px 20px 0; 
  float: none;
  display: inline-block;
}

.iframeSections  iframe{
  margin-top: -60px;
}
.bg-need{
  background-color: #2e4c4e;
  padding:100px 50px;
  text-align: center;
  color: #fff;
  margin: 50px 0 0 0;
}
.you-x { margin-top: -80px;}
.needSection{
  width: 70%;
  margin: auto;
}
.needSection h2 {font-size: 56px; margin: 20px 0;}
.needSection p {margin-bottom: 30px;}
.youSection {
  margin: 30px 0;
  width: 50%;
}
.youSection h1 { font-size: 52px; text-align: center;}
.youSection p { font-size: 16px; text-align: center;}
 @media only screen and (min-width:1300px)
{
 .bannerContent {
  top:35px;
}


}

@media only screen and (min-width:1251px)
{
.productTexboxes    .button_dark {padding: 8px 9px;font-size: 15px;}


}


@media only screen and (min-width:1101px) and (max-width:1368px)
{
 .leftpart { 
  height: 510px;
  overflow-y: auto;
  padding-bottom: 60px;
}


}


@media(max-width:1440px)
{ 
  .prodcutSliderWrap .owl-theme .owl-nav button.owl-prev, .prodcutSliderWrap .owl-theme .owl-nav button.owl-next {
  bottom: 30px;
}


}


@media(max-width:1368px)
{ 
.productTop  h2 {  font-size: 68px;}
.prodcutSliderWrap .owl-theme .owl-nav button.owl-prev, .prodcutSliderWrap .owl-theme .owl-nav button.owl-next {
  bottom: 30px;
}


}

@media(max-width:1300px)
{
.bannerContent { 
  top: 40px; 
}

}

@media(max-width:1200px)
{
.gemstone-peridot-para { padding: 0 70px 0 0;}
.prodcutSliderWrap .owl-theme .owl-nav button.owl-prev, .prodcutSliderWrap .owl-theme .owl-nav button.owl-next {
  bottom: 30px;
}



}

@media(max-width:1100px){
.section-gemstone h4{font-size: 25px;}
.productTexboxes .productTitle {  font-size: 35px;}
.prodcutSliderWrap .owl-theme .owl-nav button.owl-prev, .prodcutSliderWrap .owl-theme .owl-nav button.owl-next {
  bottom: 20px;
}
 .bannerContent {
  top:20px;
}
.labDiamond_program .labDiaondTopPart .bottomRingContent h2{font-size: 45px;}
.labDiamond_program .labDiaondTopPart .bottomRingContent{top:43%}

}



@media(min-width:993px)
{ 
.requestInfoView .modal-dialog{max-width:800px}
.requestViewPopup .modal-dialog{max-width:720px}
.why-shop-jewelers img.cardImg{ width: 50% !important;}

}


@media(max-width:1000px){
.productTexboxes .productTitle {    font-size: 30px;}
.container.tabBanner {max-width:100%;}
.labDiamond_program .labDiaondTopPart .bottomRingContent{width: 50%; right:0; top:40%}
.labDiamond_program .labDiaondTopPart .bottomRingContent p{margin: 10px 0; font-size: 16px;}
.labDiamond_program .labDiaondTopPart .bottomRingContent ul li{margin-bottom: 4px; font-size: 14px; line-height: 20px;}
.labDiamond_program .labDiamondBottom .imgbottom, .labDiamond_program .labDiamondBottom .imgtop{max-width: 25%;}
}



@media(max-width:992px){                      
.shareSocial li a{margin:8px 0 0}
.shareSocial li a i{font-size:20px}
.designFamily .productImg{width:100%;height:auto}
.myProfilePanel .card-body { padding:0px;}
.myProfilePanel .table td,.myProfilePanel .table th{padding:9px 10px 0;vertical-align:top;border-top:1px solid #dee2e6;font-size:13px}
.myProfilePanel p{padding:12px 10px 0;text-align:center}
.myProfilePanel .row{padding:0 20px}
.wishlistPopup { font-size: 13px; padding: 6px 10px;}
.popup-right li    label {  float: left;  width: 90%;}
.popup-right li  br{   display:none;}
.designForm p { font-size: 14px; padding: 0 0px;}
.prodcutSliderWrap .currentAngle {width: 100%;height: auto;}
.locationInfoList li { font-size: 14px;}
.section-gemstone h4{  font-size: 20px;}
.gemstone-peridot-earring{width:208px;height:auto}
.shareSocial li a{margin:8px 9px 0 0}
.gemstone-peridot-ring{width:208px!important;height:auto;left:-40px}
.gemstone-peridot-ring img, .gemstone-peridot-earring img{width: 100%;}
.productListing .leftpart li label b {  font-size: 13px;}
 .SlidebarLeft .card-body { padding: 0 0 0 25px;}
.productTexboxes .productPrices { font-size: 28px;  font-weight: 500;}
.prodcutSliderWrap .owl-theme .owl-nav button.owl-prev, .prodcutSliderWrap .owl-theme .owl-nav button.owl-next{
  bottom: 0;
}


}



 

@media(max-width:800px){ 
.productTop{overflow:hidden;width:100%}
.productTexboxes .punch::before{left:21%}
.shareSocial li{margin:0 0 0 9px}
.shareSocial li:first-child{margin:0 9px 0 0}
.education-diamonds .education-diamonds-head {font-size: 14px; }
.education-diamonds .education-diamonds-img img{width: 120px;}
.education-diamonds p {font-size: 13px; }

.total-retailer{margin: 0 0 30px;}
.storeLocationWrapper .orLine{padding:0 20px 0 90px}
.mob-btn{width:100%;display:block}
.mobileCptcha .control-label{width:100%;text-align:center;margin:0 0 10px}
.g-recaptcha{width:100%;display:block}
.bannerContent h1 {
  font-size: 41px; 
}
.bannerContent p {
margin: 0px 0 0px;
  font-size: 18px; 
}
.programWraps li { 
  font-size: 16px; 
}
.programRights h3 {
  font-size: 39px;
}

.programRights p {
  width: 100%;
  margin: 20px 0 22px;
  line-height: 28px;
  font-size: 15px;
}
.container.tabBanner { 
  padding: 0;
}

}



@media only screen and (max-width:768px){
.productTexboxes{padding: 40px 0 0;}
.section-gemstone .gemstoneList [class*="col-"] > a .monthName {padding: 5px 9px;font-size: 13px; }
.w-101 {width: auto; }
.gemstone-peridot-bracelet img {width: 100%;}

.bg-need{
  padding: 50px;
  margin: 50px 0;
}
.you-x { margin-top: -40px;}

.needSection{
  width: 100%;
}
.needSection h2 {font-size: 24px; margin: 20px 0;}
.needSection p {margin-bottom: 20px;}
.youSection {
  margin: 20px 0;
  width: 100%;
}
.youSection h1 { font-size: 24px; text-align: center;}
.youSection p { font-size: 14px; text-align: center;}

}

@media(max-width:767px){ 
    
    .labDiamond_program .labDiamondBottom img{display: none;}
     .labDiamond_program .labDiamondBottom h3, .labDiaondBottomPart h3, .labDiaondTopPart h2, .labDiamond_program .labDiaondTopPart .bottomRingContent h2{font-size: 36px;}
     .inspectLabDiamond h3{margin-bottom: 20px;}
     .labDiamond_program .labDiamondBottom h3 br{display: none;}
     .labDiaondBottomPart h5{font-size: 24px;}
 .labDiamond_program .labDiamondBottom .container-fluid{padding: 0 20px;}
.section-login .orLine::before ,.section-login .orLine::after { display:none;} 
.productTexboxes .productTitle {margin: 30px 0 15px;font-size: 32px;}
.productViewWrapper.mt-5{margin-top: 0 !important;}
.modal-title {     font-size: 20px;}

.myProfilePanel .card-header {padding: 11px 10px; font-size: 19px;}
.g-recaptcha{ transform: scale(.86);  -webkit-transform: scale(.86);  transform-origin: 0 0;  -webkit-transform-origin: 0 0;}
.row.mobView{justify-content: center;}
.contactTitle {margin: 50px 0 50px;}
.gemstone-peridot-earring{position:static;z-index:99;width:208px;height:auto;right:21%;transform:inherit;margin:30px 0 20px}
.gemstone-peridot-para{padding:0}
.gemstone-peridot-ring{box-shadow:3px 3px 3px #888;position:static;margin:0 21px}
.gemstone-peridot-bracelet{margin:20px 0 0}
.iframeSections iframe {
  margin-top: 0;
}
.g-recaptcha{transform:scale(.8);-webkit-transform:scale(.8);transform-origin:0 0;-webkit-transform-origin:0 0}
.popup-right{margin:0 0 29px 0;padding:0 21px}
.popup-right li{font-size:11px;line-height:19px;margin:0 0 10px;font-size:12px;text-align:left}
.popup-right li label{font-size:12px !important text-align: left}
.requestInfoView button.close{top:7px;z-index:99;margin:0;padding:0}
.requestViewPopup button.close{position:absolute;top:4px;right:20px;padding:0;margin:0}
.requestInfoView .modal-title{font-size:20px;padding:6px 0 0}    
.mob-5 {margin: 0!Important;}
.mob-6 {margin: 0 0 28px !important;}
.p40 {padding: 40px 0 0;}
.g-recaptcha div{width:100%!important;height:auto!important}
.jewelryContent{padding:70px 0 20px}
.jewelryContent h3{font-size:36px;margin:0 0 10px}
.jewelryContent .title br {display:none;}
.jewelryContent  .title  {font-size: 14px;line-height: 21px;padding: 4px 20px 0 0;}
.innerDiv {padding: 0 0 50px 0;}
.productBanners{margin:0}.productTop h1{font-size:37px}
.productBanners{padding:20px 0 20px 0}
.customwrap ul li{padding:5px 0;list-style-type:disc;width:28%;margin:0 2% 12px}
.storeLocationWrapper .orLine{padding:0 20px 0 70px}
.section-login.mt-5{margin-top:0!important}
.leftpart{position:static;top:150px;height:auto;padding-bottom:0;margin:0 0 30px}
#show-hidden-menu{cursor:pointer}
.mobileFilters{display:none;background:#f2f2f2}
#show-hidden-menu{cursor:pointer;padding:0 0;box-shadow:inherit;border-bottom:solid 1px #2e4c4d}
.fixedLeft{border:none}

.productViewWrapper .productView .colorView li{margin-bottom: 10px;}
.progBtn { 
  margin: 0 10px;
  padding: 9px 11px; 
}
.labDiamond_program .labDiaondTopPart .topContent h2 br{display: none;}
.labDiamond_program .labDiaondTopPart .bottomRingContent{width: 100%; margin-top: 20px;}
.labDiamond_program .labDiaondTopPart .bottomRingContent ul li{font-size: 16px; line-height: 28px;}
.inspectLabDiamond h3{font-size: 36px;}


}

.dtp { vertical-align: text-bottom; float: right; }

@media(max-width:680px){ 
.wishlistPopup {  position: static; transform: inherit;width: auto; display: inline-block; margin: 0 0 20px; }
#shoppingCartList table {overflow: scroll;display: block;} 
.popup-right li { font-size: 11px;  line-height: 19px;}
.designForm {padding: 20px 0px;}
.designForm p { padding: 0 20px;}
.designForm label.lables {  font-size: 16px;}
  .mbk{
  width: 30px;
}



}

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

.retailerWrap {width: 100%;margin: 0 0 10px;}
.retailerWrap   .btn:first-child {    width: 100%;}
.storeLocationWrapper .orLine {padding: 0 20px 0 20px;margin: 0 0 !important;}
.storeLocationWrapper .orLine::before, .storeLocationWrapper .orLine::after { display:none;}
.mtt-0 {
  margin-top: 0 !important;
}
.pbb-0 {
  padding-bottom: 0 !important;
}
.buttonBox {
flex-wrap: wrap;}
.progBtn { 
  width: 100%;
  margin: 0 0 12px;
}
.collectionSection h2 {
  font-size: 32px;
}
.collectionSection h5 {
  font-size: 16px;
}
.programWraps h3 {line-height: 36px;
  font-size: 30px;
}
.collectionSection p {
  font-size: 15px;
  padding: 0;
  max-width: 100%; 
}

  .proBanersWrap .container-fluid{
  padding: 0;
}
.bannerContent .progBtn {
  margin: 6px 0px 0;
  width: auto;
  margin: 0 0 10px;
}
.bannerContent h1 {
  font-size: 22px;
  margin: 0 0 8px;
}
.bannerContent p {
  margin: 0px 0 0px;
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 5px;
}

.programRights h5 {
  font-size: 16px;
  margin: 5px 0 0;
}
.programWraps {
  padding: 40px 0 0;
}

 
}

 

@media(max-width:541px){ 
.productTop h2{font-size:28px}
.breadcum li a{color:#000;font-size:11px}
.breadcum1 li a{font-size:13px}
.breadcum li a::after{content:'-';margin:0 4px}
.breadcum::after{display:none}
.leftpart{margin:0 0 40px}
.shareSocial{justify-content:center;margin:0 0 14px}
.productTexboxes .punch::before{left:24%}
header.fixed .navigations{top:42px}
.designFamily .productTextWrap a{font-size:16px;margin:0}
.designFamily span.productPrice{font-size:15px;margin:0 0 10px}
.storeLocationWrapper .orLine::before , .storeLocationWrapper .orLine::after { display:none;}
.storeLocationWrapper .orLine {  padding: 0 20px 0 20px;}
.storeLocationWrapper .mb-5  {margin-bottom:25px !important;}
.storeLocationWrapper .mt-5  {margin-top: 0 !important;}
.productTexboxes .punch .proLine {width: 48%; }


}

@media only screen  and (max-width:400px)
{
.popup-right .button_dark{width:100%;margin:10px 0 0;height:auto;font-size:18px}
.reatilImg{border:solid 1px #ccc;padding:10px 16px;margin:40px 0 0;padding:30px 40px}
.customwrap ul li{width:50%}
.programRights h3 {
  font-size: 32px;
}

}

 


@media(max-width:360px){ 
.breadcum1 li a{font-size:11px}
.productTexboxes .punch::before{left:28%}
.button_dark{padding:10px 10px;transition:all 80ms ease;font-size:14px}
header.fixed .navigations{top:32px}
.productTexboxes .productTitle {   font-size: 32px;}
.productTexboxes .productPrices {font-size: 25px;     }
.productTexboxes .productPrices sub {  font-size: 16px;}
.dtp { 
  width: 39px;
}
.g-recaptcha{transform:scale(.7);-webkit-transform:scale(.7);transform-origin:0 0;-webkit-transform-origin:0 0}
.modal-requestViewing .modal-dialog,.popupContainer1 .modal-dialog{margin:20px .5rem 0}
.modal-dialog.popupContainer1{margin:7px .27rem 0;padding:0}
 

}

 .makeAppointmentPage .topBanner{margin-bottom: 50px; position: relative;}
  .makeAppointmentPage .topBanner img{max-width: 100%;}
 .makeAppointmentPage .topBanner .bannerAppointment{ position: absolute; width: 100%; text-align: center;}
 .makeAppointmentPage .topBanner .bannerAppointment h4{ font-size: 24px;}
  .makeAppointmentPage h5{font-size: 30px;}
  .makeAppointmentPage ul li{list-style: disc; margin-bottom: 14px; font-size: 18px;}
  .makeAppointmentPage ul{padding-left: 40px;}
  .makeAppointmentPage .emailBtn{background: #2e4c4e; font-size: 20px; padding: 15px 60px; color: #fff; display: inline-block;}
  .makeAppointmentPage .emailBtn:hover{background: #000;color: #fff;}
  .bottomAppointment p{font-size: 20px; margin: 30px 0;}


@media only screen  and (min-width:1001px)
{
.modalWidth {max-width: 800px;}
 
}
 
 
@media only screen and (min-width:993px) and (max-width:1500px)
{                           
.yourLocalRetailers .btn-default { font-size: 11px;}

}



@media only screen and (min-width:993px) and (max-width:1250px) {
.productTexboxes    .button_dark {padding: 8px 9px;font-size: 13px;}
.cust1 {display: none !important;}
.cust { display:block !important; }

}


@media only screen and (min-width:768px) and (max-width:992px) { 
.wishListPop.modal-dialog {  max-width: 650px; }
.popup-right li {padding: 5px 0;  width: 100%;  float: left;  font-size: 15px;  line-height: 20px;}
.requestInfoView .modal-dialog, .requestViewPopup  .modal-dialog { max-width: 670px;}

}



@media only screen and (min-width:768px) and (max-width:800px){ 
h3{font-size:35px}
.designFamily .productTextWrap a{font-size:16px;margin:0;color:#000}
.designFamily span.productPrice{font-size:15px;margin:0 0 10px}



}

.why-shop-jewelers .card {
  border-radius: 0;
  margin-bottom: 10px;
}
.why-shop-jewelers .card-header {
  background: none;
  padding: 0;
  border: none;
}
.why-shop-jewelers .card-header .card-link:not(.collapsed):after {
  background-image:url(../images/lose.svg);}
.why-shop-jewelers .card-header .card-link:after {
  background-image:url(../images/plus.svg);
  transform: scale(.7) !important;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: 16px;
  transition: transform .2s ease-in-out;
  float: right;
}
.why-shop-jewelers .card-header a {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 16px;
}


.show {
  display: block!important;
}
.why-shop-jewelers .card-body {
  border-top: 1px solid rgba(0,0,0,.125);
}
.card-body ul{
  padding-left: 30px;
}
.card-body ul li { list-style:disc !important;}
.why-shop-jewelers img.cardImg{ width: 100%;}

.trendReportTextbox {
  background: #f5f4f2;
  padding: 50px 40px;
  margin: 50px auto 0;  
}

 .trendReportTextbox p     {
  text-align: center;
  margin: 0 0 12px;
}

.trendBtn {
  background: #2e4c4e;
  margin: 16px auto 0;
  display: table;
  padding: 13px 23px;
  color: #fff;
  text-transform: uppercase;
}


.trendBtn:hover {
  background: #000;   
  color: #fff;                
}


@media (min-width:1241px)
{
    .trendReportTextbox {  
  width: 60%;
}



}

@media (min-width:1001px)
{
    .trendReportTextbox {  
  width: 75%;
}
 
}

@media (min-width:801px)
{
    .trendReportTextbox {  
  width: 85%;
}
 
}

@media (max-width:767px)  {
      .bottomAppointment h2, .makeAppointmentPage h2{font-size: 36px;}
      .makeAppointmentPage .topBanner .bannerAppointment{position: relative;}
      .makeAppointmentPage h5{font-size: 22px;}
 
 .trendReportText  h2 {
  font-size: 38px;
}   
 
 .trendReportTextbox {  
  padding: 30px 14px;
  margin: 20px 0 0;
}

  .trendBtn {  
  padding: 13px 16px;       
  font-size: 15px;
}


    .trendReport iframe {
  height: 450px;
}

   
    
}


.pricingGuideTop p{
  margin: 3px 0 0;
  font-size: 21px;
  letter-spacing: 0.5px;
}


  .pricingGuideBox {
  background: #f2f2f2;
  padding: 20px 20px;
}
 .pricingGuideBox h4 {
  margin: 10px 0 20px;
}

 
.pricingGuideBox li {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}

.pricingGuideBox li strong {
  font-weight: 500;
  font-size: 17px;
}

/*ring detail css start here*/
.step-container { display: flex; border: 1px solid #6b7b7e; overflow: hidden; font-family: 'Cormorant Garamond', serif;}
.step-container .step { position: relative; flex: 1;   background: #fff;  color: #000; font-size: 24px; font-weight: 500;padding: 0px 25px; height: 62px;}
.step-container .step i{font-style: normal;}
.step-container .step span{ font-size: 20px; font-family: 'Quicksand', sans-serif;}
.step-container .step a{color: #000; display: block;}
.step-container .step:last-child {  border-right: none;}
.step-container .step:after { content: ""; position: absolute; top: 0; right: -34px; width: 0; height: 0; border-top: 31px solid transparent;
  border-bottom: 31px solid transparent; border-left: 35px solid #6b7b7e;  z-index: 2;}
.step-container .step:before {content: ""; position: absolute; top: 0; right: -33px; width: 0; height: 0;  border-top: 31px solid transparent;  border-bottom: 31px solid transparent;  border-left: 35px solid #fff;  z-index: 3;}
.step-container .step:last-child:after,.step:last-child:before { display: none;}
.step-container .step.active { background: #f4f4f4;}
.step-container .step.active:before {content: ""; position: absolute; top: 0; right: -33px; width: 0; height: 0;  border-top: 31px solid transparent;  border-bottom: 31px solid transparent; border-left: 35px solid #f4f4f4;  z-index: 3;}
.step-content { position: absolute; top: 50%;  transform: translateY(-50%); left: 55px; line-height: normal;}
.step-content .viewTab{ font-size: 14px; text-decoration: underline;   margin-left: 21px; margin-top: 4px;}
.productTitle.proSpan {border-bottom: 1px solid #000;  padding-bottom: 14px;}
.shareIcon{font-size: 22px;}
.msText{font-size: 18px; margin-top: 4px;}
.metalText{font-size: 28px; color: #2E4C4D;}



@media (max-width:1100px){
    .step-content i{display: none !important;}
    
}
@media (max-width:992px){
.pricingGuideBox li {  font-size: 14px;}
.pricingGuideBox li strong {font-size: 14px;padding-right: 20px; line-height: 18px;max-width: 210px;}
}
@media (max-width:600px)
{
.pricingGuideTop h3{ line-height: 37px; margin: 0 0 10px;  font-size: 36px;}
.pricingGuideBox li strong { font-size: 13px;  max-width: 190px;  }
.step-container .step span{font-size: 12px;}
.step-container .step {font-size: 14px;}
.step-container .step:after { content: ""; position: absolute; top: 0; right: -22px; width: 0; height: 0; border-top: 22px solid transparent;
  border-bottom: 22px solid transparent; border-left: 26px solid #6b7b7e;  z-index: 2;}
.step-container .step:before {content: ""; position: absolute; top: 0; right: -21px; width: 0; height: 0;  border-top: 22px solid transparent;  border-bottom: 22px solid transparent;  border-left: 26px solid #fff;  z-index: 3;}
.step-container .step.active:before {content: ""; position: absolute; top: 0; right: -22px; width: 0; height: 0;  border-top: 22px solid transparent;  border-bottom: 22px solid transparent; border-left: 26px solid #f4f4f4;  z-index: 3;}
.step-content{left:30px;}
.step-content .viewTab{margin-left: 14px; font-size: 11px; margin-top: 2px;}
.step-container .step{height: 42px;}

}

.prDetails {margin: 0 0 9px;}
.prDetails li{width: 100%;  display: inline-block;  margin: 0 0 8px;}
.prDetails li span:first-child{display: inline-block;  padding-right: 4px;  font-weight: 500;}
.prDetails li span + span{text-decoration: underline;}
 
  .keyIcon{
  text-align: left;
  margin: 12px 0 10px;
}




.customTopBox  {
  text-align: center;
}



.customTopBox h1 {font-size: 37px;}
.customTopBox p {
  max-width: 880px;
  margin: 6px auto 10px;
}

 .customImg img {
  height: 700px;  object-position: top;
  object-fit: cover;
}


.customTop {
  text-align: center;
  margin: 20px 0 40px;
}

.customTop  h2 {font-size:42px;}
.customTop  p {
  display: block;
  width: 100%;
  margin: 7px 0 23px;
}


 

 .customCheckerboard p {
  margin: 10px 0 10px;
}

 .customDes {
  padding: 0 70px;
} 
 .customCheckerboards {
  background: #f2f2f2;
  padding: 70px 0;
}





  .customDesBox  h2 {
  font-size: 42px;
  margin: 0 0 21px;
}
.customCheckerboard p {
  margin: 10px 0 7px;
  display: inline-block;
  width: 100%;
  font-size: 16px;
}
.brds {background:#fff; padding:10px;}
.customCheckerboards {
  background: #f2f2f2;
  padding: 50px 0;
}

 .retailersBoxes h2 {
  font-size:42px;
  margin: 0;
}


  .cadBannerBox{
  position: absolute;text-align: center;
  top:46%;
  transform: translate(-50%, -50%);
  left: 50%;
}

  .cadBannerBox h3 {
  font-size: 41px;
  margin: 0 0 13px;
}


.cadBannerBox p {
  margin: 0 0 35px;
  font-size: 16px;
  padding: 0 10px;
  max-width: 610px;
}


 .customImgs {position:relative;}
 .customImgs .customTextDes{
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translate(-50%, -50%);
}

 .customImgs h1 {
  font-size: 52px;
  margin: 0 0 20px;  
}
 .customImgs .engPage h1 {   color: #2e4c4d;
}

 .customImgs .engPage .button_dark{color: #2e4c4d;border: 1px solid #2e4c4d;} 
 .customImgs  .engPage .button_dark:hover{color: #fff;border: 1px solid #2e4c4d;} 
 .customImgs p { 
  margin: 0 0 40px;   
}
 .customImgs .engPage p { 
   color: #2e4c4d;
}


.CreationsBoxes{
  background: #f7f7f9;
 
  padding: 50px 0;
}

.CreationsTop h2 {
  font-size: 42px;
  margin: 0 0 3px;
}


.CreationsTop p {
  margin: 6px 0 30px;
}

.CreationsProduct h3{
  text-align: center;
  font-size: 26px;
  margin: 10px 0 2px;
}
.CreationsProduct p{
  text-align: center;
  font-size: 20px;
  margin: 10px 0 2px;
}

.CreationsImgBoxes ul {padding:0;}
.CreationsImgBoxes ul li::before {
  content: '';
  background: url(../images/tickIcon.png); 
  width: 14px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 30px;
  display: inline-flex;
  position: relative;
  left: -1px;
  top: 6px;
}
.CreationsImgBoxes ul li {
  margin: 0 0 10px; padding-left:30px;
  text-align: center;
}


 .customTextDes.rightSide{
  right: auto;
  left: 0;
  transform: translate(50%, -50%);
}

 .mensText h1 {color:#fff;}
 .mensText p {color:#fff;}
 .mensText a {border-color:#fff;color:#fff;}
 .mensText a:hover {border-color:#2E4C4D;color:#fff; background:#2E4C4D;}


 
 
  .portfolio {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: 250px;
      gap: 10px;
      max-width: 1200px;
      margin: 50px auto;
    }

    .portfolio img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 8px;
      cursor: pointer;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .portfolio img:hover {
      transform: scale(1.03);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    }

 .portfolio img:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3; } /* tall image left */
    .portfolio img:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; } /* top small */
    .portfolio img:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2; } /* top small */
    .portfolio img:nth-child(4) { grid-column: 4 / 5; grid-row: 1 / 2; } /* top small */
    .portfolio img:nth-child(5) { grid-column: 2 / 3; grid-row: 2 / 3; } /* bottom small */
    .portfolio img:nth-child(6) { grid-column: 3 / 4; grid-row: 2 / 3; } /* bottom small */
    .portfolio img:nth-child(7) { grid-column: 4 / 5; grid-row: 2 / 3; } /* bottom small */

   
    /* --- Lightbox --- */
    .lightbox {
      display: none;
      position: fixed;
      z-index: 1000;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.85);
      justify-content: center;
      align-items: center;
    }

    .lightbox img {
      max-width: 90%;
      max-height: 90%;
      border-radius: 10px;
      box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
      animation: fadeIn 0.3s ease;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: scale(0.95); }
      to { opacity: 1; transform: scale(1); }
    }

    .close-btn {
      position: absolute;
      top: 20px;
      right: 40px;
      color: white;
      font-size: 40px;
      font-weight: bold;
      cursor: pointer;
      transition: color 0.3s;
      z-index: 1100;
    }

    .close-btn:hover {
      color: #ff4444;
    }

    /* Navigation arrows */
    .nav-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 60px;
      color: white;
      cursor: pointer;
      padding: 15px;
      user-select: none;
      transition: color 0.3s;
    }

    .nav-arrow:hover {
      color: #ff4444;
    }

    .prev { left: 40px; }
    .next { right: 40px; }

    /* --- Responsive --- */
    @media (max-width: 900px) {
      .portfolio {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
      }
      .portfolio img:nth-child(n) {
        grid-column: auto !important;
        grid-row: auto !important;
        height: 250px;
      }
    }

    @media (max-width: 600px) {
      .portfolio {
        grid-template-columns: 1fr;
      }
      .portfolio img {
        height: auto;
      }
      .nav-arrow {
        font-size: 40px;
      }
    }
    
    
    
    
@media only screen and (max-width:1100px)
{
.CreationsProduct h3 {
   font-size: 20px;
 }




}

@media only screen and (max-width:992px)
{
.cadBannerBox h3 {
  font-size: 29px;
  margin: 0 0 3px;
}
.cadBannerBox p {
  margin: 0 0 26px;
  font-size: 13px;
  padding: 0 15px;
}

.customImg img {
  height: 470px;
  object-position: top;
  object-fit: cover;
}
.CreationsProduct  {
 margin-bottom:25px;
 }




}
@media only screen and (max-width:767px)
{
.CreationsProduct  {
 margin-bottom:25px;
 }
.CreationsTop h2 {
  font-size: 30px;
  margin: 0 0 3px;
}

.customImgs .customTextDes {
  position: absolute;
  top: 4px;
  right: 0;
  transform: inherit;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 10px;
}
.customImgs h1 {
  font-size: 52px;
  margin: 4px 0;
}
.customImgs p {
  margin: 0 0 19px;
}

 .customImgs h1 {
    font-size: 33px;
    margin: 24px 0 0;
  }



}



 
@media only screen and (max-width:570px)
{
.customTopBox h1 {
  font-size: 28px;
}
.customTop h2 {
  font-size: 28px;
}

.customDesBox h2 {
  font-size: 28px;
  margin: 0 0 2px;
}

 .customDesBox {
  margin:20px 0 30px;
}

 .retailersBoxes{
  margin: 0 0 50px;
}
.cadBannerBox {
  position: static;
  text-align: center;
  transform: inherit;
}

.borders {border:solid 1px #000}
}



.billing-head {
  border-bottom: solid 1px #000;
  margin: 0 0 11px;
  padding: 0 0 7px;
  color: #000;
  font-weight: 500;  font-size: 16px;
}
.shipping-head {
  border-bottom: solid 1px #000;
  margin: 0 0 11px;
  padding: 0 0 7px;
  color: #000;       font-size: 16px;
  font-weight: 500;
}
    
.review-head {
  border-bottom: solid 1px #000;
  margin: 0 0 11px;
  padding: 0 0 7px;   font-size: 16px;
  color: #000;
  font-weight: 500;
}


.billing-field li input {
  width: 100%;
  padding: 2px 10px;
  height: 41px;
}


.billing-field li select {    width: 100%;
  padding: 2px 10px;
  height: 41px;  }
.billing-field   textarea {     width: 100%!important;
  padding: 2px 10px;
  height:60px;     }


.billing-field li {
  display: flex;
  width: 100%;
  margin: 0 0 10px;
  flex-wrap: wrap;
}


.billing-field li label {
  color: #000;
width: 35%;
}
.billing-field li span{width:65%;}

  .radio-box ul {
  margin: 20px auto 10px;
  display: table;
}


  .radio-box li{
  margin: 0 0 7px;
  display: inline-block;
  width: 100%;
}


#card-container  {
  border: solid 1px #dbdbdb;
  padding: 0px 0px 0px;
  margin: 0 0 10px;
}

  #card-container  .selectPaymentMethods input  {
  display: none;
}




  #card-container  .selectPaymentMethods label {
  background: #f2f2f2;
  padding: 10px 40px;
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  text-align: center;
}


 .shipping-method .delivery-box{
  margin: 30px 0 10px;
  text-align: center;
  border: solid 1px #000;
  padding: 10px 0 10px;
}



.shopping-cart-box .review-order .review-or-box {
  background-color: #f0f0f0;
  border-bottom: 1px solid #fece02;
  float: left;
  height: 25px;
  margin: 10px 0 0;
  padding: 3px;
  width: 100%;
}
.shopping-cart-box .review-order .review-or-box .product-head {
  color: #333;
  float: left;
  font-weight: 700;
  font-size: 13px;
  line-height: 24px;
  height: 25px;
  margin: 0;
  padding: 0 0 0 2%;
  width: 25%;
}

.shopping-cart-box .review-order .review-or-box .des-head {
  color: #333;
  float: left;
  font-weight: 700;
  font-size: 13px;
  line-height: 24px;
  height: 25px;
  margin: 0;
  padding: 0;
  width: 40%;
}

.shopping-cart-box .review-order .review-or-box .price-head {
  color: #333;
  float: left;
  font-weight: 700;
  font-size: 13px;
  line-height: 24px;
  height: 25px;
  margin: 0;
  padding: 0 2% 0 0;
  text-align: right;
  width: 31%;
}

.shopping-cart-box .review-order .review-or-product {
  border-bottom: 1px dashed #999;
  float: left;
  height: auto;
  margin: 0;
  padding: 5px 0;
  width: 100%;
}

.shopping-cart-box .review-order .review-or-product .main-product-box {
  float: left;
  height: auto;
  margin: 0;
  padding: 5px 0;
  position: relative;
  width: 100%;
}


.shopping-cart-box .review-order .review-or-product .main-product-box .product-img {
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
  width: 27%;
}

.shopping-cart-box .review-order .review-or-product .main-product-box .product-img img {
  width: 100%;
}




.shopping-cart-box .review-order .review-or-product .main-product-box .des-text {
  color: #333;
  float: left;
  font-size: 13px;
  line-height: 20px;
  height: auto;
  margin: 0 0 0 2%;
  padding: 0;
  width: 38%;
}

.shopping-cart-box .review-order .review-or-product .main-product-box .price-value {
  color: #333;
  float: left;
  font-size: 13px;
  line-height: 20px;
  height: auto;
  margin: 0;
  padding: 0 2% 0 0;
  text-align: right;
  width: 31%;
}

.shopping-cart-box .review-order .review-or-product .main-product-box .remove-set {
  bottom: 0;
  color: #a5448b;
  float: left;
  font-size: 13px;
  line-height: 20px;
  height: auto;
  margin: 0;
  padding: 0 10px 0 0;
  position: absolute;
  right: 0;
  width: auto;
}

.shopping-cart-box .review-order .pricing-box {
  background-color: #fcfdc4;
  border-bottom: 1px solid #fece02;
  color: #333;
  float: left;
  font-weight: 700;
  font-size: 13px;
  line-height: 24px;
  height: 25px;
  margin: 10px 0 0;
  padding: 0 0 0 10px;
  width: 100%;
}

.shopping-cart-box .review-order .pricing-detail {
  border-bottom: 1px dashed #999;
  float: left;
  height: auto;
  margin: 0;
  padding: 7px 0;
  width: 100%;
}

.shopping-cart-box .review-order .pricing-detail .pricing-text {
  color: #333;
  float: left;
  font-size: 13px;
  line-height: 20px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 47%;
}

.shopping-cart-box .review-order .pricing-detail .pricing-price {
  color: #333;
  float: left;
  font-size: 13px;
  line-height: 20px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 47%;
}


  .paymentSecureVoucher   {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 0 0;
}

 .paymentSecureVoucher  li   img {
  width: 70px;
}
 .paymentSecureVoucher  li  span img {
  width: 30px;
}
 .paymentSecureVoucher  li {
  display: flex;
  align-items: center;
  gap: 10px;
  border-right: solid 1px #000;
  padding-right: 14px;
}

  .paymentSecureVoucher  li:last-child {border-right:none;}
 .carttotal{
  margin: 0 0 20px;
  width: 100%;
}

 .carttotal table{
 text-align: right;
  width: 100%;
}
 .carttotal table  td {padding:8px 0 ;}

       .productQty select  {
  width: 70px;
  height: 40px;
  padding: 3px 10px;
  text-align: center;
  background: #fff;
  border: solid 1px #b9b0b0;
  border-radius: 4px;
}

.staticBlock {
  margin: 20px 0 20px;   
}


.contentBox {            
  border: solid 1px #eeebeb;
  padding: 10px 20px;
  height: 100%;
  text-align: center;
}


 .contentBox p{
  color: #000;
  font-weight: 400;
}

 .contentBox p strong {
  font-weight: 500;
}

 
 .contentBox p span{
  font-weight: 600;
}



 .thanksPage .tdAction {display: none;}

 
 .checkoutNotes {font-size: 13px;
  margin: 11px 0 3px;
  display: inline-block;
  width: 100%;
  font-weight: 600;}
 @media only screen and (max-width:600px)
{
  
  
  .shipping-method      {
  margin: 20px 0 20px;
}


#dpm_form h3 {
  font-size: 33px;
  margin: 20px 0 7px;
}
 .billing-field li label {
  width: 35%;
  font-size: 14px;
}
 .billing-field li span {
  width: 65%;
}
 #shoppingCartList table .tdImage img {
  width:60px!important;
}

}

#shoppingCartList table .tdImage img {width:100%;}

 @media only screen and (max-width:640px)
{
.customImgs .customTextDes.engPage{
  top: inherit !important;
  bottom:40px;
}
 .customImgs .engPage h1, .customImgs .engPage p{
  color: #fff;
}

.customImgs .engPage .button_dark:hover {
  color: #fff;
  border: 1px solid #000;
}

.customImgs .engPage .button_dark {
  color: #faffff;
  border: 1px solid #fff!important;
}

.customImgs .customTextDes.mensText{
  top: inherit !important;
  bottom:30px;
}
 .customImgs .weddingBox h1, .customImgs .weddingBox p{
  color: #fff;
}

.customImgs .weddingBox .button_dark {
  color: #faffff;
  border: 1px solid #fff;
}

  .customImgs .weddingBox .button_dark:hover {
  color: #fff;
  border: 1px solid #000;
}
.customImgs .customTextDes.fast{
  top: inherit !important;
  bottom:30px;
}
 .customImgs .fast h1, .customImgs .fast p{
  color: #fff;
}

.customImgs .fast .button_dark {
  color: #faffff;
  border: 1px solid #fff;
}

  .customImgs .fast .button_dark:hover {
  color: #fff;
  border: 1px solid #000;
}

}



 @media only screen and (max-width:480px)
{
.sendHint img {width:25px;}  
.shareSocial li img {
  width: 25px;
}

  .shareSocial li:first-child {
    margin: 0;
  } 
 .shareSocial li {
    margin: 0 0 0 4px;
  }
}



.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* First product � BIG */
.product-grid .product-item.firstImg {
  grid-column: span 2;
  grid-row: span 2;
}

/* Second row � 3 products */
.product-grid .product-items{
  grid-column: span 1;
}

/* Basic styling */
.product-items {  
  text-align: center;
  border-radius: 8px;
}

.product-item-new .productImg {height: 100%;}
.product-item-new .productImg img{height: 100%;}

/* MOBILE */
@media (max-width:992px) {
  .product-grid {
     grid-template-columns: 1fr 1fr 1fr;
  }

  .product-grid .product-item.firstImg {
    grid-column: span 1;
    grid-row: span 1;
  }
}
 

@media (max-width: 766px) {
  .product-grid {
     grid-template-columns: 1fr 1fr;
  }

  
}


.noproduct .product-grid {
    grid-template-columns: auto !important;
}