nav    {         width: 100%;

    height: 52px;

    padding: 5px -0.5%;

    position: fixed;

    z-index: 150;

    border-bottom: 0px solid white;

    margin-top: 111px;}

nav ul  {             margin: 0;
    padding: 0;
    margin: -50px 25px 0px 0px;
    float: right;
    background: rgba(0, 0, 0, 0);}

nav ul li {

	       text-decoration: none;

    float: left;

    list-style-type: none;

    text-align: center;

    /* letter-spacing: -1px; */

    font-size: 15px;

    font-family: 'Oswald', sans-serif;



	}

nav ul ul ul 

{	float:left;

	margin:-45px 0px 0px 200px;

	}



nav ul li a {      text-decoration: none;

    color: #fff;

    padding: 0 12px;

    letter-spacing: 1.7px;

    display: block;

    margin: 0px 0px 0px -1px;

    border-right: 1px solid #c5c5c5;

    border-left: 1px solid #c5c5c5;

    height: 33px;

    line-height: 34px;}    

	

nav ul li a:hover {background:##e2b40e; color:#fff; text-decoration:none;}

nav ul li a.active {background:none; text-decoration:none;}

nav ul li a.current {    background: #0587ea;

    text-decoration: none;

    color: #fff;

    font-weight: 600;}



nav ul ul {       position: absolute;

    display: none;

    z-index: 8;

    width: 18%;

    float: left;

    margin: -1px 0px 0px 0px;}

nav ul ul li{float:none;}

nav ul li:hover>ul {display:block;  background: rgba(0, 0, 0, 0.35);}

.show-menu   {width:45px; height:45px; border-radius:5px; position:absolute; right:7.5%;     background: rgba(56, 56, 56, 0.2); display:none;}

.show-menu span  {width:80%; height:5px; margin:7px auto; background:#fff; display:block}

nav input[type=checkbox] {display:none;}

nav input[type=checkbox]:checked~ #menu {display:block;}

	






@media screen and (max-width:767px){

nav ul  {display:none;}

nav ul ul  {position:relative;}

nav ul li{margin-bottom:1px;}

nav ul li a {text-align:center; padding:0;}

nav ul ul li a {text-align:center; padding:0; background:red; line-height:35px; height:35px;}

nav ul li, li a  {width:100%;}

.show-menu {display:block; cursor:pointer;}

}









@media only screen and (max-device-width: 480px) and (min-device-width: 320px)



{


.show-menu   { position:fixed;}


nav {

           width: 100%;

    height: 0px;

    background: rgba(0, 0, 0, 0);

    padding: 5px -0.5%;

    position: relative;

    float: left;

    margin-top: 11px;

    border-bottom: 0px solid white;

    z-index: 400;

}





nav ul {

       margin: 0;

    padding: 0;

    width: 100%;

    border-right: 1px dotted #c7c1c1;

    margin: 58px -95px 0px 0px;

    position: fixed;

    float: left;

    background: #000;

    z-index: 400;

}



nav ul li {

 border-bottom:1px dotted #777;

}



nav ul li a {

    text-decoration: none;

    color: #fff;

    padding: 0 4px;

    letter-spacing: 1.5px;

    display: block;

    margin: 0px 0px 0px -1px;

    border-right: 1px solid #fbf9f9;

    border-left: 1px solid #fbf9f9;

    height: 33px;

    line-height: 30px;

}



nav ul li a.current { 

     text-decoration: none;

    color: #fff;

    padding: 0 4px;

    letter-spacing: 1.5px;

    display: block;

    margin: 0px 0px 0px -1px;

    border-right: 1px solid #fbf9f9;

    border-left: 1px solid #fbf9f9;

    height: 33px;

    line-height: 30px;}

	

	nav ul ul {

    position: absolute;

    display: none;

    z-index: 8;

    width: 100%;

    float: left;

    margin: -2px 0px 0px 1px;

}





nav ul ul li a {

    text-align: center;

    padding: 0;

    background: #ffdd72;

    line-height: 35px;

    color: #000;

    height: 35px;

}



nav ul ul ul {

    position: absolute;

    display: none;

    z-index: 8;

    width: 100%;

    float: left;

    margin: 2px 0px 0px 0px;

}



nav ul ul ul li a {

    text-align: center;

    padding: 0;

    background: #f5f5f5;

    line-height: 35px;

    color: #000;

    height: 35px;

}



}









@media only screen and (max-device-width: 736px) and (min-device-width: 414px)

{
.show-menu   { position: fixed;
    float: left;
    margin: 0px -15px 0px 7px;}
nav ul li a {

    text-decoration: none;

    color: #fff;

    padding: 0 4px;

    letter-spacing: 1.5px;

    display: block;

    margin: 0px 0px 0px -1px;

    border-right: 1px solid #fbf9f9;

    border-left: 1px solid #fbf9f9;

    height: 33px;

    line-height: 30px;

}

nav ul li {

    text-decoration: none;

    float: left;

    list-style-type: none;

    text-align: center;

    /* letter-spacing: -1px; */

    font-size: 14px;

    font-family: 'Oswald', sans-serif;

}

}