#header .header-top .search-widget{
	width: 100%;
}
.laberSearch .expand-more{
	display: block;
	position: relative;
	line-height:62px;
	height:62px;
}
.laberSearch .laberSearch-i {

}
.wrap_search_widget {
    position: relative;
}
#search_popup {
    position: absolute;
    left: 0;
    top: 47px;
    width: 286px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 7px rgba(0,0,0,0.4);
}
#search_popup .wrap_item {
    padding: 10px;
}
#search_popup .wrap_item .product {
    margin-bottom: 10px;
}

#search_popup .wrap_item .product:last-child {
    margin-bottom: 0;
}
#search_popup .product .search_img {
    border: 1px solid #ddd;
    float: left;
    margin-right: 5%;
    width: 30%;
}
#search_popup .product .search_img:hover {
    border: 1px solid #777;
}

#search_popup .product .search_img img{
    max-width:100%;
    height: auto;
}

#search_popup .search_info {
    float: left;
    width: 65%;
}

#search_popup .search_info .product_name {
    font-size: .875rem;
    font-weight: 400;
}

#search_popup .search_info .price {
    display: block;
    font-size: .875rem;
    color: #232323;
    font-weight: 700;
    margin-top: 4px;
}
.header-top .search-widget form input[type="text"]{
	min-width: inherit;
	width: 100%;
	border: 1px solid transparent;
	color: #fff;
	font-size: 14px;
	padding: 0;
	padding-left: 45px;
	line-height: 62px;
	background: transparent;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.header-top .search-widget form input::placeholder {
  color: #fff;
  opacity: 1;
}
.header-top .search-widget form input:focus::placeholder {
	opacity:0;
}
.search-widget form input[type="text"]:active,
.search-widget form input[type="text"]:focus{
	outline: none;
	color: #fff;
}
.search-widget form button[type="submit"] {
	position: absolute;
	background: none;
	border: none;
	bottom: 0;
	left: 0;
	color: #fff;
	top: 0;
	padding: 0 15px;
	cursor: pointer;
	font-size: 18px;
}
@media only screen and (min-width : 768px) and (max-width : 991px){
	.laberSearch {text-align:center;}
	.laberSearch .laberSearch-i{
		width: 290px;
		display: inline-block;
	}
	.header-top .search-widget form input[type="text"]{
		border: 1px solid #fff;
		line-height: 45px;
	}
}
@media only screen and (max-width : 767px){
	.laberSearch{
		padding:0 15px;
	}
	#header .header-nav .search-widget,
	.laberSearch .laberSearch-i{
		width: 100%;
	}
	.search-widget form input[type=text]{
		width: 100%;
		background: transparent;
		border: 1px solid #7a7a7a;
		padding-left: 45px;
	}
	.search-widget form input::placeholder {
		color:#fff;
	}
	.search-widget form input[type="text"]:active, .search-widget form input[type="text"]:focus{
		background: transparent;
		color:#333;
	}
}