@media all and (min-width: 1151px) {
	#menubar {
		background-color: #303030;
		height: 35px;
		color: #A5AC43;
		clear: right;
		width: 58vw;
		margin-left: 40vw;
		margin-top: 0em;
		vertical-align: middle;
		text-align: center;
		text-transform: uppercase;
	}
	
	#menubar ul {
		border-top: #AAAAAA solid 1px;
	        color: #A5AC43;
	        font-weight: bold;
	        letter-spacing: 1.5px;
	        list-style: none;
	        margin: 0em 8.3vw 0em 0em;
		height: 35px;
		padding: 0em;
		width: 50vw;
	        position: relative;
	}
	
	#menubar ul li {
		background-color: #303030;
	        float: left;
		padding-top: 0.5em;
	}
	
	#menubar ul li a {
		font-weight: 600;
	        color: #A5AC43;
	        display: inline;
	        position: relative;
	        text-decoration: none;
		z-index: 100;
		padding: 0em 0.3em;
		white-space: nowrap;
	}
	
	#menubar ul li a:hover {
	        color: #A5AC43;
	}
	
	#menubar ul li a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: -4px;
		left: 0px;
		background-color: #A5AC43;
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
		z-index: 300;
	}
	
	#menubar ul li a:hover:before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	
	#menubar ul li ul {
		font-size: 90%;
	        display: none;
		border: none;
		text-align: left;
		background-color: #303030;
		text-transform: none;
	        padding: 0.5em 0em 0em 0em;
	}
	
	#menubar ul li:hover ul {
	        display: block;
	        font-weight: normal;
	        position: absolute;
		left: 0em;
		top: 1.7em;
		padding: 0.5em 0em 0em 0em;
	}
	
	#menubar ul li ul li hr {
		margin: 0.7em 335px 0em 1em;
		border-top: 0em;
		border-left: 0em;
		border-right: 0em;
		border-bottom: 1px #AAAAAA solid;
	}
	
	#menubar .empty hr {
		border-bottom: none;
	}
	
	#menubar ul li ul li {
	        float: none;
		padding: 0em 1em 1em 1em;
	        border-left: 0;
	        position: relative;
		background-color: #303030;
	}
	
	#menubar ul li ul li a {
	        margin: 1em;
		padding: 0.5em 0.5em 0.5em 0em; 
	        color: #FFFFFF;
	}
	
	#menubar ul li ul li a:before {
		content: none;
	}
	
	#menubar ul li ul li:hover {
		background-image: url('/images/design/arrow_right_padded.png');
		background-position: 100% 0%;
		background-repeat: no-repeat;
	}
	
	#menubar ul li ul li a:hover {
		color: #FFFFFF;
	}
	
	#menubar ul li ul li:first-child {
		background-image: none;
		padding: 0em;
	        border: 0;
		z-index: 200;
	}
	
	#menubar ul li ul li:first-child a {
	        border: 0;
	}
	
	#menubar .menuimagefloat {
		text-align: right;
		float: right;
		padding: 1em;
		overflow: visible;
	}
	
	#menubar .menuimagefloat a {
	        color: #A5AC43;
	}
	
	#menubar .menuimagefloat img {
		padding-bottom: 1em;
	}

	#menubar__trigger {
		display: none;
	}
	
	.menubar__button {
		display: none;
	}

	#mglass {
		display: none;
	}

	#msearch {
		display: none;
	}

	#msearch__trigger {
		display: none;
	}
	
	.msearch__button {
		display: none;
	}

}

