h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {color: #000;} 
@import "lnr-icon.css";
*{margin: 0;padding: 0;}  
html,body{font-size: 16px;  font-family: 'Lato', sans-serif; color: #000; letter-spacing: 0.5px;}
li{list-style: none;}
ul{margin-bottom: 0;}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:#000;text-decoration:none}
a:hover{text-decoration: none;}
body .uwy.userway_p4 .uai,body .uwy.userway_p8 .uai{left:40px!important;transform:inherit!important}
img{height:auto}
@media (min-width:1101px){
.p-80 { padding:0 80px!important;}
.navication {position: relative;}
}
.m-9 {
  margin-top: -9px;
}

.blogImage {
  height: 400px;
  object-fit: cover;
}

nav .navication li.otherLogo.order-last a span img{
  width: 145px;
}
@media (max-width:766px){
#homeCarousel .itemContent .headingoneLine .banner-description{ font-size: 24px !important; display: inline-block;   }
#homeCarousel .itemContent .headingoneLine .title{ font-size: 24px !important; display: inline-block; font-weight: normal;}
}
@media (min-width:600px){.container{max-width:90%}}
@media(min-width:1300px){  .container-fluid{padding-left: 32px; padding-right: 32px; } .container{max-width: 1280px;}}
@media (min-width:1500px){.container{max-width:1440px}}
button:focus{outline: none;}
.stickyMasterTopBar{background: #888b8b; color: #fff; padding: 7px 0; position: relative; font-size: 15px; }
.stickyMasterTopBar a{ color: #fff;  }
.stickyMasterTopBar .closeInfoBar { position: absolute; right:0; top:50%;   transform: translate(-50%, -50%); border-radius:100%; width: 23px; height: 23px; line-height:13px; text-align: center;  }
.stickyMasterTopBar .topClick .iconfont {font-size: 16px;}
.infoList li a{margin-left: 5px; text-decoration: underline;}
.infoList li a:hover{text-decoration: none;}
.headerTop{padding:4px 20px; background:#FAFAF8; }
.headerSocial ul  { align-items: center; justify-content: space-between;}
.headerSocial li  {font-size: 14px;  display: flex; }
.headerSocial a{color: #000; display: flex;   align-items: center;} 
.headerSocial a:hover{color:#000;} 
.midHeader{padding:15px 0 10px; }
.homeBards{font-size: 2rem;}
.searchpopUp {
  background: #f5f5f5;
  width: 100%;
  padding: 20px;
  position: fixed;
  top: -150%;
  left: 0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #f7f7f7;
  transition: all .3s cubic-bezier(0,0,.38,1);
  height: 80px;
}
.searchpopUp.searchpopUpOpen{top:0;transition:all .3s cubic-bezier(0,0,.38,1)}
.searchpopUp form{width:68%}
.searchpopUp .form-control{width:100%;height:49px;border:none;border-radius:0;padding:0 0 0 58px}
.searchpopUp button{background:inherit;border:none;position:absolute;z-index:9;top:50%;transform:translateY(-50%);left:14px}
.searchpopUp .closeSearch{position:absolute;right:14px;top:48%;z-index:9;transform:translateY(-50%);color:#000}
.headerSocial .user-logins .dropdown-menu {
  transform: inherit !important;
  right: 0 !important;
  left: inherit !important;
  top: 100% !important;
  padding: 0;
}
.headerSocial .user-logins .dropdown-menu {
  border-radius: 0;
}
.headerSocial .user-logins .dropdown-menu li {
  margin: 0;
  padding: 4px 10px;
  font-size: 12px;
  border-top: 1px solid #ddd;
}
.headerSocial .user-logins .dropdown-menu li:nth-child(2) {
  border-top: none;
}

 
@media(min-width:991px)
{
header{top:-300px; transition:all .6s ease-in-out 0s}
nav { top: -100px;  transition: all .3s ease-in-out 0s;padding:20px 0 0;}       
header.fixed nav { position: fixed;  background: #fff;   z-index: 999;   width: 100%;   top: 0;  padding:  0;  border-bottom: 1px solid #ddd;}
.scrollfixed{display: none;}
header.fixed .scrollfixed{display: block; z-index: 1199;}
header.fixed .scrollfixed > a{margin: -2px 0 0;padding: 0 15px;} 
.scrollfixed img{max-width:200px;}
nav ul li a{padding:10px 13px 5px; display: block; color: #000;   text-transform: uppercase; font-size: 14px;}
nav ul li a:hover, nav ul li a.active{color: #888b8b;}      
header.fixed nav ul li a{padding: 10px 5px;font-size: 13px;}                      
header.fixed nav ul li.searchNav  a{padding: 7px 10px;}
header.fixed nav li.otherLogo {  display: none;}
header.fixed nav ul li.dropdown  a{padding: 6px 15px;}
nav  li.otherLogo {  position: absolute;  left:0;  top:-70px;}
nav li.rolexClock {  position: absolute; right:0;  top:-70px;}
header.fixed nav li.rolexClock { display:none;}
nav li.rolexClock  img {width: 150px;}
nav  li.otherLogo a, nav li.rolexClock a{padding:0 20px;}
.navication ul > li .megamenuWapper { max-height:0px; overflow: hidden; visibility: hidden; text-align: left;   position: absolute;  z-index: 999; left: 0; right: 0; top: 100%;border-top: solid 1px #f2f2f2;background-color: #fff;padding: 20px 0 20px;transition: all .8s linear;}
.navication ul > li:hover .megamenuWapper { max-height: 1000px;  visibility: visible;}
.navication ul > li .megamenuWapper.dropdown-open { max-height: 1000px;  visibility: visible;}
header.fixed .navication ul > li .megamenuWapper{top:100%;}
#navication{position: relative;} 
.navCatList > li { flex: 1 1 25%;  max-width: 25%;   padding: 0 15px;}
.navCatList > li > a{position: relative; color: #000; margin-bottom: 10px;}
.navCatList > li > a:before { content: "";  position: absolute;  left: 0px;  bottom: 0;  width: 80px;  height: 1px;   background-color:#a69a96;}
.navCatChildList li a{ text-transform: capitalize;}
.navication ul > li .megamenuWapper li a{padding: 4px 0; font-size: 14px;}
.navication ul > li .megamenuWapper .navCatChildList {   max-height:300px;overflow-y: auto;}
.navication ul > li .megamenuWapper li.viewAllBtnLink a{display: inline-block; padding: 6px 0; font-weight: 600; text-transform: uppercase; }
nav #navication{position: relative;}
.cartierPhilippeBlock .checkboardContent a{font-size: 20px; margin-bottom: 13px;}
 
}


@media(max-width:990px)
{ 
  .mainBanner .itemContent .ladyDate-Rolex .title {
    line-height: 35px !important;
}
header  .container {max-width: 100%; }
header.fixed .headerTop{position:fixed;background:#fff;z-index:999;width:100%;top:0;padding:8px 0;border-bottom:1px solid #ddd}

nav{margin:0;padding:0;width:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.4);overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:-1} 
nav.showMainNav { visibility: visible;  opacity: 1;  z-index: 99999;}
nav .container{padding:0;margin:0;}    
nav .navication{padding:0;margin:0;width:300px;height:100vh;background-color:#fff;left:-300px;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
nav.showMainNav .navication {  left: 0; visibility: visible;  opacity: 1;}  
nav li.otherLogo, nav li.rolexClock {position: static;}
nav .navHeader {padding: 10px 0;}
nav .navHeader .btnNavToggle{width:20%;z-index:99;height:48px;display:inline-block;color:#fff;text-align:center;border:none;position:absolute;right:-44px;top:0}
.navHeader img{max-width:150px}  
nav .navication .mobileNavigations  {overflow-x: auto; overflow-y: visible;height: 95vh;padding: 0 0 130px;}
nav .navication ul{flex-wrap:wrap}
nav ul li:first-child{border-top:none}
.scrollfixed{display:none}
nav ul li{width:100%;border-top:1px solid #ddd}
nav ul li a{padding:12px 20px 10px; display: block; color: #000;   text-transform: uppercase; font-size: 13px;}
nav ul li a:hover, nav ul li a.active{color: #888b8b;} 
nav ul li a.d-lg-none{position:relative}
nav ul li a span.d-lg-none{float:right} 
nav ul li a span.d-lg-none .iconfont{font-size:14px}   
nav ul li .megamenuWapper {display: none;}
.deskSeach {display: none;}  
nav ul li .megamenuWapper .menuCatBox .navCatList{background:#f0f0f0}
.landingPage{background:#000}
.landingPage a{color:#fff}
nav ul li a.d-lg-none i{float:right; font-size: 14px;}
nav ul li .navCatList  a.d-lg-none {padding:12px 16px 10px 20px}
.navCatChildList{margin:0;padding:0;display:block!important;list-style:none;position:fixed;background:#fff;height:calc(100vh - 60px);overflow-y:auto;z-index:999;width:300px;top:48px;left:-100%;transition:all 0.4s ease-in-out}
.navCatChildList.showSubcategery{left:0}
.navCatChildList>li:first-child{border-top:none;background:#000;color:#fff}
.navCatChildList>li a.closeDropdown{position:absolute;left:-20px;top:0;font-size:24px;padding:0;padding-left:0}
.navCatChildList>li:first-child a{color:#fff;padding-left:30px}
header.fixed .searchpopUp.searchpopUpOpen{top:0;transition:all .3s cubic-bezier(0,0,.38,1);position:fixed;height:100px;z-index:9999}  
 #navication .container-fluid.p-80 {
  padding: 0;
}


    
}


.mainBanner{position: relative; /*box-shadow: 0 0 10px #d5d5d5;*/ background: #f5f5f5;}
.mainBanner .homeBannerContent .bannerHeading{font-size: 42px; font-weight: 300; text-transform: uppercase;}
.mainBanner .homeBannerContent .bannerHeading span{font-weight: 800;}
.mainBanner .homeBannerContent p{font-size: 22px; margin: 15px 0; }
.mainBanner .homeBannerContent .bannerBtn{background: #000; color: #fff; padding: 16px 30px; font-size: 16px; text-transform: uppercase; display: inline-block; margin-top: 15px;}
.mainBanner .homeBannerContent .bannerBtn:hover{background: #024162; } 
.mainBanner .itemContent {  position: absolute;  right:15%; width: auto;  top: 50%;  padding: 0;  z-index: 1;    transform: translateY(-50%);  font-family: sans-serif !important;  }  
.mainBanner .itemContent.ladtDateContent{width: auto;}
.homeCarousel .itemContent h6 {font-size: 20px; letter-spacing: 1px;  font-weight: 300;}
.mainBanner .itemContent .title {  font-size: 40px; color: #000;  display: block;  margin: 0 0 20px;   font-weight: 300; font-family: sans-serif;  text-transform: uppercase;}
.mainBanner .itemContent .banner-description { font-size: 20px;  line-height:24px;  font-weight: 400;   color: #000; display: block;  font-family: sans-serif !important;  }
.mainBanner .itemContent > a { display: inline-block; background-color: #007843;  color: #fff;  padding: 15px 35px;  font-size: 18px;  letter-spacing: 1px;  text-transform: uppercase;  text-decoration: none;  border-radius: 30px;}
.mainBanner .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 0; position: absolute; bottom: 15px; width: 100%;}
.mainBanner .owl-theme .owl-dots .owl-dot span{width:12px;height:12px;background:#fff;margin:0;display:table;margin:auto;opacity:.7}
.mainBanner .owl-theme .owl-dots .owl-dot.active span{background: #fff;}
.mainBanner .itemContent .whiteText .title{color: #fff !important;}
.mainBanner .itemContent .whiteText .banner-description{color: #fff !important;}
.mainBanner .owl-theme .owl-dots .owl-dot{border-radius:50%;width:20px;height:20px;padding:0!important}
.mainBanner .owl-theme .owl-dots .owl-dot.active{border:solid 1px #fff}
.mainBanner .itemContent.ladtDateContent .ladyDate-Rolex h6 { font-size: 20px; text-transform: uppercase;}
.mainBanner .itemContent .ladyDate-Rolex .title  { line-height: 50px;}
.mainBanner .owl-theme .owl-nav .owl-next{right:25px; color: #d7d7d7 !important; }
.mainBanner .owl-theme .owl-nav .owl-prev{left:25px; color: #d7d7d7 !important; }
.mainBanner .owl-theme .owl-nav {opacity:1;}
.mainBanner .owl-theme:hover .owl-nav {opacity:1;} 
.mainBanner .owl-theme .owl-nav .owl-next:before { font-size:32px; }
.mainBanner .owl-theme .owl-nav .owl-prev:before {font-size:32px;} 
#homeCarousel .itemContent a{display:inline-block;color:#fff;padding:8px 25px;font-size:14px;letter-spacing:1px;text-transform:capitalize;text-decoration:none;border-radius:22px;background-color:#007843}
#homeCarousel .itemContent a.rounded{border-radius:30px!important}
@media (max-width:1440px) {.mainBanner .itemContent.ladtDateContent {  right: 15%;  top: 45%;  text-align: left; }}    
@media (min-width:1441px) {.mainBanner .itemContent.ladtDateContent {  right: 16%;  top: 45%;  text-align: left; width: auto;}    } 
.brandListed{background:#0c0c0c;padding:3px 0 0;}
.brandListed img{height:110px;object-fit:contain;}
.mar-50{margin-top:50px}
.mar-80{margin-top:80px}
.mar-bottom-50{margin-bottom:50px}
.checkboardBoxes img {
  box-shadow: 0 4px 8px rgba(0,0,0,0.10);
}
.checkboardContent{padding:10px 0 0}
.checkboardContent p{line-height:22px;font-size:15px}
.checkboardContent a{color:#000;font-weight:600}
.checkboardContent.brown{padding:10px 10px; }
.checkboardContent.brown h2 {color:#000;font-size:24px;margin:3px 0 8px}
.checkboardBoxes a:hover { text-decoration: none !important;}
.checkboardContent.brown p{color:#000}
.boxNone {box-shadow:inherit!important;}
.section-hometudorBanner .exploreBtn{background:#fff;color:#000;padding:14px 30px 14px;border:none;position:absolute;bottom:40%;right:26%;font-size:16px}
.aboutHomeContent{background-image: linear-gradient(#000, #00008b);padding:40px 0 0}
.aboutImg{margin-bottom:-30px}
.parrtext h3{color:#fff;font-size:24px;text-transform:uppercase;margin:0 0 13px}
.parrtext p{color:#fff;margin:0 0 7px}            
.checkboardContent.brown1 p {
  min-height: 48px;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.homeLocation .imgBlock{position:relative;margin-bottom:20px;overflow:hidden}
.homeLocation .imgBlock img{transition:all .8s ease-in-out 0s}
.homeLocation .imgBlock .hoverText{position:absolute;background:rgba(0,0,0,.5);left:-100%;width:90%;height:90%;color:#fff;font-size:18px;transition:all .8s ease-in-out 0s}
.homeLocation .imgBlock h6{font-size:16px;color:#fff}
.homeLocation .imgBlock p{text-decoration:none;font-size:16px}
.homeLocation .imgBlock p{text-decoration:none;font-size:16px}  
.homeLocation .imgBlock:hover .hoverText{left:5%;right:5%;top:5%;bottom:5%}
.homeLocation .imgBlock:hover .title{display:none}
.homeLocation .imgBlock .title{position:absolute;bottom:0;text-align:center;transition:all .8s ease-in-out 0s;width:100%;font-size:16px}
.homeLocation .imgBlock .title a{color:#fff}
.section-subscribe{background:#C9C9C8;display:inline-block;width:100%;margin:0 0 0;padding:30px 0 32px}
.section-subscribe h2{font-size:16px;font-weight:500;margin:0 0 11px}
 .subscribeBoxe{
  display: flex;
  justify-content: center;
  align-items: center;
}

 .form-input{
  height: 42px;
  letter-spacing: 0.5px;
  padding: 0 8px;
  width: 250px;
  border: solid 1px #000;box-shadow: inherit !important;
  outline: 0;
}

 .section-subscribe .btn {
  font-size: 16px;         border-radius: 0;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0;
  height: 42px;
  border: solid 1px #000; box-shadow: inherit !important;
  outline: 0;
}

  .bespokeImg {
  position: relative;
}

/*.bespokeContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  padding: 45px;
  text-align: center;
  width: 60%;
} */


.bespokeContent  { position: relative;
  text-align: center;
  padding:0;
  box-shadow: 0px 0px 1px 2px #f2f2f2;
}
.bespokeDatatext { position: absolute; top: 20%; left: 50%; transform: translate(-50%);}
 .bespokeContent  .bespokeDataBox  {
  margin: auto;
  max-width: 790px; position: relative;
}
 .bespokeContent  .bespokeDataBox  h2  {
  margin: 0 0 12px;
}

.bespokeDataBox::before {
  content: '';
  background: url(../images/jewllery-1.png);
    background-repeat: repeat;
    background-size: auto;
  width: 170px;
  height: 170px;
  position: absolute;
  left: -150px;
  top: -60px;
  background-repeat: no-repeat;
  background-size: contain;
}

.bespokeDataBox::after {
  content: '';
  background: url(../images/jewllery-2.png);
    background-repeat: repeat;
    background-size: auto;
  width: 170px;
  height: 170px;
  position: absolute;
  right: -210px;
  bottom: -60px;
  background-repeat: no-repeat;
  background-size: contain;
}

.bespokeContent .exploreBtn {
  border: 1px solid #000;
  color: #000;
  font-size: 14px;
  padding: 15px 17px;
  margin-top: 10px;
}

.bespokeContent .exploreBtn:hover {
    background:#888b8b;
  border: 1px solid #888b8b;
color: #fff;

}

 .bespokeImg  img {
  box-shadow: 0 4px 8px rgba(0,0,0,0.10);
}



.message_success{text-align:center;padding:6px 0 0;font-size:13px;color:#0d5e0d;position:absolute;left:4px;bottom:-22px}
footer{padding:25px 0 0;background-image: linear-gradient(#0f0503, #311b10,#2c180f);}
footer h5{font-size: 16px;margin: 0;}
footer a:hover { color: #e6e0e0 !important;}
footer h5 a {color: #fff;}
footer h5 a:hover { color: #e6e0e0;}
footer a.number{color:#fff;text-decoration:underline}
footer h4{font-size: 16px; text-transform: uppercase; margin-bottom:15px; color: #fff; font-weight:600;}
footer p{  color: #fff;}
footer .ftpAddress  li{font-size: 13px; margin-bottom: 6px;  position: relative; line-height: 1.5;}
footer .ftpAddress  li.loc:before, footer .ftpAddress  li.phone:before{ position:absolute;  font-family: "iconfont" !important; font-size: 19px; top:-4px; left:-25px;}
footer .ftpAddress  li.loc:before{ content: "\e6e8"; }
footer .ftpAddress  li.phone:before{ content: "\e69b"}
footer .ftpAddress  li span{display: block;}
footer .ftpSocial{margin-bottom: 20px; margin-top:30px; position: relative;}
footer .ftpSocial li a{display: block; color:#fff; font-size: 26px;}
footer .ftpSocial li + li{margin-left: 15px;}
footer .ftpSocial li a:hover{color: #e6e0e0;}
.ftpAddress{margin-bottom: 5px;}
.ftpNav li {margin: 0 0 3px;}
.ftpNav li a{color:#fff; font-size: 14px;  text-transform: uppercase;}
.ftpNav li a:hover{color:#e6e0e0;}
.copyText{border-top: 1px solid #fff; padding: 10px 0; font-size: 14px; }
.copyText a{color:#fff;text-decoration: underline;}

.section-aboutHomeContent {
  background: url(../images/pallax-bg.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: scroll;
  background-size: auto;
  background-size: cover;
  height:520px;
  text-align: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
  padding: 30px 0;
}




@media only screen and (max-width:1280px)
{
.section-hometudorBanner .exploreBtn{padding:10px 20px 8px;right: 21%;}
.bespokeContent .bespokeDataBox { 
  max-width: 550px;    
}


    
}
@media only screen and (max-width:1100px)
{
  header.fixed nav ul li a {
    padding: 10px 8px;
    font-size: 13px;
  }
  .bespokeContent .bespokeDataBox {
    max-width: 450px;
  }

    
}

   
@media only screen and (max-width:990px)
{
.mainBanner .itemContent { right: 10%;}
.mainBanner .itemContent .title {  font-size: 30px;}
.checkboardContent.brown h2{font-size:20px;margin:3px 0 6px;height: 50px;}
.checkboardContent.brown p {font-size:14px;line-height:19px;min-height: 42px;margin: 0 0 5px;}
.parrtext p{margin:0 0 7px;font-size:14px;line-height:19px}  
.bespokeDataBox::before {   
  width: 120px;
  height: 120px;      
  left: -80px;
  top: -60px;            
}
.bespokeDataBox::after {
  content: '';  
  width: 120px;
  height: 120px;       
  right: -130px;
  bottom: -30px;            
}

  
}

@media only screen and (max-width:767px)
{
.mainBanner .itemContent{right:0;text-align:center;width:100%;top:80% !important;bottom:0}
.mainBanner .itemContent .whiteText .banner-description{color:#000!important}
.mainBanner .itemContent .whiteText .title{color:#000!important}
.searchpopUp form {  width: 100%; }
.section-hometudorBanner .exploreBtn{position:static;margin-top:10px!important}
.ftpNav{display:none;padding:20px 10px 20px}
footer h4{text-align:left;cursor:pointer;font-size:16px;padding:14px 0;border-bottom:1px solid #ddd;margin:0;position:relative}
footer h4.mobileMenu::after{content:'+';position:absolute;right:10px;top:10px;font-size:18px}
.brandListed img {  
  padding: 10px 10px;
}
.magazineHeight { height: 400px !important;}
   .bespokeDataBox::after {
    content: '';
    width: 120px;
    height: 120px;
    right: -30px;
    bottom: -30px;
  }
  .bespokeContent .bespokeDataBox {
    width:100%; max-width:inherit;   padding:0 60px;
  }

.bespokeDatatext p{ font-size: 14px;}
.bespokeDatatext h2{ font-size: 18px;}
 .bespokeContent {    
    padding: 0;
    width: 100%;
  }
 .bespokeDataBox::before {
    width: 90px;
    height: 90px;
    left: 30px;
    top: -70px;
  }
  
  .bespokeDataBox::after {
    content: '';
    width: 90px;
    height: 90px;
    right: 10px;
    bottom: -30px;
  }
  
  

}

.mainBanner .itemContent .ladyDate-Rolex .banner-description {text-transform: uppercase;}

@media only screen and (max-width:767px){
  .bespokeDatatext {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    padding: 20px;
}
.mainBanner .itemContent .banner-description{color: #000 !important;} 
.mainBanner .itemContent .title { color: #000 !important;}
.mainBanner .itemContent .ladyDate-Rolex .title {
  line-height: 40px !important;
}
.section-aboutHomeContent .aboutHome p {
    font-size: 30px;
}

  .section-aboutHomeContent {
  background: url(../images/pallax-bg-mobile.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
} 
.mainBanner .itemContent.left span{display: block; font-size: 14px;}
 .mainBanner .itemContent.ladtDateContent.left{width:100%; right: inherit;  bottom: inherit; top:81% !important;  text-align: center;}
 .mainBanner .itemContent.left .title {line-height: 28px; margin-bottom: 3px !important;}

}

@media only screen and (max-width:600px) 
{
.mainBanner .itemContent {bottom: -31px;}
.homeTitle{font-size:25px}
.aboutImg{margin-bottom:10px}   
.aboutHomeContent {padding:20px 0 20px;}
.mar-80 {margin-top: 30px;}
.mar-50 {margin-top: 30px;}
.mar-bottom-50 {margin-bottom:30px;}
 .feature {
    flex-wrap: wrap;
  }
   .feature .item {width:33%;}
   .bespokeDatatext {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    padding: 10px;
}
}

@media only screen and (max-width:450px) 
{
     .bespokeContent .bespokeDataBox {  
    padding:40px 20px;
  }
  
  
.mainBanner .itemContent .title{font-size:22px;margin:0 0 4px}
.mainBanner .itemContent{bottom:-45px !important;}
.mainBanner .itemContent.left{bottom:-50px !important;}
.mainBanner .itemContent .banner-description{font-size:16px;color: #000 !important;} 
.mainBanner .itemContent .title { color: #000 !important;}
.logo img{
  width: 250px;
} 
.form-input {
  width: 190px;
}

 .headerSocial li img{
  width: 16px;
}
.headerSocial li {
  font-size: 13px;
  display: flex;
}

 .mainBanner .itemContent.ladtDateContent.left{top:80% !important;}

}


@media only screen and (max-width:360px) 
{
.mainBanner .itemContent{bottom:-57px}
.headerSocial li {
  font-size: 13px;
  display: flex;
}

  .headerSocial .btnNavToggle img  {
  width: 21px;
}
  .feature .item {
    width: 50%;
  }
   
}



.btn-primary {
  background: #000;
  border-color: #000;
  color: #fff !important;
  font-weight: 400 !important;
  box-shadow: inherit !important;
  outline: 0;
  border-radius: 0;
  padding: 6px 10px 9px;
}

.btn-primary:hover{background: #000; border-color: #000;}



 .aboutHome{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-transform: uppercase;
  font-size: 40px;
 
}


.section-aboutHomeContent .aboutHome p{
  background-color: #00000066;
  color: #fff;
  padding: 20px;
}
.NoResultFound{
  display: none;
  text-align: center;
  width: 100%;
}
.NoResultFound1{
  text-align: center;
  width: 100%;
}
@media only screen and (min-width:767px) {
 .mainBanner .itemContent.left { text-align: center; width: auto; left: 5%; right: auto}
 .mainBanner .itemContent.left .text-md-left{ text-align: center !important; }
 .mainBanner .itemContent .ladyDate-Rolex {  width: 300px;}  
 .border-md-0{border-top:0;}
}



.cartTitle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 11px;
  border-bottom: solid 1px #f6f6f6;
}
.cartTitle h3 {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}

.emptyCartBoxes .slideBody {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
}

body.showBlockNones  {
  overflow: hidden;
}

.drawer-bag-container .slide-in-right.emptyCartBoxes {overflow-y: inherit;
  overflow-x: inherit;}

.drawer-bag-container {
  height: 100vh;
  min-height: 100%;
  top: 0;
  opacity: 0;
  position: fixed;
  transition: all .5s ease-in-out;
  width: 100%;
  z-index: -10;
  visibility: hidden;
}

.drawer-bag-container.showBlock {
  background: rgba(0,0,0,.2);
  z-index: 9999;
  opacity: 1;
  visibility: visible;
}
.drawer-bag-container .slide-in-right {
  max-width: 330px;
  transition: transform 375ms cubic-bezier(.4,0,.2,1);
  right: 0;
  transform: translateX(100%);
  height: 100vh;
  position: fixed;
  z-index: 999;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;width: 100%;
}

.drawer-bag-container.showBlock .slide-in-right {
  transform: translateX(0);
}
.exit-button {
  background: none;
  border: none;
  position: absolute;
  right: 7px;
  top: 14px;
  z-index: 9;
}

.autoplayCartBanner {
  border-bottom: 1px solid #ddd;
  padding-right: 35px;
}

.drawer-bag-container .slideBody {
  padding: 15px;
}
.drawer-bag-container .productAuto {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 0 10px;
}

 .drawer-bag-container .productAuto  .emptyCart  {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;transform: translateY(-50%);
}
 .drawer-bag-container .productAuto  .emptyCart h4 {
  color: #000;
  margin: 0 0 6px;
  font-size: 23px;
  font-weight: 400;
}



.drawer-bag-container .thamnails {
  border: 1px solid #ddd;
  text-align: center;
}
.drawer-bag-container img {
  max-width: 100%;
}

.drawer-bag-container .slideBody .item-product {
  padding-right: 15px;
  position: relative;
}

.drawer-bag-container .item-name, .drawer-bag-container .proSliderTitle {
  font-size: 13px;
  letter-spacing: .5px;
  font-weight: bold;
  line-height: 16px;
  position: relative;
  padding-right: 5px;
}

.drawer-bag-container .item-sku, .drawer-bag-container .item-ringSize {
  font-size: 12px;
  color: #646464;
  line-height: normal;
  line-height: 18px;
}

.drawer-bag-container .item-price, .drawer-bag-container .proSliderprice {
  font-size: 14px;
  font-weight: bold;
}
.exit-button {
  background: none;
  border: none;
  position: absolute;
  right: 7px;
  top:-4px;
  z-index: 9;
}
.drawer-bag-container .slideBody .item-product .exit-button {
  right: 0px;
  top: -5px;
}
.drawer-bag-container .productAuto .row {
  margin-bottom: 10px;
  margin-left: -5px;
  margin-right: -5px;
  border-bottom: solid 1px #f6f6f6;
  padding: 0 0 11px;
}
.drawer-bag-container .slideBottom {
  position: fixed;
  bottom: 80px;width: 100%;
  left: 0;
  padding: 10px 20px;
}
.qualifyText {
  font-size: 19px;
  line-height: normal;
  font-weight: 500;
  color: #000;
}
#cartSideBag{
  padding: 10px 30px 10px 22px;
}

.drawer-bag-container .giftCart .valePirce, .slideLink {
  font-size: 16px; 
}
.subEmailPopup {
  font-size: 13px; 
}
.drawer-bag-container .ctaBtn {
  margin-top: 25px;
  width: 100%;
}

.subEmailPopup .form-control {
  border-radius: 0;
  border-color: #000;
  height: 42px;
}

.subEmailPopup .btn-email {
  background: #000;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 700; 
  text-transform: uppercase;
}


.drawer-bag-container .ctaBtn {
  margin-top: 25px;
  width: 100%;
}

.drawer-bag-container .btn-primary {
  background: #000;color:#fff;
  border: 1px solid #000;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 15px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
}



.drawer-bag-container .productAuto .columnFull {
  display: flex;
  flex-wrap: wrap;
}

.drawer-bag-container .productAuto .columnFull .oneFourth {
  width: 32%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 32%;
  max-width: 0 0 32%;
}


.drawer-bag-container .productAuto .columnFull .threeFourth {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66%;
  max-width: 66%;
  padding: 0 8px;
}


  .drawer-bag-container .productAuto .columnFull    .productTitle {
  width: 100%;
  display: inline-block;
  margin: 0 0 2px;
  line-height: 21px;
  font-weight: 600;
  font-size: 16px;
}





  .drawer-bag-container .productAuto li {
  position: relative;padding: 15px 0 0;border-bottom: solid 1px #f2f2f2;
  }
  
  
  .drawer-bag-container .productAuto li:last-child {
 border-bottom: none;
  }
  
  
  
  .drawer-bag-container .productAuto .columnFull .productCode   {
  font-size: 13px;
  margin: 0 0 1px;
  display: inline-block;
  width: 100%;
}


 .drawer-bag-container .productAuto .columnFull .productQty  {
  display: block;
  width: 100%;
}



#emailOptIn a { 
  color: #000;
}

 .drawer-bag-container .productAuto .columnFull .remove   {
  font-size: 0;
  background: url('../images/popCross.png');
    background-repeat: repeat;
  width: 25px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  right: 10px;
}
.mainBanner .itemContent .title i{font-style: normal; display: block;}



.cmb{margin-top: 33px;flex: 0 0 24.666667% !important;max-width: 24.666667% !important;}
footer .ccmb{flex: 0 0 20.666667% !important; max-width: 20.666667% !important;}

@media only screen and (max-width:767px){
   .cmb{margin-top: 0;}
   footer .ccmb{flex: 0 0 100% !important; max-width: 100% !important;}
}

.skiptomaincontent { position: absolute; left: 10%; z-index: 100; overflow: hidden; top: 0; background-color: #000; color: #fff; transform: translate(-50%,-100%); transition: transform 0.3s; font-size: 16px; padding: 10px;}
.skiptomaincontent:focus {transform: translate(-50%, 0%); color: #fff; background-color: #000;}