.menu-mobile {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background-color: #fff;
box-shadow: 5px 14px 23px 13px #888888;
padding: 19px 9px;
display: none;
}
.menu-mobile-box > ul {
display: flex;
gap: 18px;
justify-content: space-around;
margin-bottom: 0px;
padding-bottom: 0;
margin-left: 0;
}
.menu-mobile-box ul li {
margin: 0;
text-align: center;
list-style-type: none;
position: relative;
}
.menu-mobile-box ul li a{
display: table;
margin: 0 auto;
}
.menu-mobile-box svg {
width: 28px;
}
.liAcountfixMb .circleUser{
stroke: #444;
}
.menu-mobile-box ul li.active a svg,
.woocommerce-cart ul li.liCartfixMb a svg,
.woocommerce-account ul li.liAcountfixMb a svg path{
fill: #c71b1b;
}
.woocommerce-account ul li.liAcountfixMb a .circleUser,
.woocommerce-account ul li.liAcountfixMb a svg path{
stroke: #c71b1b;
}
.menu-mobile-box ul li.active a p,
.woocommerce-cart ul li.liCartfixMb a p,
.woocommerce-account ul li.liAcountfixMb a p{
color: #c71b1b;
}
.menu-mobile-box .home-svg {
width: 24px;
}
.menu-mobile-box p{
color: #000;
font-size: 14px;
font-weight: 300;
white-space: nowrap;
margin-top: 0px;
margin-bottom: 0;
}
.menu-mobile-box .active a p {
color: #c71b1b !important;
}
.menu-mobile-box .sale-svg {
width: 27px;
}
.content-contact{
width: 50px;
color: #fff;
cursor: pointer;
position: absolute;
height: 218px;
background-color: #fff;
left: -4px;
top: -140px;
box-shadow: 0 -5px 24px -5px #888888;
z-index: -1;
padding-top: 26px;
border-radius: 43px;
display: none;
}
.list-contact.active .content-contact {
display: block;
animation: slideIn 0.5s forwards;
}
.menu-mobile-box ul li img {
height: 35px;
width: auto;
}
.menu-mobile-box .svg-cart {
width: 24px;
}
.menu-mobile-box ul li:last-child button {
background-color: transparent;
border: none;
font-size: 17px;
white-space: nowrap;
}
.menu-mobile-box ul li:last-child img {
height: 28px;
}
.content-contact-item-phone {
margin-top: 20px;
}
.content-contact-item.content-contact-item-phone{
margin-top: 20px;
}
.menu-mobile-box .nav-mobile img{
margin-bottom: 6px;
}
.fixHotDesktop{
position: fixed;
right: 0;
bottom: 30%;
z-index: 999;
}
.itemSociDes a{
display: table;
background-color: #C71B1B;
}
.itemSociDes:nth-child(1) a{
padding: 8px 5px 0px 5px;
border-top-left-radius: 10px;
}
.itemSociDes:nth-child(2) a{
padding: 10px 5px 0px 5px;
border-bottom-left-radius: 10px;
}
.itemSociDes a:hover{
background-color: #e90c0c
}
.numCartGet{
position: absolute;
top: -8px;
right: -8px;
background-color: #eb0000;
color: #fff;
font-size: 11px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
@keyframes slideIn {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes slideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(100%);
}
}
@media screen and (max-width: 800px) {
.menu-mobile-box p{
font-size: 13px;
}
.menu-mobile{
padding: 10px 9px;
}
.menu-mobile{
display: block !important;
}
}
@media screen and (max-width: 580px) {
.menu-mobile-box p{
font-size: 12px;
}
.menu-mobile-box > ul{
gap: 12px;
}
}
@media screen and (max-width: 500px) {
.menu-mobile-box p{
font-size: 11px;
}
.menu-mobile-box > ul{
gap: 10px;
}
.menu-mobile-box ul li img{
height: 25px;
}
.menu-mobile-box ul li:last-child img {
height: 24px;
margin-bottom: 0px;
}
.content-contact{
width: 45px;
height: 180px;
top: -113px;
padding-top: 22px;
}
.content-contact-item.content-contact-item-phone{
margin-top: 10px;
}
}
@media screen and (max-width: 414px) {
.content-contact{
width: 43px;
}
}
@media screen and (max-width: 390px) {
.menu-mobile-box > ul {
gap: 5px;
}
.menu-mobile-box p {
font-size: 10px;
}
}