@media all and (max-width: 1150px) {
	#menubar {
		background-color: #303030;
		color: #A5AC43;
		width: 100vw;
		text-transform: uppercase;
	}
	
	#menubar ul {
		background-color: #303030;
	        color: #AAAAAA;
	        font-weight: bold;
	        letter-spacing: 1.5px;
	        list-style: none;
	        margin: 0em 5vw 0em 0em;
		padding: 2em 2em 1em 1.5em;
		width: 95vw;
		height: 100vw;
	        position: absolute;
		top: 0em;
	  	// transition: transform 0.5s;
		z-index: 100;
	}
	
	#menubar ul li {
		padding: 1em 0em;
		text-align: left!important;
		width: 100%!important;
		border-top: 1px solid #AAAAAA;
		background-image: url('/images/design/arrow_right_small.png');
		background-position: 100% 50%;
		background-repeat: no-repeat;
	}

	#menubar ul li:hover {
		background-image: url('/images/design/arrow_down_small.png');
		background-position: 100% 0%;
	}

	#menubar ul li:first-child {
		border-top: none;
		padding: 2em 0em 1em 0em;
		background-position: 100% 2em;
	}
	
	#menubar ul li:first-child:hover {
		background-image: url('/images/design/arrow_down_small.png');
		background-position: 100% 1em;
	}

	#menubar ul li a {
		font-weight: 600;
	        color: #DDDDDD;
	        display: block;
	        position: relative;
	        text-decoration: none;
		padding: 0em;
	}
	
	#menubar ul li ul {
		font-size: 90%;
	        display: none;
		border: none;
		text-align: left;
		background-color: #303030;
		text-transform: none;
	        padding: 0.5em 0em 0em 0em;
		margin: 0em;
	}
	
	#menubar ul li:hover ul {
	        display: block;
		position: relative;
		height: auto;
	        font-weight: normal;
		background-color: #303030;
	}
	
	#menubar ul li ul li hr {
		display: none;
	}
	
	#menubar .empty hr {
		border: none;
	}
	
	#menubar ul li ul li {
	        float: none;
		padding: 0em 1em 1em 1em;
		margin: 0em;
	        border-left: 0em;
		border-top: 0em;
	        position: relative;
		background-color: #303030;
		background-image: none;
	}
	
	#menubar ul li ul li a {
	        margin: 0.5em 1em;
		padding: 0em 2em; 
	        color: #FFFFFF;
	}
	
	#menubar ul li ul li a:before {
		content: none;
	}
	
	#menubar ul li ul li:hover {
		background-image: none;
	}
	
	#menubar ul li ul li a:hover {
		color: #FFFFFF;
	}
	
	#menubar ul li ul li:first-child {
		background-image: none;
		padding: 0em;
	        border: 0;
		z-index: 200;
	}
	
	#menubar ul li ul li:first-child a {
	        border: 0;
	}
	
	#menubar .menuimagefloat {
		display: none;
	}
	
	.menubar__trigger {
	  display: none;
	}

	.menubar__trigger:checked + label > #hamburger .menubar__button-open {
          display: none;
        }

	.menubar__trigger:not(:checked) + label > #hamburger .menubar__button-close {
	  display: none;
	}

	.menubar__trigger:not(:checked) ~ #menubar ul {
	  // transform: translateX(1000%);
	  display: none;
	}

	#hamburger {
	  position: absolute;
	  top: 1em;
	  right: 0.5em;
	  z-index: 500;
	}

	.menubar__button-open {
	  display: block;
	  width: 44px;
	  height: 5px;
	  margin-bottom: 6px;
	  position: relative;
	  background: #CDCDCD;
	  border-radius: 4px;
	  z-index: 1;
	}
	
	.menubar__button-close {
	  display: block;
	  color: #CDCDCD;
	  position: relative;
	  top: -0.35em;
	  z-index: 1;
	  font-size: 400%;
	  padding-bottom: 2em;
	}

	#msearch {
		background-color: #303030;
		color: #CDCDCD;
		width: 100vw;
		position: absolute;
		top: 100px;
		text-align: center;
	}
	  
	.msearch__trigger {
	  display: none;
	}

	.msearch__trigger:checked + label > #mglass .msearch__button-open {
          display: none;
        }

	.msearch__trigger:not(:checked) + label > #mglass .msearch__button-close {
	  display: none;
	}

	.msearch__trigger:not(:checked) ~ #msearch {
	  display: none;
	}

	#mglass {
	  position: absolute;
	  top: 1em;
	  right: 4em;
	  z-index: 500;
	}

	.msearch__button-open {
	  display: block;
	  width: 44px;
	  height: 5px;
	  margin-bottom: 6px;
	  position: relative;
	  background: #303030;
	  border-radius: 4px;
	  z-index: 1;
	}
	
	.msearch__button-close {
	  display: block;
	  color: #CDCDCD;
	  position: relative;
	  top: -0.35em;
	  z-index: 1;
	  font-size: 400%;
	  padding-bottom: 2em;
	}

	#msearch input {
	        background-color: #7C7C7C;
	        height: 2em;
	        padding: 0.5em;
	        color: #FFFFFF;
		border-radius: 0.2em;
	}
	
	#msearch input::placeholder {
	        color: #FFFFFF;
	        opacity: 1;
	}
	
	#msearch input:-ms-input-placeholder {
	        color: #FFFFFF;
	}
		
	#msearch input::-ms-input-placeholder {
	        color: #FFFFFF;
}

}