@media only screen and (max-width:992px){
.mainNavList, .navCatList{ display: block !important; }  

.mobile-top {background: #efefef;width: 100%;padding: 12px 0 0; display: block;}
.top-header {    display: none;}

.navbar-fixed .mobile-top , .m-fixed{ display: none!important; }
.m-fixed{ display: none; }
.mainNavList > li .container {padding: 0;}
.navbar-fixed  .m-fixed{ display: block!important;position: absolute;margin:20px 0 0;top: 5px;}
.navbar-fixed .logo img {width: 90px;margin: 4px 0 0;}
.mobile-top  ul.mobile-listing{justify-content: space-between !important; display: flex;}
.mobile-top  .dropdown-menu {     left: -110px;    min-width: 140px;    width: 140px;    top: 30px;}
.siteSearch .dropdown-menu .form-control {    height: 43px;    border: solid 1px #ccc;    padding: 0 10px;}
.mobile-top  li {  display: inline-block;    float: left;}
.mobile-top  li img {     width: 24px; height: auto; }
.text-boxes p {font-size: 14px;padding: 0 0px 50px;margin: 20px 0 0;text-align: left;}
.text-boxes:before { top: -8%;}
.head-title {font-size: 28px;padding: 0 30px; margin: 15px 0 15px; }
.head-title:before, .head-title:after, .insta-title:before, .insta-title:after{ display:none;}
.second-section img {width: 100%;padding: 0 0px 0 0px;}
.head-title { line-height: normal;}
.section-subscribe h2 {font-size: 28px;padding: 0 20px; line-height: 28px; }
.insta-title {font-size: 25px;padding: 0 20px; line-height: 28px; }

.copy-right p span {margin: 0 0 0 0;display: inline-block;text-align: center;width: 100%;}
.copy-right p {margin: 0 0 4px;float: left;text-align: center;}
.copy-right p.links{margin: 0 0 21px;text-align: center;width: 100%;}

.text-boxes { padding: 0 0px 0;}
.text-boxes p { width: 100%; }

 .Arrived-sectiom{
    padding: 20px 0 20px;
}

.second-section.honored .text-boxes p { 
    padding: 0 0px 0 0;
    margin: 20px 0 0; 
    width: 100%; 
}

.second-section.honored .text-boxes::before {
    font-size: 83px;
    left: 50px;
    top: 0px;
}

.section-gallery{
    padding: 20px 0 20px;
}


.section-subscribe h2 {
    font-size: 22px; 
}

 footer .footer-title { 
    margin: 20px 0 12px;}
    
.social-head {
    width: 100%;
    text-align: left;
    padding: 0 0 0 15px;
}

  .social-box{
    display: block !important;
}

.social img {
    width: 31px;
    margin: 4px 0 16px;
}

.navCatList li a {
    background: #dfdfdf;         padding: 8px 10px;
}
.navCatList li .navCatChildList a {
    background: #fff;
}
.navCatChildList { 
    padding: 0 10px 0px; 
}
.navOverlay .logo {
    width: 130px;
    padding: 8px 10px 4px;
    float: left;
}
.Arrived {    padding: 0 0px;}
.spotlights1 {padding: 0 0;}
.siteSearch .dropdown-menu {
  width: 270px;
margin: 5px 0 0 !important;
left: -110px;
top: 41px !important;
}
.spotlights {
    display: block !important; 
}

.top-header span { 
    font-size: 13px;
}

header .site-logo {
    margin: 14px 0 6px;
}

.navbar-fixed .site-logo {
    margin: 4px 0 0px;
}

.navbar-fixed .logo img {
    width: 110px;
    margin: 4px 0 0;
}
.navbar-fixed { 
    padding: 0 0 0;}
 .siteSearch img{width: 19px; margin: 0px 3px 0 0;}   



}


@media only screen and (max-width:540px){
    .Arrived h3 {
    height: auto;
}



 .text-boxes:before {
    top: -3%;
    left: 16%;
    font-size: 85px;
}
.text-boxes p {padding: 0 0px 30px;
}

.text-boxes h2 { 
    margin: 0 0 28px; 
    font-size: 28px;
}

.foter-top li {    
   padding: 0 10px 0 0;
}



footer li  {
    float: left;
    width: 100%;
}

.spotlights1 {padding:0 10px;}
 .Arrived  {padding:0 10px;}
 .second-section {
    padding: 40px 0 0;
}

.text-boxes::before { 
    left: 0; 
}

.head-title, .text-boxes h2{font-size: 22px;}



}

@media only screen and (max-width:767px)     {
#mainCarousel .itemContent {
    width: 100%;
    text-align: center;
    transform: inherit;
    padding: 0 2px;
    top: 7px;
    left: 0;
}
#mainCarousel .itemContent .title {
    font-size: 24px;
    color: #000;
    display: block;
    margin: 20px 0 2px; 
    line-height: 26px;
}
.text-boxes{text-align: center;}
.discover{margin-bottom: 20px;}	
.social-head{margin-bottom: 10px;}
.section-subscribe h2{font-size: 18px;}
.section-subscribe p{font-size: 14px;}
.social-head, .footer-social {text-align: center;}
.footer-social li {display: inline-block; float: none; padding: 0 5px;}
.footer-social{display: flex;  justify-content: center;}
	
}

@media only screen and (min-width:601px) and (max-width:767px)     {
	
.head-title {font-size: 33px; margin: 25px 0 25px;display: inline-block;width: 100%;}
.foterNav.d-flex { display: block !important;}
.container {
    max-width: 92%;
}
#mainCarousel .itemContent {
    width: 100%;
    text-align: center;
    transform: inherit;
    padding: 0 0;
    top: 67px;
    left: 0;
}








}



