/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);*/

.nav_bar{ float:left; width:550px; margin-top:40px !important;}
.mob_menu{ display:none;}

.menu_drop_logo{ padding-left:20px;}
.menu_droplogo_title{ color:#e3dc49; font-size:15px; line-height:24px; text-transform:uppercase; border-bottom:1px dotted #fff; padding-left:20px;}

.menu_ul3{ padding:10px;}

/*=================================================*/

#cssmenu {
 	font-family:"Montserrat-Bold"; 
	font-size:15px;
  	line-height: 15px;
  	text-transform: uppercase;
  	text-align: left;
}
#cssmenu > ul {
  	width: auto;
  	list-style-type: none;
  	padding: 0;
  	margin: 0;
  	display: block;
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */
}
#cssmenu > ul > li {
  float: left;
}

#cssmenu > ul li {
 	display: inline-block;
 	*display: inline;
  	zoom: 1;
  	background:url(../../images/menu_seperator.jpg) no-repeat right 8px;
}
#cssmenu > ul > li > a {
  color: #69614e;
  padding: 15px 15px 20px;
  font-weight: 700;
  /*letter-spacing: 1px;*/
  text-transform: uppercase;
  font-size: 14px;
  z-index: 100;
  position: relative;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #fff; background: #65beec;
}
#cssmenu ul li:last-child, #cssmenu ul li ul li{ 
	background-image:none;
}
#cssmenu > ul li.right {
	float: right;
}
#cssmenu > ul {
	position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
	display: block;
}
#cssmenu > ul li.has-sub ul {
	display: none;	
	position: absolute;
	/*left:-343px;*/
	right:-131px;
	width:1024px;
	list-style-type: none;
  	background:#65beec;
	padding:10px 0;
	z-index:100;	
	-webkit-transition: max-height 0.4s ease-out;
	-moz-transition: max-height 0.4s ease-out;
	-ms-transition: max-height 0.4s ease-out;
	-o-transition: max-height 0.4s ease-out;
	transition: max-height 0.4s ease-out;
}
#cssmenu > ul li.has-sub ul li {
	display: block;
	width:23%; margin:0 1%;
	float:left;
}

#cssmenu ul li ul li a {
  font-size: 13px;
  line-height:22px;
  font-weight: 400;
  text-transform: none;
  color: #fff;
  letter-spacing: 0;
  display: block;
  padding:0 10px ;
}

#cssmenu > ul li.has-sub > a {
	background-image: url('../../images/caret.png');
	background-repeat: no-repeat;
	background-position: 90% -95%;
	
	
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
	background: #65beec url('../../images/caret.png') no-repeat;
	background-position: 90% 195%;
}

#cssmenu ul li ul li a:hover,
#cssmenu ul li ul li a:active { color:#69614e;}

#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
 	color:#69614e;
}

#cssmenu > ul li a {
	display: block;
	padding: 17px 13px;
	text-decoration: none;
	color: #747474;
	text-decoration: none;
	display: block;
	margin: 0;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background: #65beec;
  color: #fff;
}
#cssmenu #menu-button {
  display: none;
}






/* =============================================== */
/* Media Query css Media Query css Media Query css */
/* =============================================== */

