#search-wrap {
	height: 27px;
	width: 27px;
	display: inline-block;
	position: relative;
    padding: 0;
    vertical-align: middle;
}

#search-wrap input[type="text"] {
  height: 27px;
  font-size: 16px;
  display: inline-block;
  font-family: "Lato";
  font-weight: 100;
  border: none;
  outline: none;
  color: #555;
  padding: 3px;
  width: 27px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .8s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
  padding-right: 27px;
}

#search-wrap input[type="text"]:focus:hover {
  outline: none;
}

#search-wrap input[type="text"].active {
  width: 200px;
  z-index: 1;
  border-bottom: 1px solid #000;
  cursor: text;
}
#search-wrap input[type="button"] {
	background-image: url('../../../assets/frontend/images/icon_search.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 27px;
	width: 27px;
	display: inline-block;
	float: right;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	cursor: pointer;
	opacity: 1;
	cursor: pointer;
	transition: opacity .8s ease;
	background-color: transparent;
}
#search-wrap input[type="button"]:focus{
	outline: none;
}
.shearch-results-sec{
  padding: 50px 0;
}
.search-tab-header .nav-tabs{
  border: none;
  text-align: center;
}
.search-tab-header .nav-tabs li{
  float: none;
  display: inline-block;
}
.search-tab-header .nav-tabs li.active a{
  border: transparent;
  color: #000;
}
.search-tab-header .nav-tabs li a{
  color: rgba(0, 0, 0, 0.4);
  border: transparent;
}
.search-tab-header .nav-tabs li a:hover{
  background-color: transparent;
  color: #000;
  box-shadow: none;
  outline: none;
  border: transparent;
}
.s-result-image{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
}
.sr-desc{
  padding: 10px;
  height: 100px;
}
.sr-desc h4{
  font-family: 'poppinslight';
    color: #000;
    font-size: 18px;
}
.sr-product-name{
  display: inline-block;
}
.sr-product-name h4{
  font-family: 'poppinsregular';
    color: #000;
    font-size: 18px;
}
.sr-product-price{
  display: inline-block;
  float: right;
}
.sr-product-price span{
  font-family: 'poppinsregular';
    color: #000;
    font-size: 18px;
  line-height: 39px;
}
.mobile-search-control{
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0 20px;
  padding-left: 0;
}
.mobile-search-control .form-control{
  border: none;
  border-bottom: 1px solid #000;
  box-shadow: none;
  outline: none;
  border-radius: 0;font-size: 22px;
}
.mobile-search-control .btn{
  background-color: transparent;
    padding: 0;
    margin: 0;
}
.mobile-search-control .btn img{
    height: 27px;
    width: 27px;  
}
.serch-result-mob ul{
  list-style-type: none;
  padding-left: 0;
}
.serch-result-mob ul li a{
  font-family: 'poppinsregular';
    color: #000;
    font-size: 22px;
    line-height: 34px;
}
.search-tab-header{
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
.search-tab-header .scroller-right{
  visibility: hidden;
}
.search-tab-header .scroller-left {
  visibility: hidden;
}
.no-results-found{
  height: 200px;
  width: 100%;
  display: table;
  text-align: center;
}
.no-results-contents{
  display: table-cell;
  vertical-align: middle;
}
.no-results-contents h5{
  font-family: 'poppinsregular';
    color: #000;
    font-size: 18px;
}
.s-result-boards{
  height: 270px;
  border: 1px solid #cecece;
}
.s-result-boards .boards-item{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 50%;
  height: 50%;
  display: inline-block;
  float: left;
}

.search-results-container{
  position: absolute;
  left: -170px;
  top: 150%;
  width: 300px;
  background-color: #fff;
  padding: 10px;
  z-index: 2;
  transition: all 0.5s; 
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
  max-height: 80vh;
  overflow-y: auto;
}
.nav-icons.pull-right{
  position: relative;
}
.search-header-title{
  font-family: 'poppinsregular';
  color: #000;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.search-header-title span:before,
.search-header-title span:after{
  content: '"';
  font-family: 'poppinsregular';
  color: #000;
  font-size: 14px;
  font-weight: bold;
  padding: 0 3px;
}
.suggestion-title{
  font-family: 'poppinsregular';
  color: #cecece;
  font-size: 22px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 18px;
}
.suggestion-items{
  font-family: 'poppinsregular';
  font-size: 19px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 15px;
  color: #000;
}
.search-result-title{
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}
.search-result-title span,
.search-result-title a{
  font-family: 'poppinsregular';
  color: #cecece;
  font-size: 22px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 18px;
}
.search-result-title a{
  float: right;
}
.stroy-result ul li,
.product-brand-result ul li,
.product-category-result ul li,
.product-result ul li{
  margin: 5px 0;
  min-height: 30px;width: 100%;display: inline-block;
}
.search-results .result-title span{white-space: nowrap;text-overflow: ellipsis;width: 100%;display: block;overflow: hidden;font-size: 20px;}
.stroy-result ul li a,
.product-brand-result ul li a,
.product-category-result ul li a,
.product-result ul li a{
  font-family: 'poppinsregular';
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
}
.stroy-result .search-item-image,
.product-brand-result .search-item-image,
.product-category-result .search-item-image,
.product-result .search-item-image{
  width: auto;
  height: 70px !important;
  max-height: 70px;
  margin-right: 15px;
}
.shearch-results-sec h2{
	font-family: 'poppinsregular';
	font-size: 36px;
	font-weight: 700;
	line-height: 40px;
}
.shearch-results-sec a{
	font-family: 'poppinsregular';
	color: #000;
}
.bordered-sec{
	border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}
.bordered-sec:last-child,
.bordered-sec:nth-child(4n + 4){
	border-right: 1px solid transparent;
}
.bordered-sec:nth-last-child(-n+4){
	border-bottom: 1px solid transparent;
}
.s-result-item {
  padding: 20px 10px;
  text-align: center;
  
}
.result-image {
  display: inline-block;
  float: left;
}
.result-title {
  display: inline-block;
  float: left;  
}
.search-results-container .result-title{
  max-width: 200px;
}
.serch-result-mob .result-title{
  max-width: 75%;
}
.search-results-container::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(179, 179, 179, 0.3);background-color: #F5F5F5;}
.search-results-container::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.search-results-container::-webkit-scrollbar-thumb{background-color: #000000;}
.s-result-item .product-info{padding: 0;text-align: center};
.product-info h4{font-family:'poppinslight'!important;}
@media (max-width: 767px) {
.search-result-nav-wrapper {
  position:relative;
  margin:0 auto;
  overflow:hidden;
  padding:5px;
  height:50px;
}
.search-result-list {
    position:absolute;
    left:0px;
    top:0px;
   /* min-width:3000px; */
    margin:0 12px;
    margin-top:0px;
    text-align: left !important;
}
.search-result-list li{
  display:table-cell;
  position:relative;
  text-align:center;
  cursor:grab;
  cursor:-webkit-grab;
  color:#efefef;
  vertical-align:middle;
}
.search-tab-header .scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  padding:7px;
  padding-top:11px;
  white-space:no-wrap;
  vertical-align:middle;
  background-color:#fff;
}
.search-tab-header .scroller-right{
  float:right;
  visibility: visible;
}
.search-tab-header .scroller-left {
  float:left;
  visibility: visible;
}
.search-tab-header .scroller-left .fa-chevron-left{font-size:20px;}
.search-tab-header .scroller-right .fa-chevron-right{font-size:20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .s-result-image, .s-result-boards{height: 165px;}
}
@media (max-width: 767px) {
  .s-result-image, .s-result-boards{height: 280px;}
  .sr-product-price{width: 100%;float: none;}
  .sr-desc h4 {font-size: 14px;}
  .no-results-found {height: 200px;}
}
@media (max-width: 480px) {
  .s-result-image, .s-result-boards{height: 165px;}
}
/* Sidebar Added 2n April */
.scrtabs-tab-container * {
  box-sizing: border-box; }

.scrtabs-tab-container {
  height: 42px; }
  .scrtabs-tab-container .tab-content {
    clear: left; }

.scrtabs-tabs-fixed-container {
  float: left;
  height: 42px;
  overflow: hidden;
  width: 100%; }

.scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container {
  overflow-x: auto; }
  .scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container::-webkit-scrollbar {
    display: none; }

.scrtabs-tabs-movable-container {
  position: relative; }
  .scrtabs-tabs-movable-container .tab-content {
    display: none; }

.scrtabs-tab-scroll-arrow {
  border-top: none;
  color: #000;
  cursor: pointer;
  display: none;
  float: left;
  font-size: 20px;
  height: 42px;
  margin-bottom: -1px;
  padding-left: 2px;
  padding-top: 7px;
  width: 20px; }
  /*.scrtabs-tab-scroll-arrow:hover {
    background-color: #eeeeee; 
  }*/

.scrtabs-tab-scroll-arrow.scrtabs-disable {
  color: #ddd;
  cursor: default; }

.scrtabs-tabs-fixed-container ul.nav-tabs > li {
  white-space: nowrap; }

  /* hide the tabs and panes to prevent flash of tabs on page
 * load/refresh before plugin has time to wrap them in the 
 * scroller; .nav-tabs are automatically unhidden by the 
 * plugin when they're ready, and .tab-content is unhidden 
 * in st-demo.js when the 'ready.scrtabs' event fires */
.search-tab-mobile .nav-tabs,
.search-tab-mobile .tab-content {
  display: none;
}

.st-demo-header {
  background-color: #666666;
  color: white;
  font-size: 24px;
  padding: 8px 24px;
}

.st-demo-header button {
  color: black;
  font-size: 12px;
}

.st-demo-subheader {
  background-color: #f0f0f0;
  color: #333;
  font-size: 16px;
  height: 65px;
  margin-top: 50px;
  padding: 8px 24px;
}

.st-demo-subheader:first-child {
  margin-top: 0;
}

.search-scroll-mobile-tab .nav-tabs{
	border-bottom: 1px solid transparent;
}
.search-scroll-mobile-tab .nav-tabs>li.active>a, 
.search-scroll-mobile-tab .nav-tabs>li.active>a:focus, 
.search-scroll-mobile-tab .nav-tabs>li.active>a:hover {
    border: 1px solid transparent;
    color: #000;
}
.search-scroll-mobile-tab .nav-tabs>li>a {
    color: rgba(0, 0, 0, 0.4);
}
.search-scroll-mobile-tab .nav-tabs>li>a:hover{border:none;border-color:#fff;background-color:transparent;}
.search-scroll-mobile-tab .nav-tabs>li>a:hover {
  border: 1px solid transparent;
  color: #000;
}
.search-results a{
  font-size: 20px;
}
@media (min-width: 768px) {
  .search-scroll-mobile-tab ul.nav-tabs > li {
    float: none;
    display: inline-block;
  }
  .search-scroll-mobile-tab .nav-tabs {
    text-align: center !important;
  }
}