
@media only screen and (max-width : 905px) { 

	.main-nav {
		display: none;
	}

	.responsive-menu span.nav-bg {
		float: right;
		text-indent: -9999px;
		background: url('../images/responsive-nav-bg.png') no-repeat;
		width: 31px;
	    height: 35px;
	    position: absolute;
	    right: 0px;
	    top: -10px;
	}

	.responsive-menu span {
		display: block;
		/*text-indent: 13px;*/
		padding-left: 6px;
		color: #fff;
	}

	.responsive-menu {
		padding: 2%;
		font-size:1.35em;
		text-align: left;
		clear: both;
		color: #fff;
		display: block;
		cursor: pointer;
		/*background:#293d58;*/
		background:#293d58;
	    width: 100%;
	    overflow: hidden;
	    box-sizing:border-box;
	}

	.responsive-menu h3 { 
		font-size: 18px;
		margin: 0px 0;
		position: relative;
		letter-spacing: 1px;
	}
	
	.display-none {
		display: none;
	}

	#nav-320 ul {
		padding-left: 0;
		list-style: none;
		-webkit-transition: all .25s ease;
      		 -moz-transition: all .25s ease;
      		  -ms-transition: all .25s ease;
      		   -o-transition: all .25s ease;
      		      transition: all .25s ease;
	}

	#nav-320 ul li {
		/*border-bottom: 1px dashed #fff;*/
		padding: 1% 0;
		border-bottom: 1px dashed #fff;
	}

	#nav-320 ul ul li {
		padding-bottom: 0;
	}

	#nav-320 ul ul li a:hover {
		background: #ff9900;
		/*border-bottom: 1px solid #ff9900;*/
	}

	#nav-320 ul li:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}

	#nav-320 ul li a {
		color: #fff;
		font-size: 18px;
	}

	#nav-320 ul ul li a:hover {
		text-decoration: none
	}

	#nav-320 ul li a span {
		font-size: 12px;
		color: #fff;
	}
	
	#nav-320 ul ul{
		padding-left: 2%;
	}

	#nav-320 ul ul li:last-child, #nav-320 ul ul li a:last-child {
		border:none !important;	
	}

	#nav-320 ul ul li:before {
		content: '￫';
		padding-right: 5px;
		position: relative;
		float: left;
		top: 6px;
	}
	
	#nav-320 ul ul li a {
		font-size: 16px;
		color: #6da09a;
		display: block;
		padding: 5px;
	}

	#nav-320 ul li a br {
		display: none;
	}

	#nav-320 ul ul ul {
		background: #293d58;
		margin-top: 0px;
	}

}


@media only screen and (max-width: 768px) {
	
	.responsive-menu {
    	padding: 20px;
    }



}	


