.top-nav ul li ul li{
  border-bottom:1px solid #D0CFCE;
}
.top-icon {
    background-color: #ffffff;
    border-radius: 50%;
    color: #E35719;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
}
#search form input[type=submit] {
    width: 20px;
    background-color: #E35719;
    border: none;
    text-indent: -9999px;
    padding: 0;
    display: inline-block;
}
.icon-search {
    background-image: url("../images/glyphicons-halflings-white.png");
    background-position: -45px 2px;
}
.search-box{
   width:16%; float:left; margin-top:1em; margin-right:3em;
}
.top-nav{
   width:78.9%; float:left
}


/*-- effect for nav --*/
.top-nav a::before,
.top-nav a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.top-nav a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.top-nav a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.top-nav a:hover::before,
.top-nav a:hover::after,
.top-nav a:focus::before,
.top-nav a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
/*-- //effect --*/

/* --------------------- media style --------------------*/
@media(max-width:800px){
   .search-box{
   width:100%;
}
   .top-nav{
   width:100%;
}
.top-nav ul li ul li{
  border:0px;
}
}
 
table,td
{
padding-left:15px;
}