/*1111111111111111111111111111111111*/
@media (min-width: 901px) and (max-width: 1024px){

#cssmenu > ul li.has-sub ul{ width:880px; right:-93px;}

.mob_menu { display:none;}



}
/*2222222222222222222222222222222222*/
@media (min-width: 769px) and (max-width: 900px){


#cssmenu > ul li.has-sub ul{width:749px; right:-77px;}

#cssmenu > ul > li > a {font-size:13px;	padding: 15px 8px 20px;}
.nav_bar{ width:462px; margin-top: 25px !important;}

.mob_menu { display:none;}


}
/*3333333333333333333333333333333333*/
@media (min-width: 601px) and (max-width: 768px){
.nav_bar, .nav_bar ul, .nav_bar div{ background-color:#65beec !important;}
.nav_bar			{width:581px; margin-top:45px !important; position:relative;}
.menu_drop_logo		{display:none;}
.menu_droplogo_title{padding-left:13px;}

#cssmenu > ul 				{width: 100%; position:absolute; z-index:9999;}
#cssmenu > ul > li 			{width: 100%;}
#cssmenu > ul li.has-sub ul	{width:100px; right:0px; border-top: 1px dotted #fff; }
#cssmenu > ul > li > a 		{font-size:13px; padding: 12px 13px 12px; background:#96d7f9;}

#cssmenu > ul li#responsive-tab 		{display: block;}
#cssmenu > ul li#responsive-tab a 		{background: url('../../images/menu.png') no-repeat #65beec 97% -40%;}
#cssmenu > ul li#responsive-tab a:hover {background: url('../../images/menu.png') no-repeat #65beec 97% 130%;}

#cssmenu > ul li 		{display:none;}
#cssmenu > ul li.right 	{float: none;}

#cssmenu > ul li.has-sub 				{position: relative;}
#cssmenu > ul li.has-sub ul 			{display: block; position: static;  width: 100%;  background:#65beec;  border: 0 none;}
#cssmenu > ul li.has-sub ul li 			{display: block !important; width:100%; margin:0;	background:#65beec;	}
#cssmenu ul li ul li a 					{width:100%; padding:0 2px;}
#cssmenu > ul li.has-sub ul li a span 	{display: block;  padding-left: 24px;}
#cssmenu > ul li.has-sub > a 			{background-image: none;}


/*#cssmenu > ul > li.collapsed {display: inline-block !important;  *display: inline;  zoom: 1;}
#cssmenu > ul ul li.collapsed {display: block !important;}*/

  

}
/*4444444444444444444444444444444444*/
@media (min-width: 481px) and (max-width: 600px){
.nav_bar, .nav_bar ul, .nav_bar div{ background-color:#65beec !important;}
#cssmenu > ul li.has-sub ul	{ width:100px; right:0px; border-top: 1px dotted #fff; }
#cssmenu > ul > li > a 		{font-size:13px;	padding: 12px 13px 12px; background:#96d7f9;}

.nav_bar			{width:461px; margin-top: 68px !important;}
.menu_drop_logo		{display:none;}
.menu_droplogo_title{padding-left:13px;}

#cssmenu > ul 		{width: 100%; position:absolute; z-index:100;}
#cssmenu > ul > li 	{width: 100%;}

#cssmenu > ul li#responsive-tab 		{display: block;}
#cssmenu > ul li#responsive-tab a 		{background: url('../../images/menu.png') no-repeat #65beec 97% -40%;}
#cssmenu > ul li#responsive-tab a:hover {background: url('../../images/menu.png') no-repeat #65beec 97% 130%;}

#cssmenu > ul li 		{display: none;}
#cssmenu > ul li.right 	{float: none;}

#cssmenu > ul li.has-sub 		{position: relative;}
#cssmenu > ul li.has-sub ul 	{ display: block;  position: static;  width: 100%;   background:#65beec;  border: 0 none; }
#cssmenu > ul li.has-sub ul li 	{display: block !important;	width:100%; margin:0; background:#65beec; }

#cssmenu ul li ul li a 					{width:100%; padding:0 2px;}
#cssmenu > ul li.has-sub ul li a span	{display: block;   padding-left: 24px; }
#cssmenu > ul li.has-sub > a 			{background-image: none;}

/*#cssmenu > ul > li.collapsed 	{display: inline-block !important;  *display: inline; zoom: 1; }
#cssmenu > ul ul li.collapsed 	{display: block !important;}*/



}
/*5555555555555555555555555555555555*/
@media (min-width: 320px) and (max-width: 480px){

.nav_bar, .nav_bar ul, .nav_bar div{ background-color:#65beec !important;}
#cssmenu > ul li.has-sub ul	{width:100px; right:0px; border-top: 1px dotted #fff; }
#cssmenu > ul > li > a 		{font-size:13px;	padding: 12px 10px 12px; background:#96d7f9;}

.nav_bar			{width:300px; margin-top: 68px !important;}
.menu_drop_logo		{ display:none;}
.menu_droplogo_title{ padding-left:10px;}

#cssmenu > ul 		{width: 100%; position:absolute; z-index:100;}
#cssmenu > ul > li 	{width: 100%;}

#cssmenu > ul li#responsive-tab 		{display: block;}
#cssmenu > ul li#responsive-tab a 		{background: url('../../images/menu.png') no-repeat #65beec 97% -40%;}
#cssmenu > ul li#responsive-tab a:hover {background: url('../../images/menu.png') no-repeat #65beec 97% 130%;}

#cssmenu > ul li 		{display: none;}
#cssmenu > ul li.right 	{float: none;}

#cssmenu > ul li.has-sub 		{position: relative; }
#cssmenu > ul li.has-sub ul 	{display: block;  position: static;  width: 100%;  background:#65beec;  border: 0 none; }
#cssmenu > ul li.has-sub ul li 	{display: block !important;	width:100%; margin:0;	background:#65beec;  }

#cssmenu ul li ul li a 					{width:100%; padding:0px;}
#cssmenu > ul li.has-sub ul li a span 	{ display: block; padding-left: 24px; }
#cssmenu > ul li.has-sub > a 			{ background-image: none;}

/*#cssmenu > ul > li.collapsed 	{display: inline-block !important;  *display: inline; zoom: 1;}
#cssmenu > ul ul li.collapsed 	{display: block !important;}*/




}