| Current Path : /home/chauffn/vuzelia/2023/modules/mod_maximenuck/assets/ |
| Current File : /home/chauffn/vuzelia/2023/modules/mod_maximenuck/assets/maximenuresponsiveck.css |
/*---------------------------------------------
--- Responsive design behavior ---
--- Maximenu CK ---
----------------------------------------------*/
@media screen and (max-width: 524px) {
div.maximenuckh {
height: auto !important;
}
.maximenuckh li.maxiFancybackground {
display: none !important;
}
div.maximenuckh ul:not(.noresponsive) {
height: auto !important;
padding-left: 0 !important;
/*padding-right: 0 !important;*/
}
div.maximenuckh ul:not(.noresponsive) li {
float :none !important;
width: 100% !important;
box-sizing: border-box;
/*padding-right: 0 !important;*/
padding-left: 0 !important;
padding-right: 0 !important;
margin-right: 0 !important;
}
div.maximenuckh ul:not(.noresponsive) li > div.floatck {
width: 100% !important;
box-sizing: border-box;
right: 0 !important;
left: 0 !important;
margin-left: 0 !important;
position: relative !important;
/*display: none;
height: auto !important;*/
}
div.maximenuckh ul:not(.noresponsive) li:hover > div.floatck {
/*display: block !important;*/
position: relative !important;
margin-left: 0 !important;
}
div.maximenuckh ul:not(.noresponsive) div.floatck div.maximenuck2 {
width: 100% !important;
}
div.maximenuckh ul:not(.noresponsive) div.floatck div.floatck {
width: 100% !important;
margin: 20px 0 0 0 !important;
}
div.maximenuckh ul:not(.noresponsive) div.floatck div.maxidrop-main {
width: 100% !important;
}
div.maximenuckh ul:not(.noresponsive) li.maximenucklogo img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
/* for vertical menu */
div.maximenuckv {
height: auto !important;
}
.maximenuckh li.maxiFancybackground {
display: none !important;
}
div.maximenuckv ul:not(.noresponsive) {
height: auto !important;
padding-left: 0 !important;
/*padding-right: 0 !important;*/
}
div.maximenuckv ul:not(.noresponsive) li {
float :none !important;
width: 100% !important;
/*padding-right: 0 !important;*/
padding-left: 0 !important;
margin-right: 0 !important;
}
div.maximenuckv ul:not(.noresponsive) li > div.floatck {
width: 100% !important;
right: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
position: relative !important;
left: 0 !important;
/*display: none;
height: auto !important;*/
}
div.maximenuckv ul:not(.noresponsive) li:hover > div.floatck {
/*display: block !important;*/
position: relative !important;
margin-left: 0 !important;
}
div.maximenuckv ul:not(.noresponsive) div.floatck div.maximenuck2 {
width: 100% !important;
}
div.maximenuckv ul:not(.noresponsive) div.floatck div.floatck {
width: 100% !important;
margin: 20px 0 0 0 !important;
}
div.maximenuckv ul:not(.noresponsive) div.floatck div.maxidrop-main {
width: 100% !important;
}
div.maximenuckv ul:not(.noresponsive) li.maximenucklogo img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
}