#mobile-menu{
    height: 100% !important; 
    position:absolute; 
    background: var(--bgColor); 
    top:-70px; 
    left:0; 
    width:65%; 
    z-index:999;
}
.new-title{
    display: flex; 
    padding: 15px;
}
.new-logo-img{
    width:200px; 
    height:70px; 
    margin:auto;
}
.new-cancel{
    font-size: 25px; 
    font-weight: bold; 
    color: white; 
    margin-top: 10px;
}
.new-search{
    width: 90%; 
    margin: auto; 
    background: #555555; 
    padding: 10px; 
    margin-bottom: 20px; 
    border-radius: 50px;
}
#search-icon{
    font-size: 20px; 
    color: #888888;
    margin: 0 5px;
}
.search-input{
    background: #555555; 
    border: none; 
    outline: none; 
    color: white;
}
.slider-div{
    overflow: auto; 
    margin-bottom: 20px;
}
.slider-group{
    display: flex; 
    justify-content: space-between;
}
.slider-item{
    color: white !important; 
    font-size: 15px !important; 
    padding: 7px 10px 7px 15px !important; 
    display: block; 
    text-align: center;
}
.slider-active-item-img{
    font-size: 22px; 
    display: block; 
    margin: auto !important;
}
.slider-inactive-item-img{
    font-size: 22px; 
    color: #888888; 
    display: block; 
    margin: auto !important;
}
.slider-inactive-text-color{
    color: #888888;
}
#list-group{
    padding-right:0; 
    padding-bottom:10px;
    height: 100%; 
    background: var(--thirdColor);
    display: block !important;
}
.list-group-item{
    background: var(--thirdColor) !important;
    padding: 5px 0 !important;
}
.list-url{
    color: white !important; 
    font-size: 15px !important; 
    padding: 7px 10px 7px 15px !important;
}

@media screen and (max-width: 500px) {
    .search-input{
        font-size: 13px !important;
    }
    #search-icon{
        margin: 0 2px !important;
    }
    .new-search{
        padding: 5px !important;
    }
    .list-url{        
        font-size: 15px !important;         
    }
}