/*****************************************************************************
** ModuleQuickDeputies
*****************************************************************************/

@media all {
    .ModuleQuickDeputiesContainer { }
        .ModuleQuickDeputiesContainer .MQDCContainer { border: 1px solid #ddd; overflow: hidden; padding: 15px 5px; text-align: center; vertical-align: middle; display: flex; width: 100%; align-items: center; justify-content: center; }
            .ModuleQuickDeputiesContainer .MQDCContainer img { max-width: 100%; max-height: 100%; object-fit: contain; }
        .ModuleQuickDeputiesContainer .MQDCButtons { text-align: center; margin: 15px 0; }
}

/*bootstrap grid xl*/
@media all and (min-width: 1600px) {
    .ModuleQuickDeputiesContainer { margin: 15px 0; }
        .ModuleQuickDeputiesContainer .MQDCContainer { height: 312px; }
}

/*bootstrap grid lg*/
@media all and (max-width: 1599px) and (min-width: 1200px) {
    .ModuleQuickDeputiesContainer { margin: 15px 0; }
        .ModuleQuickDeputiesContainer .MQDCContainer { height: 312px; }
}

/*bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) {
    .ModuleQuickDeputiesContainer { margin: 15px 0; }
        .ModuleQuickDeputiesContainer .MQDCContainer { height: 312px; }
}

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
    .ModuleQuickDeputiesContainer { margin: 15px 0; }
        .ModuleQuickDeputiesContainer .MQDCContainer { height: 312px; }
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
    .ModuleQuickDeputiesContainer { margin: 15px 0; }
        .ModuleQuickDeputiesContainer .MQDCContainer { }
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
    .ModuleQuickDeputiesContainer { margin: 15px 0; }
        .ModuleQuickDeputiesContainer .MQDCContainer { }
}