/* ============== cg-menu ===============
  
 * copyright (c) under cybergolf.com
 * =================================== */
@media all and (max-width: 767px) {
	#cg-menu, #cg-menu.vertical {
		width: 100%;
		cursor: pointer;
	}

	#cg-menu > ul {
		display: none;
		text-align: left;
	}

	#cg-menu > ul.mobile-menu {
		display: block;
		cursor: pointer;
		text-align: left;
	}

	#cg-menu > ul.mobile-menu > li::before {
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #fff;
		right: 25px;
		top: 29px;
		opacity: 0.8;
		z-index: 1;
	}		

	#cg-menu > ul.mobile-menu > li::after {
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		right: 25px;
		top: 19px;
		opacity: 0.8;
		z-index: 1;		
	}

	#cg-menu > ul > li {
		display: block;
		margin: 0;
	}
	
	#cg-menu > ul > li > a {
		display : inline-block;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(170, 170, 170, 0.25);
		padding: 1.4em;
		letter-spacing: 1px;
		font-size: 14px;
	}
	
	#cg-menu > ul > li.has-child > a {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	#cg-menu > ul > li.has-child > a::after {
		right: 32px;
	}

	#cg-menu > ul > li:hover > a {
		background: none;
	}

	#cg-menu > ul > li {
		background: rgba(255, 255, 255, 0.15);
	}

	#cg-menu > ul.mobile-menu > li {
		background: none;
	}

	#cg-menu > ul > li > ul {
		display: none;
	}

	/* child menus */
	#cg-menu ul li ul {
		position: relative;		
		visibility: visible;	
		opacity: 1;		
		box-shadow: none;
		border-radius: 0;
		margin: 0;
		padding: 0;
		background: #fff;
	}

	#cg-menu ul li ul li a {
		width: 100%;
		font-size: 14px;
	}
	
	#cg-menu ul ul ul {
		padding-left: 30px;
	}

	#cg-menu > ul > li > ul li:hover > ul {
		margin: 0;
	}

	#cg-menu > ul > li > ul li.has-child > a::after, 
	#cg-menu > ul > li > ul li.has-child:hover > a::after {
		border-left-color : transparent;
	}

	/* table-cell mode */	
	#cg-menu.table-cell > ul {
		display: none;
		text-align: left;
	}

	#cg-menu.table-cell > ul.mobile-menu {
		display: block;
	}

	#cg-menu.table-cell > ul > li {
		display: block;
	}

	#cg-menu.table-cell ul li ul {
		left: 0;
	}

	/* vertical mode */	
	#cg-menu.vertical > ul > li > ul {
		left: 0;
		top: 0;
		margin: 0;
	}

	#cg-menu.vertical > ul > li.has-child > a::after {
		border-left-color: transparent;
		border-top-color: #fff;
		border-top-color: rgba(255, 255, 255, 0.6);
	}

	#cg-menu.vertical > ul > li.has-child:hover > a::after {
		border-left-color: transparent;
		border-top-color: #fff;
	}	
}

@media not all and (max-width: 767px) {
	
	#cg-menu > ul {
		display: block !important;
		overflow: visible !important;
	}

	#cg-menu.table-cell > ul {
		display: table !important;
	}

	#cg-menu > ul.mobile-menu {
		display: none !important;
	}

	#cg-menu:not(.slide-down) > ul > li > ul {
		display: block !important;
		overflow: visible !important;
	}
}