@media only screen and (max-width: 1200px) {
	#p .header-outer,
	#p .header-inner-wrapper {
		position: static;
	}
	#p .header-inner {
 		margin: 0 auto;
 	}
	#p .logo-outer {
 		margin-left: 2%;
 		height: auto;
 		float: none;
	}
	#p .logo img {
		width: auto;
		margin-top: 0 !important;
		display: inline-block;
	}
	#p .main-menu-outer {
		max-width: 70%;
		z-index: 99;
	}
	#p .sticky .header-inner-wrapper {
		padding-top: 30px;
	}
	#p .sticky .logo-outer {
		width: auto;
	}
	#p .sticky .banner {
	  margin-top: 0;
	}
}
@media only screen and (max-width: 1030px) {
	#p .main-menu-outer li a {
		padding: 8px 10px;
	}
}
@media only screen and (max-width: 925px) {
	#p .main-menu-inner {
		display: none;
		box-shadow: -5px 5px 10px rgba(0,0,0,.1);
	}
	#p button.menu-btn {
		display: block;
	}
	#p .search-outer {
		right: 50px;
	}
	#p .main-menu-outer {
		position: absolute;
		top: 76px;
		float: none;
		right: 0;
 		background: #fff;
		height: auto;
		margin-right: 0px;
		min-width: 320px;
	}
	#p .main-menu-outer ul.main-menu.level-1 > li {
		margin-right: 0;
		display: block;
 		text-align: center;
		max-width: none;
		height: auto;
	}
	#p .main-menu-outer ul.main-menu.level-1 li a {
		padding-right: 30px;
	}
	#p .main-menu-outer ul.main-menu.level-1 > li.active ul.level-2 {
		display: block;
	}
	#p .main-menu-outer ul.main-menu.level-1 > li > span.arrow.opened {
		background-position: 5px -68px;
	}
	#p .main-menu-outer ul.main-menu li ul.level-2 {
		position: static;
		width: 100%;
		min-width: 220px;
		box-shadow: none;
		border-bottom: 1px solid #e9e9e9;
	}
	#p .main-menu-outer ul.main-menu.level-1 > li:hover > a > span,
	#p .main-menu-outer ul.main-menu.level-1 > li.active > a > span  {
		border-bottom: none;
		padding-bottom: 0px;
	}
	#p .main-menu-outer ul.main-menu li:hover ul.level-2 {
		display: none;
	}
	#p .main-menu-outer ul.main-menu.level-1 > li > span.arrow {
		display: block;
	}
	#p .main-menu-outer ul.main-menu li ul.level-2>li {
		border-top: none;
	}
	#p .main-menu-outer ul.main-menu ul.level-2 li:hover {
		background: #e9e9e9;
		border: none;
	}
	#p .main-menu-outer ul.main-menu.level-1 > li > a {
		border-bottom: 1px solid #e9e9e9;
	}
	#p .main-menu-outer ul.main-menu.level-1 > li.active > a {
		border-bottom: 1px solid #e54939;
	}
	#p .main-menu-outer ul.main-menu.level-1 > li:hover > a > span,
	#p .main-menu-outer ul.main-menu.level-1 > li.active > a > span {
		color: #e54939;
	}	
}
@media only screen and (max-width: 481px) {
	#p .logo-outer {
		float: none;
		text-align: center;
		width: auto;
		margin-left: 0px;
	}
}
@media only screen and (max-width: 380px) {
	#p .main-menu-outer {
		max-width: none;
		width: 100%;
 		top: 24px;
	}
	#p .header-outer {
		position: static;
 		padding-top: 10px;
		border-bottom: 1px solid #e9e9e9;
	}
	#p .header-inner {
		height: 56px;
	}
	#p button.menu-btn {
		top: -51px;
	}
}