/********************************************************************************************************************** * Resposnive **********************************************************************************************************************/ @media (min-width: 768px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } @media (max-width: 769px) { .menu-toggle { background: #D44D5C; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 1em; color:#fff; } .menu-toggle:hover, .menu-toggle:focus { background: #BA4451; } .main-navigation li { width: 100%; margin-bottom: 2px; } .main-navigation ul ul { border-bottom:none!important; border-left: 0; border-right:0; float:none; position: static; background: #f6f6f6; } .main-navigation ul ul a { width:100%; color:#444; background: #f6f6f6; } .main-navigation ul ul ul { position: static; } .main-navigation.toggled .menu-item-has-children > a:after { font-family: 'ThemeIcons'; margin-left: 5px; vertical-align: middle; content: "\33"; } .main-navigation.fix{ position: inherit!important; } .header-menu, .header-menu ul { overflow: hidden; margin-top: 0; text-align: left; } }