@media screen and (min-width: 801px) {
 .topnav  {display: block;}
  .navbar .page .sor .icon  {display: none;}
  .fa {     display:none;}
}
@media screen and (max-width: 800px) {
 .topnav  {display: none;}
  .navbar .page .sor .icon  {display: block;}
  .icon {text-decoration:none;}
  .fa {     color: white;
  background-color: #333;
    padding-top: 5px;
	    padding-left: 5px;
		    padding-bottom: 5px;
	font-size:23px;
	display:block;
  }
  div#menu li li a {
    display: block;
	    text-align: center;
  }
  div#menu ul li:hover ul {
    display: block;
  }
  div#menu ul span {
    font-size: 15px;
}
}

@media screen and (max-width: 800px) {
  .responsive {position: relative; display: block;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}