.relative { position: relative;}
.nav_tapy a.n_btn { display: block; width: 220px; padding-left: 50px; background: url(../images/ioc02.png) no-repeat 147px center;line-height: 39px;color: #fff;font-size: 14px; text-decoration:none;}
.fl:hover{background:#00a0e9}

.top-nav ul li {display:inline-block;float: left;}
.top-nav span.menu {display: none;margin-top:8px;}






@media(max-width:1366px){
}
@media(max-width:1280px){
}
@media(max-width:1220px){

}

@media(max-width:768px){
.top-nav { width: 20%;float: right;}
span.menu{display: block;text-align: right;cursor: pointer;position: relative;}
.top-nav ul{display: none;position:absolute;width: 100%;z-index: 9999;left: 0%;/*margin:1em 0em;*/background:#000;border:0;margin-top:5px;}
.top-nav span.menu{display: block;}
.top-nav ul li{display: block;float:none;padding:  0.3em;text-align: center;}
.top-nav ul li a{color:#fff;display:block;margin:0;background: none;border:none;padding:0.4em;}
.top-nav ul li.active a{color:#000;	}


}

@media(max-width:640px){

}
@media(max-width:568px){

}
@media(max-width:480px){

}
@media(max-width:414px){
.top-nav { width: 20%;float: right;}

}

@media(max-width:375px){

}
@media(max-width:320px){	
.top-nav { width: 13%;float: right;}



}