@media  (min-width: 1600px){
.logo-menu img{
width: 256px;
transition-duration: .2s;
margin-top: -15px;
}

ul#nav .logo-menu  span.image-title{
display: none;
}

#floating ul#nav  li.item-297{
width: 256px;
padding-left: 10px;
padding-right: 10px;
}


#floating ul#nav  li.item-297{
background: none;
}


.logo-menu img:hover,.logo-menu img:focus,.logo-menu img:active{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}





}






@media (min-width: 1200px) and (max-width: 1599px){
.logo-menu img{
width: 235px;
transition-duration: .2s;
margin-top: -15px;

}

ul#nav .logo-menu  span.image-title{
display: none;
}

#floating ul#nav  li.item-297{
width: 235px;
padding-left: 10px;
padding-right: 10px;
}


#floating ul#nav  li.item-297{
background: none;
}


.logo-menu img:hover,.logo-menu img:focus,.logo-menu img:active{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}





}



@media (max-width: 1199px){
#floating ul#nav  li.item-297{
width: 266px;
display: none!important;
}

.logo-menu img{
width: 256px;
display: none!important;
}

ul#nav .logo-menu  span.image-title{
display: none;
}
}



@media (min-width: 800px) {
* {
    margin: 0;
    padding: 0;
}

#main ul{
left: 0px;
background: #3954a5;
padding: 0px;
text-align: center;
margin: 0 auto;
height: 110px;

}

#main ul a, #main span.nav-header, #main li.active  a{
height: 100px;
display: table-cell;
vertical-align: middle;

}


#nav{
display: block!important;
}

#main ul li ul {


margin: -50px auto;
text-align: center;
transition-duration: .2s;
opacity: 0;
z-index: 1;
}


#main ul li.open ul li {
display: inline-block!important;
}





#main ul li:hover {
background: #314890;

}

#main ul li:hover ul li:hover {
background: #3954a5;
margin: 0 auto;

}

#main ul li:hover ul {
display: block;
position: absolute;
width: 100%;
background: #314890;
height: 110px;
opacity: 1;
margin: 0 auto;
transition-duration: .3s;
z-index: 30;
}

#main .nav-child li:first-child {
border-left: 1px solid#3c58ab;
}

#main ul li:hover ul li:first-child{
border-left: 1px solid#3c58ab;
}

#main ul li:hover ul li {
border-right: 1px solid#3c58ab;
}


#nav  .deeper.parent {


background:  url(../down.png) ;
background-position: right 50%  bottom 5px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 35px;
transition-duration: .2s;
}


#nav  .deeper.parent:hover, #nav  .deeper.parent.active {
background: #314890;


background: #314890 url(../down-hover.png)  ;
background-position: right 50%  bottom 5px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 35px;
transition-duration: .2s;
}




 #nav  .active {
background: #3c58ab;


}


}





@media (min-width: 1600px) {
#main ul li {
display: inline-block;
border-right: 0px solid#3c58ab;
padding: 5px;
left: 0px;
height: 100px;
width: 150px;
top: 0px;
overflow: hidden;
transition-duration: .9s;
}

#main  a, #main span  {
display: inline-block;
border: 0px solid#000;
padding: 0px;
left: 0px;
height: 100px;
width: 150px;
font-size: 15px;
color: #ffffff;
}
}



@media (min-width: 1001px) and (max-width: 1599px) {
#main ul li {
display: inline-block;
border-right: 0px solid#3c58ab;
padding: 5px;
left: 0px;
height: 100px;
width: 140px;
top: 0px;
overflow: hidden;
transition-duration: .9s;
}

#main  a, #main span  {
display: inline-block;
border: 0px solid#000;
padding: 0px;
left: 0px;
height: 100px;
width: 150px;
font-size: 13px;
color: #ffffff;
}
}


















@media (max-width: 1000px) and (min-width: 800px) {
#main ul li {
display: inline-block;
border-right: 0px solid#3c58ab;
padding: 2px;
left: 0px;
height: 100px;
width: 120px;
top: 0px;
overflow: hidden;
transition-duration: .9s;
}

