/* Theme Name:WD OSWAD MARKET Theme URI: http://wpdance.com/ Description: Commerce Template Author: WPDance Team / WPDance.com Author URI: http://wpdance.com/ Version: 1.0 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, translation-ready License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html 1. MENU DEFAULT 1.1 RESET PRODUCT IN MENU 2. MEGA MENU 2.1 CUSTOME WIDTH FOR COLUMNS 2.2 CUSTOME SHORTCODE COLUMNS 3. FLYOUT MENU 4. STICKY MENU 2.1 MENU OF HEADER STYLE 1 2.2 MENU OF HEADER STYLE 2 2.3 MENU OF HEADER STYLE 3 2.4 MENU OF HEADER STYLE 4 5. RESPONSIVE /* DELETE CONTENT INTO /*==*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 1. MENU DEFAULT ---------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ .nav .menu > ul > li ul li {display:inline-block;width:100%;} .nav .menu > ul > li ul li a {display:inline-block;padding:4px 30px 4px 10px;line-height:18px;width:100%;cursor:pointer;} .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, .nav .menu > ul ul li a:focus {text-decoration:none;} #header .nav {margin:-1px 0 0 0;display:inline-block;padding: 0 300px 0 0;position:relative;width:100%;z-index:14;background:transparent;} #header .pc-menu:after{content:"";display:table;clear:both;} #header .nav:before{ content:""; position:absolute; bottom:0;left:-1px;right:0;top:auto; height:1px; z-index:11; display:inline-block; } #header .header-bottom.search-hidden .nav{padding:0;} #header .nav i {font-size:12px;line-height:12px;} #header .nav a:hover,#header .nav a:focus {text-decoration:none;} #header .nav > .main-menu > ul.menu, #header .nav > div.menu > ul {margin:0 0 0 1px;display:inline-block;padding:0;float:left;padding-top:1px} #header .nav > .main-menu > ul.menu > li, #header .nav > div > ul > li { display:inline-block;position:relative;line-height:24px; padding:0 0 0 0;float:left;line-height:0 !important; background:transparent;margin:0; } /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 1.1 RESET PRODUCT IN MENU -----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ .woo-hidden{display:none !important} .woocommerce .custom-product-shortcode ul.products li.product .heading-title.promotion-title{display:none !important} body .body-wrapper .nav .wd-effect{margin-bottom:5px;} body #header .woocommerce ul.products li.product .product_item_wrapper, .woocommerce-page #header ul.products li.product .product_item_wrapper, body.woocommerce #header ul.products li.product .product_item_wrapper, .woocommerce-page #header ul.products li.product .product_item_wrapper{max-width:100%;} #header .woocommerce ul.products li.product .product_item_wrapper .product-image-back{display:none !important} /* WISHLIST */ .body-wrapper .menu ul.products li.product .product-meta-wrapper .wd_compare_wrapper, .woocommerce .body-wrapper .menu ul.products li.product .product-meta-wrapper .wd_compare_wrapper, .woocommerce-page .body-wrapper .menu ul.products li.product .product-meta-wrapper .wd_compare_wrapper{ display:none; } .body-wrapper .menu ul.products li.product .product-meta-wrapper .yith-wcwl-add-to-wishlist, .woocommerce .body-wrapper .menu ul.products li.product .product-meta-wrapper .yith-wcwl-add-to-wishlist, .woocommerce-page .body-wrapper .menu ul.products li.product .product-meta-wrapper .yith-wcwl-add-to-wishlist{ display:none; } /* END WISHLIST */ /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 2. MEGA MENU ------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ .mega-control-menu{display:none;} #header .nav > .main-menu > ul.menu > li.wd-mega-menu.aligh-right > ul.sub-menu{right:0;left:auto} #header .nav > .main-menu > ul.menu > li.wd-mega-menu > ul.sub-menu {position:absolute;z-index:999999;top:100%;left:-1px;margin:-1px 0 0 0;padding:30px 0} #header .nav > .main-menu > ul.menu > li.wd-mega-menu > ul.sub-menu .mega-menu-bg {padding:30px 28px 30px 28px;margin:-19px -27px -30px -27px} #header .nav > .main-menu > ul.menu > li.wd-mega-menu > ul.sub-menu .mega-menu-bg:after{ content:"";display:table;clear:both; } #header .nav > .main-menu > ul.menu > li.wd-mega-menu > ul.sub-menu:before{ content:""; display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; border-width:1px 1px 1px 1px;border-style:solid; background-color:#fff; } #header .nav > .main-menu > ul.menu > li.wd-mega-menu img.icon_menu {margin:0 5px 0 0;float:left !important} /* MEGA MENU WITH SIDEBAR */ #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;} #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;} /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 2.1 CUSTOME WIDTH FOR COLUMNS -------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ /*--- 2 columns */ #header .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu {width:320px;margin-left:0;} /*--- 3 columns */ #header .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu {width:442px;margin-left:0} /*--- 4 columns */ #header .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu {width:700px;margin-left:0 !important} /*--- 5 columns */ #header .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu {width:930px;margin-left:0} /*--- 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{display:inline-block;float:left;padding:0;} #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{width:100%;} #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{width:100%} /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 2.2 CUSTOME SHORTCODE COLUMNS -------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ /* 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 {position:relative;padding:0 20px 0 0;margin:0;} #header .nav > .main-menu > ul.menu > li .one_half {width:50%;padding-left:0;} #header .nav > .main-menu > ul.menu > li .one_third {width:33.3%;} #header .nav > .main-menu > ul.menu > li .two_third {width:66.6%;} #header .nav > .main-menu > ul.menu > li .one_fourth {width:25%;} #header .nav > .main-menu > ul.menu > li .three_fourth {width:75%;} #header .nav > .main-menu > ul.menu > li .one_fifth {width:20%;} #header .nav > .main-menu > ul.menu > li .two_fifth {width:40%;} #header .nav > .main-menu > ul.menu > li .three_fifth {width:60%;} #header .nav > .main-menu > ul.menu > li .fourth_fifth {width:80%;} #header .nav > .main-menu > ul.menu > li .five_sixth {width:83%;} /* TEXT WIDGET MENU */ #header .nav > .main-menu > ul.menu > li .textwidget ul.menu {overflow:hidden;} #header .nav > .main-menu > ul.menu > li .textwidget ul.menu li {padding:0 0 12px;} /* FULLWIDTH MENU */ #header .nav > .main-menu > ul.menu > li.wd-mega-menu > ul.sub-menu { top:100%;padding:20px 28px 30px 28px; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } #header .nav > .main-menu > ul.menu > li.wd-mega-menu > ul > li {padding-left:10px;padding-right:10px;} @media screen and (-webkit-min-device-pixel-ratio:0){ #header .nav > .main-menu > ul.menu > li > a > span { display:inline-block; } } /*==*/ /* HEADER V2 */ #header .header-bottom.v2 .nav > .main-menu, #header .header-bottom.v2 .nav > div.menu > ul{display:inline-block;text-align:center;width:100%} #header .header-bottom.v2 .nav > .main-menu > ul.menu, #header .header-bottom.v2 .nav > div.menu > ul {margin:0 auto;margin-left:1px;display:inline-block;padding:0;float:none;text-align:center} /* END HEADER V2 */ #header .nav > .main-menu > ul.menu > li:hover > a, #header .nav > div > ul > li:hover > a, #header .nav > .main-menu > ul.menu > li.current-menu-item > a, #header .nav > div > ul > li.current_page_item > a{z-index:17} /*==*/ #header .nav > .main-menu > ul.menu > li li, #header .nav > div > ul > li li{text-align:left;} #header .nav > .main-menu > ul.menu li a > img, #header .nav > div > ul li a > img {margin-bottom:0;} #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;line-height:18px;text-transform:uppercase;font-weight:500;} #header .nav > .main-menu > ul.menu > li > a > span{ float:left; transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -webkit-transition:all 300ms ease 0s; } #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:18px;} #header .nav > .main-menu > ul.menu li:hover > a, #header .nav > .main-menu > ul.menu li > a:hover,#header .nav > .main-menu > ul.menu li:focus > a, #header .nav > .main-menu > ul.menu li > a:focus {text-decoration:none;} #header .nav > .main-menu > ul.menu > li > a, #header .nav > div > ul > li > a {display:inline-block;padding:16px 27px 16px 27px;z-index:9;position:relative;display:inline-block;font-size:14px;line-height:18px;margin-left:-1px;margin-top:-1px;border-width:1px 1px 1px 1px;border-style:solid;} #header .nav > .main-menu > ul.menu > li.parent > a, #header .nav > div > ul > li.parent > a {padding-right:34px} #header .nav > .main-menu > ul.menu > li img {max-width:100%;height:auto;width:auto !important;float:none !important} #header .nav > .main-menu > ul.menu > li > ul.sub-menu {display:none;} #header .nav > .main-menu > ul.menu > li li {padding:0;line-height:18px;} #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;} #header .nav > .main-menu > ul.menu > li.menu-item:before{padding:15px 5px 15px 15px;float:left;margin-right:-36px;position:relative;z-index:20;font-size:14px;line-height:20px;} #header .nav > .main-menu > ul.menu > li.menu-item.fa > a{padding-left:40px} #header .nav > .main-menu > ul.menu > li.menu-item.parent:after{ content: "\f0d7"; position:absolute; top:auto; bottom:-5px; left:50%; margin-left:-5px; font-size:22px; line-height:22px; font-family:FontAwesome; z-index:1000000; opacity:0; filter:alpha(opacity=0); transition:all 200ms ease-in-out 0s; -moz-transition:all 200ms ease-in-out 0s; -webkit-transition:all 200ms ease-in-out 0s; } #header .nav > .main-menu > ul.menu > li.menu-item:hover:after{ opacity:1; filter:alpha(opacity=100); bottom:-12px; } #header .nav > .main-menu > ul.menu > li.menu-item.parent > a > span:before{ content:"\f0dd"; font-family:FontAwesome; right:17px; bottom:22px; font-size:15px; line-height:15px; position:absolute; } #header .nav > .main-menu > ul.menu li p {margin:0 0 6px;} #header .nav > .main-menu > ul.menu ul {margin-left:0;margin-bottom:0} #header .nav > .main-menu > ul.menu .textwidget .wd-categories ul > li{ margin-left:0; list-style:none; } #header .nav > .main-menu > ul.menu li:hover > a, #header .nav > .main-menu > ul.menu li:focus > a {text-decoration:none;} #header .nav > .main-menu > ul.menu > li,#header .nav > .main-menu > ul.menu > li a, #header .nav > .main-menu > ul.menu > li p{line-height:18px;} /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 3. FLYOUT MENU ----------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ #header .nav > .main-menu > ul.menu > li.wd-fly-menu > a{text-align:center} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li{display:inline-block;line-height:18px;width:100%;padding:1px 28px 1px 28px;position:relative} #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, #header .ul-menu li > a { z-index:2;display:inline-block;cursor:pointer;font-size:13px;padding:11px 0 10px 0;width:100%;white-space:normal; text-transform:uppercase;margin:0; position:relative; } #header .ul-menu li{list-style:none} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li a:after, #header .ul-menu li > a:after{ content:"";position:absolute;top:0;left:0;right:0;bottom:auto; opacity:0.6;filter:alpha(opacity=60); height:1px; } #header .nav > .main-menu > ul.menu > li.wd-fly-menu li:first-child > a:after, #header .ul-menu li:first-child > a:after { display:none;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li:first-child > a{padding-top:0;} #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:254px;padding:27px 0 18px 0;background:url(../images/bg-none.png) repeat;border:0;} #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:-1px;margin-top:-1px;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu > ul.sub-menu:before{ content:""; display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; z-index:-1; border-width:1px 1px 1px 1px;border-style:solid; box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1); -moz-box-shadow:0 0 5px rgba(0,0,0,0.1); -o-box-shadow:0 0 5px rgba(0,0,0,0.1); } #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu:after {content:"";display:inline-block;position:absolute;left:0px;right:0;top:0;bottom:0px;border-width:1px;border-style:solid;z-index:-1;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu ul.sub-menu{width:230px;padding-top:27px} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul ul.sub-menu:after{left:20px;border-width:1px 1px 1px 1px;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu > ul.sub-menu ul.sub-menu {left:210px;top:-16px;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu > ul.sub-menu > li:first-child > ul.sub-menu {top:-27px;} /* FORM SEARCH */ #header .nav .bg_search #s {max-width:150px;} #header .nav .bg_search input[id^="s-"] {max-width:150px;} /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 2. STICKY MENU ----------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ #header-sticky-wrapper{clear:both} .sticky-wrapper.is-sticky #header .nav > .main-menu > ul.menu ul.sub-menu{overflow:visible} /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 2.1 MENU OF HEADER STYLE 1 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ #header .v1 .wd-sticky-show{display:none;} .sticky-wrapper.is-sticky #header .v1 .wd-sticky-show{display:inline-block;} .sticky-wrapper.is-sticky #header .header-middle.v1, .sticky-wrapper.is-sticky #header .v1 .header_search{display:none;} .sticky-wrapper.is-sticky #header .v1 .nav, .sticky-wrapper.is-sticky #header .v1 .header-bottom.search-hidden .nav{padding:0 13.5% 0 12%;float:left;} .sticky-wrapper.is-sticky #header .v1 .header-logo.wd-sticky-show{width:12%;text-align:center;padding:4px 15px 7px 0;max-height:50px;position:absolute;top:0;left:10px;z-index:99} /* hide catelog mod */ .sticky-wrapper.is-sticky #header.hidden-cart .v1 .nav, .sticky-wrapper.is-sticky #header.hidden-cart .v1 .header-bottom.search-hidden .nav{ padding-left:17%; padding-right:0; } .sticky-wrapper.is-sticky #header.hidden-cart .v1 .header-logo.wd-sticky-show{ width:17%; } /* end hide catelog mod */ .sticky-wrapper.is-sticky #header .v1 .header-logo.wd-sticky-show .logo img{max-height:36px;} #header .menu .loading-text:before{top:50%;margin-top:-18px;} .sticky-wrapper.is-sticky #header .v1 .header-logo.wd-sticky-show .logo{ padding:0; transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0;-webkit-transition:all .5s ease-in-out 0; line-height:24px; } .sticky-wrapper.is-sticky #header .v1 .shopping-cart.wd-sticky-show{ max-width:15%;margin-top:0;position:absolute;top:4px;right:10px;z-index:99; } .sticky-wrapper.is-sticky #header .v1 .nav > .main-menu > ul.menu > li.parent > a, .sticky-wrapper.is-sticky #header .v1 .nav > div > ul > li.parent > a{ padding-right:34px; } .sticky-wrapper.is-sticky #header .v1 .nav > .main-menu > ul.menu > li.fa > a, .sticky-wrapper.is-sticky #header .v1 .nav > div > ul > li.fa > a{ padding-left:40px; } /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 2.2 MENU OF HEADER STYLE 2 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ .sticky-wrapper.is-sticky #header .header-middle.v2 .shopping-cart{margin-top:6px} .sticky-wrapper.is-sticky #header .header-middle.v2 .header-logo {padding:10px} .sticky-wrapper.is-sticky #header .header-middle.v2 .header-logo .logo img{height:38px;} .sticky-wrapper.is-sticky #header .header-bottom.v2 .nav > .main-menu > ul.menu > li > a, .sticky-wrapper.is-sticky #header .header-bottom.v2.nav > div > ul > li > a{ padding:10px 27px 10px 27px; } .sticky-wrapper.is-sticky #header .header-bottom.v2 .nav > .main-menu > ul.menu > li.parent > a, .sticky-wrapper.is-sticky #header .header-bottom.v2.nav > div > ul > li.parent > a{ padding-right:32px; } .sticky-wrapper.is-sticky #header .header-bottom.v2 .nav > .main-menu > ul.menu > li.fa > a, .sticky-wrapper.is-sticky #header .header-bottom.v2.nav > div > ul > li.fa > a{ padding-left:36px; } .sticky-wrapper.is-sticky #header .header-bottom.v2 .nav > .main-menu > ul.menu > li.menu-item.parent > a > span:before{bottom:16px} .sticky-wrapper.is-sticky #header .header-middle.v2 .left-header-middle-content{padding:10px 0;} .sticky-wrapper.is-sticky #header .header-middle.v2 .header_search{height:38px;} .sticky-wrapper.is-sticky #header .header-middle.v2 .bg_search input[id^="s-"]{height:36px;line-height:36px;} .sticky-wrapper.is-sticky #header .header-middle.v2 form[id^="searchform-"] .bg_search > div:before{top:10px;} .sticky-wrapper.is-sticky #header .header-middle.v2 .shopping-cart .wd_tini_cart_wrapper{padding:3px 13px 2px 13px} /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 2.3 MENU OF HEADER STYLE 3 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ #header .v3 .wd-sticky-show{display:none;} .sticky-wrapper.is-sticky #header .v3 .wd-sticky-show{display:inline-block;} .sticky-wrapper.is-sticky #header .header-middle.v3, .sticky-wrapper.is-sticky #header .v3 .header_search, .sticky-wrapper.is-sticky #header .header-category{display:none;} .sticky-wrapper.is-sticky #header .header-bottom.v3 .nav{padding:0 13.5% 0 12%;float:left;} /* hide catelog mod */ .sticky-wrapper.is-sticky #header.hidden-cart .header-bottom.v3 .nav{ padding-left:17%; padding-right:0; } .sticky-wrapper.is-sticky #header.hidden-cart .header-bottom.v3 .header-logo.wd-sticky-show{ width:17%; } /* end hide catelog mod */ .sticky-wrapper.is-sticky #header .header-bottom.v3 .nav ul.menu{padding:1px 0 0 0;} .sticky-wrapper.is-sticky #header .v3 .header-logo.wd-sticky-show{width:12%;text-align:center;padding:4px 15px 7px 0;max-height:50px;position:absolute;top:0;left:10px;z-index:99;} .sticky-wrapper.is-sticky #header .v3 .header-logo.wd-sticky-show .logo img{max-height:36px;} #header .menu .loading-text:before{top:50%;margin-top:-18px;} .sticky-wrapper.is-sticky #header .v3 .header-logo.wd-sticky-show .logo{ padding:0; transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0;-webkit-transition:all .5s ease-in-out 0; line-height:24px; } .sticky-wrapper.is-sticky #header .v3 .shopping-cart.wd-sticky-show{ max-width:15%;margin-top:0;position:absolute;top:4px;right:10px;z-index:99; } .sticky-wrapper.is-sticky #header .header-bottom.v3 .nav > .main-menu > ul.menu > li.parent > a, .sticky-wrapper.is-sticky #header .header-bottom.v3.nav > div > ul > li.parent > a{ padding-right:34px; } .sticky-wrapper.is-sticky #header .header-bottom.v3 .nav > .main-menu > ul.menu > li.fa > a, .sticky-wrapper.is-sticky #header .header-bottom.v3.nav > div > ul > li.fa > a{ padding-left:40px; } /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 2.4 MENU OF HEADER STYLE 4 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ .sticky-wrapper.is-sticky #header .v4 .header-category{display:inline-block} .sticky-wrapper.is-sticky #header .v4.header-top{display:none;} .sticky-wrapper.is-sticky #header .header-middle.v4 .shopping-cart{margin-top:10px} .sticky-wrapper.is-sticky #header .header-middle.v4 .header-logo {padding:10px} .sticky-wrapper.is-sticky #header .header-middle.v4 .header-logo .logo img{height:38px;} .sticky-wrapper.is-sticky #header .header-middle.v4 .left-header-middle-content{padding:10px 0;} .sticky-wrapper.is-sticky #header .header-middle.v4 .header_search{height:38px;} .sticky-wrapper.is-sticky #header .header-middle.v4 .bg_search input[id^="s-"]{height:36px;line-height:36px;} .sticky-wrapper.is-sticky #header .header-middle.v4 form[id^="searchform-"] .bg_search > div:before{top:10px;} .sticky-wrapper.is-sticky #header .header-middle.v4 .shopping-cart .wd_tini_cart_wrapper{padding:3px 13px 2px 13px} /*---------------------------------------------------------------------------------------------------------------------------------*/ /*- 5. RESPONSIVE -----------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 1199px){ #header .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu{width:500px;} #header .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu{width:600px;} #header{position:relative !important;top:0 !important;} /*==*/ #header .header-bottom.v1 .nav, #header .header-bottom.v5 .nav{padding:0 45px 0 0;} #header .header-bottom.v1 .header_search form[id^="searchform-"], #header .header-bottom.v5 .header_search form[id^="searchform-"]{ position: absolute; top: 100%; height:0; z-index:15; transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-webkit-transition:all .3s ease-in-out 0; width: 300px; max-width: 300px; right: 0; background: #fff; max-height: 56px; border-width:1px 1px 1px 1px;border-style:solid; } #header .header-bottom.v1 .bg_search input[id^="s-"], #header .header-bottom.v5 .bg_search input[id^="s-"]{height:38px;line-height:38px;} #header .header-bottom.v1 .header_search span.bt_search, #header .header-bottom.v5 .header_search span.bt_search{ display:inline-block; height:38px;width:38px; transition:none;-moz-transition:none;-webkit-transition:none; position:absolute; top:7px;right:0; cursor:pointer; border:0; background:transparent; } #header .header-bottom.v1 .bg_search input[id^="s-"], #header .header-bottom.v5 .bg_search input[id^="s-"]{ height:52px;line-height:52px; } #header .header-bottom.v1 .header_search span.bt_search:before, #header .header-bottom.v5 .header_search span.bt_search:before{ content: "\f002";font-family: 'FontAwesome';font-size:16px;line-height:32px;text-align:center; left:0;right:0;bottom:0;top:1px;position:absolute; z-index:1; } #header .header-bottom.v1 .header_search, #header .header-bottom.v5 .header_search{overflow:hidden;position:absolute;top:0;right:10px;height:50px;width:38px;} #header .header-bottom.v1 form[id^="searchform-"] .bg_search input[id^="s-"], #header .header-bottom.v5 form[id^="searchform-"] .bg_search input[id^="s-"]{padding-right:38px;} #header .header-bottom.v1 form[id^="searchform-"] .bg_search input[id^="searchsubmit-"], #header .header-bottom.v5 form[id^="searchform-"] .bg_search input[id^="searchsubmit-"]{right:10px;top:16px !important;} /*==*/ } @media only screen and (min-width: 768px) { #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li[class*="span"] {} #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: 4000px) and (min-width: 1025px) { /* STICKY MENU */ body.box #header-sticky-wrapper #header{max-width:100%;} body.box #header-sticky-wrapper #header .header-container{max-width:1200px} .sticky-wrapper.is-sticky #header .header-top-content.left-header-top-content, .sticky-wrapper.is-sticky #header .header-top-content.right-header-top-content{ top:5px; bottom:5px; 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 .header-top{ min-height:0;display:none; } /* Header v5 */ .sticky-wrapper.is-sticky #header .header-logo-bottom{ display:none } #header .sticky-wrapper.is-sticky .nav > .main-menu > ul.menu > li, #header .sticky-wrapper.is-sticky .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; } #header .sticky-wrapper.is-sticky .nav > .main-menu > ul.menu > li > a, #header .sticky-wrapper.is-sticky .nav > div > ul > li > a{ padding-bottom:15px; padding-top:15px; line-height:16px; } #header .sticky-wrapper.is-sticky .nav{ min-height:40px;transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0;-webkit-transition:all .5s ease-in-out 0; } #header .sticky-wrapper.is-sticky .header_search{ display:none; } .sticky-wrapper.is-sticky #header .v1 .nav:after, .sticky-wrapper.is-sticky #header .v3 .nav:after{ content:""; position:absolute;left:0;right:88%; top:1px;bottom:1px; display:inline-block; z-index:98; } /* hide catelog mod */ .sticky-wrapper.is-sticky #header .v1 .hidden-cart .nav:after, .sticky-wrapper.is-sticky #header .v3 .hidden-cart .nav:after{ right:83% } /* end hide catelog mod */ } @media only screen and (max-width: 1024px) and (min-width: 768px) { #header .header-middle.v3 .middle-header-middle-content{padding-right:205px;} /*==*/ #header .header_search{height:37px;} #header .header-bottom.v1 .header_search span.bt_search, #header .header-bottom.v1 .header_search span.bt_search{height:37px;} #header .header-top-content.right-header-top-content{ position:static; margin-bottom:10px; display:inline-block; float:right; margin-right:10px; } #header .header-top-content.left-header-top-content{ position:static; margin-bottom:10px; display:inline-block; float:left; margin-left:10px; } #header .nav > .main-menu > ul.menu > li.menu-item.parent > a > span:before{display:none} #header .nav > .main-menu > ul.menu > li, #header .nav > div > ul > li{padding:0;} .logo {float:left;display:inline-block;margin-right:0;text-align:center;padding:0;min-height:36px;width:100%;position:relative;} #header .nav {display:inline-block;} #header-main-content {text-align:center;} #header .nav {position:relative;} #header .nav > .main-menu > ul.menu > li, #header .nav > div > ul > li{padding-top:0;} #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;} #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:20;cursor:pointer;display:inline-block!important;width:30px; height:30px;position:absolute;right:0;top:3px;text-align:center;font-size:13px; } .shopping-cart:hover .cart_item:before{ margin-right:-5px; } .v2 .shopping-cart:hover .cart_item:before{ margin-right:12px; } #header .visible-phone.cart-drop-icon:before{ top:3px; } .shopping-cart.shopping-cart-wrapper{ padding-right:30px; } /* HEADER V3 */ #header .header-middle.show_banner.v3 .middle-header-middle-content{padding-right:210px} /* END HEADER V3 */ #header .visible-phone.login-drop-icon{ position:relative;width:30px;height:14px; top:auto;left:auto;right:auto;bottom:auto;float:left; } #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:15px; } #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:5px; font-size:14px; line-height:20px; text-align:center; font-family:FontAwesome; width:30px; height:20px; z-index:11; } #header .wd_tini_account_wrapper .wd_tini_account_control > a{ position:relative; } #header .nav > .main-menu > ul.menu > li.menu-item.parent > a > span:before{display:none;} #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.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.wd-fly-menu li a {padding-right:40px;} #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 ul ul{padding:0 !important;} #header .nav .main-menu > ul.menu > li li ul {position:relative!important;left:auto!important;top:auto!important;} #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:hidden;} #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:"\f0de" !important} #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 > 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 .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{left:0;margin-left:-1px;} } @media only screen and (max-width: 991px){ #header .nav > .main-menu > ul.menu .product-meta-wrapper,#header .nav > .main-menu > ul.menu .product_thumbnail_wrapper {width:100%;padding:0;} #header .menu .loading-text:before{top:30%;margin-top:0px;} } @media only screen and (max-width: 767px) { /* PHONE HEADER */ /* Custom mobile menu */ .mobile-main-menu {overflow-y:auto;} .toggle-menu-wrapper{position:fixed !important;} .mobile-main-menu .menu li ul{display: none;} .toggle-menu-wrapper .menu span.menu-drop-icon-mobile{ width: 25px !important; height: 25px !important; color: #FFFFFF !important; display: block !important; border:1px solid !important; z-index: 9999 !important; background:url(../images/ic-minus-menu.png) center no-repeat; position:relative !important; right:20px !important; top:10px !important; position:absolute !important; } .toggle-menu-wrapper .menu span.menu-drop-icon-mobile.active{ background:url(../images/ic-plus-menu.png) center no-repeat !important; position:relative; } .toggle-menu-wrapper .menu span.menu-drop-icon-mobile:hover{ cursor: pointer; } /* CART */ .mobile_cart_container{ font-size:10px; text-transform:uppercase; padding:10px 10px 10px 20px; display:inline-block; position:relative; float:left;width:50%;text-align:center;font-weight:700; border-width:1px 0 1px 0; border-style:solid; } .mobile_cart_container ,.mobile_cart_container .cart_size,.mobile_cart_container .mobile_cart{display:inline-block;line-height:20px;float:left;} .mobile_cart_container .cart_size .cart_text:before{ content: "\f07a"; font-family: 'FontAwesome'; font-size:14px;line-height:14px; margin-right:20px; } .mobile_cart_container .cart_text{display:inline-block;line-height:20px;float:left} .mobile_cart_container .cart_text:hover{text-decoration:underline} .mobile_cart_container .cart_size a{ display:inline-block; font-size:14px; line-height:20px; text-transform:uppercase; float:left; } .mobile_cart_container .cart_text{float:left;} .mobile_cart_container .cart_text .total{display:none} .mobile_cart_container .cart_size a span.cart_item{margin-left:10px;} .mobile_cart_container .cart_size a:hover{text-decoration:none} /* ACCOUNT */ .wd_mobile_account a{ font-size:14px; text-transform:uppercase; line-height:20px;float:right; } /*==*/ .wd_mobile_account.full{width:100%;text-align:center;} /*==*/ .wd_mobile_account.v5{width:100%;padding:10px;text-align:center;} .wd_mobile_account.v5 a{float:none;position:relative} .wd_mobile_account.v5 a:before{ position:absolute; left:auto;right:-20px; top:0; float:none; } .wd_mobile_account{ float:left;width:50%; font-size:10px; text-transform:uppercase; padding:10px 20px 10px 10px; display:inline-block !important; position:relative; font-weight:700; text-align:right; line-height:20px; border-width:1px 0 1px 0; border-style:solid; } /* hide catelog mod */ .phone-header-bar-wrapper.hidden-cart .wd_mobile_account{ width:100%; text-align:center; } .phone-header-bar-wrapper.hidden-cart .wd_mobile_account a{ float:none; } .phone-header-bar-wrapper.hidden-cart .mobile_cart_container{ display:none !important; } /* end hide catelog mod */ .wd_mobile_account a:before{ content: "\f0f0"; font-family: 'FontAwesome'; font-size:14px;line-height:14px; margin-right:20px; } .phone-header .toggle-menu-control-close{ position:relative;width:100%;height:58px;text-align:center; padding:15px; } .phone-header .toggle-menu-control-close:before{ content: "\f00d"; font-family: 'FontAwesome'; font-size:20px;line-height:24px;color:#fff;opacity:0.5;filter:alpha(opacity=50); padding:5px; } .phone-header .toggle-menu-control-open{ position:absolute; display:block;width:50px;height:30px;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:3px;z-index:999; } .phone-header .toggle-menu-control-open:hover{ } .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:auto;padding:10px 0 0 0;position:relative;} .phone-header .phone-header-bar-wrapper{position:relative;} .phone-header #searchform input#searchsubmit{ width:20px; padding:18px; font-size:0; margin-top:0; background:transparent !important; background-image:url(../images/ic-search.png) !important; background-position:center !important; background-repeat:no-repeat !important; display:inline-block; line-height:0px; position:absolute; right:10px; top:0 !important; } .phone-header #searchform input#searchsubmit:hover{ } .phone-header #searchform{ background:transparent !important; margin-bottom:0; display:block; max-width:100%; padding-right:50px; padding-left:60px; } .phone-header #searchform input[type="text"],.phone-header #searchform .bg_search #s{ width:100%; padding-right:0; border:1px solid #646464; height:36px; background:transparent; } .phone-header #searchform input[type="text"]:hover,.phone-header #searchform .bg_search #s:hover,.phone-header #searchform input[type="text"]:focus,.phone-header #searchform .bg_search #s:focus { background:url(../images/bg-search.png) repeat; } /* */ .phone-header form[id^="searchform-"] input[id^="searchsubmit-"] { width:20px; padding:16px; font-size:0; margin-top:0; background:transparent !important; background-position:center !important; background-repeat:no-repeat !important; display:inline-block; line-height:0px; position:absolute;border:0; right:5px; top:2px !important; background-image:url(../images/ic-search-phone.png) !important; } .phone-header form[id^="searchform-"] input[id^="searchsubmit-"]:hover{ } .phone-header form[id^="searchform-"]{ background:transparent !important; float:left; margin-bottom:0; width:100%; padding:0 40px 10px 60px; border:0; } .phone-header form[id^="searchform-"] input[type="text"],.phone-header form[id^="searchform-"] .bg_search input[id^="s-"] { width:100%; padding-right:0; } /* */ body > .body-wrapper{ overflow:hidden; } .mobile-main-menu .menu{padding:0 0 5px 0;margin-top:0;background:url(../images/bg_shadow_menu_phone.png) left bottom repeat-x;} .mobile-main-menu .menu li{line-height:18px;margin:0;padding:0;position:relative;} .mobile-main-menu .menu li li{margin:0;} .mobile-main-menu .menu li li a{padding:14px 14px 13px 14px;background:url(../images/bg_shadow_menu_phone.png) left top repeat-x;} .mobile-main-menu .menu li a{padding:6px 0;width:100%;display:block;} .mobile-main-menu .menu li.current_page_item > a,.mobile-main-menu .menu li.current-menu-item > a{} .mobile-main-menu .menu li ul{margin:0;} .mobile-main-menu .menu li ul ul{margin:0 0 6px 0} .header-container #undefined-sticky-wrapper{ height:0 !important; } .logo{display:inline-block;left:0;padding:15px 0 15px 0;margin:0;position:relative;width:100%;} .mobile-main-menu .menu > li{ padding:0; } .mobile-main-menu .menu > li > a{ background:url(../images/bg_shadow_menu_phone.png) left top repeat-x; padding:14px 14px 13px 14px; font-size:16px; text-transform:uppercase;font-weight:normal; line-height:18px; } .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{ } .mobile-main-menu .menu li > ul > li > ul li a:hover,.mobile-main-menu .menu li > ul > li > ul li.current-menu-item > a{ text-decoration:underline; } .mobile-main-menu .menu > li.current-menu-item > a,.mobile-main-menu .menu > li > a:hover{ } .mobile-main-menu .menu > li a{position:relative;z-index:3} .mobile-main-menu .menu > li a:hover{text-decoration:none} .mobile-main-menu .menu > li:after{ content:""; background:transparent; right:0; bottom:0; top:0; width:50px; z-index:5; position:absolute; } .mobile-main-menu .menu > li > ul > li > a{ padding-left:30px; font-size:14px; } .mobile-main-menu .menu > li > ul > li > ul li a{ padding-left:60px; font-size:14px; } } @media only screen and (max-width: 360px) { .wd_mobile_account a:before,.mobile_cart_container .cart_size .cart_text:before{margin-right:5px} .wd_mobile_account{padding:10px 10px 10px 5px} .mobile_cart_container{padding:10px 5px 10px 10px} .mobile_cart_container .cart_size a span.cart_item{margin-left:5px} }