/********************************************************************************************************************** * Resposnive **********************************************************************************************************************/ @media (min-width: 768px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } @media (max-width: 769px) { .menu-toggle { background: none; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 1em; color:#444; } .menu-toggle:hover, .menu-toggle:focus { background: none; color:#444; } .main-navigation li { width: 100%; text-align: center; margin-bottom: 2px; } .main-navigation ul ul { background: #f6f6f6; border-bottom: 0; border-left: 0; border-right:0; float:none; position: static; } .main-navigation ul ul a { background: #f6f6f6; width:100%; color:#444; } .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 { overflow: hidden; margin-top: 0; } }