/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com
Template: flatsome
Author: UX-Themes
Author URI: https://uxthemes.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.19.7.1732933191
Updated: 2024-11-30 09:19:51

*/
/*************** ADD CUSTOM CSS HERE.   ***************/
/* roboto-regular - vietnamese_latin */

.nav_maincate ul.sidebar-wrapper li{
 padding-left:1px !important;
margin-left:0px !important;
}
.nav_maincate ul.sidebar-wrapper , .nav_maincate #menu-danh-muc-sp-trang-chu{
  width: 100%;
 z-index: 2000;
  list-style: none;
  padding:1px !important;
margin:0px !important;
 padding-left:1px !important;
margin-left:0px !important;
}
.nav_maincate ul.sidebar-wrapper{
 padding-left:1px !important;
margin-left:0px !important;
}
.nav_maincate #menu-danh-muc-sp-trang-chu > li img{
width:32px;
}
.nav_maincate #menu-danh-muc-sp-trang-chu > li {
  width: 100%;
  float: left;
  background-color: #fff;
  z-index: 30000;
margin:0px !important;
padding:10px 0px 0px 0px;
padding-left: 0px;
text-align:left;
border-bottom:1px solid #DD9933;
}

.nav_maincate > li:last-child{
border-bottom: none;
}
.nav_maincate > li:last-child >a {
  padding-bottom:10px;
}

.nav_maincate > li:hover > a, .nav_maincate > li:hover h3 {
  color: #0052a6;
}
[class^="iconsprites_"], [class*="iconsprites_"] {
  background-image: url("http://dienmay.trustweb.vn/wp-content/uploads/2017/11/sprites-main.png");
  background-repeat: no-repeat;
  vertical-align: middle;
}
.iconsprites_dientu {
  background-position: 4px -32px;
}

.iconsprites_dienlanh {
  background-position: 4px -66px;
}

.iconsprites_giadung {
  background-position: 1px -105px;
}

.iconsprites_didongtablet {
  background-position: 2px -178px;
}

.iconsprites_vienthong {
  background-position: 1px -144px;
}

.iconsprites_noithat {
  background-position: 3px -217px;
}

.iconsprites_dichvu,.iconsprites_dulich {
  background-position: 0px -256px;
}
.nav_maincate > li:hover >a .iconsprites_dientu {
  background-position: -33px -32px;
}

.nav_maincate > li:hover >a .iconsprites_dienlanh {
  background-position: -34px -66px;
}

.nav_maincate > li:hover >a .iconsprites_giadung {
  background-position: -34px -105px;
}

.nav_maincate > li:hover >a .iconsprites_vienthong {
  background-position: -35px -144px;
}

.nav_maincate > li:hover >a .iconsprites_didongtablet {
  background-position: -35px -178px;
}

.nav_maincate > li:hover >a .iconsprites_noithat {
  background-position: -33px -217px;
}

.nav_maincate > li:hover >a .iconsprites_dichvu,.nav_maincate > li:hover >a .iconsprites_dulich {
  background-position: -34px -256px;
}



.nav_maincate > li > a {
  line-height: 16px;
  color: #4b4b4b;
  float: left;
  width: 100%;
  font-size: 14px;
  padding: 0px 0px 15px 0px;
  text-decoration:none;
  text-align:left;
}
.nav_maincate > li > a > p{
float:left;
}
.nav_maincate > li > a i {
  width: 35px;
  height: 34px;
  float: left;
margin-left:0px; 
  margin-right: 2%;
}

.nav_maincate > li > a > span {
  color: #939598;
  float: left;
  width: 67%;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}
.catelogy-section .product {
  border: none !important;
min-height:200px !important;
}
.header-nav.header-bottom-nav li:last-child{
border-right:none !important;
}
.devvn-popup-title, .devvn-order-btn{
background:var(--primary-color) !important;
background-color:var(--primary-color) !important
}
.devvn_buy_now.devvn_buy_now_style{
max-width:100%;
width:100%;
}
@media only screen and (max-width: 480) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.catelogy-section .catelogy-title-left,.catelogy-section .catelogy-title-left h3{width:auto !important;}
}
/* PART 1 - truoc chuyen canh Lazy Load */
img[data-lazyloaded]{
	opacity: 0;
}

/* PART 2 - hieu ung khi chuyen canh Lazy Load */
img.litespeed-loaded{
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	transition: opacity .3s ease-in;
	opacity: 1;
}