ul.multi-column-dropdown {
                margin: 0;
                padding: 0;
        }
        
        
        .dropdown-menu {
                min-width: 200px;
        }
        .dropdown-menu.columns-2 {
                min-width: 400px;
        }
        .dropdown-menu.columns-3 {
                min-width: 700px;
        }
        .dropdown-menu li a {
                padding: 5px 15px;
                font-weight: 300;
        }

		.dropdown-menu li a:hover {
			 text-decoration: none;
                color: #262626;
                background-color: #EAEAEA;
		}

        .multi-column-dropdown {
                list-style: none;
        }
        .multi-column-dropdown li a {
                display: block;
                clear: both;
                line-height: 1.428571429;
                color: #333;
                white-space: normal;
        }
        .multi-column-dropdown li a:hover {
                text-decoration: none;
                color: #262626;
                background-color: #EAEAEA;
        }

        .multi-column-dropdown li a.dropdown-title {
            color: #464f7e;
            font-weight: bold;
            white-space: nowrap;
        }
        
        .multi-column-dropdown li a.dropdown-title:hover {
                text-decoration: none;
                color: #464f7e;
                font-weight: bold;
                background-color: #EAEAEA;
        }
		
		ul li.dropdown:hover ul.dropdown-menu {
			display:block;
		}

        .nav i.fa-2x {
margin-top: 8px;
               }

@media (max-width: 768px) {
                .dropdown-menu.multi-column {
                        min-width: 240px !important;
                        overflow-x: hidden;
						background-color:#fff;
                }
                .multi-column-dropdown li a {
                  color: #9d9d9d;
				  background-color:#fff;
                }
                .multi-column-dropdown li a:hover {
                  color: #333;
         		background-color:#fff;
                }
        }
        
        @media (max-width: 480px) {
                .content {
                        width: 90%;@media (max-width: 900px) 
				}
				
				.img-logo {
					max-width: 80%;
				}				
				
                .dropdown-menu.multi-column {
                        min-width: 240px !important;
                        overflow-x: hidden;
                }
                .multi-column-dropdown li a {
                  color: #9d9d9d;
				  background-color:#fff;
                }
                .multi-column-dropdown li a:hover {
                  color: #333;
				  background-color:#fff;
              
                }
        }
                        margin: 50px auto;
                        padding: 10px;
                }
        }

#search {
	position:absolute;
	top:0;
	left:0;
	width:45px;
	height:45px;
}
#label {
	width:20px;
	height:20px;
	position:relative;
	z-index:20;
}
#label label {
	display:block;
	width:20px;
	height:20px;
	background:url(../images/header/magnifying-glass.png);
	font-size:0;
	color:rgba(0,0,0,0);
	text-indent:-9999px;
	cursor:pointer;
}
#label label:hover {
	background:url(../images/header/magnifying-glass.png);
	padding:-45px 0;
}
#label.active label {
	background:url(../images/header/magnifying-glass.png);
	padding:-45px 0;
}
#input {
	position: absolute;
	top:0;
	left:20px;
	width:450px;
	height:20px;
	z-index:5;
	overflow:hidden;
}
#input input{
	display:block;
	position:absolute;
	top:0;
	left:-450px;
	width:450px;
	height:100%;
	margin:0;
	padding: 0 10px;
	border:none;
	background-color:#23688b;
	color:#fff;
	font-size:18px;
	backface-visibility:none;
	border: none;
	transition: left 0;
}
#input input:focus {
	outline:none;
}
#input.focus {
	z-index:20;
}
#input.focus input {
	left:0;
	transition:left 0.3s;
}