/*==============================================================*/ /* DEFAULT MENU */ /*==============================================================*/ /* XÓA BỚT CONTENT RESPONSIVE TRONG /*==*/ /* FIX BUG MENU STICKY */ .menu a.wd-effect{ overflow:visible} #header-sticky-wrapper{/*height:auto !important;*/clear:both} /* ALL IE 8 */ .ie8 .sticky-wrapper.is-sticky #header .header_search{ display:none; } /* STICKY MENU IE8 */ .ie8 .sticky-wrapper.is-sticky #header .header-top{ display:none; } .ie8 .sticky-wrapper.is-sticky .logo{ margin:12px 0; transition:all .5s ease-in-out 0; -moz-transition:all .5s ease-in-out 0; -webkit-transition:all .5s ease-in-out 0; } .ie8 .sticky-wrapper.is-sticky #header .main-menu ul.menu,.ie8 .sticky-wrapper.is-sticky #header .nav > div.menu{ padding-top:12px; } .ie8 .sticky-wrapper.is-sticky #header .nav > .main-menu > ul.menu > li,.ie8 .sticky-wrapper.is-sticky #header .nav > div > ul > li{ padding-top:0; transition:all .5s ease-in-out 0; -moz-transition:all .5s ease-in-out 0; -webkit-transition:all .5s ease-in-out 0; } .ie8 .sticky-wrapper.is-sticky #header .nav > .main-menu > ul.menu > li > a,.ie8 .sticky-wrapper.is-sticky #header .nav > div > ul > li > a{ padding-bottom:22px; line-height:16px; } .ie8 .sticky-wrapper.is-sticky #header .nav > .main-menu > ul.menu li.menu-item.parent > a > span:before{ bottom:28px; } .ie8 .sticky-wrapper.is-sticky #header .nav{ min-height:60px; transition:all .5s ease-in-out 0; -moz-transition:all .5s ease-in-out 0; -webkit-transition:all .5s ease-in-out 0; } /* end ie 8 */ html .woocommerce .menu ul.products.grid div.short-description, html body .menu ul.products.grid div.short-description, html .woocommerce .menu ul.products.list div.short-description, html body .menu ul.products.list div.short-description, html .woocommerce #footer ul.products.grid div.short-description, html body #footer ul.products.grid div.short-description, html .woocommerce #footer ul.products.list div.short-description, html body #footer ul.products.list div.short-description, html .woocommerce .menu ul.products.grid div.second-rating, html body .menu ul.products.grid div.second-rating, html .woocommerce .menu ul.products.list div.div.second-rating, html body .menu ul.products.list div.div.second-rating, html .woocommerce #footer ul.products.grid div.second-rating, html body #footer ul.products.grid div.second-rating, html .woocommerce #footer ul.products.list div.second-rating, html body #footer ul.products.list div.second-rating { display:none !important } .nav .featured_product_slider_wrapper > div.featured_product_slider_wrapper_inner{ margin-left:0; margin-right:0; } .tax-product_cat .menu ul.products{ padding-top:0 !important } .nav .menu > ul > li ul li {display:inline-block;width:100%;} .nav .menu > ul > li ul li a {display:inline-block;color:#b3b3b3;padding:4px 30px 4px 10px;line-height:16px;width:100%;cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .nav .menu > ul > li ul {position:absolute;display:none;width:160px;padding:7px 0 16px;z-index:10;} .nav .menu > ul > li > ul {left:-10px;top:100%;} .nav .menu > ul > li > ul ul {left:125px;top:-7px;} .nav .menu > ul li:hover > ul {display:block;} .nav .menu > ul ul li a:hover {text-decoration:none;} .nav .menu .featured_product_slider_wrapper{padding-top:0} html .nav .menu .woocommerce ul.products li.product .heading-title, html.woocommerce-page .nav .menu ul.products li.product .heading-title{ font-weight:bold; } html .nav .menu .woocommerce ul.products li.product .heading-title, html.woocommerce-page .nav .menu ul.products li.product .heading-title, html .woocommerce-page .nav .menu ul.products li.product .product-meta-wrapper span.price, html .nav .menu .woocommerce ul.products li.product .product-meta-wrapper span.price, html .nav .menu .woocommerce ul.products li.product .product_sku, html.woocommerce-page .nav .menu ul.products li.product .product_sku, html .nav .menu .woocommerce ul.products li.product .product_short_content, html.woocommerce-page .nav .menu ul.products li.product .product_short_content {text-align:left} html .nav .menu .woocommerce ul.products li.product .product_sku, html.woocommerce-page .nav .menu ul.products li.product .product_sku{ display:block;clear:both; } html .nav .menu .woocommerce ul.products li.product .star-rating{ left:0; margin:0; } .nav .menu .textwidget h3{letter-spacing: -0.2px;} /*==============================================================*/ /* MEGA MENU */ /*==============================================================*/ /* I. GENERAL */ #header .header-container > .logo{display:none;padding:0;margin:0;} #header .nav {margin:0;min-height:80px;padding-right:230px;padding-left:240px;float:left} #header .nav .main-menu.pc-menu{float:left} #header .nav i {font-size:12px;line-height:12px;} #header .nav a:hover {text-decoration:none;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s} #header .nav > .main-menu > ul.menu,#header .nav > div.menu > ul {margin:0;float:left} #header .nav > .main-menu > ul.menu > li, #header .nav > div > ul > li {display:inline-block;float:left;position:relative;line-height:22px;padding-top:23px;} #header .nav > .menu > ul > li {margin-left:35px;} #header .nav > .main-menu > ul.menu > li.parent > a:after, #header .nav > div > ul > li.parent > a:after {} #header .nav > .main-menu > ul.menu li a > img, #header .nav > div > ul li a > img {margin:0;} #header .nav > .main-menu > ul.menu > li > a {text-transform:capitalize;} #header .nav > .main-menu > ul.menu > li > a > span.menu-desc-lv0 {text-transform:none;font-size:10px;} #header .nav > .main-menu > ul.menu > li > a > span,#header .nav > div.menu > ul > li > a {font-size:14px;font-weight:normal;text-transform:uppercase} #header .nav > .main-menu > ul.menu > li.hidden-description > a > span.menu-desc-lv0 {color:transparent;} #header .nav > .main-menu > ul.menu li p{line-height:22px;} #header .nav > .main-menu > ul.menu li span{line-height:16px;} #header .nav > .main-menu > ul.menu li:hover > a,#header .nav > .main-menu > ul.menu li > a:hover {text-decoration:none;} #header .nav > .main-menu > ul.menu > li > a, #header .nav > div > ul > li > a {display:inline-block;padding:10px 12px 33px 12px;z-index:9;position:relative;float:left;line-height:16px;} #header .nav > .main-menu > ul.menu > li img {max-width:100%;height:auto;width:auto;} #header .nav > .main-menu > ul.menu > li > ul.sub-menu {bottom:auto;opacity:0;filter:alpha(opacity=0)} #header .nav > .main-menu > ul.menu > li:hover > ul.sub-menu{opacity:1;filter:alpha(opacity=100)} #header .nav > .main-menu > ul.menu > li li {padding:4px 0;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu > a{text-align:center} #header .nav > .main-menu > ul.menu > li > a {position:relative;z-index:10;} #header .nav > .main-menu > ul.menu > li ul.sub-menu {z-index:100;background:#fff;} #header .nav > .main-menu > ul.menu li.menu-item{position:relative} #header .nav > .main-menu > ul.menu > li.menu-item.parent > a > span:before{ content:"\f0dd"; font-family:FontAwesome; right:-5px; bottom:38px; font-size:12px; line-height:12px; position:absolute; } #header .nav > .main-menu > ul.menu li p {margin:0 0 5px;} #header .nav > .main-menu > ul.menu ul {margin-left:0;margin-top:3px;margin-bottom:0;} #header .nav > .main-menu > ul.menu .textwidget .one_half ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .one_third ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .two_third ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .one_fourth ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .three_fourth ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .one_fifth ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .two_fifth ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .three_fifth ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .fourth_fifth > ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .one_sixth ul.wd-categories > li, #header .nav > .main-menu > ul.menu .textwidget .five_sixth ul.wd-categories > li{ margin-left:0; list-style:none; } #header .nav > .main-menu > ul.menu li:hover > a {text-decoration:none;} #header .nav > .main-menu > ul.menu > li:hover > a > span,#header .nav > div.menu > ul > li:hover > a,#header .nav > .main-menu > ul.menu > li.current_page_item > a > span, #header .nav > .main-menu > ul.menu > li.current-menu-item > a > span{ font-weight:normal; } #header .nav > .main-menu > ul.menu > li.current_page_item > a > span, #header .nav > .main-menu > ul.menu > li.current-menu-item > a > span{ font-weight:bold; } #header .nav > .main-menu > ul.menu > li.wd-fly-menu li a:hover, #header .nav > .main-menu > ul.menu div.categories a:hover, .menu .wd-categories a:hover, #header .nav > .main-menu > ul.menu > li.wd-fly-menu li > a:hover > span, #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.current-menu-item > a > span, #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.current_page_item > a > span{ font-weight:bold; } /* */ #header .nav > .main-menu > ul.menu > li > ul{border-width:1px 1px 1px 1px;border-style:solid;} /* II. FLYOUT MENU */ #header .nav > .main-menu > ul.menu > li.wd-fly-menu li{display:inline-block;width:151px;line-height:14px;padding:0;margin:4px 0px 4px 19px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li:hover{cursor:default} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li a {z-index:2;display:inline-block;cursor:pointer;font-size:14px;padding:3px 0;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:-.2px;white-space:normal} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li:hover > a > span, #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.current-menu-item > a > span, #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.current_page_item > a > span {/*color:#fff;*/position:relative;z-index:2;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu {display:none;position:absolute;margin-top:0;width:190px;padding:20px 0 20px 0;background:url(../images/bg-none.png) repeat;border:0;z-index:999999999;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu ul.sub-menu{padding-left:20px;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu > ul.sub-menu {top:100%;left:50%;margin-left:-85px} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu:after {content:"";display:inline-block;position:absolute;left:0px;right:10px;top:0;bottom:0px;border-width:1px 1px 1px 1px;border-style:solid;z-index:-1;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu ul.sub-menu{width:210px;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul ul.sub-menu:after{left:20px} #header .nav > .main-menu > ul.menu > li.wd-fly-menu > ul.sub-menu ul.sub-menu {left:150px;top:-24px;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu > ul.sub-menu > li:first-child > ul.sub-menu {top:-24px;} /* III. MEGA MENU */ #header .nav > .main-menu > ul.menu > li.wd-mega-menu > ul.sub-menu {position:absolute;z-index:999999;top:100%;left:0px;padding:20px 0 15px 0;margin:0;display:none} #header .nav > .main-menu > ul.menu > li.wd-mega-menu img.icon_menu {margin-top:0;} /* MEGA MENU WITH SIDEBAR */ .sticky-wrapper.is-sticky #header .header_search{ display:none; } #header .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar > ul.sub-menu > li, #header .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar > ul.sub-menu > li > div > ul > li{width:100%;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li.fullwidth-menu > ul > li.sidebar-menu{padding-left:0;padding-right:0;} /* SEARCH FORM */ #header .nav > .main-menu > ul.menu > li.search-menu #searchform {margin:0 0 10px 10px;float:left;overflow:hidden;} /* */ #header .nav > .main-menu > ul.menu > li.search-menu form[id^="searchform-"] {margin:0 0 10px 10px;float:left;overflow:hidden;} /* */ #header .nav > .main-menu > ul.menu > li.search-menu > a {padding:0;display:none;} #header .nav > .main-menu > ul.menu > li.search-menu:hover {background:none;} #header .nav > .main-menu > ul.menu > li.search-menu input#s {} .nav #searchform .bg_search {padding-right:40px;} /* */ #header .nav > .main-menu > ul.menu > li.search-menu input[id^="s-"] {} .nav form[id^="searchform-"] .bg_search {padding-right:40px;} /* */ /* ALIGN RIGHT */ #header .nav > .main-menu > ul.menu > li.aligh-right {float:right;} /* COLUMNS */ #header .nav > .main-menu > ul.menu > li .one_half, #header .nav > .main-menu > ul.menu > li .one_third, #header .nav > .main-menu > ul.menu > li .two_third, #header .nav > .main-menu > ul.menu > li .one_fourth, #header .nav > .main-menu > ul.menu > li .three_fourth, #header .nav > .main-menu > ul.menu > li .one_fifth, #header .nav > .main-menu > ul.menu > li .two_fifth, #header .nav > .main-menu > ul.menu > li .three_fifth, #header .nav > .main-menu > ul.menu > li .fourth_fifth, #header .nav > .main-menu > ul.menu > li .one_sixth, #header .nav > .main-menu > ul.menu > li .five_sixth {position:relative;padding:0 10px;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:visible} #header .nav > .main-menu > ul.menu > li .one_half {width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-left:0;} #header .nav > .main-menu > ul.menu > li .one_third {width:33.3%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li .two_third {width:66.6%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li .one_fourth {width:25%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li .three_fourth {width:75%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li .one_fifth {width:20%;} #header .nav > .main-menu > ul.menu > li .two_fifth {width:40%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li .three_fifth {width:60%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li .fourth_fifth {width:80%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li .one_sixth {width:16.6%} #header .nav > .main-menu > ul.menu > li .five_sixth {width:83%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} /* COLUMN WITH FIX WIDTH */ /*--- 2 columns */ #header .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu {width:380px;margin-left:-156px;} #header .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu > li {width:50%;} /*--- 3 columns */ #header .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu {width:480px;margin-left:-220px} #header .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu > li {width:33%;} /*--- 4 columns */ #header .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu {width:640px;margin-left:-280px} #header .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu > li {width:33%;} /*--- 5 columns */ #header .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu {width:800px;margin-left:-360px} #header .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu > li {width:20%;} /*--- 6 columns */ #header .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu {width:1000px;margin-left:-460px} #header .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu > li {width:16.6%;} /*--- For All Columns */ #header .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu > li, #header .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu > li, #header .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu > li, #header .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu > li, #header .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu > li {display:inline-block;float:left;padding:0 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu > li ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu > li ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu > li ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu > li ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu > li ul.sub-menu {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-2 > ul.sub-menu > li.sidebar-menu, #header .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-3 > ul.sub-menu > li.sidebar-menu, #header .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-4 > ul.sub-menu > li.sidebar-menu, #header .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-5 > ul.sub-menu > li.sidebar-menu, #header .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-6 > ul.sub-menu > li.sidebar-menu {width:100%} /* SHORTCODE PRODUCT */ #header .nav > .main-menu > ul.menu > li .woocommerce .caroufredsel_wrapper {width:100%!important;height:auto!important;margin-top:0 !important;overflow:visible !important} #header .nav > .main-menu > ul.menu > li .woocommerce ul.products {width:100%!important;} #header .nav > .main-menu > ul.menu > li .woocommerce ul.products > li {width:100%!important;display:block;margin:0;padding: 0 0 10px;} #header .nav > .main-menu > ul.menu .product_thumbnail_wrapper {width:28%;height:auto;float:left;padding:0 0 0 0;} #header .nav > .main-menu > ul.menu .product_thumbnail_wrapper img {max-width:100%;position:relative;width:100% !important} #header .nav > .main-menu > ul.menu .product-meta-wrapper {padding:0 0 0 20px;position:relative;top:0;text-align:left;margin:0;float:left;width:60%;} #header .nav .featured_product_slider_wrapper > div.featured_product_slider_wrapper_inner {padding:0;} html #header .nav .woocommerce ul.products li.product .product_thumbnail_wrapper, html .woocommerce-page #header .nav ul.products li.product .product_thumbnail_wrapper {border-color:rgba(0,0,0,0.2)} html #header .nav .woocommerce ul.products li.product .product_thumbnail_wrapper:hover, html #header .nav .woocommerce .featured_product_slider_wrapper .featured_product_slider_wrapper_meta h3, .woocommerce-page #header .nav .featured_product_slider_wrapper .featured_product_slider_wrapper_meta h3 {} html #header .nav .featured_product_slider_wrapper > div.featured_product_slider_wrapper_meta {padding:0 10px;position:relative;top:-5px;} /* TEXT WIDGET MENU */ #header .nav > .main-menu > ul.menu > li .textwidget .product-title a:hover {opacity:0.7;filter:alpha(opacity=70)} #header .nav > .main-menu > ul.menu > li .textwidget .product_thumbnail_wrapper > a:hover {opacity:1;filter:alpha(opacity=100)} #header .nav > .main-menu > ul.menu > li .textwidget ul.menu {overflow:visible;} #header .nav > .main-menu > ul.menu > li .textwidget ul.menu li {padding:0 0 12px;} #header .nav > .main-menu > ul.menu > li .textwidget ul.menu li a{text-transform:uppercase;font-size:10px;} #header .menu_widget_area_1 .first_element {float:left;margin:0 20px 0 0;} /* FULLWIDTH MENU */ #header .nav > .main-menu > ul.menu > li ,#header .nav > div.menu ul > li{margin:0 0 0 10px;} #header .nav > .main-menu > ul.menu > li.fullwidth-menu {position:relative;} #header .nav > .main-menu > ul.menu > li.fullwidth-menu > ul.sub-menu {top:100%;float:left;;padding:10px 10px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header .nav > .main-menu > ul.menu > li.fullwidth-menu > ul > li {padding-left:10px;padding-right:10px;}\ body #header .woocommerce ul.products li.product .product-meta-wrapper{width:72%;float:left;display:inline-block;} body #header .woocommerce ul.products li.product .product_thumbnail_wrapper > a, body #header .woocommerce-page ul.products li.product .product_thumbnail_wrapper > a {width:auto;display:inline-block;max-width:100%;} #header .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} /* VIDEO ON MENU */ #header .nav > .main-menu > ul.menu > li iframe {max-width:100%;margin:8px 0;} /* PRIVATE FOR THIS THEME */ #header .nav > .main-menu > ul.menu > li .mega-new-line{min-height:1px;width:100%!important;clear:both;display:block;} #header .nav > .main-menu > ul.menu > li > ul.sub-menu > li.border-top > a {color:#d7d7d7;display:inline-block;width:100%;padding-top:8px;margin-top:8px;border-width:1px 0 0;border-style:solid;} #header .nav > .main-menu > ul.menu > li .textwidget a.shop-now {display:inline-block;position:relative;padding:0 20px 0 0;} #header .nav > .main-menu > ul.menu > li .textwidget a.shop-now:hover {text-decoration:underline;} #header .nav > .main-menu > ul.menu > li .textwidget a.shop-now:after {position:absolute;right:0;top:5px;bottom:auto;left:auto;content:"";display:inline-block;width:8px;height:10px;background:url(../images/images.png) no-repeat -290px -94px;} #header .nav > .main-menu > ul.menu > li .textwidget a.shop-now:hover:after {text-decoration:none;} #header .product_short_content {display:none;} #header .product_sku {} #header .nav > .main-menu > ul.menu li .ads, #header .nav > div > ul li .ads {overflow:visible;float:right;} #header .nav > .main-menu > ul.menu li .ads a, #header .nav > div > ul li .ads a {margin:0 0 10px 10px;display:inline-block;float:left;} #header .nav > .main-menu > ul.menu li .ads a img, #header .nav > div > ul li .ads a img {margin:0;float:left;} @media screen and (-webkit-min-device-pixel-ratio:0) { #header .nav > .main-menu > ul.menu > li > a > span { display:inline-block; } } /* FORM SEARCH */ #header .nav .bg_search #s {max-width:150px;} /* */ #header .nav .bg_search input[id^="s-"] {max-width:150px;} /* */ /* MENU ADS */ .menu_ads_area1 {width:31.4%;float:left;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .menu_ads_area2 {width:68.6%;float:left;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} body .wd-description{letter-spacing:-.2px;} #header .nav > .main-menu > ul.menu li .wd-description{margin-top:10px;letter-spacing:-.2px;line-height:20px;} /*==============================================================*/ /* RESPONSIVE */ /*==============================================================*/ @media only screen and (max-width: 4000px) and (min-width: 1025px) { /* STICKY MENU */ .sticky-wrapper.is-sticky #header .header-top{ display:none; } .sticky-wrapper.is-sticky .logo{ margin:12px 0; transition:all .5s ease-in-out 0; -moz-transition:all .5s ease-in-out 0; -webkit-transition:all .5s ease-in-out 0; } .sticky-wrapper.is-sticky #header .main-menu ul.menu,.sticky-wrapper.is-sticky #header .nav > div.menu{ padding-top:12px; } .sticky-wrapper.is-sticky #header .nav > .main-menu > ul.menu > li, .sticky-wrapper.is-sticky #header .nav > div > ul > li{ padding-top:0; transition:all .5s ease-in-out 0; -moz-transition:all .5s ease-in-out 0; -webkit-transition:all .5s ease-in-out 0; } .sticky-wrapper.is-sticky #header .nav > .main-menu > ul.menu > li > a, .sticky-wrapper.is-sticky #header .nav > div > ul > li > a{ padding-bottom:22px; line-height:16px; } .sticky-wrapper.is-sticky #header .nav > .main-menu > ul.menu li.menu-item.parent > a > span:before{ bottom:28px; } .sticky-wrapper.is-sticky #header .nav{ min-height:60px; transition:all .5s ease-in-out 0; -moz-transition:all .5s ease-in-out 0; -webkit-transition:all .5s ease-in-out 0; } } @media only screen and (min-width: 768px) { /*==*/ #header .menu_widget_area_1 .first_element {float:none;} #header .nav > .main-menu > ul.menu .product_thumbnail_wrapper {width:40%;height:auto;float:left;padding:0 0 0 0;} /*==*/ #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li[class*="span"] {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span1 {width:8.33%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span2 {width:16.66%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span3 {width:25%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span4 {width:33.33%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span5 {width:41.66%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span6 {width:50%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span7 {width:58.33%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span8 {width:66.66%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span9 {width:75%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span10 {width:83.33%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span11 {width:91.66%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span12 {width:100%;} } @media only screen and (max-width: 767px) { /* PHONE HEADER */ .phone-header .toggle-menu-control-close{ position:relative;width:100%;height:48px; } .toggle-menu-control-close:before{position:absolute;width:100%;height:48px;content: "\f057";text-align:center;font-size:25px;padding-top:15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;color:#fff !important;font-family:FontAwesome;} .phone-header .toggle-menu-control-open{ position:absolute; display:block;width:38px;height:34px;color:transparent !important;background-image:url(../images/icon-menu.png) ;background-position:18px 4px;background-repeat:no-repeat;float:left;padding:0 5px 0 0px;margin-right:10px;left:-5px; top:0px; } .phone-header .toggle-menu-wrapper{ overflow:hidden; position:absolute; width:0; top:0; display:block; z-index:9999; } .mobile-main-menu .menu li{ list-style:none; padding:0 10px; } .phone-header{height:50px;padding:10px 0;position:relative;} .phone-header .phone-header-bar-wrapper{position:relative;padding-left:45px;} .phone-header #searchform input#searchsubmit{ width:20px; padding:12px 12px 11px 12px; font-size:0; margin-top:0; border:2px solid #fff; background:transparent !important; background-image:url(../images/search-submit-button-phone.png) !important; background-position:center !important; background-repeat:no-repeat; border-radius:100% !important; -webkit-border-radius:100% !important; -moz-border-radius:100% !important; -o-border-radius:100% !important; display:inline-block; line-height:0px; position:relative; right:0; top:0 !important; } .phone-header #searchform{ background:transparent !important; float:left; margin-bottom:0; width:70%; } .phone-header #searchform input[type="text"],.phone-header #searchform .bg_search #s{ width:85%; padding-right:0; } /* */ .phone-header form[id^="searchform-"] input[id^="searchsubmit-"] { width:20px; padding:12px 12px 11px 12px; font-size:0; margin-top:0; border:2px solid #fff; background:transparent !important; background-image:url(../images/search-submit-button-phone.png) !important; background-position:center !important; background-repeat:no-repeat; border-radius:100% !important; -webkit-border-radius:100% !important; -moz-border-radius:100% !important; -o-border-radius:100% !important; display:inline-block; line-height:0px; position:relative; right:0; top:0 !important; } .phone-header form[id^="searchform-"]{ background:transparent !important; float:left; margin-bottom:0; width:70%; } .phone-header form[id^="searchform-"] input[type="text"],.phone-header form[id^="searchform-"] .bg_search input[id^="s-"] { width:85%; padding-right:0; } /* */ body > .body-wrapper{ overflow:hidden; } .mobile_cart_container .mobile_cart > a{ background:url(../images/ic-cart-header.png) no-repeat 0 6px; width:26px; height:30px; color:transparent; font-size:20px; float:left; line-height:26px; } .mobile_cart_container{position:relative;float:left;width:50px;margin:0 20px 0 20px;} .mobile_cart_container .mobile_cart_number{position:absolute;top:0;left:30px;display:inline-block;color:#fff;} .phone-header #mobile-user-menu{height:30px;width:30px;margin-left:0;background:url(../images/icon-account-menu.png) no-repeat center;float:right;margin-right:20px} .mobile-main-menu .menu{padding:0;margin-top:0;} .mobile-main-menu .menu li{line-height:18px;margin:0 0 5px 0;padding:0} .mobile-main-menu .menu li a{padding:6px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;width:100%;display:block} .mobile-main-menu .menu li a:hover,.mobile-main-menu .menu li.current_page_item > a,.mobile-main-menu .menu li.current-menu-item > a{background:url(../images/bg-menu-phone.png) repeat;} .mobile-main-menu .menu li.current_page_item > a,.mobile-main-menu .menu li.current-menu-item > a{font-weight:bold;} .mobile-main-menu .menu li ul,.mobile-main-menu .menu li ul ul{margin-top:5px;margin-left:0px;margin-bottom:10px;} .header-container #header-sticky-wrapper{ height:0 !important; } #header .header-container > .logo{display:block;left:0;padding:20px 0 20px 0;margin:0 0 0 0;float:left;width:100%;position:relative;} #rev_slider_1_1_wrapper{margin-bottom:10px !important;} .mobile-main-menu .menu > li{ padding:0 5px; } .mobile-main-menu .menu > li > a{ padding-left:15px; font-size:16px; text-transform:uppercase; } .mobile-main-menu .menu > li > ul > li > a{ padding-left:30px; font-size:12px; text-transform:uppercase; } .mobile-main-menu .menu > li > ul > li > ul li a{ padding-left:50px; font-size:12px; text-transform:uppercase; } } @media only screen and (max-width: 568px) and (min-width: 568px) { .phone-header #searchform input[type="text"],.phone-header #searchform .bg_search #s{ width:90% !important; } .phone-header #searchform{ width:77% !important; } .phone-header #mobile-user-menu,.mobile_cart_container{margin-right:10px !important;} /* */ .phone-header form[id^="searchform-"] input[type="text"],.phone-header #searchform .bg_search input[id^="s-"]{ width:90% !important; } .phone-header form[id^="searchform-"] { width:77% !important; } /* */ } @media only screen and (max-width: 568px) { .phone-header #searchform input[type="text"],.phone-header #searchform .bg_search #s{ width:90%; } .phone-header #searchform{ width:70%; } /* */ .phone-header form[id^="searchform-"] input[type="text"],.phone-header #searchform .bg_search input[id^="s-"]{ width:90%; } .phone-header form[id^="searchform-"] { width:70%; } /* */ } @media only screen and (max-width: 480px) { .phone-header #mobile-user-menu{margin-right:10px} .phone-header #searchform input[type="text"],.phone-header #searchform .bg_search #s{ width:85%; } .phone-header #searchform{ width:70%; } /* */ .phone-header form[id^="searchform-"] input[type="text"],.phone-header #searchform .bg_search input[id^="s-"]{ width:85%; } .phone-header form[id^="searchform-"] { width:70%; } /* */ } @media only screen and (max-width: 360px) { .mobile_cart_container{position:relative;float:left;width:40px;margin:0 10px 0 10px;} .phone-header #mobile-user-menu{margin-right:10px} .phone-header #searchform input[type="text"],.phone-header #searchform .bg_search #s{ width:78%; } .phone-header #searchform{ width:60%; } /* */ .phone-header form[id^="searchform-"] input[type="text"],.phone-header #searchform .bg_search input[id^="s-"]{ width:78%; } .phone-header form[id^="searchform-"] { width:60%; } /* */ } @media only screen and (max-width: 1024px) and (min-width: 768px) { #header{position:relative !important;top:0 !important;} #header .nav > .main-menu > ul.menu > li.menu-item.parent > a > span:before{display:none;} body #header .woocommerce ul.products li.product .product-meta-wrapper{width:60%;float:left;display:inline-block;} #header .nav{padding-right:200px;padding-left:30px;} .logo {float:left;display:block;margin-right:0;text-align:center;padding:0;min-height:36px;width:100%;position:relative;margin-bottom:20px;} #header .nav {display:inline-block;} #header .header_search{top:auto;bottom:20px;} #header-main-content {text-align:center;} #header .nav {margin-bottom:0;float:left;text-align:left;position:relative;top:0;} #header .nav > .main-menu > ul.menu > li, #header .nav > div > ul > li{padding-top:0;} #header .nav{min-height:50px;} #header .nav > .main-menu > ul.menu > li > a, #header .nav > div > ul > li > a{ padding-bottom:20px; } #header .header-middle .header-middle-content {text-align:center;float:left} #header .header-main-content {text-align:center;} #header .nav .main-menu > ul.menu > li li {position:relative!important;} #header .nav .main-menu > ul.menu > li.parent > a {padding-right:30px;position:relative;z-index:10;} #header .nav .main-menu > ul.menu > li.parent > span.menu-drop-icon,#header .visible-phone.cart-drop-icon,#header .visible-phone.login-drop-icon{z-index:10;cursor:pointer;display:inline-block!important;width:30px;height:30px;content:"";position:absolute;right:0;top:3px;text-align:center;font-size:13px;} #header .nav .main-menu > ul.menu > li.parent > span.menu-drop-icon:before,#header .visible-phone.cart-drop-icon:before{ content: "\f0dd"; position:absolute; right:0; top:0px; font-size:14px; line-height:20px; text-align:center; font-family:FontAwesome; width:30px; height:20px; } #header .visible-phone.cart-drop-icon:before{ top:3px; } .shopping-cart.shopping-cart-wrapper{ padding-right:30px; } #header .visible-phone.login-drop-icon{ top:2px; position:relative;width:30px;height:20px; top:1px; margin:0 7px; } #header .visible-phone.login-drop-icon:before{ content: "\f0dd"; position:absolute; right:0; top:-2px; font-size:14px; line-height:10px; text-align:center; font-family:FontAwesome; width:30px; height:20px; } #header .wd_tini_account_wrapper .wd_tini_account_control > a{ height:20px; top:0; position:relative; } #header .wd_tini_account_wrapper .wd_tini_account_control > a.sign-in-form-control{ top:-8px; } .wd_tini_account_wrapper .form_drop_down:before{ top:0; } .shopping-cart .cart_dropdown:before{ top:0; } #header .nav > .main-menu > ul.menu > li.li_active.parent > span.menu-drop-icon:after {background-position:-303px -83px;} #header .nav .main-menu > ul.menu > li.parent.active > span.menu-drop-icon {content:"\f077"} #header .nav > .main-menu > ul.menu li.current-menu-item > a > span{font-weight:bold !important;} #header .nav .main-menu > ul.menu > li.parent:hover > span.menu-drop-icon, #header .nav .main-menu > ul.menu > li.parent > span.menu-drop-icon.active, #header .nav .main-menu > ul.menu > li.parent.current-menu-item > span.menu-drop-icon {color:#fff;} #header .nav > .main-menu > ul.menu > li.parent > a:after, #header .nav > div > ul > li.parent > a:after {display:none;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li ul.sub-menu:before {display:none;} #header .nav .main-menu > ul.menu > li.wd-fly-menu li.parent > span.menu-drop-icon{z-index:10;cursor:pointer;display:block!important;width:30px;height:30px;content:"";position:absolute;right:10px;top:0;text-align:center;font-size:13px;color:#919191;} #header .nav .main-menu > ul.menu > li li.parent > span.menu-drop-icon:after {position:absolute;left:0;top:-2px;width:30px;height:30px;line-height:30px;content:"\f107";font-family:FontAwesome;font-size:14px;font-weight:normal;} #header .nav .main-menu > ul.menu > li li.parent:hover > span.menu-drop-icon,#header .nav .main-menu > ul.menu > li li.parent > span.menu-drop-icon.active,#header .nav .main-menu > ul.menu > li li.parent.current-menu-item > span.menu-drop-icon {/*color:#fff;*/} #header .nav .main-menu > ul.menu > li.wd-fly-menu li a {padding-right:40px;} #header .nav .main-menu > ul.menu > li ul ul{padding:0 !important;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu{min-width:190px;width:auto;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu ul.sub-menu{max-width:210px;width:auto;margin:5px 0;padding:0 10px !important;} #header .nav .main-menu > ul.menu > li.wd-fly-menu li a{padding-right:0;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li{min-width:50px;width:auto;display:block} #header .nav .main-menu > ul.menu > li li ul {position:relative!important;left:auto!important;top:auto!important;} #header .nav .main-menu > ul.menu > li.fullwidth-menu.parent {/*overflow:hidden;*/} #header .nav .main-menu > ul.menu > li.fullwidth-menu.parent > a {float:left;} #header .phone_quick_menu_1 {display:block!important;max-width:150px;position:absolute;top:11px;right:20px;} #header .phone_quick_menu_1 .mobile_my_account {display:none;} #header .phone_quick_menu_1 .mobile_search .search-input-btn {display:inline-block;width:25px;height:24px;position:absolute;top:0;right:0;cursor:pointer;border:0;background:url(../images/images.png) no-repeat 0 0;color:transparent!important;font-size:0;line-height:0;border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;-o-border-radius:0!important;} #header .phone_quick_menu_1 .mobile_search .search-input {height:24px;padding-right:30px!important;border-radius:3px 0 0 3px!important;-moz-border-radius:3px 0 0 3px!important;-webkit-border-radius:3px 0 0 3px!important;} #header .nav .main-menu > ul.menu li.search-menu {display:none!important;} #header .nav .main-menu > ul.menu > li .woocommerce .products > li > div.product_thumbnail_wrapper {padding-right:0;} /* Style for Flyout Menu */ #header .nav .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu {overflow:visible;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu.li_active > a > span {color:#000;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.li_active > a > span, #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.current_page_item > a > span{/*color:#fff;*/position:relative;z-index:2;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.li_active > span.menu-drop-icon.active:after {content:"\f106"} #header .nav .main-menu > ul.menu > li li.parent:hover > span.menu-drop-icon, #header .nav .main-menu > ul.menu > li li.parent > span.menu-drop-icon.active, #header .nav .main-menu > ul.menu > li li.parent.current-menu-item > span.menu-drop-icon {/*color:#fff;*/} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li ul.sub-menu:after {border-width:0 1px;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li ul.sub-menu:before {display:none;} #header .nav > .main-menu > ul.menu .product-meta-wrapper {width:100%;} #header .nav .main-menu > ul.menu > li .woocommerce .products > li > div.product_thumbnail_wrapper {margin-bottom:15px;} #header .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu {left:0;margin-left:0;} }