.horizontal-menu { display: none; }

@media (max-width: 1199px) {
  
 .page-header .vertical-dropdown-menu { height: 100%; overflow-y: auto; overflow-x: hidden; position: fixed; width: 300px; background-color: #fff; z-index: 1000; padding: 0; left: -400px; top: 0; bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
 .page-header.active-vertical-menu .vertical-dropdown-menu { left: 0; }

 .page-header .vertical-dropdown-menu > .dropdown-toggle { width: 100%; padding: 11px 15px 12px 30px; text-transform: capitalize; font-size: 17px; font-weight: 600; display: inline-block; letter-spacing: .01em; color: #fff; background-color: #333; word-spacing: .1em; transition: background .4s, color .1s; line-height: 1.5; }
 .page-header .vertical-dropdown-menu > .dropdown-menu { position: static; display: block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 20px 0; }
 
 .dropdown-menu { display: none; width: 100%; flex: 0 0 100%; }
 .dropdown-menu.active { display: block; border-top: 1px solid #efefef; }
 .dropdown-menu li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #efefef; }
 .dropdown-menu li > a { max-width: 100%; padding: 10px; flex: 1 0 0; }
 .dropdown-menu li.level1 > a { padding-left: 20px; }
 .dropdown-menu li.level2 > a { padding-left: 30px; }
 .dropdown-menu li > .toggle-menu { width: auto; flex: 0 0 auto; display: block; }
 .dropdown-menu li > .toggle-menu > button { width: 40px; height: 40px; line-height: 1; border: none; background: transparent; color: #000; font-size: 9px; cursor: pointer; }
 .dropdown-menu li > .toggle-menu > button > span:before { font-family: 'fontAwesome'; }
 .dropdown-menu li > .toggle-menu > button > .icon-plus:before { content: '\f078'; }
 .dropdown-menu li > .toggle-menu > button > .icon-minus:before { content: '\f077'; }
 .dropdown-menu li > ul[aria-hidden="true"] { display: none; }
 .dropdown-menu li > ul[aria-hidden="false"] { display: block; border-top: 1px solid #efefef; }
 .dropdown-menu li > ul { width: 100%; flex: 0 0 100%; }

}

@media (min-width: 1200px) {
 
 .vertical-dropdown-menu { position: relative; }
 .vertical-dropdown-menu > .dropdown-toggle { color: #fff; background-color: transparent; border: none; padding: 11px 15px 11px 0; font-size: 16px; text-transform: none; text-align: left; line-height: 1.5; letter-spacing: .075em; word-spacing: .1em; transition: background .4s, color .1s; display: block; width: 298px; position: relative; z-index: 10; cursor: pointer; }
 .vertical-dropdown-menu > .dropdown-toggle:after { width: 48px; line-height: 46px; content: "\f0c9"; font-family: 'fontAwesome'; font-size: 16px; font-weight: 400; text-align: center; border: none; background-color: #20232b; position: absolute; top: 0; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
 .vertical-dropdown-menu > .dropdown-toggle:focus { padding-left: 15px; outline: 2px solid #fff; outline-offset: 0; }
 .vertical-dropdown-menu > .dropdown-menu { width: 100%; color: #212529; background-color: #20232b; border: none; border-radius: 0; margin: 0; padding-top: 15px; padding-bottom: 15px; position: absolute; top: 100%; left: 0; z-index: 9; -webkit-box-shadow: 5px 10px 16px rgba(51, 51, 51, .05), -5px 10px 16px rgba(51, 51, 51, .05); -moz-box-shadow: 5px 10px 16px rgba(51,51,51,.05),-5px 10px 16px rgba(51,51,51,.05); box-shadow: 5px 10px 16px rgba(51, 51, 51, .05), -5px 10px 16px rgba(51, 51, 51, .05); font-size: 1rem; display: block; }
 .vertical-dropdown-menu > .dropdown-menu:before { content: ""; background-color: #20232b; position: absolute; top: 0; bottom: 0; right: 100%; width: 50vw; left: -50vw; }

 .vertical-menu { position: relative; z-index: 1; }
 .vertical-menu li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; flex-wrap: wrap; align-items: center; position: relative; }
 .vertical-menu li > a { max-width: 100%; padding: 10px 10px 10px 0; flex: 1 0 0; font-size: 14px; }
 .vertical-menu li > a,
 .vertical-menu li > a:hover
 .vertical-menu li > a:focus { color: #fff; }
 .vertical-menu li > .toggle-menu { width: auto; flex: 0 0 auto; display: block; }
 .vertical-menu li > .toggle-menu > button { width: 40px; height: 40px; line-height: 1; border: none; background: transparent; color: #fff; font-size: 9px; cursor: pointer; }
 .vertical-menu li > .toggle-menu > button > span:before { font-family: 'fontAwesome'; }
 .vertical-menu li > .toggle-menu > button > .icon-plus:before { content: '\f054'; }
 .vertical-menu > li > .dropdown-menu { background-color: #20232b; padding: 20px; flex: 0 0 100%; position: absolute; right: auto; left: 100%; top: 0; font-size: 1rem; -webkit-box-shadow: 5px 10px 16px rgba(51, 51, 51, .05), -5px 10px 16px rgba(51, 51, 51, .05); -moz-box-shadow: 5px 10px 16px rgba(51,51,51,.05),-5px 10px 16px rgba(51,51,51,.05); box-shadow: 5px 10px 16px rgba(51, 51, 51, .05), -5px 10px 16px rgba(51, 51, 51, .05); display: none; }
 .vertical-menu > li:hover,
 .vertical-menu > li.tab-focused { background-color: #585858; }
 .vertical-menu > li:hover > a,
 .vertical-menu > li.tab-focused > a { padding-left: 10px; }
 .vertical-menu > li.tab-focused > a:focus,
 .vertical-menu > li.tab-focused > .toggle-menu > button:focus { color: #fff; text-decoration: none; outline: 2px solid #fff; outline-offset: 0; }
 .vertical-menu > li:hover > .dropdown-menu,
 .vertical-menu > li.tab-focused > .dropdown-menu.active,
 .vertical-menu > li:hover > .dropdown-menu > li,
 .vertical-menu > li.tab-focused > .dropdown-menu.active > li { background-color: #585858; display: block; }
 .vertical-menu > li.tab-focused > .dropdown-menu a:focus { outline: 2px solid #fff; outline-offset: 2px; }

 .menu-1-columns { width: 250px; }
 .menu-2-columns { width: 500px; }

 .menu-1-columns > li > ul > li.level1 > a { padding: 5px 0; font-size: 14px; }

 .mega-menu-content .sub-menu > li { display: block; }
 .mega-menu-content .sub-menu > li > .toggle-menu { display: none; }
 .mega-menu-content .sub-menu > li > a { padding: 5px 0; color: #fff; display: block; }
 .mega-menu-content .sub-menu > li.level1 > a { font-size: 16px; font-weight: 600; border-bottom: 1px solid #fff; margin-bottom: 5px; }
 .mega-menu-content .sub-menu > li.level1 > a:focus { border-bottom: 1px solid transparent; }
 .mega-menu-content .sub-menu > li.level1 > ul { margin-bottom: 10px; }
 .mega-menu-content .sub-menu > li.level2 > a { font-size: 13px; }
 
}