.nav-main-mobile{
    height: 66px;
}

.nav-main-mobile .logo img{
    max-height: 100% !important;
    max-width: 100%;
    vertical-align: middle;
}

.nav-main-mobile span.pro-count {
    position: absolute;
    top: 10px;
    right: .4rem;
    color: #1bb8e8;
    height: 18px;
    width: 18px;
    border-radius: 100%;
    font-weight: 600;
    font-size: 11px !important;
    padding-left: 1px;
    text-align: center;
    line-height: 18px;
}

.nav-main-mobile .pro-count.white{
    background-color: #ffffff;
}

.nav-main-mobile .buttons a{
    padding: 0 .8rem;
}

.category-mobile-menu{
    left:100%;
    top:0px;
    background-color: white;
    z-index: 10;
    display: flex;
    transition: left 0.5s;
    width:100%;
    height: 100%;
    overflow-y: scroll;
    background-color: white;
}

.category-mobile-menu.open{
    left:0;
}

.category-mobile-menu-wrap li{
    cursor: pointer !important;
}

.category-mobile-menu-wrap .mobile-menu-contacts li{
    cursor: default !important;
}

.category-mobile-menu-wrap li:hover,.category-mobile-menu-wrap li:active{
    background-color: #efefef !important;
}

.category-mobile-menu.picked{
    left:-100%;
}

.category-mobile-menu .category-mobile-icon{
    height: 32px;
    width: 40px;
    text-align: right;
}

.category-mobile-menu .category-mobile-icon img{
    max-height: 100%;
    max-width: 100%;
}


header .category-mobile-menu-wrap li a{
    margin: 0px !important;
    transition: none !important;
    line-height: normal !important;
    padding: 0px !important;
    border-bottom: none !important;
}

header .category-mobile-menu-wrap li a:hover{
    border-bottom: none !important;
    color: inherit !important;
    
}

.category-mobile-menu-wrap{
    
    overflow-x: hidden;
    
}

.open-mobile-menu i{
    transform: rotate(0deg);
    transition: transform 0.5s;
}

.open-mobile-menu.open i{
    transform: rotate(90deg);
    
}


@media (max-width: 577px){
    
    .home-slider-item{
        
    }
    .home-slider,.slick-track,.home-slider-height,.slick-list
    {
        height: auto !important;
    }
    header.position-relative:not(.mobile-search-header){
        position: sticky !important;
        top: 0;
        z-index: 1000;
    }
    .nav-main-mobile{
        position: sticky;
        top: 0;
        z-index: 1000;
    }
    
    .card-body{
        overflow-x: scroll; 
    }
    table.table td{
        padding: 5px 10px;
        display: table-cell !important;
        vertical-align: inherit !important;
        white-space: nowrap;
    }
}