@media only screen and (min-width:768px) and (max-width:992px)     {
.mobile-top {  display: none; }
.top-header {  display: block;  padding: 8px 0 4px;  }

.rolexbannerText {
    right: -40% !important;
}

}

@media only screen and (min-width:768px) and (max-width:1050px)     {
.home-cart .dropdown-menu { left: -140px;    top: 23px;}



}

@media only screen and (min-width:768px) and (max-width:800px)     {
.container {    max-width: 750px;}
.toggleMenuBox {    float: left;    margin: -4px 0 -6px;}
.call {    float: right;}
.text-boxes:before {    top: -20px;    left: 21%;    font-size: 80px;}
#mainCarousel .itemContent .title {    font-size: 24px;    color: #000;    display: block;    margin: 0 0 20px;    font-weight: 300;  text-transform: uppercase;}

#mainCarousel .itemContent {     left: 9%;    bottom: 33%; }

.call, .appointment, .home-cart{    margin: 4px 0 0;}

.siteSearch img {    width: 19px;    margin: 1px 0 0;}


.home-cart li .input-group span {
    display:block;
}

.siteSearch .dropdown-menu {
    width: 320px; 
    left: -210px;
 top: 25px !important;
}

.siteSearch .input-group { 
    width: 100%;
}
.siteSearch .dropdown-menu .form-control { 

    width: 84%;
    border-right: none;
}


.siteSearch .btn {
    border: solid 1px #ccc; 
    height: 44px;
    border-left: none;
}




}

@media only screen and (min-width:768px) and (max-width:992px)     {
.top-header a {     margin: 0 7px 0 0;    font-size: 16px;}
.top-header p {    font-size: 16px;}
.section-gallery .head-title {    margin: 10px 0 20px !important;    font-size: 32px;}
.foter-top li {    float: left;    width: 100%;    margin: 0 0 0px;    font-size: 16px;    padding: 0 70px 0 0;} 
footer .footer-title1,footer .footer-title {    margin: 13px 0 4px;}
.top-footer{    float: left;    width: 50%;    margin: 0 0 10px;}
.bottom-footer{    float: left;    width: 50%;    margin: 0 0 10px;}
.copy-right p span {     width: auto;}
.copy-right p {     text-align: center;    width: 100%;}
.foterNav li a {    font-size: 15px;    margin: 0 0 4px; }
.social-box { display: flex !important;}
.social-head { text-align: inherit;width: auto;}
.text-boxes p {    padding: 0 0px 50px;}
.footer-store li {     font-size: 17px;    padding: 0 4px 0 0;}
footer .footer-title1 {     margin: 6px 0 5px;}
.p0 {padding:0;}
#mainCarousel .itemContent {    position: absolute;    left: 10%;    bottom: 25%;    padding: 0;    z-index: 1;    text-align: center;    transform: translateY(-25%);    transform: translateX(-8%);    width: 320px;}


.home-cart li span {    display: none;}



}


@media only screen and (min-width:993px) and (max-width:1100px)
{
.container {    max-width: 94%;}
.mainNavList > li {    margin: 0 12px 0;    padding: 0;}
.mainNavList > li > a {    display: block;    color: #000;     font-size: 12px;    padding: 0 0px 0;}
.top-header a {     font-size: 16px;}
.text-boxes {    padding: 0 0px 0;}
.text-boxes p {    font-size: 17px;    padding: 0 0px; width: 100%;}
.second-section.honored .text-boxes p {    font-size: 17px;    padding: 0 0px 0 0;     width: 100%; }
.second-section img {    width: 100%;    padding: 0;}
.second-section.honored .text-boxes::before {    font-size: 78px;    left: -32px;    top: -33px;}
.foter-top li {     font-size: 18px; }
#mainCarousel .itemContent .title {    font-size: 30px;     margin: 0 0 20px;  }
#mainCarousel .itemContent {    position: absolute;    left: 12%;    bottom: 25%;    padding: 0;     width: 370px;}
.foter-top li { font-size: 15px;    padding: 0 20px 0 0;}
.top-header span {     font-size: 13px;}

}

@media only screen and (min-width:1101px) and (max-width:1310px)
{

.mainNavList > li {
    margin: 0 12px 0;
    padding: 0;
}
 
 .text-boxes p, .second-section.honored .text-boxes p { 
    width: 100%; 
}

.mainNavList > li > a {
    font-size: 14px;
    padding: 0 3px 0;
}
.text-boxes::before { 
    left: -5px; 
}

.navCatList > li > a {
    font-size: 12px;
}

}

@media only screen and (min-width:1201px) and (max-width:1366px)
{
 
 .navCatList > li > a {
    font-size: 12px;
}
 
#mainCarousel .itemContent {
    position: absolute;
    left: 16%;
    bottom: 31%;
}

#mainCarousel .itemContent .title { 
    line-height: 44px;
}

.text-boxes {
    position: relative;
    padding: 0 47px 0;
}
.second-section.honored .text-boxes p {
    font-size: 17px;
    padding: 0 20px 0 0;
    margin: 20px 0 0;
    text-align: left;
    width: 100%; 
}

.mainNavList > li > a { 
    font-size: 14px;
    padding: 0 12px 0;
}



}










@media only screen and (min-width:1367px) and (max-width:1600px)
{
	#mainCarousel .itemContent {
    position: absolute;
    left: 16%;
    bottom: 31%;
}


}