.padd-30 {padding:0 3rem;}
.landingBanner .itemContent{position:absolute;top:50%;right:0;transform:translateY(-50%);width:47%;text-align:center}
.landingBanner .itemContent .BannerTitle{font-size:33px;margin:0 0 10px;color:#000;font-weight:600;}
.landingBanner .itemContent a.bannerBtn{background:#fff;height:45px;font-size:18px;line-height:48px;color:#000;width:240px;display:block;margin:auto}
.landingBanner .itemContent a.bannerBtn:hover{background:#FF76AC;color:#fff}
.landingBanner .owl-theme .owl-nav button {position: absolute;     font-size: 0;background: none !important;font-family: linearicons-free !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border: none;outline: 0;}
.landingBanner .owl-theme .owl-nav {position: absolute;top: 50%;transform: translate(0, -50%);width: 100%;   opacity: 1;margin-top: -20px;}
.landingBanner .owl-theme .owl-nav .owl-prev {left: 25px;color:#000;}
.landingBanner .owl-theme .owl-nav .owl-prev::before {font-size: 32px;    content: "\e875";}
.landingBanner .owl-theme .owl-nav .owl-next {right: 25px;color:#000;}
.landingBanner .owl-theme .owl-nav .owl-next::before { content: "\e876";  font-size: 32px;  }

/*.brdBottom {border-bottom: solid 10px #e1d4c6;}*/
.methodIconBox{background:#faf4ef;padding:40px 0 35px;}
.methodIconBox ul {display:flex;justify-content: space-between;}
.methodIconBox ul li {display:flex; align-items: center;}
.methodIconBox li img{width:80px;display:block;margin-right:7px;float:left;margin-top:-14px}
.methodIconBox li  h3 {font-family:'Quicksand',sans-serif;letter-spacing:0;font-size:22px;color:#000;font-weight:500;margin:0}
.methodIconBox li  p {color: #535151;}



.productEgBox {text-align: center; padding:50px 0 40px;background:#fff;}   
.shapeDiamonds  {background:#fff;}   
.productEgBox .item img {border: solid 1px #d9d9d9;} 
.landingTitle{color:#000;margin:0 0 20px;font-family:'Quicksand',sans-serif;font-size:28px;font-weight:400;letter-spacing:0}
.PopularProduct{display:flex;align-items:center;justify-content:space-between;}
.productEgBox .PopularProduct  .shopBtns { font-family: 'Quicksand', sans-serif; font-size: 19px; float: right; letter-spacing: 0;text-transform: capitalize;color: #000;text-decoration: underline;font-weight: 500;margin-right: 80px;}
.productEgBox .PopularProduct  .shopBtns:hover {color: #FF76AC;}
.productEgTitle {text-align:center;color:#535151;margin:0 0 20px;font-family:'Quicksand',sans-serif;font-size:18px;font-weight:400;letter-spacing:0;line-height:22px;margin:10px 0 10px}

#engagementBox.owl-theme .owl-nav {    position: absolute; top: -61px; right:15px;}
#engagementBox.owl-theme .owl-nav button { color:#000;   font-size: 0;background: none !important;font-family: linearicons-free !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border: none;outline: 0;}
#engagementBox.owl-theme .owl-nav button span  {display: none;}
#engagementBox.owl-theme .owl-nav .owl-prev::before {font-size:19px;    content: "\e875";}
#engagementBox.owl-theme .owl-nav .owl-next::before { content: "\e876";  font-size:19px;  }
.designOwnRings {padding:40px 50px 40px;background:#faf4ef;}
.innerBgs {background:#fff;}
.readyShip  {
  background: #faf4ef;
}

.designOwnRings p{ color: #000;margin: 0 0 40px;}
.designOwnRings .row p{ min-height: 84px;}
.designOwnRings .designOwnRingsContent a{border-radius:20px;background:#000;color:#fff;padding:9px 20px;margin:10px 0 0;display:inline-block}
.designOwnRings .designOwnRingsContent a:hover {background:#FF76AC;color:#fff;}
.buyFlex{display:flex;justify-content:center;align-items:center}
.buyPayBox {
   /* width: 35%;
    background: #f5f4f2;
    font-style: italic;
        padding: 16px 0 14px;
            margin: 0 0 10px;
            */
    text-align: center;
    font-weight: 600;

    font-size: 34px;
    
    color: #a1244e;

    font-family: 'Marcellus', serif;
}

.buyPay {
  background: #f2f2f2;
  padding: 20px 0;
}
.buyPayText{color:#000;font-size:20px;padding:0 0 0 14px}
.buyPayText a{float:right;color:#000;text-decoration:underline;padding-left:10px;font-weight:600}
.buyPayText a:hover {color:#FF76AC; }
.readyBox{text-align:center;padding:17px 50px; display:table;margin:30px auto;font-size:28px;color:#000;text-transform:uppercase;font-weight:400}
.readyBox img{width:80px;margin-right:14px} 


.checkerBoardText{max-width:100%;margin:auto;background:#f2f2f2;padding:20px;width:100%;display:flex;flex-wrap:wrap;align-items:center;height:100%;justify-content:center}
.checkerBoards.landingCheck .checkerBoards p {text-align: center; color:#535151;} 
.checkerBoards.landingCheck .checkerBoards .btnUnderline  {  margin: auto; max-width: 280px;border:solid 1px #000;color:#000!important;font-size:17px;font-weight:600;padding:12px 0 11px}
.checkerBoards.landingCheck .checkerBoards .btnUnderline:hover{background:#FF76AC;border:solid 1px #FF76AC;color:#fff!important}
.screenshot_slider .item .bottomText{display:none}
.screenshot_slider  .owl-item.active.center .item  .bottomText{display:block;}
.screenshot_slider .item img{width:180px; margin: auto;}
.screenshot_slider  .owl-item.active.center .item img{width:85%} 
.screenshot_slider .bottomText  {text-align: center;padding: 20px 0;}
.screenshot_slider .bottomText a  {font-size: 22px;color: #000;font-weight: 500;}
.screenshot_slider  .owl-nav { width: 50%;margin: auto;position: absolute;bottom: 74px;transform: translateX(50%);}
.screenshot_slider  .owl-nav button span {  display: none;}
.screenshot_slider  .owl-nav .owl-next {float: right;}

  .screenshot_slider  .owl-nav .owl-prev  {
  background: url(../images/arrow-left.png)left top no-repeat !important;
    background-size: auto;
  width: 13px;
  height: 23px;
  background-size: 100% !important;
}

  .screenshot_slider  .owl-nav .owl-next {
  background: url(../images/arrow-right.png)left top no-repeat !important;
    background-size: auto;
  width: 13px;
  height: 23px;
  background-size: 100% !important;
}



      

@media only screen and (min-width:1200px)
{
.afterCss::after {
  content: '';
  width: 2px;
  height: 230px;
  display: block;
  background: #dfdfdf;
  position: absolute;
  top: 0;
  right: 9px;
}
}



@media only screen and (max-width:1200px)
{
.methodIconBox li  h3 {font-size:18px;}
.padd-30 {padding: 0 2rem;}
    
}
@media only screen and (max-width:1100px)
{
.landingTitle { font-size: 20px;}
.buyPayText {  font-size: 16px;}
.designOwnRings {padding: 40px 50px 40px;}
.designOwnRings p {  font-size: 15px;}

.screenshot_slider .item img {
  width: 100px;
  margin: auto;
}
.screenshot_slider .owl-item.active.center .item img {
  width: 100%;
}
.buyPayBox {
 font-size:24px;
}

    
}



@media only screen and (max-width:992px)
{
.landingBanner .itemContent .BannerTitle {font-size: 22px;}
.landingBanner .itemContent a.bannerBtn {height: 40px;font-size: 20px;line-height: 42px; width: 125px;}  
.methodIconBox li img {width: 60px; margin-right: 2px;}
.methodIconBox li h3 {font-size: 13px;}  
.methodIconBox li p {font-size: 12px;}  
.designOwnRings p {  color: #000;   margin: 0 0 10px;}
.designOwnRings .designOwnRingsContent a { margin: 10px 0 30px; }
.designOwnRings {padding: 40px 50px 30px;}
.buyPayBox {
  font-size: 15px;
}
 .designOwnRingsTop  img {
  width: 200px;
}
.methodIconBox  .container {
  max-width: 93%;
}



.buyPayText {
  font-size: 15px;
}
 
 .padd-30 {
  padding: 0 15px;
}

.screenshot_slider .bottomText {
  text-align: center;
  padding: 20px 0;
  width: 260px;
  margin-left: -64px;
}

 
   
}


@media only screen and (max-width:767px)
{
.landingBanner .itemContent{position:absolute;top:inherit;right:inherit;transform:inherit;text-align:center;bottom:7%;left:0;width:100%}
.landingBanner .itemContent .BannerTitle {font-size: 26px;}
.landingBanner .itemContent a.bannerBtn {background: #000; width:200px;color: #fff;}  
.container {max-width: 100%;}  
.buyFlex { 
  flex-wrap: wrap;
}
.readyBox {
    font-size: 22px;
}

.readyBox img {
    width: 60px; 
}

 .buyPayText {
  font-size: 15px;
  display: block;
  width: 100%;
  text-align: center;
}


.buyPayText a {
  width: 100%;
   text-align: center;
}
  
 .buyFlex {
  flex-wrap: wrap;
  padding: 20px 0 30px;
}

 
 
.designOwnRings .designOwnRingsContent a {
    margin: 10px 0 0px;
}

.buyPay.brdBottom  {
    padding-top: 0!important;
}

 .shapeDiamonds {
    padding-bottom: 0!important;
}


   
}


@media only screen and (max-width:600px)
{
.methodIconBox ul {flex-wrap: wrap;}
.methodIconBox ul li { width: 50%;}
.productEgBox .PopularProduct .shopBtns {
    font-size: 13px;
    margin-right: 50px;
}
 
 
 .designOwnRingsTop   .landingTitle, .landingBox    .landingTitle {
    font-size: 20px;
}
  .designOwnRingsTop   img{
    margin: 10px 0 0;
}
.productEgTitle{font-size:15px;line-height:17px;}
 
.designOwnRingsContent {
    text-align: center;
    padding-top: 20px;
}

.checkerBoards.landingCheck .checkerBoards .btnUnderline {
  max-width: 100%;
  font-size: 14px;
}

.screenshot_slider .owl-nav {
  width: 82%;
  margin: auto;
  position: absolute;
  bottom: 74px;
  transform: inherit;
  left: 10%;
}

.screenshot_slider .item img {
  width: 70px;
  margin: auto;
}


}

@media only screen and (max-width:570px)
{
.designOwnRingsContent {text-align:center}      
.buyPayBox {
    width: 100%;
    background: #f2f2f2;
    font-size:18px;
}
 .screenshot_slider .bottomText {
  width: 100%;
  margin-left: 0;
}
    
 .designOwnRings {
  padding: 40px 0px 30px;
}
  
.designOwnRingsTop   img {
  width:65%;
}


.screenshot_slider .owl-nav {
  width: 100%;
  left: 0;
}

 .screenshot_slider .owl-nav .owl-prev{
  margin-left: -20px;
}

.screenshot_slider .owl-nav .owl-next{
  margin-right: -20px;
}


.categoriesBox h4 { 
    font-weight: 600;
}
  
}

@media only screen and (max-width:400px)
{
.landingBanner .itemContent{ bottom:4%; }
#engagementBox.owl-theme .owl-nav{position:absolute;top:-47px;right:-10px} 
.readyBox {
    font-size: 19px;
}    
}

@media only screen and (max-width:350px)
{
.landingBanner .itemContent{ bottom:3%; }
.landingBanner .itemContent .BannerTitle {  margin: 0 0 4px; font-size: 22px;}
.methodIconBox ul li { width: 100%;margin: 0 0 10px;}
.methodIconBox li h3 {  font-size: 17px;   margin: 0 0 1px;}
.methodIconBox { padding: 40px 0 15px;}


    
}