.cover-search{
	background: rgba(0, 0, 0, 0.05);
	width: 100%;
	clear: both;
	overflow: hidden;
}
.quick_search {
	width: 100%;
	padding:0;
	margin: 0;
}
.quick_search_input {
	margin: 0;
	vertical-align: middle;
	width: 100%;
	font-size: 14px;
	overflow: visible;
	clear:both;
}
.wrapper-demo {
	margin: 0 10px 0 0;
	font-weight: 400;
	float: left;
	position: relative;
	width: 200px;
	background-color: rgba(245, 246, 246, 0.8);
}
.wrapper-dropdown-3 {
	position: relative;
	background: #fff;
	border-left: 0;
	cursor: pointer;
	outline: none;
	font-weight: 100;
	color: #464646;
	border: 0 solid #ebebeb;
	float: left;
	width: 162px;
	padding:3px 15px;
	margin: 0;
	font-size: 17px;
	border-radius: 3px;
}
.wrapper-dropdown-3:after {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -3px;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #464646 transparent;
}
.wrapper-dropdown-3 .dropdown {
	position: absolute;
	top: 120%;
	left: 0;
	right: 0;
	z-index:99;
	height: auto;
	max-height: 311px;
	padding:0;
	overflow: auto;

	background: white;
	border-radius: inherit;
	border: 1px solid rgba(0,0,0,0.17);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	font-weight: normal;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	list-style: none;

	/* Hiding */
	opacity: 0;
	pointer-events: none;
}
.wrapper-dropdown-3 span.showtext{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: auto;
	display: list-item;
	line-height: 40px;
	font-size:20px;
	font-family: 'Kanit';
	font-weight:500;
	color:#222;
}
.wrapper-dropdown-3 span.showtext img{
	vertical-align: middle;
	width: 20px;
	margin: 0 5px 0 0;
}
.wrapper-dropdown-3 .dropdown:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 15px;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 13px;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: rgba(0,0,0,0.1) transparent;    
}
.wrapper-dropdown-3 .dropdown li {display:block;padding:0 0 10px 0;position:relative;margin: 0;border-bottom:1px solid #eee;}
.wrapper-dropdown-3 .dropdown li:last-child {border-bottom:0 solid #eee;}
.wrapper-dropdown-3 .dropdown li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #333;
	font-size: 23px;
	border-bottom: 1px solid #e6e8ea;
	box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.wrapper-dropdown-3 .dropdown li label span{
	display: block;
	font-size: 12px;
	font-family: 'Roboto';
	color:#666;
	margin:0;
}
.wrapper-dropdown-3 .dropdown li label b{
	font-family: DBHelvethaicaXRegular;
	font-size: 19px;
	margin-left: 0;
	color: #636363;
	font-weight: 100;
}
.wrapper-dropdown-3 .dropdown li i {
	float: right;
	color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
	border-radius: 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
	border: none;
	border-radius:0;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
	background-color: #f1f1f1;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
	opacity: 1;
	pointer-events: auto;
	margin:0;
}
.wrapper-dropdown-3.active .dropdown ~ div.tab-content {
	overflow:visible;
}

#brandScroll1 span.showtext{line-height:33px;}
/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
	display: none;
	opacity: 1; /* If opacity support but no pointer-events support */
	pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
	display: block;
}

.wrapper-dropdown-3 .dropdown li label {
	display: block;
	padding: 10px 30px 0 10px; /* Same padding as the button */
	transition: all 0.3s ease-out;
	margin:0;
	font-size:16px;
	min-height:30px;
	line-height:19px;
	font-family: 'Kanit';
	cursor:pointer;
	font-weight:300;
}
.wrapper-dropdown-3 .dropdown li label.oneline{
	line-height:40px !important;
}
.checkbox input[type="checkbox"]:checked + label.oneline::after{
	top: 8px;
	right: 10px;
}
.wrapper-dropdown-3 .dropdown li:last-of-type label {
	border: none;
}
.wrapper-dropdown-3 .dropdown li input {
	position: absolute;
	display: block;
	right: auto;
	top: 50%;
	margin-top: -8px;
	left: 13px;
	border: 1px solid transparent;
	-webkit-appearance: none;
}

/* Hover state */
.wrapper-dropdown-3 .dropdown li:hover {
    background-color: #f0f0f0;
}

#q {
	width: 100%;
	padding: 8px 10px 8px 0;
	border: 0 solid #ccc;
	position: relative;
	text-indent: 35px;
	font-size: 20px;
	font-weight: 500;
	background: #fff url(https://www.siamphone.com/images/magnifying2.png) no-repeat 2px 7px;
	background-size: 35px;
	font-family: 'Kanit';
	height: 50px;
	margin: 0;
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 3px;
	transition: width 0.3s;
}
#q::placeholder{color:#222;}
#brandScroll2 {
    width: 100%;
	border: 2px solid #ebebeb;
}
.brandId {
	width: 20%;
}
.input_qs_spc {
	width: 75%;
	float: left;
	margin: 0 4% 0 0;
}
.category_review {
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
	margin-right: 10px;
	padding:10px 10px 12px;
	border-radius: 3px;
	width: 26%;
}
.category_review_item {
	float: left;
	margin: 3px 5px 0 5px;
}
.category_review_item p {
	margin: 0 5px 0 0;
	display: inline-block;
	line-height: 25px;
	font-size: 20px;
	font-weight: 500;
	padding: 0;
	color: #222;
	float: left;
	font-family: 'Kanit';
}
.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 25px;
  margin:0 0;
  vertical-align: text-bottom;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ededed;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 30px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 30px;
}
.switch input:checked + .slider {
  background-color: #4096ee;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #4096ee;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(28px);
  -ms-transform: translateX(28px);
  transform: translateX(28px);
}

.radio label[for=review]::before{
	background: #fff url(//www.siamphone.com/images/review_icon.png) no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
}
.radio label[for=handson]::before{
	background: #fff url(//www.siamphone.com/images/handson_icon.png) no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
}
.radio label[for=instore]::before{
	background: #fff url(//www.siamphone.com/images/icon-shopping.png) no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
}
.checkbox label::after, .radio label::after {
	display: inline-block;
	position: absolute;
	margin-left: 0;
	left: 10px;
	top: 12px;
	color: #555555;
	border-radius: 21px;
	width: 22px;
	height: 22px;
	padding: 0;
	font-size: 16px;
	line-height: 14px;
	text-indent: 1px;
	
 }
.radio input[type="radio"]:checked + label::after {
	font-family:'FontAwesome';
	left: 10px;
	content: "\f00c";
	color: #4096ee; 
	border: 0;
	top: 12px;
	width: 17px;
	height: 17px;
}

.quick_search #submit_bt {
	border: 0;
	color: #fff;
	border-radius:8px;
	font-size: 18px;
	background: #cc0000;
	background: linear-gradient(to bottom, #e21515 0%,#cc0000 100%);
	cursor: pointer;
	height: 50px !important;
	width: 21% !important;
	padding: 5px 10px;
	font-family: 'Kanit';
}
@media screen and (max-width: 767px){
    .input_qs_spc{width:70%;margin:0;border:0;}
    .quick_search #submit_bt{width:30% !important;border-radius: 0 8px 8px 0;}
}