@media screen and (max-width:1023px){
	.main-navigation{
  		display: flex;
		box-sizing: border-box;
		vertical-align: top;
		margin: 0 auto;
		width: 100%;
		justify-content: center;
		background-color: white;

		#primary-menu{
			width: 100%;
			text-align: right;
			padding-right: 5px;
// 			ul{
				li{
					font-size: 0.9em;
					box-sizing: border-box;
					width: auto;
					text-transform: uppercase;
				        .children{
				          li{
				            text-transform: uppercase;
				            	a{
									padding-right: 40px;
				            	}
								.children{
						          li{
						            text-transform: uppercase;
									a{
										padding-right: 80px;
									}
						          }
						        }
				          }
				        }
						a{
							text-decoration: none;
							color: $grey;
							width: 100%;
						}
				}
	
					.current_page_item a{
						background-color: $green;
						color: white;
					}
/* 			} */


		}

	}

}