@media only screen and (min-width:100px) and (max-width:768px) {
.menu-navigation-container { height: auto !important; }
#mini-nav { display: inline-block; padding-top: 8px; }
#mini-nav a, #mini-search a { padding: 0; float: left; border-radius: 5px; width: 50px; height: 35px; font-size: 0; box-shadow: 1px 1px 10px #000 inset; -webkit-box-sizing: content-box; -moz-box-sizing:content-box; -ms-box-sizing: content-box; box-sizing:content-box; }
#mini-nav a { background: url(../images/pk_mobile-menu.png) center 3px no-repeat #333; background-size:43px auto; }
#mini-nav a.active { box-shadow: none; padding-bottom: 10px; }
#main-nav.inactive { display: none; }
#main-nav.active { background: #333; display: block; float: left; margin-top: -7px; padding: 0 0 2px; width: 100%; position: absolute; z-index: 999; }
#main-nav.active ul { list-style: none; margin: 0; float: left; }
#main-nav.active ul li { width: 100%; background: none; }
#main-nav.active ul li a { color: #FFFFFF !important; padding: 3px 0 3px 4%; border-bottom: 1px solid #000; display: block; line-height: 39px; float: none; height: auto; border-radius: 0; width: 100%; margin-right: 0; }
.main-navigation li.menu-item:hover a { background:none !important; }
#main-nav.active ul li ul li a:before { content: "»"; padding-left: 16px; padding-right: 12px; }
#main-nav .main-navigation .current-menu-item > a, #main-nav .main-navigation .current-menu-ancestor > a, #main-nav .main-navigation .current_page_item > a, #main-nav .main-navigation .current_page_ancestor > a { background: #1c64a4; }
#main-nav .main-navigation ul li ul li.current_page_item a { background: url(../images/menu-hover.png) left top repeat-x; }
#main-nav .main-navigation li a:hover { background: #212121  !important; }
#main-nav .main-navigation .current-menu-item > a, #main-nav .main-navigation .current-menu-ancestor > a, #main-nav .main-navigation .current_page_item > a, #main-nav .main-navigation .current_page_ancestor > a { background: #212121  !important; }
#main-nav.active ul { float: left; padding: 0; list-style: none outside none; margin: 0; }
#main-nav ul li.membership { background: #D24D33; margin-bottom: 20px; }
#main-nav ul li.membership span { font-size: .8em; padding-right: 7px; }
#main-nav ul li.membership a { color: #FFF; }
.main-navigation li.drop ul li { border-bottom: 1px dashed rgb(217, 218, 217); margin: 0; padding: 0; width: 154px; }
.menu-main { height: inherit; }
.menu-main { text-align: center; }
.menu .top-search { display: none; }
#main-nav .main-navigation li ul { display: block; left: 0; margin: 0; padding: 0; position: relative; top: 0; width: 100%; z-index: 9; background:none; }
.main-navigation li ul li a { border-bottom: medium none; }
.main-navigation li ul li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; }
.main-navigation li.drop ul { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; left: 8%; margin: 0; padding: 0 0 36px 40px; position: relative; top: 0; width: 91%; z-index: 9; }
#main-nav.active ul li a { text-align: left; }
#branding { border-top: 11px solid #25272a; background: #33363b; position: relative; }
#head-inner { display: inline-block; margin: 0; min-height: 67px; position: relative; width: 100%; text-align: center; }
#ie7 #head-inner { padding-left: 5%; width: 85%; }

}