/* Responsive Menu

--------------------------------------------- */



.responsive-menu-icon {

	cursor: pointer;

	display: none;

	margin-bottom: -1px;

	text-align: center;

}



.responsive-menu-icon::before {

	content: "\e909";

	display: inline-block;

	font: normal 50px/1 'tw-font';

	margin: 0 auto;

	padding: 10px;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-smoothing: antialiased;



}

.responsive-menu-icon::before {

	color: #9d7c4f;

	float: right;

}



@media only screen and (max-width: 767px) {   /* changed from from max-width:768px breakpoint*/



	.main-nav .nav.responsive-menu > .nav-item > .sub-menu,

	.main-nav .nav.responsive-menu {

		display: none;

	}



	.main-nav .nav.responsive-menu .nav-item,

	.responsive-menu-icon {

		display: block;

	}



	.main-nav .nav.responsive-menu .nav-item {

		margin: 0;

	}



	.main-nav .nav.responsive-menu .nav-item:hover {

		position: static;

	}



	.main-nav .nav.responsive-menu .current-menu-item > a,

	.main-nav .nav.responsive-menu .sub-menu .current-menu-item > a:hover,

	.main-nav .nav.responsive-menu a,

	.main-nav .nav.responsive-menu a:hover {

		background: none;

		/*line-height: 1;*/

		/*padding: 16px 20px;*/

	}

	.main-navigation .main-nav .nav.responsive-menu .current-menu-item > a,

	.main-navigation .main-nav .nav.responsive-menu .sub-menu .current-menu-item > a:hover,

	.main-navigation .main-nav .nav.responsive-menu a,

	.main-navigation .main-nav .nav.responsive-menu a:hover {

		color: #fff;

		/*background-color: #aa9258;*/



	}



	.main-navigation .main-nav .nav.responsive-menu a:hover  {

		color: #000;

	}





	.main-navigation .main-nav .nav.responsive-menu .sub-menu .current-menu-item > a:hover {

		background-color: #aa9258;

	}



	.main-nav .nav.responsive-menu .nav-item-has-children {

		cursor: pointer;

	}



	.main-nav .nav.responsive-menu .nav-item > a,

	.main-nav .nav.responsive-menu .nav-item-has-children > a {

		/*margin-right: 60px;*/

		line-height: 2.4em;

		padding-left: 20px;

	}



	.main-nav .nav.responsive-menu > .nav-item-has-children:before {

		color:#fff;

		content: "\e90a";

		float: right;

		font: normal 20px/1 'tw-font';

		height: 20px;

		padding: 13px 20px;

		right: 0;

		text-align: right;

		z-index: 9999;

		-webkit-font-smoothing: antialiased;

		-moz-osx-font-smoothing: grayscale;

		font-smoothing: antialiased;

		position: absolute;



	}

	.main-navigation .main-nav .nav.responsive-menu > .nav-item-has-children:before {

		color: #fff;

	}







	.main-nav .nav.responsive-menu .menu-open.nav-item-has-children:before {

		content: "\e90b";

	}



	.main-nav .nav.responsive-menu .sub-menu {

		/*background-color: rgba(0, 0, 0, 0.05);*/

		border: none;

		left: auto;

		opacity: 1;

		/*padding-left: 25px;*/

		position: relative;

		-moz-transition:    opacity .4s ease-in-out;

		-ms-transition:     opacity .4s ease-in-out;

		-o-transition:      opacity .4s ease-in-out;

		-webkit-transition: opacity .4s ease-in-out;

		transition:         opacity .4s ease-in-out;

		width: 100%;

		z-index: 99;

	}



	.main-nav .nav.responsive-menu .sub-menu .sub-menu {

		margin: 0;

		margin-left:30px;

		width: auto;

	}



	.main-nav .nav.responsive-menu .sub-menu .current-menu-item > a:hover,

	.main-nav .nav.responsive-menu .sub-menu li a,

	.main-nav .nav.responsive-menu .sub-menu li a:hover {

		background: none;

		border: none;

		padding: 10px 20px;

		position: relative;

		width: auto;

		line-height:1.2em;

	}

	

	.main-nav .nav.responsive-menu .sub-menu li a:hover{ color:#fff;}



}