#main  a, #main span  {
display: inline-block;
border: 0px solid#000;
padding: 0px;
left: 0px;
height: 100px;
width: 120px;
font-size: 1em;
color: #ffffff;
}
}








/************************************************************************************
MOBILE
*************************************************************************************/
@media  (min-width: 799px) {
#menu-icon {
	display: none; /* hide menu icon initially */
}}


@media  (max-width: 799px) {

	/* smoothmenu */
	#smoothmenu {
		position: relative;
background-color: #3954a5;
	}

	/* menu icon */
	#menu-icon {
		color: #fff;
		width: 42px;
		height: 83px;
		background:  url(../images/menu-icon.png) no-repeat 10px center;
		padding: 5px 5px 5px 5px;
		cursor: pointer;
		border: solid 0px #666;
		display: block; /* show menu icon */
	}
	/*#menu-icon:hover {
		background-color: #314890;


	}*/
	#menu-icon.active {
		background: #3954a5 url(../images/menu-icon-close.png) no-repeat 10px center;


	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		
		z-index: 10000;
		padding: 5px;
		background: #3954a5;
		border:  0px solid #999;
		display: none; /* visibility will be toggled with jquery */
	max-width: 350px;
border-radius: 0px 0px 5px 5px ;
}


.fixed #nav {
		clear: both;
		position: absolute;
		top: 58px;
		z-index: 10000;
		padding: 5px;
		background: #8bb5ff;
		border:  0px solid #999;
		display: none; /* visibility will be toggled with jquery */
	max-width: 350px;
border-radius: 0px 0px 5px 5px ;
}






#nav  .deeper.parent {
background: #314890;
border: solid 1px #4567ce;
background: #314890 url(../right.gif) ;
background-position: right 10px  top 13px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 30px;
transition-duration: .2s;
padding-top: 5px;
}



#nav .deeper.parent.open {
background: #314890;
border: solid 1px #4567ce;
background: #314890 url(../down.gif) ;
background-position: right 10px  top 15px; 
background-repeat: no-repeat;
transition-duration: .2s;
padding-top: 10px;
}











#nav .parent ul {
background: #314890;
transition-duration: .3s;
}


#nav  .parent  ul li {
clear: both;
	display: none; /* visibility will be toggled with jquery */
	height: 0px;
	transition-duration: .3s;
	opacity: 0;
}


#nav  .parent.open  ul li {
clear: both;
	display: block; /* visibility will be toggled with jquery */
	transition-duration: .3s;
	height: auto;
	opacity: 1;
}





/*.downarrowclass{
	display: none; 	
}

*/



	#nav li.active a {
		color: #ccc;
	}
	
	#nav  li.active ul li.active a {
		color: #ccc;
	}

#nav  li.active ul li a {
		color: #fff;
	}
	
	#nav li {
		clear: both;
		
		margin: 5px 5px 5px 5px;
                list-style-type: none;
                border: 1px solid #4567ce;
border-radius: 5px ;
min-height: 35px;
width: 250px;
	}



	#nav a	{
		font: inherit;
		background: none;
		border: 0px solid#000;
		padding: 0px ;
margin: 0px 0px 0px 0px;
display: block;
		color: #fff;
	padding: 5px;	
font-size: 17px ;
	}
	
#nav li  span.nav-header  {
background: none;
		
	margin-left: 10px;	


		color: #fff;
		border: 0px solid#fff;
font-size: 17px;

	}	
	
	
	
	
	
	
	#nav a:hover, 
	#nav ul a:hover {
		padding: 5px;
		color: #ffeb85;
border: 0px solid#000;
display: block;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 5px;
width: 230px;
min-height: 30px;
background-color:  #3552ac;
display: block;
	}

	
		#nav ul li:hover{
		margin: 3px 0 3px 5px;
width: 230px;
min-height: 30px;
background-color:  #3d5cbd;
display: block;
	}
	
	
	
	
	
}



	#nav .active a {
		color: #fff;
		display: block;
	}