*{margin: 0;padding: 0;}
html,body{font-size: 16px; font-family: 'Quicksand', sans-serif; color: #000; line-height: 24px; font-weight:400; letter-spacing: 0.5px;}
ul, p{ margin: 0; padding:0;}
li{list-style: none; margin: 0; padding:0;}
a:hover{text-decoration: none;  }
h1,h2,h3,h4  { margin: 0; padding:0; font-family: 'Cormorant Garamond', serif;  }
p { font-size: 16px; }
h1 { font-size: 120px; }
h2 { font-size: 68px; }
h3 { font-size: 46px; }
h4 { font-size: 32px; }
h5 { font-size: 22px;font-family: 'Quicksand', sans-serif; }
h6 { font-size: 18px;font-family: 'Quicksand', sans-serif;}
.btn.focus, .btn:focus {   outline: 0;       box-shadow: inherit; }
a {color:#000;}
.why-shop-jewelers #accordion .card .card-body a {color: #166265 !important;}
.why-shop-jewelers #accordion .card .card-body a:hover {color: #000 !important;}

a:hover {color:#0D1E1F;}
.p120 {padding:0 120px;}
.mr-21 {  margin-right: 20px;  }
.button_white {border: 1px solid #FFFFFF; color:#fff; padding: 10px 20px; transition: all 0.08s ease;}
.button_white:hover {background: #fff; border: 1px solid #FFFFFF; color:#000; }

.button_dark {cursor: pointer;   border: 1px solid #000000; color:#000; background:inherit; padding: 10px 20px; transition: all 0.08s ease;}
.button_dark:hover {background: #000; border: 1px solid #000; color:#fff; }

 .headerInfoBar {position: relative; font-size: 14px;}

.infoList a{text-decoration: underline; padding: 0 5px;}
.closeInfoBar {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

 .slide-title{ 
  font-size: 70px;
}


.iconfont-close1:before {
  content: "\e659";
  background: #fff;
  padding: 3px;
  border-radius: 50px;
  font-size: 14px;
}

.appointmetButtons{
  text-align: center;
  display: flex;
  justify-content: end;
  margin: -18px 0 10px 0;
}   

 header.fixed .appointmetButtons {   
  margin: -6px 0 10px 0;
}

   .topBarBox {
  background: #2e4c4d;
  padding: 10px 0;
}

  .topBarBox ul {display: flex; align-items:center; gap:15px; margin: 0;}
  .topBarBox ul li {color:#fff; }
  .topBarBox ul li a{color:#fff; }
  
.topborder{border-top: solid 7px #2E4C4D;}  

/*------header------*/
.topHeader {/*border-top: solid 7px #2E4C4D;*/padding: 15px 0 0;}
.topList li.leftHeader img {float: left;margin: 5px 4px 0 0;}
.topList li.leftHeader span  {float: left;color: #000;font-size: 14px;margin: 5px 0 0 5px;}
.topList li a { display: inline-block;  outline: inherit; }
.navigations {border-top: 1px solid #E4E4E4;margin:2px 0 0;padding: 7px 0 6px;}
nav ul li a {padding: 10px 25px 10px;font-size: 16px;display: block;color: #000;font-weight: 400;}
nav ul li a:hover {color: #2E4C4D;font-weight: 500;}
.plusIcon {display: none; float: left;margin: 8px 4px 0 0; width:10px;}
.plusIcon1    {position: relative;}
nav ul li:hover a.plusIcon1::before {content: '';background: url(../images/plus.png); background-repeat: no-repeat;background-size: contain; position: absolute;left: 10px;top: 18px;width: 10px;height: 10px;}
img{height: auto;}


.searchTop .btn {
  background: #2e4c4d !important;
  border-color: #2e4c4d !important;
  height: 42px;
  width: 42px;
  line-height: 42px;
  padding: 0;
} 


 
#keyword{   
    height: 42px;
  border-radius: 0;  box-shadow:0px 0px 2px #8a8989 !important;
}
 

@media(min-width:992px){ 
.p0 {padding: 0;}
.logo img {margin:0 auto 6px;display: table;}
.makeBtnhed {border: 1px solid #000; padding: 5px 10px; font-size: 14px;}
.rightSpace a {margin: 0 16px 0 0;}
 .ml-space {margin-left: auto;}                      
#navication {    position: relative;}
.navication ul > li .megamenuWapper { max-height: 0;  overflow: hidden;  position: absolute;  z-index: 999;  left: 0;  right: 0;  top: 100%;  background-color:#f1f1f1;  box-shadow: 1px 0px 2px #ccc;  padding: 10px 0 30px; transition: all 0.8s linear; display: none;}
.navication ul > li:hover .megamenuWapper { max-height: 1000px;  display: block;}
.navCatList > li {flex: 1 1 33%;
    max-width: 33%;
    padding: 0 11px;}
.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:3px 0;}
  @media (min-width:1301px)
  {
.navication ul > li .megamenuWapper   .container {
    max-width: 1175px;
  }
  
}
  
.navication ul > li .navCatChildList li a { color:#000;font-size: 15px;  }

}

header.fixed{position:fixed;background:#fff;z-index:999;width:100%;top:0;padding:0;border-bottom:1px solid #ddd}
header.fixed .logo img{width:50%;margin:0 auto 0;display:table}
header.fixed .navigations{margin:18px 0 0}
header.fixed  .headerInfoBar {      
  display: none;
}
      

header{top:-300px;transition:all .6s ease-in-out 0s} 
.searchHeader .dropdown-menu {
  left: 57px !important;
  width: 260px;
  padding: 0;
  top: 104% !important;
  transform: translateX(-90%) !important;
}
.searchHeader .dropdown-menu input{border-radius:0;height:43px;border:solid 1px #9e9a9a;box-shadow:inherit}
.searchHeader .dropdown-menu button{width:40px;height:100%;background:#2e4c4d;border:none;text-align:center;padding:0}
.loginDropdown .dropdown-menu{padding:5px 10px 10px}
.loginDropdown .dropdown-menu li{width:100%;display:block;float:left}
.homeSlider {
  width: 100%;
  aspect-ratio: 16/6.8;
  position: relative;
  overflow: hidden;
}
.homeSlider  video  {height: 100%;}
.videoContent {position: absolute;bottom:50px;text-align: center;left: 50%;transform: translate(-50%, -30%);  color:#fff; width:100%;}
.aboutSection {margin:90px 0;line-height: 25px; padding:0;}
.aboutContent {padding: 18px 16px;}
.bg-5{background:#f7f7f9}
.aboutWraps{display:flex;align-items:center;height:100%;line-height: 22px;}
.aboutSection img{width:100%}
.sectionTitleWrap h5.iconLeft { text-transform: uppercase;}
.sectionTitleWrap h5 { position: relative;     margin: 0;}
.sectionTitleWrap{width: 524px;  overflow: hidden;}
.iconLeft::after{content:'';border-bottom:2px solid #2e4c4d;width:82%;height:1px;display:inline-block;margin:-12px 0 0 3%;position:relative;top:-4px}
.parllax{width:100%;background:#2e4c4d;padding:70px 0 90px;text-align:center}
.parllax h2{color:#fff;margin:0 0 20px}
.parllax h6{color:#fff;margin:7px 0 40px;display:inline-block;width:100%;padding:0 50px;line-height:25px}
.wrap2 .iconLeft::after{width:62%}
.slick-slide img{display:inline-block;width:100%}
.slick-slide span{display:block} 
.overlay{padding:40px 0 33% 0;margin:0px 0 0;  background-size:cover;background-repeat:no-repeat;background-position:center bottom}
@media(min-width:767px){ 
  .overlay{ background:url(../images/bg.webp);}
}
.overlay .sectionTitle{overflow:hidden;width:78%;margin:auto}
.overlay h6{position:relative;margin:20px 0 10px;color:#fff; text-transform: uppercase;}
.overlay h6::before{content:'';display:block;height:2px;border:solid 1px #ffffffb0;float:left;width:100%;position:absolute;top:50%;left:0;transform:translate(-60%,-50%)}
.overlay h6::after{content:'';display:block;height:2px;border:solid 1px #ffffffb0;float:left;width:100%;position:absolute;top:50%;right:0;transform:translate(60%,-50%)}
.overlay h2{color:#fff;margin:7px 0 30px;display:inline-block;width:100%}
.overlay p{margin:0 0 40px;color:#fff;line-height:28px}
.overlay .button_white{margin:0 0 80px;display:inline-block}
#instaDiv .owl-next span, #instaDiv .owl-prev span{ display: none;}
#instaDiv .owl-prev {position: absolute;top: 50%;  left: 0;outline: inherit; height: 81px;width: 36px;background: #2E4C4D;transform: translateY(-50%);   }
#instaDiv .owl-next { position: absolute;  outline: inherit;top: 50%;right: 0;height: 81px;width: 36px;background: #2E4C4D;transform: translateY(-50%);}
#instaDiv .owl-prev:hover,   #instaDiv .owl-next:hover { background:#0d1e1f;}
#instaDiv .owl-next:before {content:''; background:url('../images/btn-next.png'); background-repeat: no-repeat; width: 14px; height: 26px; display: block; margin: auto;}
#instaDiv .owl-prev:before {content:''; background:url('../images/btn-prev.png'); background-repeat: no-repeat; width: 14px; height: 26px; display: block; margin: auto;}
.aboutSection .aboutContent a{clear:both;display:block}
footer .footer-top{border-top:solid 4px #2e4c4d;margin:0px 0 20px;margin-top:40px;width:100%;padding:37px 0 0;display:inline-block}
.footer-top h4{text-transform:uppercase;margin:0 0 10px;font-weight:500; font-size: 25px;}
.footer-top .ftpNav{margin:25px 0 0}
.footer-top .ftpNav li{margin:0 0 9px;position:relative}
.footer-top .ftpNav li a{color:#000}
.socialLink a{margin:0 10px 0 10px}
.copyText{border:1px solid #e4e4e4;padding:10px 0}
.footer-top .ftpNav li a:hover{color:#2e4c4d}
.footer-top .ftpNav li:hover a::before{content:'';background:url(../images/plus.png);background-repeat:no-repeat;background-size:contain;position:absolute;left:-15px;top:7px;width:10px;height:10px}
.collectionsImg{position:relative;margin:0 0 20px}
.collectionsImg img{width:100%;     border: solid 1px #2E4C4D; }
.collectionsImg .collectionsBtn{position:absolute;bottom:40px;background:#2e4c4d;color:#fff;padding:11px 27px;cursor:pointer}
.collectionsImg .collectionsBtn:hover{background:#0d1e1f;color:#fff}
.collectionsInspire{padding:90px 0 0;background:#f7f7f9}
.collectionsInspire h2{line-height:62px;margin:0 0 29px}
.fcet{display:flex;flex-wrap:wrap;align-items:center}
.fcet span{font-size:18px;margin-left:auto; font-family: 'Quicksand', sans-serif;}
.ft_logo img{width:350px}
.socialLink a img{width:30px}
.footer-top .ftpNav.socialLink li:hover a::before{display:none}
.plusminus {display: none;}
.productListing.pb0 {padding:0;}
.shopByshape.diaDescription{margin:0 0 90px}
#instaDiv{margin:60px 0}
.ftl{color:#085ebb;font-weight:500;text-decoration:underline}
footer h4.mobileMenu::after{content:'+';position:absolute;right:10px;top:10px;font-size:18px;display:none}
footer h4.mobileMenu.active::after{content:'-';position:absolute;right:10px;top:10px;font-size:18px}
body .uwy.userway_p4 .uai,body .uwy.userway_p8 .uai{left:50px!important;bottom:20px!important}
.locateError.alert-danger{color:#f90219;background-color:inherit;border:none;padding:0}
ul.listwish{padding: 5px 19px;}
ul.listwish li{list-style-type:disc!important;}
 
#instaDiv .item {   height: 300px;     object-fit: cover;     overflow: hidden;  }
#instaDiv .item  img { display: block; width: 100%;height: 100%;  object-fit: cover;}

.fcet a {
  font-weight: 500;
}


.slick-slider {   
  min-height: 410px;
}


.overlayDiv {
  position: relative;
  line-height: 66px;
  margin: 0 0 30px;
}
.overlayDiv .overlayspans { font-size: 68px;
color: #fff;
display: block; }


.overlayDiv .overlayspan{
  font-size: 19px;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  display: block;
width: 100%;
overflow: hidden;
}


.overlayDiv .overlayspan:before {
content: '';
display: block;
height: 2px;
border: solid 1px #ffffffb0;
float: left;
width: 35%;
position: absolute;
top: 33px;
left: 5%; 

}


.overlayDiv .overlayspan:after {
content: '';
display: block;
transform: inherit;
height: 2px;
border: solid 1px #ffffffb0;
float: left;
width: 35%;
position: absolute;
top: 33px;
right: 5%;
}



 @media only screen and (min-width:993px)
{ 
    
 



 
      

.leftHeader.loginDropdown  .dropdown:hover  .dropdown-menu {
  display: block !important;        top: 25px !important;
}



  }
  
  
@media only screen and (max-width:1440px)
{
.aboutSection { padding: 20px 0;}
   
.slick-slider {   
  min-height: 310px;
}
    
    
}


@media  only screen and  (max-width:1366px)
{
.p120 {padding: 0 60px;} 
.overlay .button_white { margin:0 0 170px;}   
.slick-prev { left: 43%; }
.slick-next {right: 43%;left: auto;}


}        

@media  only screen and  (max-width:1300px)
{
  
.collectionsInspire {padding: 50px 0 40px;    }
    
}
@media  only screen and  (max-width:1280px)
{
  
nav ul li a {
  padding: 10px 19px 10px;}
  
  
   
}

@media  only screen and  (max-width:1180px)
{
.overlay {padding: 40px 0 43% 0;}     
.aboutContent {padding: 28px 30px;}
.overlay h2 {    font-size: 50px;}
.aboutWraps {display: block;height: 100%;}
.footer-top h4 {   font-size: 19px;}
.footer-top .ftpNav li a {  font-size: 14px;}
.slick-prev { left: 41%; }
.slick-next { right: 41%;left: auto;}
h2 { font-size: 50px;}
.collectionsInspire h2{ margin:0 0 26px}
.collectionsInspire p{margin:0!important}p{font-size:15px}
.aboutWraps p{margin:0!important}.fcet span{font-size:16px}
.overlay h6::before{left:-40px}
.overlay h6::after{right:-40px}
.aboutWraps{position:relative;overflow:hidden}


  
}


@media only screen and (min-width:993px) and (max-width:1100px)
{   
   nav ul li a {           
  font-size: 14px;   
}

.customwrap ul li {    
  width: 26%!important;
}


}


 .guaranteed h3 sup{
  font-size: 25px;
}

@media(max-width:992px)
{

.guaranteed h3{
  font-size: 26px;
}

}

 
@media(max-width:992px)
{      
.p120 {padding: 0 30px;}    
.topHeader {padding: 15px 0 15px;  }
.topBarBox ul li {  
  font-size: 14px;
} 
.aligns {
  align-items: center;
}
.mobileRight {
  display: flex;
  justify-content: end;
  gap: 10px;
}
.logo img { width: 250px; }    
.rightSpace a {margin: 0 11px 0 0;}
 header.fixed .logo img { width:250px;  }
nav {     margin: 0;    padding: 0;  width: 100%;  position: fixed;  left: 0;     top: 84px;   bottom: 0;   right: 0;    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 .navication {padding: 0;margin: 0;width: 100%;height: 100%; top: 0;background-color: #2E4C4D;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;overflow-y: auto;overflow-x: hidden;text-align: center;}
nav.showMainNav { visibility: visible;  opacity: 1;  z-index: 99999;}

nav.afterloginNav .navication {top: 36px;}
nav.showMainNav .navication {  left: 0; visibility: visible;  opacity: 1;   display: flex; align-items: center;}
  #navication  {
  height: 100%;    
}
 #navication  .container-fluid  {
  height: 100%;    
}
 

.scrollNone{overflow: hidden;}
nav .container-fluid{padding: 0;} 
.navigations { border-top: none;       margin: 0;    padding: 0;  }
nav .navication ul {
    flex-wrap: wrap;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
nav .navication ul li {   
    width: 100%;        
}
nav ul li a{font-size:20px;display:block;color:#fff;text-transform:uppercase; padding: 15px 25px 15px;font-family: 'Cormorant Garamond', serif;}             
nav ul li a span {margin-left: 10px;}
nav ul li:hover a.plusIcon1::before {display:none;}
nav ul li a:hover {   color: #BBB;  font-weight: 500;}
nav ul li .megamenuWapper{display: none; background: #315657; 
  overflow: auto;
  max-height: 160px;
  margin: -15px 0 0;     
}
  nav ul li .megamenuWapper ul{
  padding: 8px 0;
}
 nav ul li .megamenuWapper li a{
  padding: 3px 0;  font-size: 16px;
}

nav ul li .megamenuWapper .mobileNavigation li a {
 /* padding: 10px 25px 10px;
  font-size: 19px;*/
   padding: 8px 25px 8px;
  font-size: 16px;
}

nav ul li .megamenuWapper .mobileNavigation li:first-child a {
/* font-size: 32px;*/ /*font-size: 20px;  */
}                  

.mobileNavigation {
  padding: 0 0 60px !important;
}

nav ul li a span i{font-size:15px;margin:0 0 0}       
.navCatChildList { margin: 0;  padding: 0; display: block !important;  list-style: none;  position: fixed;  background: #2E4C4D;   height: 100%;   overflow-y: auto;   z-index: 999;  width: 100%;    left: -100%;  transition: all 0.4s ease-in-out;}  
.navCatChildList > li:first-child a{color: #fff; padding-left: 32px;}
.navCatChildList > li a.closeDropdown { position: absolute;  right: 10px;  top: 0px;  font-size: 24px;  padding: 0;}
.navCatChildList > li a.closeDropdown .iconfont, nav ul li a.d-lg-none .iconfont {font-size: 12px;}      
.navCatChildList.showSubcategery{left:0;}                                                            
.mobileNavigation {
  align-items: center;
  top: 83px;         flex-wrap: wrap;
  display: flex !important;  height: 100%;
}

.desktop-menu {display: inline-block;}
.mobile-menu {display:none;}
.btnNavToggle.ToggleActive .desktop-menu {display:none;}
.btnNavToggle.ToggleActive .mobile-menu {display: inline-block;  } 
 
 
 .mobileNavigation.navCatChildList nav ul li a {
  padding: 8px 0 8px;}
  
.mobileNavigation.navCatChildList ul {
  width: 100%;
  display: flex !important;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center;
  overflow: auto;
  max-height: 420px;
  padding: 10px 0;
}

 .mobileNavigation.navCatChildList ul li {width: 100%;}

  
.mobileNavigation .closeDropdown{position:absolute;top:0;right:0;border:none}  
  header.fixed nav {   top: 66px;}
  
  
  
 nav ul li a span i{
  margin: -7px 0 0 0;
  display: inline-block;
}

.overlay h2 {font-size: 38px;}
.aboutContent{padding:28px 0}
.aboutContent h2{font-size:39px;margin:0 0 10px}
.slick-prev{left:36%}
.slick-next{right:38%;left:auto}
.footer-top h4{font-size:16px}
.footer-top .ftpNav li a{font-size:12px}
.homeSlider {
  aspect-ratio: 10/7;
}
#homeVideo   {
  height: 100%;
}

.homeSlider video{height:100%;object-fit:cover;object-position: center;}
.mobileLogin.dropdown-menu {    left: inherit !important;   right: -60px;   }
.mobileLogin.dropdown-menu  li { padding: 3px 11px 11px;  }
.mobileLogin.dropdown-menu  li a  { width: 100%; margin: 0 0 4px;}
.slick-slider { min-height: 250px;}
.tooltip {display:none;}

 
}

@media only screen and (min-width:601px) and (max-width:992px){

 nav .navication .mobileNavication ul  {
  height: 250px;
  overflow: auto; padding:40px 0;
}
  
nav .navication  .megamenuWapper  ul.navCatList    {
 height: auto; padding:0px 0;
}
 

}
  
  
@media(max-width:767px){  
 .aboutSection {
  padding: 0px 0;
}
.aboutSection img {
  margin: 0 0 13px;
}

.overlay p {
  margin: 10px 0 20px;
}
.overlayDiv .overlayspan::before {
  left: -5px;
}
.overlayDiv .overlayspan::after {
 
  right: -5px;
}
.overlayDiv .overlayspans {
 font-size: 48px;
color: #fff;
display: block;
line-height: 49px;
}

.slick-next {
  right: 32%;
  left: auto;
}
.slick-prev {
  left: 33%;
}

  
.parllax .container{max-width:100%}.collectionsBox{text-align:center}
.fcet{font-size:34px; justify-content: center;}
.fcet span{width: 100%; text-align: center; margin: auto;}
.overlay{padding:49px 0 160px;background:url(../images/mobile-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom}
.overlay .sectionTitle{width:100%}
.ft_logo img{width:250px}
.footer-col{width:100%;margin:0 0 10px}
.footer-top .ftpNav li a{font-size:15px}
.footer-top h4{font-size:18px;cursor:pointer}
.footer-top .ftpNav{margin:13px 0 0}
.videoContent h2{font-size:90px}
.ftpNav{display:none;margin:15px 0 0}
.footer-col h4{position:relative;margin:0 0 20px}
footer h4.mobileMenu::after{content:'+';position:absolute;right:10px;top:0px;font-size:18px;     display: block;}
footer h4.mobileMenu.active::after{content:'-';position:absolute;right:10px;top:0px;font-size:18px}
.copyText p{padding:0 20px;font-size:12px;line-height:19px}
.collectionsBox .button_dark{width:100%}        
.collectionsInspire {   
  margin: 90px 0 0;
}    
.mob-0 {
  margin: 0;
}

.aboutSection img {  margin:13px 0 13px; }
 .pad-0  {padding:0;   }
 .slick-slider {   
  min-height: 310px;
}
#instaDiv{margin: 90px 0 60px;}
.parllax h6 {      margin: 20px 0 33px;}
  
  
}

 



@media(max-width:480px)
{  
.logo img { width: 100%; }    
.button_dark {            width: 100%;}
.p120 { padding: 0 20px;}  
header.fixed .logo img { width: 170px; }  
 
 nav { top: 68px;}
.videoContent h2{font-size:50px}
.parllax h6{padding:0 10px;line-height:25px;font-size:16px}
.parllax h2{color:#fff;margin:10px 0 5px;font-size:37px}
.collectionsBox{text-align:center;padding:0 20px 50px}

.fcet{font-size:50px;text-align:center;margin:0 0 0}
.fcet span{font-size:14px;text-align:center;display:block;width:100%;margin:12px 0 0}
.overlay h6::before {
  left: -64px;
}
.overlay h6::after {
  right: -64px;
}

 header.fixed nav {
  top: 50px;
}

.mobileNavigation {    
  top: 68px;       
}

.overlayDiv .overlayspan::before {  
  left: -26px;
}
.overlayDiv .overlayspan::after { 
  right: -26px;
}
.overlayDiv { 
  overflow: hidden;
}



.shopByshape .slick-slide .bottomText a {
  font-size: 27px;
}

.aboutWraps .button_dark{width:100%}
.overlay{padding:49px 0 300px;background:url(../images/mobile-bg1.webp);background-repeat:no-repeat;background-size:cover;background-position:bottom}




.overlay h2 {     
  padding: 0 20px;
}


 .collectionsImg .collectionsBtn {        
  width: 80%;
  text-align: right;
}

 .mb-44{
  margin: 10px 0 0;
}
    
.searchHeader .dropdown-menu {
  transform: translateX(-70%) !important;
}



    
}


@media(max-width:350px)
{  
 .logo img { width: 150px; }   
header.fixed .logo img{width:150px}
.rightSpace img{width:20px}
    .overlayDiv .overlayspans {
  font-size: 39px; 
}


}

@media only screen and (min-width:768px) and (max-width:992px)
{  
.appointmetButtons { 
  margin: -4px 0 0px 0;
}

.makeBtnhed {
  border: 1px solid #000;
  padding: 5px 10px;
  font-size: 14px;
}
.searchHeader .dropdown-menu {
    left: auto !important;
    width: 260px;
    top: 100% !important;
    right: -93px !important;
    transform: inherit !important;
  }




}

.userway_p4{z-index: 99 !important;}
#diasparkOrderTrackingFrame{z-index: 999 !important; right:166px !important;}



 .navImageWraps  {
  display: flex;
  flex-wrap: wrap; gap:2%;
}


.navImageWraps .navCatImage {width:32%;position: relative;}
.navImageWraps .navCatImage img {border: solid 2px #000;}
.navImageWraps .navCatImage a { padding: 0;display: block;
  width: 100%;
  height: 100%;}
.navImageWraps .navCatImage h4  {
position: absolute;
  bottom: 11px;
  left: 0;
  text-align: left;
  font-size: 17px;
  width: 100%;
  color: #fff;
  text-transform: capitalize;
  font-family: 'Quicksand', sans-serif;
  padding: 0 9px;
}