body{background: #fff !important;}
/*section#content{
	background: url(../img/vanson-background-image.png)!important;
}*/
/*#index section#main{
    background: url(../img/vanson-background-image-white.jpg)!important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}*/
/*#index section#content{background: none}*/

#content .navi .container{background: #ffce00 !important; overflow: visible}
#content .container {
    background: #fff !important;
}
#content .vanson-jacket-bg, #content .vanson-video-bg{margin: 0px -15px 20px;}
.vanson-text-content {padding: 30px;}
.vanson-text-content img{margin: 0px 15px 20px 10px}
.vanson-text-content h3{font-size: 28px;margin: 0px 0px 10px}
.vanson-text-content p{font-size: 15px;font-weight: 500;line-height: 26px;margin:0px 0px 10px;}
.vanson-text-content p a{color: #034afd;font-weight: 600;}

.vanson-text-content .racing-leather iframe,.vanson-text-content .racing-leather img,
.vanson-text-content .automative-racing-suite iframe,.vanson-text-content .automative-racing-suite img{
    width: 380px;
    height: 260px;
    margin: 0px 0px 20px 20px;
}
.streat-leather ,.racing-leather ,.automative-racing-suite{margin-top: 30px;} 
section.full-width-banner .footer-top-banner{width: 100%;}
body footer{
    width: 100%;
    background: url(/img/footer-bg-new.png) repeat-x bottom #0d0d0d;
}
body #homepage-slider .bx-wrapper img{width: 100%;height: auto;}
body #homepage-slider .bx-controls .bx-controls-direction{display: none;}
body header{background: transparent;}
body header .top-bar{background: #696969; padding-bottom: 10px;}
body header .top-bar .container{background: url(../img/navi-bg-2.png) no-repeat;width: 1000px; margin: 0 auto;}
body header .main-bar{background: #000;}
body header #main-nav{float: left}
body header .shop-phone {
    float: none;
    padding: 32px 0;
    width: auto;
    color: white;
    text-align: left;
    line-height: 26px;
    display: inline-block;
    margin: 0px 0px 0px 0px;
}
body header .shop-phone i{font-size: 24px;}
body header .shop-phone strong{font-size: 24px;}
body header #top_link{margin: 23px 0px;}
body header #logo{width: 150px;}
body header #logo img{max-width: 123px;}
body header #search_block_top .btn.button-search{background-color: #000;}
body header .shopping_cart{background: none repeat scroll 0 0 transparent;}
body header .top-bar a {color: #fff !important; font-size: 14px; text-transform: uppercase; font-weight: normal !important}
body header .top-bar a + a{ margin-left: 20px;}
body header .top-bar a:hover {
    text-decoration: none;
}
body header .top-bar .right a{text-transform: capitalize;}
body header .top-bar .sub-menu a{color: #000 !important}

/* meerank 21-6-19 */
ul.sub-navi{background: #000000; width: 100%;}
ul.sub-navi li{text-transform: none; }
ul.sub-navi li a{color: #FFFFFF !important; text-transform: none; padding: 0 20px; line-height: 46px;}
ul.sub-navi li a:hover{color: #FFFFFF !important;text-transform: none; padding: 0 20px; line-height: 46px;}

#content > .centercontain{max-width: 100% !important;width: 100% !important;background: transparent !important;padding: 0 !important;}
.centercontain {max-width: 1320px !important;width: 1320px !important;}
.cms-245 #content .container{background: transparent !important;}

/*dhwani*/
.menu.position-static{margin: 5px 0}
#header .header-top {padding-bottom: 0;}
header .top-bar .col-md-5 { width: 75%;}
header .top-bar .col-md-7 { width: 25%;}
#top-menu{margin-top: 10px;margin-bottom: 0}
#header .header-top .search-widget {float: left;}
.cart-preview .material-icons{color: #fff !important}
.cart-preview span.hidden-sm-down{color: #fff !important}
.cart-preview span.cart-products-count{color: #fff !important}

.carousel{background: none !important;padding: 0 !important;margin: 0 !important}
.carousel .carousel-item{padding: 0 !important;margin: 0 !important;border: 0}
.carousel .carousel-item figure{width: 100% !important;border: 0 !important}
/*#wrapper{padding-top: 0;background: url(../img/vanson-background-image.png)!important;}*/
#wrapper{padding-top: 0}
#content-wrapper{background: #fff;padding: 0 15px}
.centercontain #content-wrapper{background: #fff;padding: 0px}

.featured-products .products{margin: 0}
.footer-container li a{color: #fff;cursor: pointer;font-size: 14px; line-height: 27px;}
.block-contact{color: #fff !important}
.block-contact .block-contact-title, .linklist .blockcms-title a{color: #fff}
.block-contact a{color: #fff}

.position-static{margin: 27px 0px}
#_desktop_cart{float: right;margin-top: 13px;}

.top-menu .sub-menu{min-width: auto;}
.top-menu .popover{max-width: auto}
img{max-width: 100%}

#header .menu, #header .menu>ul>li{position: relative}
#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu{position: absolute; width: 350px; top: 30px !important; margin: 0}
.top-menu[data-depth="1"]{display: inline-block; width: 100%;}
.top-menu .sub-menu{top: 30px !important;}
.top-menu .sub-menu ul{margin: 0}
#top-menu ul li div.sub-menu ul li div.collapse{display: none}
#top-menu ul li div.sub-menu ul li:hover div.collapse{display: block;}

/* meerank 21-6-19 */
/*************************************************************************************
                                Media Query Start
*************************************************************************************/

#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description{height: auto !important}
#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products{display: flex; flex-wrap: wrap;}
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{height: 460px!important;}
#js-product-list .products .product {margin-bottom: 30px;}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.centercontain {max-width: 1140px !important;width: 1140px !important;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
    body header #main-nav {background: url(../img/navi-bg-2.png) no-repeat !important; width: 1000px;margin: 0 auto;}
     body header .top-bar #main-menu{display: inline-block !important;} 
     body header .sm-mint a{padding: 10px 20px !important;}
    body header .sm-mint a span.sub-arrow {right: 6px;}

.centercontain {max-width: 960px !important;width: 960px !important;}    
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #block_top_menu .sf-menu {display: flex; justify-content: center;}
    .header-nav .topheadermenu {padding-bottom: 55px; position: relative;}
    #header .logo {width: 100px;}
    body header #main-nav {display: block; position: absolute; top: calc(100% - 55px); width: 100% !important; z-index: 99; float: none;}
    body header #logo {width: 135px;}
    body header .shop-phone i,body header .shop-phone strong{font-size: 18px;}
    body header .sm-mint a span.sub-arrow {right: 6px;}
    body #homefeatured {margin: 0px -15px;}
    body #homefeatured .ajax_block_product.mens-pro{width: 33.33% !important;height: auto !important;    padding: 0px 15px !important;margin: 0px 0px 30px !important;}
    body #homefeatured .ajax_block_product.mens-pro .img_left{float: none !important;}
    body #homefeatured .ajax_block_product.mens-pro .right-block {width: 100%;}
    body header .top-bar a {text-align: left;}
    body header .top-bar a + a{margin-left: 0px;}
    body header .top-bar #main-menu{display: inline-block !important;} 
     body header .sm-mint a{padding: 10px 15px !important;}
    body header .sm-mint a span.sub-arrow {right: 6px;}
.centercontain {max-width: 720px !important;width: 720px !important;}
 .carousel{left:0}
     body{overflow-x: hidden}
     .top-bar .mobile .material-icons{color: #fff}
     body header .top-bar .container{background-size:100% 100% }
    #_desktop_logo{display: block !important}
    #_desktop_logo img{max-width: 123px !important;display: table;float: none;margin: 0 auto}
     .customslider{display: none}
     #haeder{background: #000}
     #header .header-top{background: #000}
     #header .header-top .position-static{width: auto}
     body header .shop-phone{margin: 0px 0px 0px 20px}
     
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
    body header .right {width: 100%; text-align: left; padding: 0px !important; }
    .vanson-text-content .racing-leather iframe, .vanson-text-content .automative-racing-suite iframe {width: 260px;height: 150px;margin: 0px 0px 20px 20px;}
    body header .shop-phone {padding: 15px 0 8px;text-align: left; color:white; width: 460px;float: right;}
    body header #top_link {width: 460px;}
    body header div#search_block_top {width: 56%;padding-left: 0px;}
    body #homefeatured .ajax_block_product.mens-pro{width: 50% !important; height: 175px; padding: 0px 15px !important;margin: 0px 0px 30px !important;}
    body #homefeatured .ajax_block_product.mens-pro .img_left{float: left !important;}
    body #homefeatured .ajax_block_product.mens-pro .img_left img {width: 110px;height: 130px;}
    body #homefeatured .ajax_block_product.mens-pro .right-block {width: 52%;}
    body header .top-bar a {text-align: left;}
    body header .top-bar a + a{margin-left: 0px;}
    #content #image-block .zoomPup  {top: 0 !important;height: 260px !important;width: 100% !important;}
.centercontain {max-width: 540px !important;width: 540px !important;} 

 .carousel{left:0}
     body{overflow-x: hidden}
     .top-bar .mobile .material-icons{color: #fff}
     body header .top-bar .container{background-size:100% 100% }
    #_desktop_logo{display: block !important}
    #_desktop_logo img{max-width: 123px !important;display: table;float: none;margin: 0 auto}
     .customslider{display: none}
     #haeder{background: #000}
     #header .header-top{background: #000}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
    body header .right {width: 100%; text-align: right; padding: 0px !important;}
    body header #logo {width: 150px;text-align: center;}
    .vanson-text-content .racing-leather iframe, .vanson-text-content .automative-racing-suite iframe {width: 260px;height: 150px;margin: 0px 0px 20px 20px;}
    body header .shop-phone {padding: 15px 0 8px;text-align: center;width: 100%;}
    body header #top_link,body header #copy-logo{ text-align: center;}
    body header #top_link{ width: 100%;margin-bottom: 8px;}
    body header .top-bar a {text-align: left;}
    body header .top-bar a + a{margin-left: 0px;}
     .main-bar #top_link .col-sm-6.clearfix {width: 100%; padding: 0;}
    .main-bar #top_link .col-sm-6.clearfix .shopping_cart{margin: 15px auto 0px;}
    #content #image-block .zoomPup  {top: 0 !important;height: 260px !important;width: 100% !important;}
.centercontain {max-width: 94% !important;width: 94% !important;} 
#content #image-block .zoomPup{position:fixed; auto !important;}
#content #image-block .zoomPup img {width: auto !important;}
 .carousel{left:0}
     body{overflow-x: hidden}
     .top-bar .mobile .material-icons{color: #fff}
     body header .top-bar .container{background-size:100% 100% }
    #_desktop_logo{display: block !important}
    #_desktop_logo img{max-width: 123px !important;display: table;float: none;margin: 0 auto}
     .customslider{display: none}
     #haeder{background: #000}
     #header .header-top{background: #000}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.centercontain {max-width: 91% !important;width: 91% !important;}  
    
    body header .right {width: 100%; text-align: center; padding: 0px !important;}
    body header #logo {width: 150px;text-align: center;}
    body header .shop-phone {padding: 15px 0 8px;text-align: center;width: 100%;}
    .vanson-text-content {padding: 10px;}
    .vanson-text-content img {margin: 0px auto 20px;float: none !important;display: block;}
    .vanson-text-content .racing-leather iframe, .vanson-text-content .automative-racing-suite iframe {width: 100%;height: auto;margin: 0px 0px 20px 0px;}
    body header .top-bar a {text-align: left;}
    body header #top_link{ width: 100%;margin-bottom: 8px;}
    .main-bar #top_link .col-sm-6.clearfix {width: 100%; padding: 0;}
    .main-bar #top_link .col-sm-6.clearfix .shopping_cart{margin: 15px auto 0px;}
     #content #image-block .zoomPup  {top: 0 !important;height: 260px !important;width: 100% !important;}
     /* #content #image-block .zoomPup:aback
     /* #content #image-block .zoomPup {top:50% !important;left: 50% !important; transform: translate(-50%, -50%)  !important;} */
     #content #image-block .zoomPup{position:fixed; auto !important;}
     #content #image-block .zoomPup img {width: auto !important;}     
     .carousel{left:0}
     body{overflow-x: hidden}
     .top-bar .mobile .material-icons{color: #fff}
     body header .top-bar .container{background-size:100% 100% }
    #_desktop_logo{display: block !important}
    #_desktop_logo img{max-width: 123px !important;display: table;float: none;margin: 0 auto}
     .customslider{display: none}
     #haeder{background: #000}
     #header .header-top{background: #000; padding-top: 75px !important;}
}