.hamburger {
  position: absolute;
  top: 18px;
  right: 15px;
}

.toggle, [id^=drop] {
	display: none;
}

nav { 
	margin-top:30px;
	padding: 0;
  top:0;
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

nav:after {
	content:"";
	display:table;
	clear:both;
}

nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	}

nav a {
	display:block;
	padding:14px 20px;	
	color:#FFF;
	font-size:16px;
	text-decoration:none;
}
nav a:hover { color:#dcba56; text-decoration:none;}

nav ul ul {
	display: none;
	position: absolute; 
	top: 50px; 
	background:#fff;
	width:220px;
	padding:10px 5px;
}
	
nav ul li:hover > ul {
	display:inherit;
}
	
nav ul ul li {
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul li a {
	color:#444 !important;
	padding:7px 10px;
	font-size:15px;
}

nav ul ul ul li {
	position: relative;
	top:-60px;
	left:200px; 
}

li > a:after { content:  ' \25BC'; font-size:10px }
li > a:only-child:after { content: ''; }
.sticky nav a { color:#444 !important;}

@media all and (max-width : 768px) {
	.top_heading {
		font-size: 28px;
	}
	.story_sec::before { display: none;}
	.story_sec {
		padding: 30px 0px;
	}
	.commitment_sec h2 {
		font-size: 30px;}
		.section-title {
			font-size: 25px;}
			.purchase_sec {
				padding: 40px 0px;
			}
			h2.abouty {
				padding-top: 0%;
			}
			.clasd {
				border-right: 0px #c1af75 solid;
			}
			.textt-section h2 {
				font-size: 19px;
				line-height: 30px;
			}
			.about_sec h1 {
				font-size: 20px !important;}
				.textt-section h4 {
					letter-spacing: 0px;
					font-size: 26px;}
	.sticky nav a {
		color: #ffffff !important;
	}
	.top_heading {
        font-size: 18px;
    }
	ul.choose li h4 {
		font-size: 18px;}
	    .container-road {text-align: left; padding: 20px;}
	.about_emarat {
		padding-right: 0px;
	}
	.form-container-toges h3 {
        font-size: 20px;
    }
	.services {
		padding: 40px 0;}
	.value_des h3 {
		font-size: 17px;}
	.section-title-wrapper h2 {
		font-size: 25px;}
		.section-title-wrapper {
			margin: 0px;
		}
	.amenities_sec h2 {
			font-size: 30px;
			line-height: 1;}
		.amenities_sec li {
				max-width: 100%;
				padding: 0;
			}
	label.hamburger.toggle {
		background: transparent !important;
		color: #e0bf5c;
		font-size: 30px;
		padding: 0px 10px;
	}
	.check_space {
		padding: 0px 0px 0px 30px;
		margin: 0;
	}
	.vision_cont {
		width: 80%;}
	.mission_cont {
			width: 80%;
		}
	nav a {	
		font-size: 17px;
		font-weight: 700;
	}
	ul.menu {
		background: #e0bf5c;
		position: absolute;
		top: 90px;
	}
	nav ul li ul li .toggle, nav ul ul a {
        background-color: #e0bf5c !important;
    }
	nav a:hover, nav ul ul ul a {
        background-color: #e0bf5c !important;
    }
	nav ul ul li a {
		color: #ffffff !important;}
	.toggle:hover {
        background-color: #e0bf5c !important;
    }
	.toggle {
		background-color: #e0bf5c !important;
	}
	nav ul ul {
		background-color: #e0bf5c !important;
	}
	nav a:hover, nav ul ul ul a {
        background-color: #e0bf5c;
        color: #fff !important;
    }
	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	.toggle + a,
	.menu {
		display: none;
	}

	.toggle {
		display: block;
		background-color: #254441;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
	}

	[id^=drop]:checked + ul {
		display: block;
	}

	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
	}
		
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
	}
}


@media all and (max-width : 320px) {
	nav ul li {
		display:block;
		width: 94%;
	}
}