.MT0{margin-top: 0 !important;} .MR0{margin-right: 0 !important;} .MB0{margin-bottom: 0 !important;} .ML0{margin-left: 0 !important;}
.PR0{padding-right: 0 !important;} .PL0{padding-left: 0 !important;} .PB0{Padding-bottom: 0 !important;} .PT0{Padding-top: 0 !important;}
.PR10{padding-right: 10px !important;} .PL10{padding-left: 10px !important;} .PB10{Padding-bottom: 10px !important;} .PT10{Padding-top:10px !important;}
.well{background-color: #F2F2F2;}
.MT20{margin-top: 20px!important;}
.MT50{margin-top: 50px!important;}
.MT40{margin-top: 40px!important;}
.MB60{margin-bottom: 60px!important;}
.MB20{margin-bottom: 20px!important;}
.MB40{margin-bottom: 40px!important;}
.text-uppar{text-transform: uppercase;}
.bluecolor{color: #0072bb!important;}
.darkpinkcolor{color: #eca45e!important;}
.pinkcolor{color: #f0b57d!important;}
.darkgreencolor{color: #40a07d!important;}
.darkgreenborder{border-color: #40a07d!important;}
.darkpinkborder{border-color: #eca45e!important;}
.greencolor{color: #4cb992!important;}
.fontitly{font-style: italic;}  
body{font-family: 'Lato', sans-serif; font-size: 14px; color: #000; }
a:hover, a:focus{outline: none; text-decoration: none;}
ul{padding-left: 0;}  
.wrapper{overflow: hidden;}
.innerWrapper{position: relative; left:0;} 
.header{width: 100%; float: left;   z-index: 99999; top:0;} 
.header .dropdown-menu li{border-top: 1px solid #ddd;   margin-left: 0;   padding: 6px 8px!important;   width: 100%;}
.header .dropdown-menu li a{color: #606060; padding: 0;}
.header .dropdown-menu li a:hover{color: #000; background: none; }
.header .dropdown-menu li:first-child{border-top: none; } 
.topstirp{padding: 10px 0 5px; }
.topstirp .headerSocial ul{ margin-bottom: 0;}
.topstirp .headerSocial li{list-style: none;display: inline-block; padding-left:8px;}
.topstirp .headerSocial li a{color: #666668; font-size: 22px;}
.topstirp .headerSocial li a .fa-facebook{color: #3b5998;}
.topstirp .headerSocial li a .fa-twitter{color: #00aced;}
.topstirp .headerSocial li a .fa-rss{color: #fb8f3d;}
.topstirp .headerSocial li a .fa-instagram{color: #517fa4;}
.topstirp .headerSocial li a .fa-pinterest{color: #cb2027;}
.topstirp .headerSocial li.tollfree a{font-size: 13px; margin-left: 15px; font-weight: 600; text-transform: uppercase;}
.topstirp .headerSocial li a .fa:hover{opacity:0.7;}
.topstirp .free-shipping li{list-style: none;  font-size: 13px; color: #666668; display: inline-block;}
.topstirp .free-shipping {margin-bottom: 0;}
.topstirp .free-shipping li a{color: #000; text-transform: uppercase; display:inline-block;padding: 10px 12px;}
a.logout-class{color: #000  }
#cart-count{font-style:normal; font-size: 14px; color: #0a3c85 ;}

.topstirp .free-shipping li a:hover{color: #0a3c85 ;}
.topstirp .free-shipping li a.last-class{padding-right:0;}
.text-decoration{text-decoration: underline;}
#mainNavigation{transition: all 0.3s ease-in-out 0s;}
.showNavScroll { left: 0;   position: fixed;   top: 0px; background: #0a3c85 ;   z-index: 999999; transition: all 0.3s ease-in-out 0s;}
.header .topstirp .dropdown{margin-right: 15px; font-size: 14px;display: inline-block}
.header .topstirp li.dropdown{margin-right:0;}
.header .topstirp .dropdown a{color: #939393;}
.header .topstirp .dropdown-menu, .header .mid-header .dropdown-menu{padding: 0; margin: 0;top:30px; border-radius:0;box-shadow:none; }
.header .mid-header .dropdown-menu{top:130%; left:inherit; right:0;}
.header .mid-header .dropdown-menu button{position: absolute; right:10px; top:5px; border:none; background: none;}
.header .mid-header .dropdown-menu input{border:1px solid #ddd; padding: 6px 40px 6px 10px;}
.header .topstirp .dropdown-menu:before, .header .mid-header .dropdown-menu:before{content: '\25B2'; position: absolute; left: 7px; top:-15px; color: #ccc; text-shadow: 0 -1px 1px 0 #d5d5d5; font-size: 14px; font-family: arial;}
.mid-header .dropdown-menu:before{left:inherit!important; right:10px;}
.header .topstirp .dropdown img{margin-right: 5px;}
.header .mid-header{padding: 2px 0; }
.header .mid-header li{list-style: none; display:inline-block; margin-left: 22px; vertical-align: middle;}
.header .mid-header li a{list-style: none; display:inline-block; color: #000; font-size:16px; font-weight: 700; display: block; position: relative;}
.header .mid-header li a span{color: #fff; font-size: 14px;position: absolute;top:8px;right: 4px; }
.header .mid-header li a .fa{margin-right: 8px; font-size: 20px; vertical-align: top;}

.scrollToTop{   text-align:center; font-weight: bold; color: #fff; text-decoration: none;   position:fixed;  border:1px solid #2e8671 ; background: #2e8671 ;  font-size: 16px;   border-radius:50%;   width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    bottom:-35px;
    right:20px;
    display:none;
    transition: all 0.3s ease-in-out 0s;

}
.scrollToTop:hover{color: #ddd;}
.slidearrow {transition: all 0.3s ease-in-out 0s; bottom:35px;}
.scrollToTop:hover{
    text-decoration:none;
}

#mainNavigation                         {width: 100%; float: left;  padding: 0; text-align: right; margin-bottom: 0; margin-top: 10px;}
#mainNavigation.showNavScroll                         { margin-top:0px;}
.logout-class{color: #0a3c85!important; line-height: 20px!important;}
.mainNavigation                         {   padding: 0; list-style: none; margin-bottom: 0;}
.mainNavigation > li                    {display: inline-block; vertical-align: top;  position: relative;}
.mainNavigation > li:first-child        {margin-left: 0;}
.mainNavigation > li > a                {font-size: 16px; display: block; padding:6px 14px; color: #000; font-weight: 700; text-transform:uppercase; }
.mainNavigation > li > a .fa-tag{ color: #fe0000;}
#mainNavigation.showNavScroll{text-align: center;}
.showNavScroll .mainNavigation > li > a {color: #fff;}
.mainNavigation > li > a:hover                {color: #0a3c85;}
.showNavScroll .mainNavigation > li > a:hover {color: #ddd;}
.toggleMainNav .mainNavigation > li > a:hover                {color: #d5d5d5;}
.mainNavigation > li.dropdown{float: right;}
.mainNavigation > li.dropdown div{padding: 10px; width: 220px; margin-top: 10px;}
.mainNavigation > li.dropdown div input[type="text"]{width: 100%; padding: 6px 35px 6px 12px;}
.mainNavigation > li.dropdown > a{padding-right: 0;}
.mainNavigation > li.dropdown button{position: absolute;right:10px; top:13px;background: none;border:none;font-size: 18px;}
.mainNavigation > li .fa{margin-right: 6px;}
#mainNavigation li{transition: all 0.3s ease-in-out 0s;}
#mainNavigation li .subnav-content{display: none; background: #fff; width: 468px;  position: absolute; left:0; top:100%; margin: 0; padding: 10px;border: 1px solid rgba(0, 0, 0, 0.15);  border-radius: 4px;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border-top:5px solid #0a3c85; text-align: left;z-index: 9999;}
#mainNavigation li ul{padding-left: 0; overflow-y: auto; max-height: 227px;}
#mainNavigation li ul li{width: 100%; float: left; line-height: 24px; font-size:13px; color: #000; list-style: none; }
#mainNavigation li ul li:first-child{border-top: none; }
#mainNavigation li ul li a{color: #606060; display: block; padding: 5px 10px;}
#mainNavigation li ul li:hover a{color: #000; background: #f9f9f9; }
#mainNavigation li:hover .subnav-content{display:block;}
.header .mid-header ul{margin-bottom: 0;} 


#mainNavigation li .subnav-content .caret{
    border-color: transparent transparent #0a3c85;
    border-style: dashed dashed solid;
    border-width: 0 10px 10px;
    height: 0;
    left: 30px;
    overflow: hidden;
    position: absolute;
    top: -12px;
    width: 0;  
}
.col-md-6.col-sm-6.col-xs-12.hidden-xs.text-center{border-left:1px solid #ddd}
#mainNavigation.showNavScroll li .subnav-content .caret{border-color: transparent transparent #000;}
#mainNavigation.showNavScroll li .subnav-content{border-color: #000;}
#mainNavigation li.lastClass .subnav-content{right:0; left:inherit}
#mainNavigation li.lastClass .subnav-content .caret{right:30px; left:inherit}
#mainNavigation li .subnav-content h6{margin-bottom: 15px; font-size: 16px; color: #002052;}
#mainNavigation li .subnav-content .text-dark{color: #000; font-size: 14px;}
#mainNavigation li .subnav-content .text-dark:hover{text-decoration: underline;}
.mainNavigation > li:hover > a:before,
.mainNavigation > li > a.active:before  {top:85%; visibility: visible; opacity: 1;}
.mainNavigation > li > a.active  {background-color: #4599f6}
.mob-navHeader{width: 100%; float: left; margin: 0; padding: 8px 9px; background-color:#fff; border-bottom: 1px solid #787878;}
.mob-navHeader .siteLogo{float: left; max-width: 70%; margin: 0;}
.mob-navHeader .siteLogo a{display: block;}
.mob-navHeader .siteLogo a img{max-width: 100%;}
.mob-navHeader .fa{font-size: 28px; color: #000; padding: 15px 10px;} 
.header .siteLogo img{display: inline-block;}
#mainbanner{width: 100%; float: left;}
.size-list{position: absolute; top:47%; width: 84%;}
.size-list .btn{margin-top: 0!important;}
.zoomPad{width: 100%!important;}
.productGridBox .fa{color: #454545;}
.productGridBox .fa:hover{color: #f00;}
.locationBar{ border-bottom: 1px solid #ddd; padding-top: 20px; padding-bottom: 14px;}
.locationBar p{padding-top: 0; margin-top: 0;}
.contact-heading{font-size: 18px;}
.rolex-logo{border-left: 4px solid #ebe4b0; padding: 51px 10px; display: inline-block; width: 100%;}
.rolex-logo img{display: inline-block;}
.topstirp{padding-bottom: 5px; padding-top: 10px;}
.mid-header ul{margin-bottom: 0;}
.topstirp .headerSocial ul{padding-left:0px; margin-bottom: 0;}
.mainNavigation > li:last-child a{padding-right: 0;}

@media (max-width:1367px) {
    .mainNavigation > li > a{padding: 6px 10px;}
    
}
@media (max-width:1280px) {
    .topstirp .headerSocial li{padding-left: 7px;}
    
}



@media (max-width:1030px) { 
    .topstirp .free-shipping li a{padding: 10px 6px;}
.header .mid-header li a{font-size: 14px;}
.header .mid-header li{margin-left: 8px;}
.mainNavigation > li > a{font-size: 14px;padding: 14px 10px;}
.topstirp .free-shipping li a{padding: 10px 5px;}
.topstirp .free-shipping li{font-size: 11px;}
.mainNavigation > li > a{padding: 6px; font-size: 13px;}
.rolex-logo{padding:52px 10px;}
.topstirp .headerSocial li a{font-size: 16px;}
.topstirp .headerSocial li{padding-left: 5px; padding-top: 7px;}
#mainNavigation li:hover .subnav-content{display: none;}


} 
@media (max-width:780px) { 
    .mainNavigation > li > a{padding: 2px 7px; font-size: 11px;}
.header .mid-header li{margin-left: 4px;}
.topstirp .headerSocial ul{padding-left: 0;}
.topstirp .free-shipping li a{font-size: 10px; padding: 10px 5px;}
#mainNavigation li .sub-menu.nav-3{right:-233px}
#mainNavigation li .sub-menu.nav-3:before{right:41%;}
.toggleMainNav .innerWrapper {left: 88%; overflow: hidden;}
.toggleMainNav .navContainer {visibility: visible; opacity: 1; z-index: 9999;}
.toggleMainNav .navContainer #mainNavigation {left: 0%;} 
.toggleMainNav .innerWrapper {left: 88%; overflow: hidden;}
.toggleMainNav .navContainer {visibility: visible; opacity: 1; z-index: 9999;}
.topstirp .headerSocial ul{padding-left: 24px;}
.headerSocial{margin-top: -8px;}
.toggleMainNav .navContainer #mainNavigation {left: 0%;}
.innerWrapper, .headerMidNav, .navContainer, #mainNavigation {
transition: all 0.3s ease-in-out 0s;}
.tollFreeInfo  ul{margin: 0; padding: 0;}
#mainNavigation li ul li a{color: #000;  }
.tollFreeInfo  li{list-style: none; position: absolute;z-index: 999; top:16px; left:25px}
.tollFreeInfo  li a{color: #000!important; font-size: 20px!important;margin-top: -11px!important;margin-left: -10px!important;}
.navContainer {position: fixed; left: 0; top: 0; width: 100%; visibility: hidden; opacity: 0; max-height: 100%;
height: 100%; padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0.5); z-index: -1;}
.navContainer #mainNavigation {position: absolute; top: 0; right: 0; bottom: 0; left: -88%; width: 88%; background-color: #000; height: 100%; margin: 0;}

.mainNavigation > li                    {width: 100%; float: left; margin: 0; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.2)}
.mainNavigation > li > a                {font-size: 14px; display: block; padding: 12px; color: #fff; text-transform:uppercase;
text-align: left; position: relative; background-color: #000; font-weight: normal;}
.mainNavigation > li.specialLink > a    {background-color: #ff8c00; width: auto; display: block;}
.mainNavigation > li:hover > a:before,
.mainNavigation > li.active > a:before  {display: none}
#mainNavigation li .subnav-content{width: 100%; position: relative; border-radius:0; border: none;display: none;}
#mainNavigation li:hover .subnav-content{display: none;}
#mainNavigation li .subnav-content .sub-nav{border-right:none;}
#mainNavigation li .subnav-content li {border-top: 1px solid #ddd; font-size: 14px;}
#mainNavigation li .subnav-content li:first-child {border-top: none}
#mainNavigation li .subnav-content .caret{display: none;}
.topstirp .free-shipping li a{padding: 4px 5px;}
.header .mid-header ul{margin-top: 11px;}
.rolex-logo{padding: 35px 10px;}

} 
@media(max-width:767px){  
    .innerWrapper, .headerMidNav, .navContainer, #mainNavigation {transition: all 0.3s ease-in-out;} 
.tollFreeInfo li a{float: left;margin-top: -8px;}
.headerSocial{margin-top: 0px;}
.rolex-logo{border: none;}


.navContainer {position: fixed; left: 0; top: 0; width: 100%; visibility: hidden; opacity: 0; max-height: 100%;
height: 100%; padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0.5); z-index: -1;}
.navContainer #mainNavigation {position: absolute; top: 0; right: 0; bottom: 0; left: -88%; width: 88%; background-color: #000; height: 100%; margin: 0;}
.mainNavigation > li                    {width: 100%; float: left; margin: 0; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.2)}
.mainNavigation > li > a                {font-size: 16px; display: block; padding: 12px; color: #fff; text-transform:uppercase;
text-align: left; position: relative; background-color: #000;}
.mainNavigation > li.specialLink > a    {background-color: #ff8c00; width: auto; display: block;}
.mainNavigation > li:hover > a:before,
.mainNavigation > li.active > a:before  {display: none}
.locationBar{text-align: center;}
.locationBar img{display: inline-block;}

.header .siteLogo{text-align: center;}
.header .siteLogo img{display: inline-block;margin-top:9px;}
.header .mid-header li a{font-size: 12px;}
.header .mid-header li a .fa{font-size: 14px;}
.header .mid-header li a .fa{vertical-align:inherit;}


/*.header{position: relative;} */
.header .mainNavigation > li.dropdown .dropdown-menu:before{display: none;}
.mainNavigation > li.dropdown div{width: 100%;position: relative;top:0;}
.mainNavigation > li.dropdown div{display: block!important;}
.topstirp li a{font-size: 13px;}
.header .mid-header li img{width: 70%;}
.topstirp .headerSocial ul{text-align: center;}
.mid-header ul{margin-top: 20px; text-align: center!important;}
.header .mid-header li{margin-left: 7px;}
.header .mid-header li a span{top:5px; right: 3px; font-size: 12px;}
.topstirp li a{font-size: 12px;}
#mainNavigation li .sub-menu{position: relative;transition:inherit; display: none; width: 100%; float: left;top:0; max-height: 290px; overflow-y:auto;}
#mainNavigation li:hover .sub-menu{position: relative;transition:inherit; display: none;  top:0; }
.mid-header ul{padding-left: 0;}
.tollFreeInfo  li{margin-left: 0!important;}
.topstirp .headerSocial li{padding: 0 11px ;}
#mainNavigation li .sub-menu:before{left:7%!important;}
#mainNavigation li .sub-menu.nav-3{width: 100%;}
#mainNavigation li .sub-menu li{border-bottom: 1px solid #000;}
#mainNavigation li .sub-menu.nav-3{right:inherit;}
#mainNavigation li .sub-menu.nav-3 ul{width: 100%;}
} 

.body-container, .homeengagement, .home-product, .home-product .productBox, .prodctcart, .wishSave, .latest-product, .brand-list, footer, .footer-nav, .mid-footer, .mid-footer{width: 100%; float: left;}
.body-container{padding: 30px 0;}
.homeengagement{margin-top: -30px;}
.homeengagementBox{position: absolute; top:0; left:0; width: 100%; padding: 10% 80px; text-align: center;}
.homeengagementBox h1, .home-design h2{font-size: 72px; /*font-family: 'Yellowtail', cursive;*/ font-family: 'Oleo Script Swash Caps', cursive;color: #454545; margin-bottom: 30px; margin-top: 0;}
.homeengagementBox h1{font-family: 'Sloop-ScriptTwo'; }
.homeengagementBox p{margin-bottom: 0px; min-height: 143px;}
.homeengagementBox .pricetittle{font-size: 24px; color: #454545; font-family: 'Yellowtail', cursive;}
.homeengagementBox .pricetittle span{font-size: 45px; color: #000; font-family: 'Lato', sans-serif; font-style: italic; font-weight: 700;}
.homeengagementBox .learnmore{display: inline-block; background: url(../images/icons/learnmore.png) left top no-repeat; width: 248px; height: 52px; color: #fff;font-size: 16px; font-weight: 700; margin-top: 30px; line-height: 40px;}
.homeengagementBox .learnmore:hover{color: #ddd;}
.home-product{padding:30px 0;}
.fa-star{font-size: 18px; color: #c1c2bd;}
.home-product h2{font-size: 40px;  color: #454545; margin: 10px 0 14px; letter-spacing: 0.9px; font-family: 'Oleo Script Swash Caps', cursive;}
.viewtext{text-decoration: underline; color: #000;}
.viewtext:hover{color: #3f3f3f;}
.home-product .productBox{text-align: center; height: 350px; overflow: hidden; padding: 0 10px;}
.home-product .productimg{ height: 200px; overflow: hidden; display: inline-block; width: 100%;}
.home-product .productimg img{ transition: all 2000ms linear 0s;}
.home-product .productimg img:hover{ transform:scale(1.2);}
.home-product .productTittle a{ color: #454545; font-size: 15px; float: left; text-align: left; height: 40px; overflow: hidden;}
.home-product .productRate{ color: #000; font-size: 16px; font-weight: 700;float: right; text-align: right;}
.home-product .prodctcart{background: #e8e8e8; padding: 10px 0; margin: 14px 0;}
.home-product .prodctcart a{color: #454545; font-size: 18px; padding: 0 10px;}
.home-product .prodctcart a:hover, .home-product .productTittle a:hover{color: #000; }
.home-product .wishSave{padding-left: 1px;}
.home-product .wishSave a{color: #454545; font-size: 16px; }
.home-product .wishSave a:hover{color: #f00;}
.latest-product{margin-top: 30px;}
.home-design {margin-top: 0;}
.home-design h2{font-size: 50px;}
.home-design .homeengagementBox{padding: 7% 80px;}
/*.home-design .imghover{width: 100%; float: left;height: 100%; overflow: hidden;}  */
.home-design li{float: left; width: 50%;}
.zoomWrapper{width:320px!important;}

.home-design .imghover img:hover{opacity:0.7;}
.home-design .imghover img{transition: all 0.3s ease-in-out 0s; }
.brand-list{margin-top: 30px;}
.brand-list li{display: inline-block;list-style: none; width: 11%; margin-left: 28px;}
.brand-list li:first-child{margin-left: 0px;}
footer{background: #f3f3f3;}
.footer-nav{background: #0a3c85;}
.footer-nav ul{padding-left: 0; margin-bottom: 0;}
.footer-nav li{display: inline-block; color: #fff;list-style: none;}
.footer-nav li a{color: #fff; padding: 18px 16px; display: inline-block;text-transform: uppercase;}
.footer-nav li a:hover{color: #ddd;}
.mid-footer{margin-top: 50px;}
.mid-footer .footerBox p{line-height: 24px; margin-top: 15px;}
.mid-footer img{display: inline-block;}
.getBtn{background: #fff; color: #000; padding: 10px 35px; display: inline-block;}
.getBtn:hover{background: #0a3c85; color: #fff;}

footer .mailbox .fa{color: #fff; font-size: 130px;}
footer .mailbox h4{ font-weight: 700; margin-top: 35px; line-height: 24px; margin-bottom: 15px; font-size: 14px; text-transform: uppercase;}
footer .mailbox .form-control{margin-bottom: 20px; border-radius:0; height: 43px; border:none; line-height: 43px; padding: 0 15px; background: #fff;text-align: center; color: #000;}
footer .submit-btn{border:none; background: #fff; font-size: 14px; color: #000; display: inline-block; font-weight: 700; padding: 10px 30px;text-transform: uppercase;}
footer .submit-btn:hover{background: #0a3c85; color: #fff; }
.remove{float: right; width: 19px; height: 19px; background: url(../images/delete-icon.jpg)left top no-repeat; text-indent: -9999px;}
.repairs-services-box .panel-collapse{padding:15px; border-top: 1px solid #ddd;}
.repairs-services-box .panel-group .panel{border-radius:0;}
.repairs-services-box p{line-height: 30px;}
.repairs-services-fot li{list-style: none; display: inline-block; padding:10px;}
.repairs-services-fot li a{color: #454545;}
.repairs-services-fot li a:hover{color: #000;}
.career-page ul li, .career-page ol li{list-style: disc; padding-left: 10px;}
.career-page ul, .career-page ol {padding-left: 30px;}
.career-page h2{font-size: 22px;}
.career-page h3{font-size: 20px;}
.fixedNewsletter {  margin-top: -78px;   position: fixed;   right: 0;   top: 50%;    z-index: 99;}


.pi-2 {   left: 50%; margin-left: -80px;   opacity: 0;   position: absolute;   right: 0;   top: 50%; margin-top: -43px;   transform: scale(0.95, 0.95);   transition: all 0.3s ease-in-out 0s;    visibility: hidden;}
.innerShadowBox .productGridBox .productImage:hover .pi-2{  opacity: 1;  transform: scale(1, 1);   transition: all 0.3s ease-in-out 0s;    visibility: visible;}
.innerShadowBox .productGridBox .productImage:hover .img1 {opacity: 0; }
#cart-div-id{margin-bottom: 20px;}
#productDetailContainer{margin-bottom: 20px;}
.wishSave .saved{color: #b01105!important;  background-position: 0 -254px!important;}

@media (min-width:1180px) and (max-width:1466px) {
    .homeengagementBox h1, .home-design h2{font-size: 55px; margin-bottom: 20px;}
.homeengagementBox .pricetittle span{font-size: 35px;}
.homeengagementBox{padding-top: 6%;}
.homeengagementBox p{margin-bottom: 0;} 
.homeengagementBox .learnmore{margin-top: 8px;}
.home-design h2{font-size: 45px;}




}


@media (min-width:1282px) and (max-width:1367px) {
    .homebanner{height:598px; overflow: hidden;}
.design-samllbanner{height:457px; overflow: hidden;}
}
@media (min-width:1180px) and (max-width:1281px) {
    .body-container .homeengagementBox p{font-size: 14px; line-height: 28px;}
    .homebanner {  height: 560px;  overflow: hidden;}
    .design-samllbanner{height:428px; overflow: hidden;}
}
@media (max-width:1030px) {

    .homeengagementBox h1, .home-design h2{font-size: 35px; margin-bottom: 13px;}
.homeengagementBox .pricetittle span{font-size: 28px;}
.homeengagementBox p {padding-bottom: 0; height: 100px; overflow: hidden; margin-bottom: 0;}
.homeengagementBox .learnmore{margin-top: 6px;}
.home-product .prodctcart a{font-size: 14px;}
.home-design h2{margin-bottom: 25px;}
.brand-list li{width: 10%;}
.footer-nav li a{font-size: 13px; padding: 14px 13px;}
.homeengagementBox p {margin-bottom: 15px;}
.homebanner{height:598px; overflow: hidden;}
.homebanner { height: 448px;   overflow: hidden;}
.design-samllbanner { height: 342px;   overflow: hidden;}
 .navshow {    /*display: block;*/ }


}

@media (max-width:780px) {
    .homeengagementBox h1, .home-design h2{ font-size: 24px;   }
.homeengagementBox .pricetittle span{font-size: 20px;}
.footer-nav li a{font-size: 10px; padding: 10px 9px;}
.homebanner{ height: 336px;   overflow: hidden;}
.design-samllbanner { height: 257px;   overflow: hidden;}
.selectMetalType li{padding: 0 7px;}
.selectMetalType li label span{font-size: 11px;}
.selectYourStyle li{padding: 0 15px;}
.wish_list{margin-top: 10px!important;}
.designers-watcbs-pro{height: 190px; overflow: hidden;}



}
@media (max-width:766px) {
    .homeengagementBox{padding: 7% 50px;}
#mainNavigation li ul:before{display: none;}
#mainNavigation li ul{border-radius:0;}
.home-design .homeengagementBox{padding: 10% 50px;}
.homeengagementBox{font-size: 20px;}
.brand-list ul{text-align: center;}
.brand-list li{width: 40%; margin-left: 25px!important;}
.footer-nav ul{text-align: center; font-size: 11px;}
.homeengagementBox p{height: 92px;}
ul.product_tabs li{width: 100%!important;}
.wish_list{margin-top: 10px!important;}
#facebox .body, #facebox table, #emailtoafriendSuccess{width: 100%!important;}
#facebox td{padding: 10px!important;}
#facebox{left:-4px!important}
.homebanner, .design-samllbanner{height: auto;}
.home-product .productimg, .home-product .productBox, .home-product .productTittle a{height: auto;}
.PL0{padding-left: 15px!important;}
.PR0{padding-right: 15px!important;}
.designers-watcbs-pro{height: auto; overflow: hidden;}
}