nav a#pull{display:none;}
@media only screen and (max-width:640px){nav ul{margin:0;position:absolute;top:100px;width:35%;right:10px;background:#304759;display:none;padding-left:0px !important;z-index:9999;padding-top:0;}
nav li{width:100%;padding-left:0px !important;margin:0px !important;transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;text-align:center;}
nav li a{padding:10px 0 !important;display:block;outline:none;color:#fff}
nav li:hover{}
nav li:hover a{color:#D7C6C6;border-bottom:none;background:#465A69;}
nav a#pull{display:block;background-color:#283744;width:100%;position:relative;}
nav a#pull:after{content:"";background:url(../images/nav-icon.png) no-repeat;width:33px;height:33px;display:inline-block;position:absolute;right:0px;top:-5px;}
.close{background-position:0 -33px !important}
.child{width:auto !important;background:#3F627E !important;padding:0 !important;width:100% !important;z-index:99999;position:static !important;}
.child li{text-align:center !important;padding:0 !important;}
nav .child li:hover a{color:#fff;}
}
@media only screen and (max-width:500px){nav ul{width:100%;right:0;}
}