nav { margin: 0; padding: 0;  position: relative;}
nav:after {  content: "";  display: table;  clear: both;}
nav ul {float:right; padding: 0; margin: 0; list-style: none;}
nav ul li { margin: 0px; display: inline-block; float: left;  } 
nav a { display: block; padding:17px; color: #000;font-family:"montserratlight", Verdana, Geneva, sans-serif;font-size:15px;text-decoration: none; border-top:4px solid #fafafa; border-left: 1px solid #f0f0f0; }
/*nav ul li:last-child a{border-right: 1px solid #f0f0f0;}*/
nav ul li ul li:hover { /*background: #f6f6f6;*/ }
nav a:hover   { background:#fff; border-top:4px solid #000;  }

nav ul li ul  {border:1px solid #f0f0f0; }
nav ul li ul li { border-bottom: 1px solid #f0f0f0;}
nav ul li ul li:last-child { border-bottom: none;}

nav li.active a { border-top-color: #000;}
nav li.active a:hover { }
nav ul ul {display: none; position: absolute; top:56px;background: #fff;}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {width:auto; float: none; display: list-item; position: relative;}
nav ul ul ul li {position: relative; top: -60px; left: 170px;}
nav ul li ul li a{border-top:0px; font-size:14px; padding:15px; border-left:0;}
nav ul li ul li a:hover{border-top:0px; font-size:14px; padding:15px; background:#000; color: #fff;}
li > a:after { content: ''; }
li > a:only-child:after { content: ''; }
nav .active{ /*background:#fa4887;border-bottom:4px solid #d20c52; background:#fff; border-top:4px solid #000;*/ }
nav .active:hover{ border-top:0px solid #000;}
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 0 0 83%;}

.menuImage:hover { background-color: transparent!important;}

/*|===========================================================|media query begins|===========================================================|*/
/*START CSS FOR RESOLUTION BELOW 1070 BEGINS*/
@media all and (max-width:1169px){
	
ul.ul-hover	 { padding-top:5px; margin-left:15px;}

	
nav a{padding: 0px 14px;}
.home{top: 30px;}
nav{height: 60px;}
.menuImage{width: 40px !important; height: 40px;/*margin:16px 0 0 0%;*/ float:right;}
#nav {	width:50px; float: right;	text-align:center;	margin:2px 0;}
.navigation{width: 40%;}
.navigation:before { content:""; position: absolute; width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	right: 10px;
	top:-10px;
	
	border-bottom: 10px solid black; }

.navigation{ list-style: outside none none; margin: 0; padding: 0; position: absolute; right: 5px; top:55px; z-index: 1000; width: 35%; text-align:left;}
#nav ul{/*background:#4F95C5;*/background: #000; border-radius:0 0 3px 3px;}
nav li a{color:#fff; border:none; font-size: 16px; padding:0 20px;}
nav a:hover{border:none; background:none;}
.navigation li{	/*float: left;*/width:100%;}

nav li a { font-size: 14px; padding: 10px 15px; box-sizing: border-box;}
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; border-bottom: 1px solid #2c2c2c;} 
nav { margin: 0; height:41px; }
.toggle + a,
.menu { display: none; }
.toggle {display: block;  background-color:#transparent;  font-size: 14px!important; /*padding: 0 20px;*/ color: #fff; padding: 10px 15px;
font-size:16px; cursor:pointer; /*line-height:30px;*/ text-decoration: none; border: none;}
.toggle img{/*float:right;*/ display:inline-block; margin-left: 5px;}
.toggle:hover { background-color:#face39; color: #000;}
[id^=drop]:checked + ul { display: block; }
nav ul li { display: block; width: 100%; /*padding: 10px;*/}
nav ul li ul li a{background: #000; padding: 0px 40px; line-height: normal;}
nav ul li ul li a:hover{background:none;  padding: 0px 40px;}
nav ul ul .toggle,
nav ul ul li a { padding: 0 40px; color:#fff; background:#000;}
nav ul ul ul a { padding: 0 80px; }
nav a:hover,
nav ul ul ul a { border-bottom:0px solid #fff; }
nav ul li:last-child a{border-right:none;}
nav ul li ul li .toggle,
nav ul ul a { /*background-color: #ffffff;*/ }
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 li ul li { border: none;}
nav ul li ul { border: none;}
nav ul li ul li a { background:url("../images/yellow-bullet.png") no-repeat left 5px;    padding-left: 15px;}
nav ul li ul li a:hover { background:url("../images/yellow-bullet.png") no-repeat left 5px;    padding-left: 15px; color: #face39;}
nav li a:hover { color: #000; background: #face39;}
nav ul li ul li { padding: 0 0 0 10px; margin-bottom: 9px;}


.navigation {
    width: 264px;
}
nav li a,.toggle { font-size: 13px!important;}
nav ul li ul li a { font-size: 13px!important;}
}	
	
@media all and (width:1024px){
}

/*START CSS FOR RESOLUTION BELOW 1024 BEGINS*/
@media all and (max-width:1023px){
.news_text{width: 52%;}
/*nav a{padding: 0px 13px;}
.navigation{width: 40%;}*/



}

@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: 52%; text-align:left;}
.menuImage{margin: 0px 0px 0px 0%;}
}

/*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:65%; text-align:left;}*/
.home{ display:none;}
}

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


.navigation{right: 15px;}
}

/*START CSS FOR RESOLUTION BELOW 360 BEGINS*/
@media all and (max-width:359px){
.navigation{width: 90%;}
h2{font-size: 24px; line-height: 30px;}
}	






