body {
}

@media (min-width: 0px) and (max-width: 244px) {
    .app-bar-drop-container.tiles2 {
        width: 123px !important;
    }

    .app-bar-drop-container.tiles3 {
        width: 123px !important;
    }

    .app-bar-drop-container.tiles4 {
        width: 123px !important;
    }

    .app-bar-drop-container.tiles5 {
        width: 123px !important;
    }
}

/*@media (min-width: 244px) and (max-width: 364px) {
    .app-bar-drop-container.tiles1 {
        width: 123px !important;
    }
    
    .app-bar-drop-container.tiles2 {
        width: 244px !important;
    }
    
    .app-bar-drop-container.tiles3 {
        width: 244px !important;
    }

    .app-bar-drop-container.tiles4 {
        width: 244px !important;
    }

    .app-bar-drop-container.tiles5 {
        width: 244px !important;
    }
}*/

@media (min-width: 244px) and (max-width: 364px) {
    .app-bar-drop-container.tiles1 {
        width: 123px !important;
    }
    
    .app-bar-drop-container.tiles2 {
        width: 244px !important;
    }
    
    .app-bar-drop-container.tiles3 {
        width: 244px !important;
    }

    .app-bar-drop-container.tiles4 {
        width: 244px !important;
    }

    .app-bar-drop-container.tiles5 {
        width: 244px !important;
    }
}

@media (min-width: 364px) and (max-width: 550px) {
    .app-bar-drop-container.tiles1 {
        width: 123px !important;
    }
    
    .app-bar-drop-container.tiles2 {
        width: 244px !important;
    }
    
    .app-bar-drop-container.tiles3 {
        width: 364px !important;
    }

    .app-bar-drop-container.tiles4 {
        width: 364px !important;
    }
    .app-bar-drop-container.tiles5 {
        width: 364px !important;
    }
}

@media (min-width: 550px)  and (max-width: 604px) {
    .app-bar-drop-container.tiles1 {
        width: 123px;
    }

    .app-bar-drop-container.tiles2 {
        width: 244px;
    }

    .app-bar-drop-container.tiles3 {
        width: 364px;
    }

    .app-bar-drop-container.tiles4 {
        width: 484px;
    }

    .app-bar-drop-container.tiles5 {
        width: 484px;
    }
}
@media (min-width: 605px) {
    .app-bar-drop-container.tiles1 {
        width: 123px;
    }

    .app-bar-drop-container.tiles2 {
        width: 244px;
    }

    .app-bar-drop-container.tiles3 {
        width: 364px;
    }

    .app-bar-drop-container.tiles4 {
        width: 484px;
    }

    .app-bar-drop-container.tiles5 {
        width: 604px;
    }
}