nav { margin: 0; padding: 0;  position: relative;  z-index: 8;}
nav:after {  content: "";  display: table;  clear: both;}
nav ul {float:right; padding: 0; margin: 0; list-style: none;}
nav ul li { display: inline-block; float: left;  margin: 0px; } 
nav ul li span{color:#fff; display:inline-block;}
nav a { display:block; padding:29px 25px; color:#ffe836;font-family:"titillium_webregular", Verdana, Geneva, sans-serif;font-size:19px; text-decoration: none; border-top:0px solid #00b9da; border-left: 0px solid #009fbb; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out; }
nav ul li:last-child a{border-right: 0px solid #009fbb;}
nav ul li ul li:hover {background:none; /*background: #f6f6f6;*/ }
nav a:hover { background:#ffe836; color:#000;  }
nav ul ul {display: none; position: absolute; top:80px; background:#000;}
nav ul li:hover > ul { display: inherit; }
nav ul ul li { float: none; display: list-item; position: relative;}
nav ul ul li a{padding:15px 25px;  font-size: 16px;  /*width:95%;*/ display: block;}
nav ul ul ul li {position: relative; top: -60px; left: 170px;}
li > a:after { content: ''; }
li > a:only-child:after { content: ''; }
nav .active{ /*background:#fa4887;border-bottom:4px solid #d20c52;*/ }
nav .active a{/*color:#fff;*/}
.toggle, [id^=drop] {display: none;}
.menuImage{ background-image:url(../images/menu.png); cursor:pointer; /*background-color:#000!important;*/  height:36px; width:10%!important; background-position:center; background-repeat:no-repeat; padding:0!important; margin:0;}

/*|===========================================================|media query begins|===========================================================|*/

@media all and (max-width:1280px){
nav a{padding: 29px 23px; font-size: 17px;}	
}
/*START CSS FOR RESOLUTION BELOW 1070 BEGINS*/
@media all and (max-width:1169px){
nav{height: 60px;}
.menuImage{width: 47px !important;margin:2.5% 0 0 0%; float:right;}

#nav {	width:100%;	text-align:center;}
.navigation{ list-style: outside none none; margin: 0; padding: 0; position: absolute; right: 5px; top:77px;  width:45%; text-align:left;}
#nav ul{background:rgba(18, 18, 18, 0.85) none repeat scroll 0% 0%; border-radius:0 0 3px 3px;}
nav a{color:#fff; border-left:none; font-size: 14px; padding:0 20px;}
.navigation li{	float: left;width:100%;}
#nav a{line-height: 45px;}
nav ul {float: right; padding: 0; margin: 0; list-style: none; border-right: 0px solid #d20c52;}
nav ul li { margin: 0px; display: inline-block; float: left; border-left: 0px solid #d20c52;} 
nav { margin: 0; height:45px; }
nav ul li .toggle:hover{  background: #ffe836; color:#000;}
.toggle + a,
.menu { display: none; }
.toggle {display: block;  background-color: transparent; padding: 0 20px; color: #fff;
font-size:15px; line-height:45px;font-weight: 400; text-decoration: none; border: none;   cursor: pointer;}
.toggle img{float:right;}
.toggle:hover { background-color: transparent; }
[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 li a{padding: 5px 10px 5px 25px;}
nav ul ul ul a { padding: 0 80px; }
nav a:hover,
nav ul ul ul a { background-color:#ffe836; border-bottom:0px solid #fff; }
nav ul li ul li .toggle,
nav ul ul a { background-color: #000; }
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;}
nav ul ul li:first-child a{border-radius:0;}
}	
	
@media all and (width:1024px){
}

/*START CSS FOR RESOLUTION BELOW 1024 BEGINS*/
@media all and (max-width:1023px){
.menuImage{margin: 1.5% 0 0 0%;}
.navigation{top: 53px; width: 50%;}
.news_text{width: 52%;}
nav a{padding: 0px 13px;}
.toggle{padding: 0px 6px;}
}

@media all and (max-width:1000px){
}

@media all and (max-width:800px){
nav a {color: #fff; display: block; font-size: 16px; font-weight: 400; line-height:73px; padding:0 6px;}
}
/*START CSS FOR RESOLUTION 768 ONLY*/


/*START CSS FOR RESOLUTION BELOW 768 BEGINS*/
@media all and (max-width:767px){
.navigation{ width:60%; text-align:left; top: 60px;}
}

/*START CSS FOR RESOLUTION BELOW 600 BEGINS*/
@media all and (max-width:700px){
}

/*START CSS FOR RESOLUTION BELOW 600 BEGINS*/
@media all and (max-width:599px){
.navigation{ width: 60%; text-align:left;}
.home{ display:none;}
.menuImage{margin:2.5% 0 0 0%;}
}

/*START CSS FOR RESOLUTION BELOW 480 BEGINS*/
@media all and (max-width:479px){
.navigation{width:100%; text-align:left; top:50px;}

#nav ul{margin-top:0%;}
.navigation{right:9px;}
}

/*START CSS FOR RESOLUTION BELOW 360 BEGINS*/
@media all and (max-width:359px){

}