/*---------------------------------------------
---	 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
        }
    }