@charset "utf-8";
/* modified by Luong Do */

#leftside .compareTray ul li {margin:0 14px 0 0!important}
#leftside .product-sidebar .tit .arr {display:none}
#woocommerce_product_categories-2 .widgettitle .arr {display:none}

footer #menu-footer-menu > li > a::before {background:transparent none!important}
footer #menu-footer-menu > li > a {background:url(../images/footer-arr.png) no-repeat 0 100%}
footer #menu-footer-menu > li > a:hover {background:url(../images/footer-arr.png) no-repeat 0 100%}

.woocommerce .item .frame {width:auto}
.woocommerce .item .frame img {max-width:100%}

@media (max-width:991px) {
	header #product-finder .filter-head {margin:0}	
	
	#leftside .compareTray {text-align:center}
	#leftside .compareTray h3 {text-align:center}
	#leftside .compareTray ul {text-align:center}
	#leftside .compareTray ul li {display:inline-block;float:none}
}
@media (min-width:768px) and (max-width:991px){
.main-nav{border-left:1px solid #e8e8e8;}
.main-nav > li{float:left;width:33.33333333%;border-right:1px solid #e8e8e8;}
}
@media (max-width:991px) {
	header .nav-main #top-search{
		right: 15px;
	}
	header .nav-main #top-search .button-search {font-size:0;width:auto;line-height:normal;padding:0 16px 0 12px!important;color:#00AEEF; height: 40px}
	header .nav-main #top-search .nav-search {top:69px}
	header .nav-main{height:auto}

	#nav-main .main-nav{margin:0 -15px;}
	header .nav-main li:first-child a{margin-left:0;}

	.head-logo .logo img{max-height:30px;}

	header #top-search{top:-64px;border:1px solid #00AEEF;}
	header #top-search .button-search .fa{font-size:18px;}
	header .head-logo{padding:28px 0;}

	.main-nav{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
	.main-nav > li{border-bottom:1px solid #e8e8e8;margin-bottom:-1px;}
	.hidden1199 {display:none;}
	header .nav-main li a{
		height: 35px;
		line-height: 35px;
		text-align: center;
	}
}
@media (min-width:1200px) {
	header .nav-main #top-search .button-search {
		color:#ffffff;padding: 0px 24px 0px 0px;
	}
	header .nav-main{
		background-color: #00aeef;
		height: auto;
	}
	header .nav-main li a:hover {
      background: #00aeef; 
	  color:#fff;
	}
	header .nav-main li a {
		color: #ffffff;
	}
	
}
/*@media (max-width:767px) {
	header .nav-main #top-search{
		bottom: 1px;
		width: 50%;
		left: 50%;
		top: auto;
	}
	header .nav-main #top-search .button-search{
		color: #fff;
		font-size: 12px;
		width: 100%;
		height: 52px;
		text-align: left;
		padding-right: 0!important;
	}
	header .nav-main #top-search .button-search i{
		margin-left: 7px;
	}

}
*/@media (max-width:767px) {
	footer #menu-footer-menu > li > a {background:url(../images/footer-arr-down.png) no-repeat 50% 100%}
	footer #menu-footer-menu > li > a:hover {background:url(../images/footer-arr-down.png) no-repeat 50% 100%}
	footer #menu-footer-menu > li > a.off {background:url(../images/footer-arr-down.png) no-repeat 50% 100%}
	footer #menu-footer-menu > li > a.off:hover {background:url(../images/footer-arr-down.png) no-repeat 50% 100%}
	footer #menu-footer-menu > li > a.on {background:url(../images/footer-arr-up.png) no-repeat 50% 100%}
	footer #menu-footer-menu > li > a.on:hover {background:url(../images/footer-arr-up.png) no-repeat 50% 100%}
}

@media (max-width:767px) {
	#leftside .product-sidebar {width:100%}
	#leftside .product-sidebar .tit {text-align:center;cursor:pointer}
	#leftside .product-sidebar .toggle {display:none}
	
	#woocommerce_product_categories-2 .widgettitle {text-align:center;cursor:pointer}
	#woocommerce_product_categories-2 .product-categories {display:none}
	#leftside .product-sidebar .tit .arr {display:inline-block}
	#woocommerce_product_categories-2 .widgettitle .arr {display:inline-block}
}

@media (max-width:767px) {
	.woocommerce .item .frame {width:auto!important;float:none}
	.woocommerce .item .frame img {max-width:100%!important;width:auto!important}
	.productss li .item a {width:auto;float:none}
	.productss li .item a img {max-width:100%;width:auto!important}
	.productss li {border-top:0}
	.productss li .item {border:1px solid #e8e8e8}
	.productss li .item .item-info {float:none;width:100%}
	.productss li .item .btn-detail {display:block;width:100%;margin-bottom:10px}
	
	.compare-items .productss li {float:left;width:24%;margin:0 1% 0 0}
	.compare-items .item .frame {height:auto}
	.compare-items .productss li .item .item-info {padding:5px}
}

@media (max-width:480px) {
	.woocommerce .item .frame {height:auto}
	.productss li .item a {height:auto!important;padding-top:30px}
	.productss li .item .compare {display:block;top:15px}
}