.hover-background{position:absolute;width:100%;height:500px;background-color:black;z-index:999;opacity:0.7;display:none;}
.w-5{width:5%}
.w-10{width:10%}
.w-15{width:15%}
.w-20{width:20%}
.w-25{width:25%}
.w-30{width:30%}
.w-35{width:35%}
.w-40{width:40%}
.w-45{width:45%}
.w-50{width:50%}
.w-55{width:55%}
.w-60{width:60%}
.w-65{width:65%}
.w-70{width:70%}
.w-75{width:75%}
.w-80{width:80%}
.w-85{width:85%}
.w-90{width:90%}
.w-95{width:95%}
.size-08{font-size:.8rem}
.size-09{font-size:.9rem}
.size-10{font-size:1rem}
.size-11{font-size:1.1rem}
.size-12{font-size:1.2rem}
.size-13{font-size:1.3rem}
.size-14{font-size:1.4rem}
.size-15{font-size:1.5rem}
body{background-color:#e9edf0}
a{color: #000;font-size: 1rem}
p{font-size:.9rem}
strong{font-weight:600}
label{font-weight:600}
.logo{max-width:100%;height:60px;object-fit:contain}
.container{max-width: 1220px}
.container-color-white{background-color:#fff;padding:1rem}
.title_indust {float: left;height: 32px;background-color: #b5b8ba;text-align: center;line-height: 30px;color: #FFF;font-weight: bold;}
.box-info-footer{line-height:1}
.box-four-home:last-child{border-bottom:0px !important}
.box-detail img{max-width:100% !important;max-height:100%}
.box-detail table{max-width:100% !important}
.form-text {
    display: block;
    margin-top: 0.25rem;
    font-size: 14px;
    color: #dc3545 !important;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    display: block;
    position: relative;
    z-index: 999; 
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
    color: #fff;
    width:180px;
}
#cssmenu > ul > li.has-sub > a::after {
    position: absolute;  
    top: 10px;
    right: 0px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
}
#cssmenu > ul > li.has-sub:hover > a::after {
    border-color: #e43d1c;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}
#cssmenu li:hover > ul {
    left:-1rem;
}
#cssmenu.align-right li:hover > ul {
    right: 0;
}
#cssmenu ul ul ul {
    margin-left: 105.7%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #e43d1c; 
}
#cssmenu ul ul li.has-sub > a::after {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 4px;
    height: 4px;
}
#cssmenu .child {width:337% !important}
#cssmenu .child img{width:100%;height:88px;object-fit:contain}
/*------------Edn custom menu desktop------------*/

/*------------Edn custom menu desktop------------*/

#bars{position:absolute;z-index:999}
#bars{margin-top:2rem}
#bars ul{background-color:#f5f5f5;list-style:none}
#bars ul li a i{font-size:20px;margin-right:5px}
#bars ul li a strong{margin-left:5px}
.logo{max-width:100%;object-fit:contain}
.logo-mobi{max-width:70%;object-fit:contain}
.cart-quantity{border:1px solid #000;padding:0px 4px;border-radius:39%;font-size:.8rem}

@media only screen and (max-width: 1080px) {
    .list-group{width:150% !important}
}
@media only screen and (max-width: 767px) {

	.list-group{width:100% !important}
	.box-detail img{width:100% !important;height:100% !important}
	.box-detail table{width:100% !important !important}
	.custon-padding-none 
	{
		padding: 0px;
	}
}