.homeTitle{text-align:center;font-size:28px; margin:0 0 20px;font-weight:400}
#homeCarousel img{height:auto}
.productWrap{background:#F7F7F7;width:100%;padding:20px 20px}
.productContent{text-align:center;margin:10px 0 30px;display:inline-block;width:100%}
.productContent h2{font-size:24px;font-weight:400;line-height:34px}
.productContent p{color:#007E59;font-size:17px;font-weight:400;letter-spacing:.68px}
.productContent a{color:#007E59;font-size:17px;letter-spacing:.68px;text-decoration:none;font-weight:300}
.productImg{width:100%}
.productImg  img {width: 100%;object-fit: contain; height:100%;}
.instagramBox {display: flex;gap: 9px;}
.instagramBox img{max-width:100%;width: 100%;}
.footerBottom p{color:#000; font-weight:300; font-size:14px; line-height:24px; letter-spacing:1.12px;}
.parallax .container {position: relative;padding: 0;}
.parallax .parallaxBox{position:absolute;right:70px;top:50%;max-width:420px;transform:translateY(-50%)}
.parallax .parallaxBox p{color:#FFF;font-size:16px;line-height:28px;letter-spacing:.18px;font-weight:300;margin:0 0 40px}
.parallax .parallaxBox a {  border: 1px solid #037D5A;   color: #fff;  font-weight: 300;  font-size: 17px;   line-height: 46px;   letter-spacing: .24px;  padding: 13px 22px 15px;  text-decoration: none;  }
.parallax .parallaxBox a:hover {background:#037D5A;}
.diamondWrap .row{background:#000;}
.diamondImg{margin:-21px 0 -22px;height:643px}
.diamondWrap h3{color:#fff;margin:50px 0 50px;font-size:36px;line-height:46px;margin-left:73px;font-weight:300;letter-spacing:.36px}
.diamondShapesList{display:flex;flex-wrap:wrap}
.diamondShapesList li{width:20%;text-align:center;margin:0 0 30px}
.diamondShapesList li .img-box img{width:100px}
.diamondShapesList li span{color:#A3A3A3;font-size:16px;font-weight:400;line-height:60px}
.mt-50 {margin-top:80px;}
.scrollNav li.current span {background:#007E59;}
.diamondShapesList li label {      
  cursor: pointer;
}

@media only screen and (max-width:1440px)
{
.parallax .parallaxBox{max-width:360px}
    
}

@media only screen and (max-width:1100px)
{
.parallax .parallaxBox{max-width:330px;right:20px}
}


@media only screen and (max-width:990px)
{
.productContent h2{font-size:19px}.productContent a{font-size:16px}
.productWrap{padding:20px 10px}
.homeTitle{font-size:26px}
.parallax .parallaxBox a{font-size:17px;padding:12px 16px 15px}
.parallax .parallaxBox p{font-size:16px;line-height:26px;margin:0 0 20px}
.parallax .parallaxBox{max-width:270px}
.diamondImg{margin:0;height:540px;object-fit:cover}
    
}



@media only screen and (max-width:767px)
{
.parallax .parallaxBox{max-width:100%;text-align:center;padding:26px 20px;transform:inherit;position:static;background:#000} 
}

@media only screen and (max-width:640px)
{
.diamondShapesList li .img-box img{width:60px}
.diamondShapesList li span{font-size:12px}
.diamondWrap h3{margin-left:0;font-size:26px;text-align:center}
.mt-50{margin-top:30px}
  
}

@media only screen and (max-width:540px)
{
.instagramBox {display: flex;gap:4px;}

  
  
}

.popupOverlay {position: fixed;left: 0; top: 0; right: 0;  bottom: 0;  background-color: rgba(0,0,0,.7);  z-index: 9999;}
.popupWindow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 100%;
    max-width: 680px;
    max-height: 95%;
  }
.closeMe { position: absolute; top: 20px;  right: 20px;  color: #000;  font-size: 20px;  z-index: 9;}
.popupWindow .popUprightForm {
    padding: 20px 20px;
  }
.popupWindow h3 { font-size: 22px;  letter-spacing: 1px;  margin: 0;}
.popupWindow input[type="text"] { width: 100%;  float: left;  border: 1px solid #ddd;  height: 45px;  font-size: 16px;  color: #000;  margin-bottom: 15px;  line-height: 45px;  padding: 0 10px;}
.btn-popup {background: #000;  cursor: pointer;  color: #fff;text-transform: uppercase;  width: 100%;  border: 1px solid #000;  height: 45px;  display: block;  font-size: 14px;}
.popupWindow .popupTitle {
    font-size: 14px;
    margin: 13px 0;
    color: #666;
    font-weight: 300;
}

.popupWindow .minamount {
    font-size: 12px;
    margin: 20px 0;
    color: #666;
    font-weight: 300;
}

.popupTextBox img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media only screen and (max-width:575px){
    .popupWindow {
        max-width: 360px;
        max-height: 100%;
    }
}