


@media screen and ( min-width: 1601px ){ .rolexNavList > li{margin-left: 1.8vw;}}
@media screen and ( min-width: 1620px ){  .rolexNavList > li{margin-left: 2.3vw;}}
@media screen and ( min-width: 1800px ){  .rolexNavList > li{margin-left: 2.5vw;}}

@media screen and ( min-width: 1340px ){
    .rolexNavContainer #toggleMenu{display: none;}
    .rolexNavList > li:first-child{margin-left: 0;}
}
@media screen and ( max-width: 1500px ){.rolexNavList > li a.fixed-16{font-size: 15px;}}
@media screen and ( max-width: 1400px ){
    .rolexNavList > li a.fixed-16{font-size: 14px;}
    .rolexNavList > li{margin-left: 1vw;}
    
}

@media screen and ( max-width: 1340px ){
      .rolexNavContainer nav { position: absolute;top: 100%; height: 0; overflow:hidden; left: 0; right: 0; z-index: -99; transition: all 0.3s linear;   background: var(--gradientTheme); opacity:0; visibility:hidden; padding: 40px 8%;}
     .rolexNavContainer .showToggleMenu + nav {  z-index: 99; transition: all 0.1s linear; height: 100vh; overflow:auto;   opacity:1; visibility:visible; padding-bottom: 100px; }
     .rolexNavList{flex-wrap:wrap; transition: all .3s linear .5s; opacity:0;}
     .rolexNavContainer .showToggleMenu + nav .rolexNavList{opacity:1;}
     .rolexNavList > li{width: 100%; margin: 0 0 35px;}
     .rolexNavList > li a.fixed-16{font-size: 22px;}
     .rolexHeader .rolexContainer{height: 100px;}
  
}
@media screen and ( min-width: 1025px ){
  .section-rolexWatches .pl_4{padding-left: 4% !important;}  
  .section-rolexWatches .pr_4{padding-right: 4% !important;}  
 .mt-60{margin-top: 60px;}
 .pt-100{padding-top: 100px;}
 .pb-100{padding-bottom: 100px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-45{margin-top: 45px;}     
.mt-90{margin-top: 90px;}
.mb-70{margin-bottom: 70px;}
.mb-80{margin-bottom: 80px;} 
.mb-90{margin-bottom: 90px;} 
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pt-80{padding-top: 80px;}   
.pt-90{padding-top: 90px;}
.pb-60{padding-bottom: 60px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}   
.pb-90{padding-bottom: 90px;}   
.pb-40{padding-bottom: 40px;}   
.heading-70{font-size:  3.6458333333333335vw; font-weight: 600;}
.heading-50{font-size: 2.6041666666666665vw; font-weight: 600;}
.heading-36{font-size: 36px; font-weight: 600;}
.heading-30{font-size: 30px; font-weight: 600;}
.heading-26{font-size: 26px; font-weight: 600;}
.body-24{font-size: 24px; font-weight: 600;}
.body-24-light{font-size: 24px; font-weight: 100;}
.body-20{font-size: 20px; font-weight: 600; line-height: 1.6;}
.body-20-light{font-size: 20px; font-weight: 300; line-height: 1.6;}
.legend-16{font-size: 16px; font-weight: 600; line-height: 1.1;}
.legend-16-light{font-size: 16px; font-weight: 100; line-height: 1.1;}
.legend-14{font-size: 14px; font-weight: 600; line-height: 1.1;}
.legend-14-light{font-size: 14px; font-weight: 100; line-height: 1.1;}
.fixed-22{font-size: 22px; font-weight: 600; line-height: 1.6;}
.fixed-16{font-size: 16px; font-weight: 600; line-height: 1.1;}
.fixed-16-light{font-size: 16px; font-weight: 300; line-height: 1.1;}
.fixed-14{font-size: 14px; font-weight: 600; line-height: 1.1;}
.quote-50{font-size: 50px; line-height: 1.3;} 
.mt-50{margin-top: 50px;}
.mt-32{margin-top: 32px;}
.mb-45{margin-bottom: 45px;}

}

@media screen and ( min-width: 768px ){ 
.mt-37{margin-top: 32px;}
.container-wrapper{padding: 0 8%; margin: 0 auto;}
.homeSlider .itemContent .ladyDate-Rolex{max-width: 51%; transform: translateY(-50%); top:50%; padding: 0 8vw; left:46%; position:absolute;}
.homeSlider .itemContent{transform: translateY(-50%); top:50%;}
.homeSlider .swiper-paginationhome{bottom: 40px;}
.row{margin: 0 -4px;}
.row [class*=col-]{padding: 0 4px;}
.rolexFooter .footerNavWrapper{height: 160px;}
.rolexFooter .backTotopbar{height: 80px;}
.pr-40{padding-right: 40px;}
.pr-20{padding-right: 20px;}
 .homeSlider, .homeSlider {  aspect-ratio: 16/5.8; }
  .section-mainBanner, .watchmakingFullBanner{aspect-ratio: 16/4.66;}
 .homeSlider img, .section-mainBanner img, .watchmakingFullBanner img{height: 100%;     object-fit: cover;}
}
@media only screen and (min-width:1350px) and (max-width:1550px) { .homeSlider  .heading-70{font-size: 58px;} }
@media only screen and (min-width:1190px) and (max-width:1349px) { .homeSlider  .heading-70{font-size: 52px;} }
@media only screen and (min-width:1100px) and (max-width:1189px) { .homeSlider  .heading-70{font-size: 48px;} }
@media only screen and (min-width:993px) and (max-width:1100px) { .homeSlider  .heading-70{font-size: 43px;} }
@media only screen and (min-width:768px) and (max-width:992px) { .homeSlider  .heading-70{font-size: 32px;} .homeSlider .heading-26{font-size: 22px;} }
@media screen and ( max-width: 1024px ){
.heading-70{font-size: 36px; font-weight: 600;}
.heading-50{font-size: 30px; font-weight: 600;}
.heading-36{font-size: 24px; font-weight: 600;}
.heading-30, .heading-26{font-size: 22px; font-weight: 600;}
.body-24{font-size: 18px; font-weight: 600;}
.body-24-light{font-size: 18px; font-weight: 100;}
.body-20{font-size: 18px; font-weight: 600; line-height: 1.6;}
.body-20-light{font-size: 18px; font-weight: 100; line-height: 1.6;}
.legend-16{font-size: 12px; font-weight: 600; line-height: 1.1;}
.legend-16-light{font-size: 12px; font-weight: 100; line-height: 1.1;}
.legend-14{font-size: 10px; font-weight: 600; line-height: 1.1;}
.legend-14-light{font-size: 10px; font-weight: 100; line-height: 1.1;}
.fixed-16{font-size: 16px; font-weight: 600; line-height: 1.1;}
.fixed-16-light{font-size: 16px; font-weight: 300; line-height: 1.1;}
.quote-50{font-size: 30px;}    
.mt-90{margin-top: 60px;} 
.mb-90{margin-bottom: 60px;} 
.pt-90{padding-top: 60px;} 
.pb-90{padding-bottom: 60px;} 
.mt-50{margin-top: 40px;}
.mt-40{margin-top: 30px;}
.mb-40 {margin-bottom: 30px;}
.section-rolexWatches .homeContactBlock{padding: 5% 30px 50px;}
.mb-45{margin-bottom: 40px;}
 .pt-100{padding-top: 60px;}
 .pb-100{padding-bottom: 60px;}
 .mt-45{margin-top: 40px;}


}
@media screen and ( max-width: 767px ){
 .section-rolexWatches .homeContactBlock{padding: 0 0px 30px !important; }  
 .section-rolexWatches .homeContactBlock .hfooterText{padding: 0 20px; }  
 .section-rolexWatches .col-md-4{margin-bottom: 6px !important;}  
 .crownModel.mb-60{margin-bottom: 40px;} 
 .mt-37{margin-top: 34px;}
 .mt-60{margin-top: 50px;}   
.mb-80{margin-bottom: 50px;}
.pr-40,.pr-20{padding-right: 0px;}    
.pb-40{padding-bottom: 20px;} 
.rolexFooter .footerNavWrapper{height: 120px;}
.rolexFooter .backTotopbar{height: 60px;}
.row{margin: 0 -3px;}
.row [class*=col-]{padding: 0 3px;}
.homeSlider .swiper-paginationhome{bottom: 20px;}
.rolexLogo img{height: auto; width: 100px;}
.container-wrapper, .homeSlider .itemContent{padding: 0 7%;}
.rolexHeader .rolexContainer{height: 80px;} 
.footerNavWrapper img{width: 32px; height: 32px;} 
.breadcrumb ul li svg { margin-right: 8px;  transform: rotate(180deg);}  
.breadcrumb li span{padding-left: 0;}
.mt-32{margin-top: 22px;}
.homeSlider{aspect-ratio: 1/1.35;}
.section-mainBanner, .watchmakingFullBanner{aspect-ratio: 16/10.8;}
 .homeSlider img, .section-mainBanner img, .watchmakingFullBanner img, .section-modal-carousel .modal-carousel-img img{height: 100%;     object-fit: cover;}
 .section-modal-carousel .modal-carousel-img {  aspect-ratio: 1/1.48; }

}

@media screen and ( max-width: 650px ){.homeSlider .itemContent{bottom: 50px;}}
@media only screen and (min-width:650px) and (max-width:766px) {.homeSlider .itemContent{bottom: 130px;}}
