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