.flex-end{
    display:flex;
    justify-content: flex-end;
 }      

.flex-spc-around{
    display: flex;
    justify-content: space-around;
}

.flex-spc-between{
    display: flex;
    justify-content: space-between;
}

.hidden {
    display: none;
}

.desktop {
    display: table-cell;
}

.mobile{
    display: none;
}

@media (max-width: 600px) {
    .desktop {
        display: none;
    }
    .mobile{
        display: table-cell;
    }
}

.scroll-x{
    overflow-x: auto;
}

.scroll-y{
    overflow-x: auto;
}

.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-50{
    width: 50%;    
}      

.w-60{
    width: 60%;
}