@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: 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(--blackColor); 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;}

     .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-45{padding-bottom: 45px;}   
.pt-45{padding-top: 45px;}   
.pb-40{padding-bottom: 40px;} 

.mt-50{margin-top: 50px;}
.mt-32{margin-top: 32px;}
.mb-45{margin-bottom: 45px;}
.section-rolexWatches .watchContent, #productList .watchContent, .modalboxrolexWatches  .watchContent{padding: 35px;}

}


@media screen and ( min-width: 767px ){ 
.heading-70{font-size:  36px; font-weight: 600; line-height: 1.1;}
.heading-50{font-size: 30px; font-weight: 600; line-height: 1.2;}
.heading-36{font-size: 24px; font-weight: 600; line-height: 1.2;}
.heading-30{font-size: 22px; font-weight: 600; line-height: 1.2;}
.heading-26{font-size: 22px; font-weight: 600; line-height: 1.2;}
.body-24{font-size: 18px; font-weight: 600; line-height: 1.2;}
.body-24-light{font-size: 18px; font-weight: 100; line-height: 1.2;}
.body-20{font-size: 18px; font-weight: 600; line-height: 1.6;}
.body-20-light{font-size: 18px; font-weight: 300; line-height: 1.6; color: #212121;}
.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-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;}
.fixed-14-light{font-size: 14px; font-weight: 300; line-height: 1.1;}
.quote-50{font-size: 30px; line-height: 1.3;} 
}
@media screen and ( min-width: 1024px ){ 
.heading-70{font-size:  46px; font-weight: 600; line-height: 1.1;}
.heading-50{font-size: 36px; font-weight: 600; line-height: 1.2;}
.heading-36{font-size: 28px; font-weight: 600; line-height: 1.2;}
.heading-30{font-size: 23px; font-weight: 600; line-height: 1.2;}
.heading-26{font-size: 23px; font-weight: 600; line-height: 1.2;}
.body-24{font-size: 20px; font-weight: 600; line-height: 1.2;}
.body-24-light{font-size: 20px; font-weight: 100; line-height: 1.2;}
.body-20{font-size: 19px; font-weight: 600; line-height: 1.6;}
.body-20-light{font-size: 19px; font-weight: 300; line-height: 1.6; color: #212121;}
.legend-16{font-size: 13px; font-weight: 600; line-height: 1.1;}
.legend-16-light{font-size: 13px; font-weight: 100; line-height: 1.1;}
.legend-14{font-size: 11px; font-weight: 600; line-height: 1.1;}
.legend-14-light{font-size: 11px; 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;}
.fixed-14-light{font-size: 14px; font-weight: 300; line-height: 1.1;}
.quote-50{font-size: 32px; line-height: 1.3;} 

}


@media screen and ( min-width: 1439px ){
.heading-70{font-size:  56px; font-weight: 600; line-height: 1.1;}
.heading-50{font-size: 42px; font-weight: 600; line-height: 1.2;}
.heading-36{font-size: 32px; font-weight: 600; line-height: 1.2;}
.heading-30{font-size: 26px; font-weight: 600; line-height: 1.2;}
.heading-26{font-size: 25px; font-weight: 600; line-height: 1.2;}
.body-24{font-size: 22px; font-weight: 600; line-height: 1.2;}
.body-24-light{font-size: 22px; font-weight: 100; line-height: 1.2;}
.body-20{font-size: 19px; font-weight: 600; line-height: 1.6;}
.body-20-light{font-size: 20px; font-weight: 300; line-height: 1.6; color: #212121;}
.legend-16{font-size: 15px; font-weight: 600; line-height: 1.1;}
.legend-16-light{font-size: 15px; font-weight: 100; line-height: 1.1;}
.legend-14{font-size: 13px; font-weight: 600; line-height: 1.1;}
.legend-14-light{font-size: 13px; 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: 15px; font-weight: 300; line-height: 1.1;}
.fixed-14{font-size: 14px; font-weight: 600; line-height: 1.1;}
.fixed-14-light{font-size: 14px; font-weight: 300; line-height: 1.1;}
.quote-50{font-size: 40px; line-height: 1.3;} 
}

@media screen and ( min-width: 1920px ){ 
.heading-70{font-size:  70px; font-weight: 600; line-height: 1.1;}
.heading-50{font-size: 50px; font-weight: 600; line-height: 1.2;}
.heading-36{font-size: 36px; font-weight: 600; line-height: 1.2;}
.heading-30{font-size: 30px; font-weight: 600; line-height: 1.2;}
.heading-26{font-size: 26px; font-weight: 600; line-height: 1.2;}
.body-24{font-size: 24px; font-weight: 600; line-height: 1.2;}
.body-24-light{font-size: 24px; font-weight: 100; line-height: 1.2;}
.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; color: #212121;}
.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;}
.fixed-14-light{font-size: 14px; font-weight: 300; line-height: 1.1;}
.quote-50{font-size: 50px; line-height: 1.3;} 
}

 @media screen and ( min-width: 768px ){ 
.mt-37{margin-top: 32px;}
.container-wrapper{padding: 0 8%; margin: 0 auto;}
.homeSlider .itemContent{transform: translateY(-50%); top:50%; max-width: 55%; transform: translateY(-50%); top:50%; position:absolute;}
.homeSlider .swiper-paginationhome{bottom: 40px;}
.row{margin: 0 -4px;}
.no-gutters{margin-right: 0; margin-left: 0;}
.row [class*=col-]{padding: 0 4px;}
.no-gutters [class*=col-]{padding-right: 0; padding-left: 0;}
.rolexFooter .footerNavWrapper{height: 160px;}
.rolexFooter .backTotopbar{height: 80px;}
.pr-40{padding-right: 40px;}
.pr-20{padding-right: 20px;}
.w-40{width: 40px !important;}
.homeSlider .itemContent .title{color: #000;}
}

@media screen and ( max-width: 1024px ){
.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;}
 .section-rolexWatches .watchContent, .modalboxrolexWatches  .watchContent{padding: 30px;}
 .pt-60{padding-top: 60px;}
 #formContainer.pb-80 { padding-bottom: 80px;  }
 .section-contactForm.mobileForm.pb-90{padding-bottom: 80px;}
 .pt-80{padding-top: 40px;} 

}
@media screen and ( max-width: 767px ){
     .pt-80{padding-top: 20px;} 
   #formContainer.pb-80 { padding-bottom: 40px;  }
    .pt-60{padding-top: 40px;}
.section-rolexWatches .watchContent{padding: 20px;}
 .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;}
.sectionSlider .pr-20{padding-right: 20px;}     
.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{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;}
.heading-70{font-size:  36px; font-weight: 600; line-height: 1.1;}
.heading-50{font-size: 30px; font-weight: 600; line-height: 1.2;}
.heading-36{font-size: 24px; font-weight: 600; line-height: 1.2;}
.heading-30{font-size: 22px; font-weight: 600; line-height: 1.2;}
.heading-26{font-size: 22px; font-weight: 600; line-height: 1.2;}
.body-24{font-size: 18px; font-weight: 600; line-height: 1.2;}
.body-24-light{font-size: 18px; font-weight: 100; line-height: 1.2;}
.body-20{font-size: 18px; font-weight: 600; line-height: 1.6;}
.body-20-light{font-size: 18px; font-weight: 300; line-height: 1.6; color: #212121;}
.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-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;}
.fixed-14-light{font-size: 14px; font-weight: 300; line-height: 1.1;}
.quote-50{font-size: 30px; line-height: 1.3;} 
.homeSlider .itemContent .title span{display: block;}
.rolexNavList > li a.fixed-16{font-size: 18px;}
.section-modal-carousel.pt-90{padding-top: 0;}
.mobile-mb-40{margin-bottom: 40px !important;}
.watchFormCon{padding-left: 10px; padding-right: 10px;}
.watchFormCon .nav.nav-new .backbtn{margin-left: 5px;}

}

@media screen and ( max-width: 766px ){.homeSlider .itemContent{bottom: 20px; padding: 0 7%;}
.homeSlider .container-wrapper{padding: 0;}
.homeSlider .itemContent .title{margin-bottom: 10px;}
}
@media screen and ( max-width: 450px ){.watchContent small i{display: block;}}
@media only screen and (min-width:650px) and (max-width:766px) {.homeSlider .itemContent{bottom: 130px;}}
.carouselContent .body-20-light{color: #fff;}