*{margin: 0;padding: 0;}

@media (min-width: 1280px){
.container {max-width: 1180px;} 
}
header, footer{font-size: 16px;  color: #212121;}
footer a, footer a:hover{color: #000;}
.section-headerTop {background: #f2f2f2; padding: 10px 0;}
.section-headerTop .container-fluid {max-width: 1240px; padding: 0;}
.section-headerTop .socialLinks a {color: #424242; padding: 0 4px; font-size: 14px; margin: 0 0 0 10px;}
.section-headerTop .socialLinks a:first-child {margin-left: 0;}
.section-headerMain { padding-top: 20px; padding-bottom: 20px;  margin: 0;}
.mainLogo { max-width: 320px; display: inline-block;}
.mainNavContainer{position: relative;}
.mainLogo > a {display: block;}
@media (max-width: 990px) {
  .section-headerMain {  padding: 15px 0;}
}

@media only screen and  (min-width:768px) and  (max-width:992px) {
 
.mainNavContainer .rolexClock {
position: absolute;
    right: 0;
    bottom: -38px;
    max-height: 70px;
    transform: translateY(-100%);
}
  
 .mainNavContainer .rolexPlaque    {
    margin: -5px 0 0;
}

}

@media (min-width: 992px) {
    .mainNavContainer .rolexClock { position: absolute; right: 0;bottom:65px; max-height: 70px;}
  
}
   

@media (min-width:1201px) {
    .mainNavContainer .rolexClock {
    position: absolute;
    right: 0;
    bottom: 49px;
    max-height: 70px;
  }
  
}

@media (min-width:1301px) {
  .mainNavContainer .rolexPlaque {
    position: absolute;
    left: 0;
   bottom:125px;
 
  }
}

@media (min-width: 900px) {
  
  .mainNavContainer .socialLinks {
    position: absolute;
    left: 135px;
    bottom: calc(100% + 44px);
  }
  .mainNavContainer .socialLinks a {
    color: #212121;
    padding: 4px;
    font-size: 18px;
  }

}
img{max-width: 100%;}

@media (max-width: 1300px) {
  .mainNavContainer {
    padding-right: 20px;
    justify-content: space-between !important;
  }
  .mainNavContainer #toggleMenu {
    display: inline-block;
  }
  .mainNavContainer nav { position: absolute;  top: 100%;  left: 0;  right: 0; display: none; z-index: 999;}
  .mainNavContainer .showToggleMenu + nav {
    display: block;
  }
  
  .section-mainNav .container-fluid{padding: 0 10px;}
}

.mainNavList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mainNavList > li {
  margin: 0 0 0 12px;
  font-size: 14px;
  font-weight: 100;
  position: relative;
  letter-spacing: 0.5px;
}
.mainNavList > li:first-child {
  margin-left: 0;
}
.mainNavList > li > a {
  display: block;
  color: #212121;  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.mainNavList > li > a:active, .mainNavList > li > a:focus, .mainNavList > li > a:hover, .mainNavList > li > a.active {
  color: #127749;
}
.footer { padding: 40px 0 0px;color: #424242;background-color: #fff; border-top: 1px solid #9B8E82; background: #f2f2f2; font-size: 14px;}
.footerNavList > li > a {  text-transform: capitalize; color: #424242;}
.footer a { color: #424242;} 
.footer a:hover {color: #000; text-decoration: none;}
.footer h4 {color: #424242;font-size: 14px;text-transform: uppercase; margin-bottom: 20px; margin-top: 0; font-weight: 600;}     
.footer .address { margin: 0 0 26px; line-height: 24px;}
.footerNavList > li > a {display: block; font-weight: 500; font-size: 14px;}
.footerNavList > li { display: block;}
.footerNavList > li:not(:first-child) { margin-top: 10px;}
.footer .socialIcons {list-style: none; margin: 0;  padding: 0;}
.footer .socialIcons > li {padding: 0; display: inline-block;}
.footer .socialIcons > li > a {display: block;width: 30px; height: 30px; font-size: 20px;  color: #424242;  text-align: center;  line-height: 30px;}
.footer .copyrightText {text-align: center; font-weight: 500; padding: 30px 0;  margin: 42px 0 0;  font-size: 13px;  border-top: solid 1px #f0ecec;}
a.rolex_col, .privacyPage a {color: rgb(163, 126, 44);}
 .btn.wtColor { background: #127749; color: #fff;  text-decoration: none;  padding: 8px 15px;  border-radius: 0;}
 .privacyPage p,  .privacyPage li {font-weight: 400; font-size: 14px; line-height: 24px;  color: #363636;}
 .privacyPage h3 {font-size: 15px; color: #363636; text-transform: uppercase;  font-weight: 600;  margin-top: 20px;}
@media (max-width: 992px) {
    .mainLogo{display: block;}
    .mainNavContainer .rolexClock { position: absolute; right: 0; max-height: inherit;}
       
}

@media (max-width: 766px) {
.mainLogo{width: 200px;}
 .mainNavContainer .rolexClock{ bottom: 27px;}
 .section-headerMain{padding: 30px 0;}
  .footerNavList {  display: flex;flex-wrap: wrap;width: 100%; margin: 0; padding: 10px 0; border-top: 1px dashed #a5a5a5;}
    
    .footerNavList > li{width: 100%;}
}
@media (max-width: 450px) {.mainLogo{width: 170px;}}
 
.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;}