.mega-autocomplete {
	/* Reset & General */
	/* end button */
	/* cxsearch.css */
	/* header */
	/* left */
	/* right */
	/* tagcloud */
	/* Please substitute site specific font family down below */
	/* Range Slider */
	/*chrome and opera*/
	/*firefox*/
	/* Edge and IE*/
	/* autocomplete css */
	/* Transparent Overlay */
    /* Mobile and other devices */
    font-family: 'Barlow', sans-serif !important;    
}
 .mega-autocomplete * {
	 box-sizing: border-box;
}
/*
 .mega-autocomplete h1, .mega-autocomplete h2, .mega-autocomplete h3, .mega-autocomplete h4, .mega-autocomplete h5, .mega-autocomplete h6, .mega-autocomplete ul, .mega-autocomplete p {
	 padding: 0;
	 margin: 0;
}*/

.mega-autocomplete .ui-autocomplete {
	left: 10%;
	width: 80%;
}

.mega-autocomplete .incVatContainer {
	display: none;
}

.mega-autocomplete .configuratorText {
	margin-top: 0.25rem;
	font-style: italic;
}

.mega-autocomplete#headSearchWrap {
	width: 80% !important;
}

.mega-autocomplete h2 {
	margin: 0;
}
 .mega-autocomplete ul {
	 list-style: none;
	 padding: 0;
	 margin: 0;
}
 .mega-autocomplete a {
	 text-decoration: none;
}
 .mega-autocomplete a:hover, .mega-autocomplete a:focus {
	 text-decoration: none;
	 outline: none;
}
 .mega-autocomplete a img {
	 border: none;
}
.mega-autocomplete p a {
	 color: black;
 /*	 text-decoration: underline;*/
}
/* .mega-autocomplete p a:hover {
	 color: #1a8ebf;
	 text-decoration: underline;
}*/
 .mega-autocomplete strong {
	 font-weight: 700;
}
 .mega-autocomplete .align-right {
	 text-align: right;
}
 .mega-autocomplete button:focus {
	 outline: none;
}
 .mega-autocomplete ::-webkit-input-placeholder {
	 opacity: 0.5;
}
 .mega-autocomplete ::-moz-placeholder {
	 opacity: 0.5;
}
 .mega-autocomplete :-ms-input-placeholder {
	 opacity: 0.5;
}
 .mega-autocomplete :-moz-placeholder {
	 opacity: 0.5;
}
 .mega-autocomplete .hide {
	 display: none;
}
 .mega-autocomplete button {
	 cursor: pointer;
	 border: 0;
}
 .mega-autocomplete select {
	 border-radius: 0;
}
 .mega-autocomplete #grid-selector {
	 height: 10px;
	 width: 100%;
	 padding: 40px 0 40px 30px;
	 float: left;
	 font-size: 14px;
}
 .mega-autocomplete #grid-menu {
	 float: right;
}
 .mega-autocomplete #grid-menu ul {
	 width: 65px;
	 float: right;
	 position: relative;
	 top: -1px;
}
 .mega-autocomplete #grid-menu li {
	 float: left;
	 width: 23px;
	 height: 23px;
	 list-style: none;
}
 .mega-autocomplete #grid-menu li a {
	 display: block;
	 width: 23px;
	 height: 23px;
	 background: url("../images/grid-menu.png") 0 0 no-repeat !important;
}
 .mega-autocomplete #grid-menu li.smallGrid {
	 margin-left: 7px;
}
 .mega-autocomplete #grid-menu li.smallGrid a {
	 background-position: 0 -33px !important;
}
 .mega-autocomplete #grid-menu li.largeGrid a {
	 background-position: -37px 0 !important;
}
 .mega-autocomplete #grid-menu li.smallGrid a.active {
	 background-position: 0 0 !important;
}
 .mega-autocomplete #grid-menu li.largeGrid a.active {
	 background-position: -37px -33px !important;
}
 .mega-autocomplete #grid {
	 width: 1335px;
	 position: absolute;
	 left: 340px;
	 height: 1200px;
	 top: 180px;
}
 .mega-autocomplete #sidebar {
	 float: left;
	 background: #fff;
	 width: 275px;
	 padding: 13px 0 0 45px;
	 height: 1400px;
	 border-right: 1px solid #eee;
}
 .mega-autocomplete #sidebar h3 {
	 color: #262626;
	 text-transform: uppercase;
	 font-size: 14px;
	 font-weight: 700;
	 padding: 35px 0 10px 0;
	 letter-spacing: 1px;
	 clear: both;
}
 .mega-autocomplete #sidebar .checklist {
	 padding: 0;
}
 .mega-autocomplete .checklist ul li {
	 font-size: 14px;
	 font-weight: 400;
	 list-style: none;
	 padding: 7px 0 7px 23px;
}
 .mega-autocomplete .checklist li span {
	 float: left;
	 width: 11px;
	 height: 11px;
	 margin-left: -23px;
	 margin-top: 4px;
	 border: #d1d3d7 solid 1px;
	 position: relative;
}
 .mega-autocomplete .sizes li span, .mega-autocomplete .categories .sizes li {
	 transition: all 300ms ease-out;
}
 .mega-autocomplete .checklist li a {
	 color: #676a74;
	 text-decoration: none;
	 transition: all 300ms ease-out;
}
 .mega-autocomplete .checklist li a:hover {
	 color: #222;
	 transition: all 300ms ease-out;
}
 .mega-autocomplete .checklist a:hover span {
	 border-color: #a6aab3;
}
 .mega-autocomplete .sizes a:hover span, .mega-autocomplete .categories a:hover span {
	 border-color: #a6aab3;
	 transition: all 300ms ease-out;
}
 .mega-autocomplete .checklist a span span {
	 border: none;
	 margin: 0;
	 float: none;
	 position: absolute;
	 top: 0;
	 left: 0;
}
 .mega-autocomplete .checklist a .x {
	 display: block;
	 width: 0;
	 height: 2px;
	 background: #2b2b2b;
	 top: 6px;
	 left: 2px;
	 transform: rotate(45deg);
}
 .mega-autocomplete .checklist a .x.animate {
	 width: 4px;
	 transition: all 100ms ease-in;
}
 .mega-autocomplete .checklist a .y {
	 display: block;
	 width: 0;
	 height: 2px;
	 background: #2b2b2b;
	 top: 4px;
	 left: 3px;
	 transform: rotate(135deg);
}
 .mega-autocomplete .checklist a .y.animate {
	 width: 8px;
	 transition: all 100ms ease-out;
}
 .mega-autocomplete .checklist .checked span {
	 border-color: #8d939f;
}
 .mega-autocomplete .colors ul, .mega-autocomplete .sizes ul {
	 float: left;
	 width: 130px;
}
 .mega-autocomplete .colors ul li {
	 padding-left: 21px;
}
 .mega-autocomplete .colors a span {
	 border: none;
	 position: relative;
	 border-radius: 100%;
	 background-color: #eae3d3;
	 width: 13px;
	 height: 13px;
	 margin-left: -20px;
}
 .mega-autocomplete .colors a:hover span {
	 width: 15px;
	 height: 15px;
	 margin-top: 3px;
	 margin-left: -21px;
}
 .mega-autocomplete #sidebar img {
	 margin-top: 6px;
}
 .mega-autocomplete .product {
	 position: relative;
	 perspective: 800px;
	 width: calc(25% - 8px); /* calc(33% - 6.8px);  */
	 height: 448px;
	 transform-style: preserve-3d;
	 transition: transform 5s;
	 float: left;
	 margin-bottom: 42px;
	 margin-right: 10px;
}
 .mega-autocomplete .product:nth-child(4n) {
	 margin-right: 0;
}
 .mega-autocomplete .product-front img {
	/* max-height: 120%;
	 max-width: 120%;
	 width: auto;
	 height: auto;*/
	 /*position: absolute;*/
	 /*left: 0;
	 right: 0;
	 margin: auto;
	 user-select: none;*/
	 max-height: 190px;
    max-width: 190px;
	width: 100%;
    height: 100%;
}
 .mega-autocomplete .product-front, .mega-autocomplete .product-back {
	 width: 100%;
	 height: 100%;
	 background: #fff;
	 position: absolute;
	 transition: all 100ms ease-out;
	 /*...*/
	 flex-basis: 28%;
    border-right: 1px solid #f4f4f4;
	text-align: center;
}
 .mega-autocomplete .product-back {
	 display: none;
	 transform: rotateY(180deg);
}
 .mega-autocomplete .make3D.animate .product-back, .mega-autocomplete .make3D.animate .product-front, .mega-autocomplete div.large .product-back {
	 top: 0;
	 left: 0;
}
 .mega-autocomplete .make3D {
	 width: 100%;
	 height: 95%;
	 position: absolute;
	 top: 8px;
	 overflow: hidden;
}
 .mega-autocomplete .large .product-front img {
	 bottom: 0 !important;
	 top: 0 !important;
	 margin: 0 auto;
	 /*....*/
	width: 100%;
    height: 100%;
}
 .mega-autocomplete .large .product-front .stats {
	 display: none;
}
 .mega-autocomplete .make3D.animate {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	transition: 100ms ease-out;
}

.mega-autocomplete .large .make3D.animate {
    box-shadow: none;
}

 .mega-autocomplete div.large .make3D {
	display: inline-block;
	 width: 20%;
	 margin-right: 10px;
	 vertical-align: top;

}
 .mega-autocomplete .large div.flip-back {
	 display: none;
}
 .mega-autocomplete .stats-container {
	 background: #fff;
	 position: absolute;
	 top: 190px;
	 left: 0;
	 width: 100%;
	 padding: 16px 8px;
	 /* transition: all 200ms ease-out; */
	 text-align: left;
}
 .mega-autocomplete .make3D.animate .stats-container {
	 top: 180px;
	 transition: all 200ms ease-out;
}
 .mega-autocomplete .stats-container .product_name {
	 color: #222;
	 font-size: 16px;
	 font-weight: bold;
	 display: block;
	 max-width: 100%;
	 height: 36px;
	 margin: 0 auto;
	 line-height: 18px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 text-align: left;
}
 .mega-autocomplete .stats-container p {
	 font-size: 16px;
	 display: block;
	 max-width: 100%;
	 height: 32px;
	 margin: 0 auto;
	 line-height: 16px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 margin: 10px 0;
}
 .mega-autocomplete .stats-container .product_price {
	 color: #2b2b2b;
	 font-size: 22px;
	 float: left;
}
.mega-autocomplete .product.small .stats-container .product_price {
	float: none !important;
	text-align: right;
}
 .mega-autocomplete .product .image_overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: #f8f4f4;
	 opacity: 0;
}
 .mega-autocomplete .product .make3D.animate .image_overlay {
	 opacity: 0.7;
	 transition: all 200ms ease-out;
}
 .mega-autocomplete .product-options {
	 padding: 0;
}
 .mega-autocomplete .product-options strong {
	 font-weight: 700;
	 color: #393c45;
	 font-size: 14px;
}
 .mega-autocomplete .product-options span {
	 color: #969699;
	 font-size: 14px;
	 display: block;
	 margin-bottom: 8px;
}
 .mega-autocomplete .make3D .buttons {
	 position: absolute;
	 bottom: 0px;
	 width: 100%;
	 opacity: 1;
	 padding: 6px 8px;
	 transition: all 200ms ease-out;
}
 .mega-autocomplete .info-large .buttons {
	 position: absolute;
	 width: 100%;
	 opacity: 1;
	 bottom: 4px;
	 padding: 0;
	 /* transition: all 200ms ease-out; */
}
 .mega-autocomplete .make3D.animate .buttons {
	 position: absolute;	
	 bottom: 10px;
	 width: 100%;
	 opacity: 1;
	 transition: all 200ms ease-out;
}
 .mega-autocomplete .info-large.animate .buttons {
	 position: absolute;
	 bottom: 10px;
	 width: 100%;
	 opacity: 1;
	 transition: all 200ms ease-out;
}
 .mega-autocomplete .product.large {
	 width: 100%;
	 height: 210px;
	 margin-bottom: 25px;
	 overflow: hidden;
	 margin: 10px 0;
	border-radius: 4px;
    box-shadow: -1px -1px 1px 1px #ffffff, 1px 1px 5px 2px #e2d6d6;
    /* transition: all .35s ease-in-out; */
}

.mega-autocomplete .product.large.with-chk-cart {
	min-height:230px !important;
}

.mega-autocomplete .product.small.with-chk-cart {
	height:490px !important;
	margin-bottom: 0px !important;
}

 .mega-autocomplete .product.large:nth-child(even) {
	 margin-right: 0 !important;
}
 .mega-autocomplete .floating-image-large {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
}
 .mega-autocomplete .info-large {
	 display: none;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .mega-autocomplete .large .info-large {
	 left: 20%;
	 width: 53%;
	 padding: 10px 0;
}
 .mega-autocomplete .large .price-large {
	display: block;
	 width: 23%;
	 float: right;
	 padding: 10px;
}
 .mega-autocomplete .large .price-large .price-big {
	 height: 124px !important;
	 font-size: 24px;
}
 .mega-autocomplete .info-large h4 {
	 color: #393c45;
	 font-size: 15px;
	 font-weight: 700;
	 margin-top: 10px;
	 text-align: left;
	 display: block;
	 max-width: 100%;
	 height: 36px;
	 margin: 0 auto;
	 font-size: 14px;
	 line-height: 18px;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
 .mega-autocomplete div.sku {
	 font-weight: 700;
	 font-size: 12px;
	 padding-top: 11px;
}
 .mega-autocomplete .price-big {
	 display: block;
	 font-size: 18px;
	 color: #2b2b2b;
	 text-align: right;
	 padding: 20px 0;
}

.mega-autocomplete .price-big .smallPrice {
	font-size: 16px;
	color: #2b2b2b;
	text-decoration: none;
}

.mega-autocomplete .price-big h3.priceLrg30 {
	margin-bottom: 1px;
	font-size: 30px;
}

.mega-autocomplete .price-big input.quantity, .mega-autocomplete .product-front input.quantity {
	padding: 2px 10px;
    margin-top: 14px;
    width: 60px;
    font-size: 18px;
    font-weight: 400;
    border: 1px #ccc solid;
    border-radius: 5px;
    text-align: center;
	color: #222;
	text-indent:unset !important;
}

.mega-autocomplete .price-big .vatText {
	font-size: 13px;
	color: #2b2b2b;
	text-decoration: none;
	text-transform: none;
}

.mega-autocomplete .price-big h3.priceLrg30 .vatText {
	font-weight: bold;
}

.mega-autocomplete .price-big h3.priceLrg30 .smallPrice {
	font-weight: bold;
}

 .mega-autocomplete .price-big span {
	 color: #999;
	 font-weight: 400;
	 text-decoration: line-through;
}
 .mega-autocomplete .info-large .desc {
	 clear: both;
	 display: block;
	 max-width: 100%;
	 margin: 0 auto;
	 font-size: 14px;
	 line-height: 18px;
	 margin: 8px 0;
	 text-align: left;
}
 .mega-autocomplete .desc a {
	 color: #222 
}
 .mega-autocomplete .info-large h3 {
	 letter-spacing: 1px;
	 color: #262626;
	 text-transform: uppercase;
	 font-size: 14px;
	 clear: left;
	 margin-top: 20px;
	 font-weight: 700;
	 margin-bottom: 3px;
}
 .mega-autocomplete .colors-large {
	 margin-bottom: 38px;
}
 .mega-autocomplete .colors-large li {
	 float: left;
	 list-style: none;
	 margin-right: 7px;
	 width: 16px;
	 height: 16px;
}
 .mega-autocomplete .colors-large li a {
	 float: left;
	 width: 16px;
	 height: 16px;
	 border-radius: 50%;
}
 .mega-autocomplete .colors-large li a:hover {
	 width: 19px;
	 height: 19px;
	 position: relative;
	 top: -1px;
	 left: -1px;
}
 .mega-autocomplete .sizes-large span {
	 font-weight: 600;
	 color: #b0b0b0;
}
 .mega-autocomplete .sizes-large span:hover {
	 color: #000;
	 cursor: pointer;
}
 .mega-autocomplete .product.large:hover {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
 .mega-autocomplete #grid-menu li.filter-menu {
	 display: none;
}
 .mega-autocomplete .selected-facet {
	 color: #2b2b2b !important;
}
 .mega-autocomplete .row.no-gutters {
	 margin-right: 0;
	 margin-left: 0;
}
 .mega-autocomplete .row.no-gutters > [class^="col-"], .mega-autocomplete .row.no-gutters > [class*=" col-"] {
	 padding-right: 0;
	 padding-left: 0;
}
 .mega-autocomplete #wrap {
	 max-width: 1280px;
	 margin: 0 auto;
	 display: block;
	 padding: 0 10px;
	 position: inherit;
}
 .mega-autocomplete .clear {
	 clear: both;
}
 .mega-autocomplete #header {
	 position: fixed;
	 top: 0;
	 right: 0;
	 left: 0;
	 z-index: 1030;
	 background-color: #d71440 !important;
}
 .mega-autocomplete #header h1 {
	 padding: 20px 0 5px 10px;
	 font-size: 20px;
	 letter-spacing: -2px;
}
 .mega-autocomplete #header h2 {
	 padding-left: 8px;
	 color: #666;
	 font-size: 14px;
	 font-weight: 100;
}
 .mega-autocomplete #header .logo {
	 float: left;
	 width: 20%;
	 padding: 0 20px 10px 20px;
}
 .mega-autocomplete #header .search-area {
	 float: left;
	 width: 70%;
	 margin: 12px 0;
	 position: relative;
	 z-index: 1040;
}
 .mega-autocomplete #header .search-area input {
	 width: 100%;
	 border: 0;
	 padding: 5px;
	 font-size: 18px;
	 font-weight: 100;
	 color: #333;
}
 .mega-autocomplete input[type="search"]::-webkit-search-cancel-button {
	 display: none;
}
 .mega-autocomplete #header .search-area input::-ms-clear {
	 display: none;
}
 .mega-autocomplete #header .search-area input:focus {
	 border-color: #222;
	 box-shadow: none;
	 outline: none;
}
 .mega-autocomplete #header .search-area .searchReset {
	 position: absolute;
	 right: 35px;
	 top: 9px;
	 padding: 5px;
	 font-size: 17px;
	 color: #000;
	 z-index: 2;
	 font-size: 17px;
	 cursor: pointer;
}
 .mega-autocomplete #header .search-area .searchReset:hover {
	 color: #ccc;
}
 .mega-autocomplete #header .search-area .searchIcon {
	 position: absolute;
	 right: 8px;
	 top: 9px;
	 padding: 5px;
	 font-size: 17px;
	 color: #000;
	 z-index: 2;
	 font-size: 17px;
	 cursor: pointer;
}
 .mega-autocomplete #header .search-area .searchIcon:hover {
	 color: #ccc;
}
 .mega-autocomplete .view-type div.filter-btn {
	 display: none;
	 color: #222;
}
 .mega-autocomplete .serchandizerleft {
	 float: left;
	 width: 20%;
	 padding: 0 0px 10px 0;
}
 .mega-autocomplete .serchandizerleft h2 {
	 clear: left;
	 padding: 20px 10px 5px 0;
	 color: #222;
	 font-size: 14px;
	 text-transform: uppercase;
	 margin: 0 0 10px 0;
	 border-top: #222 3px solid;
}
.mega-autocomplete .serchandizerleft h2:first-of-type {
	border-top: none !important;
}
 .mega-autocomplete .serchandizerleft h2:hover {
	 border-bottom: 1px solid #ccc;
}
 .mega-autocomplete .serchandizerleft h2 a {
	 float: right;
	 color: #222;
}
 .mega-autocomplete .ui-menu {
	 /* border: #ccc solid 1px; */
	 border-radius: 0;
	 padding: 0;
}
 .mega-autocomplete .ui-menu .ui-menu-item a {
	 font-size: 14px;
	 padding: 5px 10px;
	 border: 0;
	 margin: 0;
	 text-transform: capitalize;
	 font-weight: 500;
}
 .mega-autocomplete .ui-menu .ui-menu-item a.ui-state-hover {
	 background: #f1f1f1;
	 padding: 5px 10px;
	 margin: 0;
	 border-radius: 0;
}
 .mega-autocomplete #calendar {
	 width: 160px;
}
 .mega-autocomplete #search_help {
	 font-size: 80%;
}
 .mega-autocomplete .tagcloud {
	 padding: 0;
	 line-height: 30px;
	 padding: 0 10px 0px 0px;
    /* border-bottom: #c00 3px solid;*/
     transition: all .35s ease-in-out;
	 /* padding-right: 12px; */
}
 .mega-autocomplete .tagcloud .list-item {
	 display: inline-block;
	 clear: both;
	 width: 100%;
	 border-bottom: 1px solid #f1f1f1;
	 margin: 0;
	 padding: 4px;
}
 .mega-autocomplete .tagcloud .list-item:hover {
	 background-color: #f1f1f1 !important;
}
 .mega-autocomplete .tagcloud .list-item.checked {
	 background-color: #f1f1f1 !important;
}
 .mega-autocomplete .tagcloud input[type="checkbox"] {
	 float: left;
	 margin: 4px 5px 0 0;
	 clear: right;
}
 .mega-autocomplete .tagcloud input.ui-autocomplete-input {
	 float: left;
	 width: 100%;
	 border: #eee solid 1px;
	 padding: 10px 10px;
	 font-size: 16px !important;
	 font-weight: 500;
	 margin: 0 0 10px 0;
	 font-family: inherit;
}
 .mega-autocomplete .tagcloud span {
	 text-transform: capitalize;
	 font-size: 16px !important;
	 font-weight: 600;
	 color: #222;
}
 .mega-autocomplete .tagcloud span:hover {
	 background-color: #c00;
	 color: #fff;
	 padding-right: 2px;
}
 .mega-autocomplete .tagcloud span.tag-count {
	 float: right;
	 font-size: 16px !important;
	 color: #999;
}
 .mega-autocomplete .tagcloud a {
	 margin: 10px 0 10px 0;
	 float: left;
	 width: 100%;
	 font-size: 14px;
	 font-weight: bold;
	 background: #eee;
	 text-align: center;
	 padding: 5px;
	 color: #333;
}
 .mega-autocomplete .tagcloud_item {
	 float: left;
	 display: block;
	 margin-right: 4px;
	 color: #6998f0;
}
 .mega-autocomplete .tagcloud_item:hover {
	 color: #f00;
}
 .mega-autocomplete .tagcloud h3 {
	 width: 100%;
	 padding: 0 0;
	 color: #222;
	 font-size: 14px;
	 text-transform: uppercase;
	 margin: 0;
}
 .mega-autocomplete .tagcloud input[type="checkbox"]:focus {
	 outline: none;
	 border-radius: 0.25em;
	 box-shadow: 0 0 0.1em 0 white inset;
}
 .mega-autocomplete .tagcloud input[type="checkbox"] {
	 width: 20px;
	 height: 20px;
	 position: relative;
	 appearance: none;
	 border-radius: 0.25em;
}
 .mega-autocomplete .tagcloud input[type="checkbox"]::after {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 border: #ccc solid 1px;
	 border-radius: 0.25em;
	 z-index: 1;
}
 .mega-autocomplete .tagcloud input[type="checkbox"]::before {
	 background: url("../images/white-check.png") center center no-repeat #222;
	 content: '';
	 color: white;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 text-align: center;
	 font-size: 1em;
	 line-height: 1.65em;
	 z-index: 2;
	 border-radius: 0.3em;
	 transition: opacity 0.2s;
	 opacity: 0;
}
 .mega-autocomplete .tagcloud input[type="checkbox"]:focus::before {
	 box-shadow: 0 0 0.1em 0 white inset;
}
 .mega-autocomplete .tagcloud input[type="checkbox"]:checked::before {
	 opacity: 1;
}
 .mega-autocomplete .serchandizerright {
	 float: right;
	 width: 80%;
	 margin: 0 0 0 0;
	 padding: 12px 0 12px 20px;
	 text-align: justify;
	 border-left: 1px solid #e0e0e0;
}
 .mega-autocomplete .serchandizerright h2 {
	 color: #222;
	 font-size: 16px;
	 font-weight: bold;
}
 .mega-autocomplete .serchandizerright p {
	 font-size: 14px;
}
 .mega-autocomplete #navigation {
	 float: left;
	 width: 100%;
}
 .mega-autocomplete #pager-header {
	 float: left;
	 width: 100%;
	 line-height: 30px;
}
 .mega-autocomplete #pager-header strong {
	 color: #222;
	 background-color: #ffff2e;
}
 .mega-autocomplete #pager-header center {
	 display: none;
}
 .mega-autocomplete #pager-header span {
	 font-size: 16px !important;
	 color: #222;
}
 .mega-autocomplete #pager-header .sort {
	font-weight: 200;
    color: #222;
    width: 100%;
    text-align: right;
    line-height: 15px;
}
 .mega-autocomplete #pager-header .sort a {
	 margin: 0 8px;
	 font-size: 16px !important;
	 font-weight: bold;
	 color: #222;
}
 .mega-autocomplete #pager-header .sort a:hover {
	 font-size: 16px !important;
	 font-weight: bold;
	 border-bottom: 3px solid #ffff2e;
}
 .mega-autocomplete #pager-header .sort a.selected {
	 color: #222;
	 border-bottom: 3px solid #ffff2e;
}
 .mega-autocomplete #pager-header select {
	 float: right;
	 background: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L6.02 6 1 1' stroke-width='1.5' stroke='%23BFC7D8' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3e%3c/svg%3e") center right 6px /10px no-repeat #fff;
	 border-radius: 0;
	 padding: 6px 26px 6px 6px;
	 font-size: 16px;
	 color: #999;
	 margin: 0;
	 border: #ccc solid 1px;
	 box-shadow: none;
}
 .mega-autocomplete #pager-header select:focus {
	 background: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L6.02 6 1 1' stroke-width='1.5' stroke='%23BFC7D8' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3e%3c/svg%3e") center right 6px /10px no-repeat #f2f2f2;
	 box-shadow: none;
	 outline: none;
}
 .mega-autocomplete .view-type {
	 float: right;
	 margin: -3px 6px 0 0;
}
 .mega-autocomplete .view-type div {
	 float: left;
	 margin: 0;
	 font-size: 17px;
	 color: #ffb6be;
	 cursor: pointer;
}
 .mega-autocomplete .view-type div:hover {
	 color: #222;
}
 .mega-autocomplete .view-type div.selected {
	 color: #222;
}
 .mega-autocomplete #pager {
	 float: left;
	 width: 100%;
	 margin: 20px 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .mega-autocomplete #pager li {
	 float: left;
	 margin: 0 2px;
}
 .mega-autocomplete #pager li a, .mega-autocomplete #pager span {
	 float: left;
	 border: #eee solid 1px;
	 color: #555;
	 font-size: 13px;
	 letter-spacing: 1px;
}
 .mega-autocomplete #pager li a:hover, .mega-autocomplete #pager span:hover, .mega-autocomplete #pager span.pager-current {
	 background: #222;
	 border: #222 solid 1px;
	 color: #fff;
}
 .mega-autocomplete #pager span.pager-disabled {
	 background: #eee;
	 border: #eee solid 1px;
	 color: #999;
}
 .mega-autocomplete #pager span.pager-gap {
	 border: none;
}
 .mega-autocomplete #pager span.pager-gap:hover {
	 background: none;
	 border: none;
	 color: #555;
}
 .mega-autocomplete .links li {
	 list-style-type: none;
	 display: inline;
}
 .mega-autocomplete .selection-bar {
	 border-bottom: 1px solid #e0e0e0;
	 clear: both;
	 float: none;
	 width: 100%;
	 margin: -2px;
	 display: block;
}
 .mega-autocomplete .selection-list {
	 display: none;
}
 .mega-autocomplete #selection {
	 padding: 10px 0 0;
}
 .mega-autocomplete #selection-hr {
	 padding: 0 !important;
}
 .mega-autocomplete #selection li, .mega-autocomplete #selection-hr li {
	 list-style-type: none;
	 font-size: 16px !important;
}
 .mega-autocomplete #selection-hr li {
	 list-style-type: none;
	 display: inline-block;
	 font-size: 16px !important;
	 padding: 10px 10px 10px 0;
}
 .mega-autocomplete #selection-hr li:first-child {
	 padding-left: 0 !important;
}
 .mega-autocomplete #selection li a, .mega-autocomplete #selection-hr li a {
	 color: #222;
	 background: #e0e0e0;
	 padding: 5px 10px;
	 border-radius: 5px;
	 display: inline-block;
	 margin: 0 0 10px 0;
	 font-weight: bold;
	 font-size: 16px !important;
}
 .mega-autocomplete #selection-hr li a {
	 margin-bottom: 0 !important;
	 text-transform: capitalize !important;
}
 .mega-autocomplete #selection li a i.fa-times:hover, .mega-autocomplete #selection-hr li a:hover {
	 background: #eee;
	 text-decoration: line-through;
}
 .mega-autocomplete #selection li a > span, .mega-autocomplete #selection-hr li a > span {
	 font-weight: normal;
	 color: #000;
}
 .mega-autocomplete #selection-hr li a > span:not(:first-child) {
	 display: none;
}
 .mega-autocomplete .quick-view > a {
	 color: #222 !important;
}
 .mega-autocomplete #docs {
	 float: left;
	 width: 100%;
	 display: flex;
	 flex-wrap: wrap;
	 display: inline-block;
	 justify-content: space-between;
	 margin-top: 10px;
}
 .mega-autocomplete .result-block:first-child {
	 border-top: 2px solid #eee;
}
 .mega-autocomplete .result-block {
	 float: left;
	 width: 100%;
	 margin: 0 0 0 0;
	 padding: 15px 0;
	 border-bottom: 2px solid #eee;
}
 .mega-autocomplete .result-block:hover {
	 background-color: #f1f1f1;
}
 .mega-autocomplete .result-block .image-block {
	 float: left;
	 margin: 0 10px 0 0;
}
 .mega-autocomplete .result-head, .mega-autocomplete .result-body {
	 float: right;
	 width: 78%;
}
 .mega-autocomplete .result-head h2 {
	 float: left;
	 width: 85%;
	 padding: 0;
	 margin: 0 0 5px 0;
	 text-transform: capitalize;
}
 .mega-autocomplete .result-head span {
	 float: right;
	 width: 15%;
	 text-align: right;
	 font-size: 20px;
	 color: #222;
}
 .mega-autocomplete .result-block p span {
	 float: left;
	 width: 100%;
}
 .mega-autocomplete .result-block a {
	 float: left;
	 padding: 4px 5px;
	 border: #ccc solid 1px;
	 color: #333;
	 text-decoration: none;
}
 .mega-autocomplete .result-block a:hover {
	 color: #000;
	 background: #eee;
	 text-decoration: none;
}
 .mega-autocomplete .result-body {
	 font-size: 13px;
	 color: #999;
}
 .mega-autocomplete .view-grid .result-block {
	 width: 23%;
	 float: left;
}
 .mega-autocomplete .view-grid .result-block:first-child {
	 border-top: none;
}
 .mega-autocomplete .view-grid .result-block .image-block {
	 width: 100%;
	 clear: both;
	 margin: 0;
}
 .mega-autocomplete .view-grid .result-block .image-block img {
	 width: 100%;
}
 .mega-autocomplete .view-grid .result-block .result-head, .mega-autocomplete .view-grid .result-block .result-body {
	 width: 100%;
	 font-size: 13px;
	 color: #999;
}
 .mega-autocomplete .view-grid .result-block .result-head h2, .mega-autocomplete .result-box .result-head span {
	 width: 100%;
	 margin: 0;
	 text-align: left;
	 font-size: 17px;
}
 .mega-autocomplete .view-grid .result-block .result-head h2 {
	 display: block;
	 height: 26px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: pre-line;
	 z-index: 1;
	 background-color: transparent;
	 border: transparent solid 1px;
}
 .mega-autocomplete .view-grid .result-block .result-head span {
	 width: 100%;
	 text-align: left;
	 margin: 0 0 4px 0;
}
 .mega-autocomplete .view-grid .result-block p {
	 display: block;
	 width: 100%;
	 height: 80px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: pre-line;
	 z-index: 1;
	 background-color: transparent;
	 border: transparent solid 1px;
}
 .mega-autocomplete a.tagcloud_size_0 {
	 font-size: 80%;
}
 .mega-autocomplete a.tagcloud_size_1 {
	 font-size: 90%;
}
 .mega-autocomplete a.tagcloud_size_2 {
	 font-size: 100%;
}
 .mega-autocomplete Rst a.tagcloud_size_3 {
	 font-size: 110%;
}
 .mega-autocomplete a.tagcloud_size_4 {
	 font-size: 120%;
}
 .mega-autocomplete a.tagcloud_size_5 {
	 font-size: 130%;
}
 .mega-autocomplete a.tagcloud_size_6 {
	 font-size: 140%;
}
 .mega-autocomplete a.tagcloud_size_7 {
	 font-size: 150%;
}
 .mega-autocomplete a.tagcloud_size_8 {
	 font-size: 160%;
}
 .mega-autocomplete a.tagcloud_size_9 {
	 font-size: 170%;
}
 .mega-autocomplete a.tagcloud_size_10 {
	 font-size: 180%;
}
 .mega-autocomplete #countries select {
	 width: 100%;
	 margin: 0 0 10px 0;
	 border: #eee solid 2px;
	 padding: 5px;
	 text-transform: capitalize;
}
 .mega-autocomplete #countries img {
	 width: 100%;
}
 .mega-autocomplete #calendar .ui-datepicker {
	 width: 15em;
	 font-size: 14px;
}
 .mega-autocomplete .range-slider {
	 float: left;
	 width: 200px;
	 margin: 10px 0 0 0;
}
 .mega-autocomplete .range-slider .ui-slider .ui-slider-handle {
	 width: 20px;
	 height: 20px;
	 background: #fff;
	 border-radius: 50px;
	 border: #222 solid 2px;
}
 .mega-autocomplete .range-slider .ui-slider-horizontal {
	 width: 90%;
	 height: 4px;
	 border: none;
	 background: #ddd;
	 border-radius: 0;
}
 .mega-autocomplete .range-slider .ui-slider-horizontal .ui-slider-handle {
	 margin-left: 0;
	 top: -8px;
	 cursor: pointer;
}
 .mega-autocomplete .range-slider p input {
	 width: 100%;
	 border: none;
	 margin: 15px 0 0 0;
	 font-size: 15px;
	 font-weight: 600;
	 color: #000;
	 text-align: center;
}
 .mega-autocomplete .close-filter {
	 float: left;
	 line-height: 17px;
	 cursor: pointer;
	 display: none;
	 text-transform: capitalize;
	 font-weight: normal;
	 cursor: pointer;
	 padding: 2px 12px 0 4px;
}
 .mega-autocomplete .clear-filter {
	 display: none;
}
 .mega-autocomplete .close-filter:hover {
	 color: #222;
}
 .mega-autocomplete #overlay {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 10;
	 background-color: #000;
	 display: none;
}
 .mega-autocomplete #autosize-div {
	 width: auto;
	 display: inline-block;
	 font-size: 28px;
	 white-space: nowrap;
	 min-width: 10px;
	 background: #000;
	 position: absolute;
	 visibility: hidden;
	 vertical-align: top;
}
 .mega-autocomplete .prod-code {
	 display: block;
	 width: 100%;
}
 .mega-autocomplete .prod-code .pcode {
	 font-size: 14px;
	 font-weight: 600;
	 width: 100%;
	 font-family: inherit;
	 padding: 10px 0;
}

.mega-autocomplete .stock {
	height: 20px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
	padding: 1px 0px 0px 24px;
	margin: 10px 0px;
	float: left;
}

.mega-autocomplete .ac-result .stock {	
	font-weight: normal !important;
	padding: 2px 0px 0px 24px;
    margin-top: 4px;
}

 .mega-autocomplete .istock {	
    background: url(/Images/OfficeProducts/stock_green.jpg) center left no-repeat;
}

.mega-autocomplete .wstock {
	background: url(/Images/OfficeProducts/stock_red.jpg) center left no-repeat !important;	
}

.mega-autocomplete .make3D .wstock {
	position: absolute;
    margin-top: -31px !important;	
}

 .mega-autocomplete .istock .fa-check {
	 color: green;
	 font-size: 14px;
	 padding-left: 4px;
}

.mega-autocomplete .istock .fa-times {
	color: red;
	font-size: 14px;
	padding-left: 4px;
}
 .mega-autocomplete .instock {
	 width: 100%;
	 display: block;
	 font-family: inherit;
}
 .mega-autocomplete .instock > div.istock {
	 float: left;
	 font-size: 16px;
	 font-weight: 600;
	 font-family: inherit;
}
 .mega-autocomplete .instock > div.product_price {
	 float: right;
}
 .mega-autocomplete .line-through {
	 text-decoration: line-through !important;
	 color: #999 !important;
}
 .mega-autocomplete .price-range {
	 width: 100%;
	 margin: 15px 0 0 0 !important;
	 font-size: 14px;
	 color: #999;
	 padding: 11px 10px 0px 1px;
}

.mega-autocomplete .price-range .tagcloud {
	padding-right: 0px !important;
}

 .mega-autocomplete .price-range .slider {
	 width: 92%;
	 margin: 0 auto;
	 height: 4px;
	 border: none;
	 background: #ccc;
	 border-radius: 0;
}
 .mega-autocomplete .price-range .slider .ui-slider-handle {
	 width: 20px;
	 height: 20px;
	 background: #fff;
	 border-radius: 50px;
	 border: #222 solid 2px;
	 margin-top: -3px;
}
 .mega-autocomplete .price-range .slider .ui-slider-handle:focus {
	 outline: 1px solid transparent;
}
 .mega-autocomplete .price-range .slider .ui-widget-header {
	 background-image: none;
	 background-color: #222;
}
 .mega-autocomplete .ui-widget, .mega-autocomplete .ui-widget input, .mega-autocomplete .ui-widget select, .mega-autocomplete .ui-widget textarea, .mega-autocomplete .ui-widget button {
	 color: #2b2b2b;
	 font-family: 'Barlow', sans-serif !important;
	 z-index: 500;
 }
  .mega-autocomplete .tagcloud .ui-menu {
	 color: #2b2b2b;
	 border-radius: 0;
	 padding: 0;
 }
 .mega-autocomplete .tagcloud .ui-menu li > div{
	padding: 0px 5px;
	font-size: 14px;
	border: 0;
	margin: 0;
	text-transform: capitalize;
	font-weight: 500;
	border: none;
 }
   .mega-autocomplete .tagcloud .ui-menu li > div:hover {
	 color: #000;
	 background: #eee;
	 text-decoration: none;
}
 .mega-autocomplete .price-range .slider .ui-widget-content {
	 background: #222;
}
 .mega-autocomplete .price-range .slider-input {
	 width: 100%;
	 position: relative;
	 display: flex;
	 margin: 20px 0 5px 0;
}
 .mega-autocomplete .price-range .slider-input div {
	 position: relative;
	 float: left;
	 width: calc(50% - 17px);
	 display: inline-block !important;
	 margin-right: 5px;
}
 .mega-autocomplete .price-range .slider-input div:last-child {
	 width: 34px;
	 float: right;
	 margin-right: 0 !important;
}
 .mega-autocomplete .price-range .slider-input div label {
	 position: absolute;
	 left: 2px;
	 padding: 6px 0 0 6px;
	 z-index: 2;
	 color: #222;
	 font-size: 16px;
	 font-weight: 600;
}
 .mega-autocomplete .price-range .slider-input div input {
	 z-index: 1;
	 pointer-events: all !important;
	 position: relative !important;
	 margin: 0 !important;
	 border-color: #eee;
	 border: #eee solid 1px;
	 padding: 5px 5px 5px 8px;
	 float: left;
	 text-transform: capitalize;
	 font-size: 16px !important;
	 font-weight: 600;
	 color: #222;
	 width: 100% !important;
}
 .mega-autocomplete .price-range .slider-input .btngo {
	 margin: 0 !important;
	 font-size: 14px;
	 font-weight: 500;
	 border-radius: 3px;
	 background: #222;
	 color: #fff;
	 float: right;
	 text-align: center;
	 text-transform: uppercase;
	 padding: 7px;
	 transition: background 150ms ease-out;
	 cursor: pointer;
}
 .mega-autocomplete .range-slider1 {
	 float: left;
	 width: 100%;
	 margin: 10px 0 0 0;
}
 .mega-autocomplete .range-slider1 .ui-slider .ui-slider-handle {
	 width: 20px;
	 height: 20px;
	 background: #fff;
	 border-radius: 50px;
	 border: #222 solid 2px;
}
 .mega-autocomplete .range-slider1 .ui-slider-horizontal {
	 width: 90%;
	 height: 4px;
	 border: none;
	 background: #ddd;
	 border-radius: 0;
}
 .mega-autocomplete .range-slider1 .ui-slider-horizontal .ui-slider-handle {
	 margin-left: 0;
	 top: -8px;
	 cursor: pointer;
}
 .mega-autocomplete .range-slider1 p input {
	 width: 100%;
	 border: none;
	 margin: 15px 0 0 0;
	 font-size: 15px;
	 font-weight: 600;
	 color: #000;
	 text-align: center;
}
 .mega-autocomplete input[type="range"] {
	 width: 100%;
	 height: 28px;
	 outline: none;
	 border: 0;
	 padding: 0 8px;
	 margin: 8px 0;
}
 .mega-autocomplete input[type="range"]::-webkit-slider-runnable-track {
	 background: #ccc;
	 height: 4px;
	 border-radius: 4px;
	 transition: 0.3s;
}
 .mega-autocomplete input[type="range"]:hover::-webkit-slider-runnable-track, .mega-autocomplete input[type="range"]:focus::-webkit-slider-runnable-track {
	 background: #777;
}
 .mega-autocomplete input[type="range"]::-webkit-slider-thumb {
	 background: red;
	 width: 28px;
	 height: 28px;
	 border-radius: 50%;
	 margin-top: -12px;
	 cursor: pointer;
	 border: #fff solid 4px;
	 transition: 0.3s;
}
 .mega-autocomplete input[type="range"]:hover::-webkit-slider-thumb, .mega-autocomplete input[type="range"]:focus::-webkit-slider-thumb {
	 background: darkorange;
}
 .mega-autocomplete input[type="range"]::-moz-focus-outer {
	 border: 0;
}
 .mega-autocomplete input[type="range"]::-moz-range-track {
	 background: #ccc;
	 height: 4px;
	 border-radius: 4px;
}
 .mega-autocomplete input[type="range"]:hover::-moz-range-track, .mega-autocomplete input[type="range"]:focus::-moz-range-track {
	 background: #777;
}
 .mega-autocomplete input[type="range"]::-moz-range-thumb {
	 background: red;
	 width: 20px;
	 height: 20px;
	 border-radius: 50%;
	 cursor: pointer;
	 border: #fff solid 4px;
}
 .mega-autocomplete input[type="range"]:hover::-moz-range-thumb, .mega-autocomplete input[type="range"]:focus::-moz-range-thumb {
	 background: darkorange;
}
 .mega-autocomplete input[type="range"]::-moz-range-progress {
	 background: red;
	 border-radius: 4px;
	 height: 4px;
}
 .mega-autocomplete input[type="range"]:hover::-moz-range-progress, .mega-autocomplete input[type="range"]:focus::-moz-range-progress {
	 background: darkorange;
}
 .mega-autocomplete input[type="range"]::-ms-track {
	 background: #ccc;
	 height: 4px;
	 border-radius: 4px;
	 border: none;
	 color: transparent;
}
 .mega-autocomplete input[type="range"]:hover::-ms-track, .mega-autocomplete input[type="range"]:focus::-ms-track {
	 background: #777;
}
 .mega-autocomplete input[type="range"]::-ms-thumb {
	 background: red;
	 width: 20px;
	 height: 20px;
	 border-radius: 50%;
	 border: none;
	 margin: 0 4px 0;
	 box-shadow: 0 0 0 4px #fff;
}
 .mega-autocomplete input[type="range"]:hover::-ms-thumb, .mega-autocomplete input[type="range"]:focus::-ms-thumb {
	 background: darkorange;
}
 .mega-autocomplete input[type="range"]::-ms-tooltip {
	 display: none;
}
 .mega-autocomplete input[type="range"]::-ms-fill-lower {
	 background: red;
	 border-radius: 4px;
}
 .mega-autocomplete input[type="range"]:hover::-ms-fill-lower, .mega-autocomplete input[type="range"]:focus::-ms-fill-lower {
	 background: darkorange;
}
 .mega-autocomplete .horizontally-stacked-slider {
	 display: flex;
	 align-items: center;
}
 .mega-autocomplete .horizontally-stacked-slider > .title {
	 flex: 1;
	 padding: 8px;
}
 .mega-autocomplete .horizontally-stacked-slider > input[type="range"] {
	 flex: 1;
}
 .mega-autocomplete .ajax-loader {
	 width: 28px;
	 left: calc(50% + 12.5%);
	 top: 200px;
	 padding: 30px 2px;
	 position: absolute;
	 display: none;
	 z-index: 999999;
}
 .mega-autocomplete .ajax-loader2 {
	 width: 28px;
	 right: 55px;
	 top: -15px;
	 padding: 30px 2px;
	 position: absolute;
	 z-index: 999999;
}
 .mega-autocomplete .mega-autocomplete {
	 display: block;
	 margin: 0 auto;
	 z-index: 2;
}
 .mega-autocomplete ul.multicol-menu {
	 overflow: hidden;
	 border-radius: 0 0 4px 4px !important;
	 box-shadow: 0 5px 31px -1px #000;
	 margin: 0 !important;
	 z-index: 99;
	 font-size: 14px;
	 color: #999;
	 font-weight: 400;
	 border: #f1f1f1 solid 1px;
}
 .mega-autocomplete ul.multicol-menu > li {
	 display: inline !important;
	 float: left !important;
	 list-style-type: none;
	 padding: 0 0 !important;
}
 .mega-autocomplete ul.multicol-menu > .header {
	 position: absolute;
	 width: 100%;
	 clear: both;
	 border-bottom: 1px solid #ccc;
	 padding: 5px 8px !important;
	 font-size: 14px;
}
 .mega-autocomplete ul.multicol-menu > .header div.sug-searchresult {
	 width: auto;
}
 .mega-autocomplete ul.multicol-menu > .header div.sug-searchresult span {
	 display: inline-block;
}
 .mega-autocomplete ul.multicol-menu > .header div.sug-searchresult span a {
	 font-size: 14px;
	 padding: inherit;
	 border: 0;
	 margin: 0;
}
 .mega-autocomplete ul.multicol-menu h2.title {
	 clear: both;
	 padding: 6px 10px;
	 margin: 0 !important;
	 text-transform: capitalize;
	 font-weight: bold !important;
	 font-size: 14px !important;
	 letter-spacing: 0;
	 text-align: left;
	 color: #fff !important;
}
 .mega-autocomplete li.acdoclist .suggestions {
	 display: block;
	 width: 100%;
}
 .mega-autocomplete li.acdoclist .labels {
	 width: 100%;
	 padding: 4px;
}
 .mega-autocomplete li.acdoclist .labels p {
	 padding: 4px 8px;
	 margin: 2px;
}
 .mega-autocomplete li.acfilterlist .sugg-block {
	 display: flex;
}
 .mega-autocomplete li.acfilterlist a.suggestion-keyword, .mega-autocomplete .mob-suggestions a.suggestion-keyword {
	 animation: animateElement 0.3s linear;
	 animation-iteration-count: 1;
	 background: url(../images/searchfacet20x20.png) 2px center no-repeat;
	 background-size: 16px 16px;
	 width: auto;
	 color: #222;
	 padding: 2px 8px 2px 20px;
	 margin: 5px 0;
	 border: #e0e0e0 solid 1px;
	 border-radius: 3px;
	 display: inline-block;
}
 .mega-autocomplete li.acfilterlist a.suggestion-keyword {
	 margin: 2px 0 2px 10px;
}
 .mega-autocomplete li.acfilterlist a.eye {
	 margin: 0 0 0 6px;
}
 .mega-autocomplete li.acfilterlist a.eye:hover {
	 background-color: transparent !important;
	 color: #222;
}
 .mega-autocomplete li.acfilterlist a.eye-active {
	 color: #222;
}
 .mega-autocomplete li.acfilterlist a.active-keyworrd {
	 border-color: #222;
}
 .mega-autocomplete li.acfilterlist a.active-keyworrd > strong {
	 float: left;
}
 .mega-autocomplete li.acfilterlist a.suggestion-keyword:hover, .mega-autocomplete .mob-suggestions a.suggestion-keyword:hover {
	 background: url(../images/searchfacet20x20.png) 2px center no-repeat #f1f1f1 !important;
	 background-size: 16px 16px !important;
	 color: #000;
}
 .mega-autocomplete li.acfilterlist a.suggestion-keyword.active, .mega-autocomplete .mob-suggestions a.suggestion-keyword.active {
	 background: url(../images/searchfacet20x20.png) 2px center no-repeat #e0e0e0;
	 background-size: 16px 16px;
	 color: #000;
}
 .mega-autocomplete li.acdoclist .fixed-title .view-type {
	 float: right;
	 margin: -2px 6px 0 0;
}
 .mega-autocomplete li.acdoclist .fixed-title .view-type .ac_grid-view {
	 margin-left: 0;
	 display: block;
	 width: 25px;
	 height: 25px;
	 background: url(../images/grid-menu.png) 0 1px no-repeat;
	 background-size: 50px 50px;
}
 .mega-autocomplete li.acdoclist .fixed-title .view-type .ac_list-view {
	 display: block;
	 width: 25px;
	 height: 25px;
	 background: url(../images/grid-menu.png) -37px 0 no-repeat;
}
 .mega-autocomplete li.acdoclist .fixed-title .view-type > div {
	 color: #ffb6be;
}
 .mega-autocomplete li.acdoclist .fixed-title .view-type > div:hover {
	 color: #222 !important;
}
 .mega-autocomplete li.acdoclist .fixed-title .view-type > div.selected {
	 color: #222 !important;
}
 .mega-autocomplete ul.multicol-menu > .header div .close {
	 float: right;
	 font-size: 14px !important;
	 color: #808080;
	 padding: 0;
}
 .mega-autocomplete ul.multicol-menu > .header div .close:hover {
	 color: #222;
}
 .mega-autocomplete ul.multicol-menu > .footer {
	 width: 100%;
	 clear: both;
	 background: #dedede;
	 padding-right: 12px !important;
}
 .mega-autocomplete ul.multicol-menu > .footer div.prodcount {
	 float: right;
	 border: 1px solid transparent;
    margin-bottom: -2px;
}
 .mega-autocomplete ul.multicol-menu > .footer div.prodcount a {
	 font-size: 14px;
}
 .mega-autocomplete #ac_result_count a {
	 color: #808080 !important;
	 font-weight: 700;
	 font-size: 14px;
}
 .mega-autocomplete ul.multicol-menu > .footer div.logo {
	 width: auto !important;
	 font-size: 12px;
	 background-size: auto 26px;
	 padding: 0 45px 0 0 !important;
	 float: right !important;
	 display: inline-block;
	 line-height: 29px;
}
 .mega-autocomplete ul.multicol-menu > li.ui-menu-item {
	 clear: none !important;
	 padding-right: 5px !important;
}
 .mega-autocomplete ul.multicol-menu > li.mob-suggestion-list {
	 display: none !important;
}
 .mega-autocomplete li.acfieldslist {
	 width: 25% !important;
	 height: calc(100% + 32px);
	 overflow-y: scroll;
	 border-right: 1px solid #ccc;
}
 .mega-autocomplete li.acfieldslist::-webkit-scrollbar {
	 width: 0 !important;
}
 .mega-autocomplete li.acfieldslist ul li.title h2 {
	 clear: left;
	 padding: 6px 0;
	 color: #222 !important;
	 font-size: 14px !important;
	 text-transform: uppercase;
	 border-bottom: 1px solid #ccc;
	 font-weight: bold !important;
}
 .mega-autocomplete li.acfieldslist ul li.title:hover {
	 background: none;
}
 .mega-autocomplete li.acfieldslist ul li:hover {
	 background: #f7f7f7;
}
 .mega-autocomplete li.acdoclist {
	 width: 75% !important;
	 height: 100%;
	 /* border-left: 1px solid #f1f1f1; */
}
 .mega-autocomplete li.acdoclist ul {
	 padding: 0 !important;
	 width: 100%;
}
 .mega-autocomplete li.acdoclist ul li {
	 width: 40%;
	 width: calc(50% - 10px);
	 width: calc(50% - 10px);
	 width: calc(50% - 10px);
	 display: inline-flex;
	 list-style-type: none;	 
	 margin: 4px;
	 padding: 4px 0;
}

 .mega-autocomplete li.acdoclist div li {
	 width: 40%;
	 width: calc(50% - 10px);
	 width: calc(50% - 10px);
	 width: calc(50% - 10px);
	 display: inline-flex;
	 list-style-type: none;	 
	 margin: 4px;
	 padding: 4px 0;
	 float: left;
	 height: 168px;
}
 .mega-autocomplete li.acdoclist.view-list ul li {
	 width: 100% !important;
	 clear: both !important;
	 min-height: auto !important;
	 padding-top: 6px !important;
	 padding-bottom: 8px !important;
	 border-bottom: 1px solid #eee;
}/*
 .mega-autocomplete li.acdoclist .fixed-title {
	 display: block;
	 width: 100%;
	 height: 30px;
	 border-bottom: 1px dotted #c4c4c4; 
}*/
 .mega-autocomplete li.acdoclist .fixed-title, .mega-autocomplete li.acdoclist .fixed-title:hover {
	display: block;
    width: 100%;
    height: 30px;
    clear: left;
    font-size: 14px !important;
    background: #2b2b2b;
    text-transform: capitalize;
    font-weight: 700 !important;
    text-align: left;
    color: white !important;
    margin-top: 2px;
}
 .mega-autocomplete li.acdoclist .fixed-title.ui-state-active {
	 border: none !important;
	 border-bottom: 1px dotted #c4c4c4 !important;
 }
.mega-autocomplete li.acdoclist .fixed-title .title{
	border: none !important;
}
 .mega-autocomplete li.acdoclist .fixed-title .logo {
	 padding: 6px 10px;
}
 .mega-autocomplete li.acdoclist .scroll-containt {
	 height: calc(528px - 6px);
	 width: 100%;
	 padding: 4px;
	 display: flex;
	 overflow-y: scroll;
	 border: none !important;
}
 .mega-autocomplete li.acdoclist .scroll-containt::-webkit-scrollbar {
	 width: 0 !important;
}
 .mega-autocomplete li.acfilterlist {
	 width: 25% !important;
	 height: 528px;
}
 .mega-autocomplete li.acfilterlist .filterlist {
	 width: 100%;
	 display: block;
	 height: calc(33.33% - 23px);
	 position: relative;
}
 .mega-autocomplete li.acfilterlist .filterlist.ui-state-active {
	 border: none !important;
}
 .mega-autocomplete li.acfilterlist .filterlist .scroll-list {
	 height: 100%;
	 min-height: 155px;
	 overflow-y: scroll;
	 text-align: left;
	 cursor: pointer;
}
 .mega-autocomplete li.acfilterlist .filterlist .scroll-list::-webkit-scrollbar {
	 width: 0 !important;
}
 .mega-autocomplete li.acfilterlist .filterlist .scroll-list a:hover {
	 background: #f1f1f1;
}
 .mega-autocomplete li.acfilterlist > ul::-webkit-scrollbar {
	 width: 0 !important;
}
 .mega-autocomplete li.acfilterlist .title {
	 width: 100%;
	 margin-top: 2px;
}
 .mega-autocomplete li.acfilterlist .title, .mega-autocomplete li.acfilterlist .title:first-child {
	 border-top: none;
	 border: none !important;
}
 .mega-autocomplete li.acfilterlist > ul li a {
	 width: 100%;
	 display: inline;
	 font-size: 13px;
	 text-transform: capitalize;
}
 .mega-autocomplete li.acfilterlist .title h2 {
	 clear: left;
	 padding: 6px 10px;
	 font-size: 14px !important;
	 background: #2b2b2b;
	 color: #fff !important;
	 text-transform: capitalize;
	 font-weight: 700 !important;
	 text-align: left;
}
 .mega-autocomplete li.acfilterlist > .title a {
	 float: right;
	 padding: 0;
	 margin: 0 6px;
	 font-weight: 400;
	 color: #fff !important;
}
 .mega-autocomplete li.acfilterlist > ul li:hover {
	 background: #f1f1f1;
}
 .mega-autocomplete li.acfilterlist > ul li input[type="checkbox"] {
	 width: 16px;
	 height: 16px;
	 position: relative;
	 float: left;
	 margin: 5px 7px 0 8px;
}
 .mega-autocomplete li.acfilterlist .filterlist .view-more {
	 background: #f1f1f1;
	 position: absolute;
	 right: 0;
	 bottom: 0;
}
 .mega-autocomplete li.acfilterlist .filterlist .view-more a {
	 display: block;
	 font-size: 13px;
	 font-weight: bold;
	 color: #333;
	 text-transform: lowercase;
	 text-align: center;
	 padding: 3px 10px;
}
 .mega-autocomplete li.acfilterlist > ul li.title h2 {
	 font-size: 12px !important;
	 font-weight: bold !important;
	 padding: 4px 0;
	 background: #f1f1f1;
	 text-transform: capitalize;
}
 .mega-autocomplete li.ac-result {
	 position: relative;
	 display: block;
}
 .mega-autocomplete #ac_result_count > a {
	 cursor: pointer;
}
 .mega-autocomplete #ac_result_count > a:hover {
	 color: #222;
	 cursor: pointer;
}
 .mega-autocomplete li.ac-result .details {
	 margin-left: 8px;
	 position: relative;
	 min-height: 130px;
	 float: right;
	 text-align: left;
	 width: 60%;
}
 .mega-autocomplete li.acdoclist.view-list li.ac-result {
	 padding: 2px;
}
 .mega-autocomplete li.ac-result:hover {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
 .mega-autocomplete .ac-result-body {
	 position: relative !important;
	 margin: 0 auto;
	 padding: 5px 5px;
	 display: flex;
}
 .mega-autocomplete .ac-result-body .quick-view > a {
	 padding: 0 !important;
	 font-size: 14px !important;
	 font-weight: 600;
}
 .mega-autocomplete li.acdoclist.view-list .ac-result-body {
	 display: block;
	 clear: both;
}
 .mega-autocomplete .ac-result-body .button-container {
	 padding: 10px 0;
	 display: block;
}
 .mega-autocomplete .ac-result .product-code {
	 font-size: 14px;
	 font-family: inherit;
	 padding: 5px 0;
	 font-weight: 600;
	 color: #000;
}
 .mega-autocomplete .greenRounded {
	 text-decoration: none;
	 padding: 10px 20px;
	 border-radius: 25px;
	 border: none;
	 font-weight: 700;
	 text-align: center;
	 display: inline-block;
	 text-transform: capitalize;
	 font-size: 13px;
	 transition: all 0.5s ease;
	 cursor: pointer;
	 float: right;
	 width: 100% !important;
}

.mega-autocomplete .buttons .greenRounded.check-cart {
    margin-top: 6px;
}

 .mega-autocomplete .greenRounded-suggester {
    text-decoration: none;
    background: #ffff2e;
    padding: 10px 20px;
    border-radius: 25px;
    border: none;
    color: #2b2b2b;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    font-size: 13px;
    transition: all 0.5s ease;
    cursor: pointer;
}
 .mega-autocomplete .greenRounded:hover {
    background: #2b2b2b;
    color: #ffff2e;
}
 .mega-autocomplete .ac-result .greenRounded {
	padding: 0 8px 0 4px !important;
	width: 50% !important; /*27%;*/
    margin: 0;
    background: #ffff2e;
    /*text-shadow: 0px 1px 5px #026028;*/
    color: #2b2b2b !important;
    float: right;
    border-radius: 25px !important;
    height:30px;
    line-height:28px;
}
 .mega-autocomplete .ac-result .greenRounded-suggester {
	 padding: 0 8px !important;
}
 .mega-autocomplete .ac-result .greenRounded-suggester:hover i.fa-cart-plus {
	 color: #ffff2e;
}
 .mega-autocomplete .ac-result .greenRounded {
	 padding: 0 8px !important;
}
 .mega-autocomplete .ac-result .greenRounded:hover i.fa-cart-plus {
	 color: #fff;
}
 .mega-autocomplete .ac-result .button-container .price-big {
	 padding: 0 !important;
	 font-size: 16px;
	 width: 100% !important;
}
 .mega-autocomplete .ac-result-body .img-container {
	 display: inline-table;
	 text-align: center;
	 float: left;
	 margin-top: 10px;
	 width: 40%;
}
 .mega-autocomplete .ac-result-body .img-container img {
	 width: auto;
	 max-width: 100%;
	 max-height: 120px;
}
 .mega-autocomplete .product .img-container {
	 text-align: center;
	 height: auto;
	 min-height: 150px;
	 margin-top: 10px;
}
 .mega-autocomplete .product .img-container img {
	 width: 100%;
	 max-height: 150px;
	 max-width: 100%;
	 width: auto;
	 height: auto;
}
 .mega-autocomplete li.acdoclist.view-list .ac-result-body img {
	 padding-top: 4px;
	 width: auto !important;
	 float: left;
}
 .mega-autocomplete li.acdoclist.view-list .ac-result-body .details {
	 padding-left: 10px;
	 width: 70%;
	 float: left;
}
 .mega-autocomplete .ac-result-body h2 {
	 font-weight: bold !important;
	 margin: 5px 0 !important;
	 padding: 0 !important;
	 color: #222 !important;
	 display: block;
	 max-width: 100%;
	 height: 38px;
	 margin: 0 auto;
	 font-size: 14px;
	 line-height: 18px;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
 .mega-autocomplete .ac-result-body .price {
	 font-size: 14px !important;
	 color: #222 !important;
	 padding: 0 0;
}
 .mega-autocomplete .ac-result-body .desc {
	 font-size: 12px !important;
}
 .mega-autocomplete .ac-result-body .brief-desc {
	 margin: 2px 0 4px 0;
	 display: block;
	 max-width: 100%;
	 height: 34px;
	 font-size: 14px !important;
	 margin: 0 auto;
	 line-height: 16px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 cursor: pointer;
}
 .mega-autocomplete .ac-result-body .price-big {
	 width: 100%;
	 font-size: 14px;
	 /*margin: 8px 0;*/
	 line-height: 14px;
}

.mega-autocomplete .ac-result-body .pricelrg18 {
	font-size: 16px !important;
	text-align: left;
	font-weight: 700;
}

.mega-autocomplete .ac-result-body .pricelrg18 .smallPrice {
	font-size: 12px !important;
}

.mega-autocomplete .ac-result-body .vatText {
	font-size: 12px !important;
}
.mega-autocomplete #ac_result_count a {
	background-color: #2b2b2b !important;
    font-weight: 700;
    font-size: 14px;
    color: #fff !important;
}

.mega-autocomplete #ac_result_count > a:hover {
	color: #ffff2e !important;
}

.mega-autocomplete .ac-result-body .price-big .pricelrg18 .smallPrice {
	font-size: 12px !important;
}

 .mega-autocomplete li.acdoclist.view-list .ac-result-body .brief-desc {
	 height: auto;
	 margin: 8px auto;
}
	.mega-autocomplete .button-container {
	 position: relative;
	 text-align: left;
	 width: 100%;
	 float: right;
	 clear: both;
}
 .mega-autocomplete .search-more-facet {
	 padding: 1px;
	 border: #ccc solid 1px;
}
 .mega-autocomplete .search-more-facet li a {
	 font-weight: normal;
	 text-align: left;
	 background: #fff;
}
 .mega-autocomplete .search-more-facet li a:hover {
	 background: #eee;
}
 .mega-autocomplete .mfp-content .shipping {
	 border-bottom: none !important;
}
 .mega-autocomplete #btn_close_suggster {
	 display: none;
}
 .mega-autocomplete #btn_back_to_top {
	 display: none;
}
 .mega-autocomplete .searchfacet {
	 padding-left: 24px !important;
	 background-color: transparent !important;
}
 .mega-autocomplete .slider-checkboxs span:hover {
	 cursor: pointer;
}
 .mega-autocomplete .tagcloud span:hover {
	 cursor: pointer;
}
 .mega-autocomplete .fa, .mega-autocomplete .fas {
	 font-weight: 600 !important;
}
 .mega-autocomplete .no-result {
	 text-align: center;
	 width: 100%;
	 margin-top: 50px;
	 font-size: 22px;
	 font-weight: bold;
}
 .mega-autocomplete .no-result > span {
	 color: #222 !important;
}
 .mega-autocomplete #btn_close_suggster {
	 width: 54px;
	 height: 54px;
	 color: #fff;
	 font-size: 2em;
	 background-color: #222;
	 padding: 0;
	 margin: 0;
	 overflow: hidden;
	 line-height: 0.5;
	 border: #222 solid 2px;
	 border-radius: 54px;
	 position: fixed;
	 bottom: 140px;
	 left: 30px;
	 z-index: 1000;
	 box-shadow: 0 3px 6px #000, 0 3px 6px #000;
	 opacity: 1;
	 transform: translate(0, 100px);
	 transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
	 opacity: 0.85;
}
 .mega-autocomplete #btn_back_to_top {
	 width: 40px;
	 height: 40px;
	 color: #fff;
	 font-size: 2em;
	 background-color: #f00;
	 padding: 0;
	 margin: 0;
	 overflow: hidden;
	 line-height: 0.5;
	 border-radius: 4px;
	 position: fixed;
	 bottom: 140px;
	 right: 30px;
	 z-index: 1000;
	 box-shadow: 0 3px 6px #000, 0 3px 6px #000;
	 opacity: 1;
	 transform: translate(0, 100px);
	 transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
	 opacity: 0.85;
}
 .mega-autocomplete #bg-overlay {
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 100;
	 overflow: hidden;
	 position: fixed;
	 background: #e9e9e9;
	 opacity: 0.8;
}
 .mega-autocomplete #spellcheck {
	 padding: 10px;
	 font-size: 14px;
	 border-radius: 0 0 4px 4px !important;
	 box-shadow: 0 5px 31px -1px #000;
	 position: absolute;
	 width: 100%;
	 z-index: 1050;
	 color: #333;
	 background: #fcfcfc;
	 text-align: left;
}
 .mega-autocomplete #spellcheck a {
	 font-weight: bold;
	 cursor: pointer;
	 color: #3c98da;
}
 .mega-autocomplete #spellcheck a:hover {
	 color: #222;
}
 .mega-autocomplete a[data-title] {
	 position: relative;
}
 .mega-autocomplete a[data-title]:hover:after {
	 content: attr(data-title);
	 padding: 2px 6px;
	 color: #222;
	 position: absolute;
	 left: 30px;
	 top: 2px;
	 white-space: nowrap;
	 z-index: 99999;
	 border: #e0e0e0 solid 1px;
	 border-radius: 2px;
}
 .mega-autocomplete #result .banner {
	 margin: -12px -20px 12px -20px;
	 width: 104%;
	 border-bottom: 1px dotted #000;
}
 .mega-autocomplete #result .banner a > img {
	 margin-bottom: 6px;
	 width: 100%;
}
 .mega-autocomplete .overlay-outer {
	 height: 100%;
	 width: 100%;
	 z-index: 5000;
	 top: 0;
	 left: 0;
	 float: left;
	 opacity: 0.7;
	 background: #ccc;
	 pointer-events: none;
}
 .mega-autocomplete body::-webkit-scrollbar {
	 width: 0;
}
 .mega-autocomplete .spinner1 {
	 position: absolute;
	 left: 50%;
	 top: 40%;
	 height: 60px;
	 width: 60px;
	 margin: 0 auto;
	 animation: rotate 0.8s linear infinite;
	 border: #ffff2e solid 8px;
	 border-right-color: transparent;
	 border-radius: 50%;
	 margin-left: -4em;
}
 .mega-autocomplete .spinner {
	 position: fixed;
	 z-index: 999;
	 margin: auto;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 width: 50px;
	 height: 50px;
	 opacity: 0.7;
}
 .mega-autocomplete .spinner:before {
	 content: '';
	 display: block;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: #fff;
}
 .mega-autocomplete .spinner:not(:required) {
	 font: 0Array/0Array a;
	 color: transparent;
	 text-shadow: none;
	 background-color: transparent;
	 border: 0;
}
 .mega-autocomplete .spinner:not(:required):after {
	 content: '';
	 display: block;
	 font-size: 10px;
	 width: 50px;
	 height: 50px;
	 margin-top: -0.5em;
	 border: #ff0 solid 10px;
	 border-radius: 100%;
	 border-bottom-color: transparent;
	 animation: spinner 1s 0s linear infinite;
}
 @keyframes spinner {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 .mega-autocomplete .wrapautocomplete {
	 width: 100%;
	 margin: 0 auto;
}
 .mega-autocomplete .autocompleteheader {
	 float: left;
	 width: 100%;
	 padding: 5px 0 0 0;
}
 .mega-autocomplete .autocompleteheader .search-area {
	 float: left;
	 width: 100%;
	 margin: 0;
	 position: relative;
	 z-index: 1040;
}
 .mega-autocomplete .autocompleteheader .search-area input {
	 width: 100%;
	 border: 0;
	 font-size: 20px;
	 font-weight: 100;
	 color: #333;
	 border-bottom: 5px solid #eee;
	 border-radius: 5px;
}
 .mega-autocomplete .autocompleteheader .search-area input::-ms-clear {
	 display: none;
}
 .mega-autocomplete .autocompleteheader .search-area input:focus {
	 border-color: #222;
	 box-shadow: none;
	 outline: none;
}
 .mega-autocomplete .autocompleteheader .search-area .searchReset {
	 position: absolute;
	 right: 35px;
	 top: 9px;
	 padding: 5px;
	 font-size: 17px;
	 color: #000;
	 z-index: 2;
	 font-size: 17px;
	 cursor: pointer;
}
 .mega-autocomplete .autocompleteheader .search-area .searchReset:hover {
	 color: #ccc;
}
 .mega-autocomplete .autocompleteheader .search-area .searchIcon {
	 position: absolute;
	 right: 0;
	 top: 9px;
	 padding: 5px;
	 font-size: 17px;
	 color: #000;
	 z-index: 2;
	 font-size: 17px;
	 cursor: pointer;
}
 .mega-autocomplete .autocompleteheader .search-area .searchIcon:hover {
	 color: #ccc;
}
.mega-autocomplete #exvarid {
    font-size: 13px;
    color: #2b2b2b;
    text-decoration: none;
    text-transform: none;
    font-weight: 300;
	/* float: left; */
}
.mega-autocomplete #exvarid div {
    font-size: 17px;
	font-weight: 600;
}

 #sorting-container, .mega-autocomplete .sort-mobile {
	 display: none;
}
 .mega-autocomplete .mobile-filter-tab {
	 display: none;
}
 .mega-autocomplete .mobile-menu-footer {
	 display: none;
}
 .mega-autocomplete li.ac-result.mobile {
	 clear: both;
	 width: 100% !important;
	 height: 30px !important;
	 min-height: 30px !important;
	 padding-right: 5px !important;
	 text-align: left;
	 border: none;
}
 .mega-autocomplete .view-all-mobile a {
	 font-size: 14px;
	 font-weight: normal;
}
 @media (min-width: 720px) and (max-width: 991px) {
	 .mega-autocomplete .large .info-large {
		 left: 30%;
		 width: auto;
	}
	 .mega-autocomplete .large .carousel img {
		 margin-top: -10px;
		 width: 125% !important;
		 margin-left: -10%;
	}
}
 @media (max-width: 767px) {

	.mega-autocomplete {
		/* Style the tab */
		/* Style the buttons inside the tab */
		/* Change background color of buttons on hover */
		/* Create an active/current "tab button" class */
		/** tab end **/
	}
	.mega-autocomplete .mobile .info-large input.quantity,
	.mega-autocomplete .mobile .button-container .quantity	{
		padding: 4px 4px;
		margin-top: 4px;
		width: 40px;
		font-size: 14px;
		font-weight: 400;
		border: 1px #ccc solid;
		border-radius: 5px;
		text-align: center;
		color: #222;
		text-indent: unset !important;
		float: right;
		margin-right: 3px;
	}

	.mega-autocomplete#headSearchWrap {
		width: 100% !important;
	}
	
	#ccc-icon {
		 display: none !important;
	}
	.mega-autocomplete .mobile .stock {
		height: 20px;
		font-size: 14px;
		font-weight: normal !important;
		clear: both;
	}

	.mega-autocomplete .mobile h3.priceLrg16 {
		margin-bottom: 1px;
		font-size: 16px;
	}

	.mega-autocomplete .mobile .smallPrice {
		font-size: 12px !important;
	}

	.mega-autocomplete .mobile .info-large h3 {
		margin-top: 0px !important;
	}

	.mega-autocomplete .mobile .info-large input.quantity {
		padding: 4px 4px;
		margin-top: 4px;
		width: 45px;
		font-size: 14px;
		font-weight: 400;
		border: 1px #ccc solid;
		border-radius: 5px;
		text-align: center;
		color: #222;
		text-indent: unset !important;
		float: right;
		margin-right: 3px;
	}


	.wrapper{
		padding: 0px 5px !important;
	}
	 
	 .mega-autocomplete #grid-menu li.filter-menu {
		 display: block;
		 position: relative;
	}
	 .mega-autocomplete #grid-menu li.filter-menu .badge {
		 display: none;
		 background: #3e72e8;
		 color: #f1f1f1;
		 margin: 0;
		 border-radius: 50%;
		 position: absolute;
		 top: -6px;
		 right: -4px;
		 font-size: 10px !important;
		 text-align: center;
		 padding: 5px 8px;
		 line-height: 10px;
	}
	 .mega-autocomplete .large .product-front, .mega-autocomplete .product-back {
		 height: 100% !important;
	}
	 .mega-autocomplete .carousel {
		 height: 420px;
	}
	 .mega-autocomplete .large .carousel {
		 height: 210px;
	}
	 .mega-autocomplete .large .carousel li {
		 width: 320px !important;
		 height: 210px;
		 float: left;
		 overflow: hidden;
	}
	 .mega-autocomplete .info-large h2 {
		 font-size: 14px;
		 padding: 5px 0;
		 left: 0;
		 width: 100%;
	}
	 .mega-autocomplete .price-big {
		 font-size: 14px;
		 font-weight: 600;
		 padding: 5px 0;
		 left: 0;
		 padding-top: 6px;
		 text-align: left !important;
		width: 100%;
	}
	.mega-autocomplete .small .price-big {
		text-align: right !important;
	}
	 .mega-autocomplete .carousel img {
		 margin: 0 0 0 -50%;
		 width: 200% !important;
	}
	 .mega-autocomplete .large .carousel img {
		 margin-top: 0;
		 width: 130% !important;
		 margin-left: -10%;
	}
	 .mega-autocomplete .large .arrows-perspective {
		 top: 85px;
	}
	 .mega-autocomplete #grid-menu {
		 padding-bottom: 14px;
		 width: 100%;
	}
	 .mega-autocomplete #grid-menu ul {
		 width: 100%;
	}

	.mega-autocomplete #grid-menu ul {
		width: auto !important;
	}

	 .mega-autocomplete #grid-menu li {
		 margin-left: 10px;
		 /*float: right !important;*/
	}
	 .mega-autocomplete #grid-menu li.icon {
		 display: block;
		 margin-top: -2px;
		 font-size: 23px;
		 padding-right: 32px;
	}
	 .mega-autocomplete .info-large .desc {
		 clear: both;
		 color: #999;
		 display: block;
		 max-width: 100%;
		 height: 15px;
		 margin: 0 auto;
		 font-size: 13px;
		 line-height: 14px;
		 overflow: hidden;
		 text-overflow: ellipsis;
		 margin: 6px 0;
	}
	 .mega-autocomplete .make3D {
		 height: 420px;
		 border: #ccc dotted 1px;
	}
	 .mega-autocomplete .make3D.animate {
		 height: 410px;
	}
	 .mega-autocomplete .make3D .stats-container {
		 top: 180px;
	}
	 .mega-autocomplete .make3D.animate .stats-container {
		 top: 170px;
	}
	 .mega-autocomplete .make3D.animate .product-front img {
		 margin-top: 10px;
	}
	 .mega-autocomplete .stats-container .product_name {
		 display: block;
		 float: none;
		 width: 100%;
		 text-align: left;
		 white-space: nowrap;
		 overflow: hidden;
		 text-overflow: ellipsis;
		 clear: both;
	}
	 .mega-autocomplete .stats-container .product_price {
		 display: block;
		 float: none;
		 width: 100%;
		 clear: both;
	}
	 .mega-autocomplete .selection-list {
		 display: block;
		 background-color: #222;
		 padding: 0 10px !important;
		 width: 100% !important;
		 clear: both;
	}
	 .mega-autocomplete #ccc-icon {
		 display: none !important;
	}
	 .mega-autocomplete li.acfilterlist a.suggestion-keyword, .mega-autocomplete .mob-suggestions a.suggestion-keyword {
		 border: none !important;
	}
	 .mega-autocomplete .mobileFilter > h2 {
		 padding: 10px 10px !important;
		 background-color: #cfcfcf;
		 display: none;
	}
	 .mega-autocomplete .mobileFilter .tab {
		 float: left;
		 background-color: #f1f1f1;
		 width: 30%;
		 height: calc(100% - 94px);
	}
	 .mega-autocomplete .mobileFilter .tab button {
		 display: block;
		 background-color: inherit;
		 padding: 22px 10px;
		 width: 100%;
		 border: none;
		 outline: none;
		 text-align: left;
		 cursor: pointer;
		 transition: 0.3s;
		 font-size: 17px;
		 font-family: inherit;
		 font-weight: 600;
	}
	 .mega-autocomplete .mobileFilter .tab .badge-wraper {
		 position: relative;
	}
	 .mega-autocomplete .mobileFilter .tab .badge {
		 display: none;
		 color: #3e72e8;
		 font-size: 16px;
		 padding-left: 8px;
	}
	 .mega-autocomplete .mobileFilter .tab button:hover {
		 background-color: #ddd;
	}
	 .mega-autocomplete .mobileFilter .tab button.active {
		 background-color: #fff !important;
	}
	 .mega-autocomplete .mobileFilter .mobile-filter-tab {
		 display: block !important;
	}
	 .mega-autocomplete .mobileFilter .tabcontent {
		 display: none;
		 float: left;
		 margin: 10px 0 0 0 !important;
		 padding: 16px 14px;
		 width: 70%;
		 border-left: none;
		 overflow-y: scroll;
		 height: calc(100% - 104px);
	}
	 .mega-autocomplete .mobileBody {
		 overflow: hidden;
	}
	 .mega-autocomplete .mobileFilter .mobile-menu-footer {
		 display: inline-block;
		 border-top: 1px solid #ccc;
		 background-color: #222;
		 padding: 10px;
		 width: 100%;
	}
	 .mega-autocomplete .mobileFilter .mobile-menu-footer .res-found {
		 float: left;
		 font-family: inherit;
		 display: block;
		 color: #fff;
	}
	 .mega-autocomplete .mobileFilter .mobile-menu-footer .res-found > div:first-child {
		 font-size: 18px;
		 font-weight: 600;
		 clear: both;
	}
	 .mega-autocomplete .mobileFilter .mobile-menu-footer .res-found > div:last-child {
		 font-size: 16px;
	}
	 .mega-autocomplete .mobileFilter .mobile-menu-footer > button {
		 float: right;
		 background-color: #ffff2e;
		 color: #2b2b2b;
		 font-family: inherit;
		 padding: 10px 20px;
		 font-size: 16px;
		 font-weight: bold;
	}
	 .mega-autocomplete .selection-list .filter-header {
		 display: block;
		 padding: 16px 0 !important;
		 border: none !important;
		 color: #ffff2e !important;
		 font-size: 16px;
		 margin: 0;
		 text-transform: capitalize;
	}
	 .mega-autocomplete .filter-header i.fa-filter {
		 font-size: 16px !important;
	}
	 .mega-autocomplete .selection-bar {
		 display: none;
	}
	 .mega-autocomplete #pager {
		 clear: both;
		 width: 100%;
	}
	 .mega-autocomplete #result .banner {
		 margin: -6px 0 12px 0 !important;
		 width: 100%;
	}
	 .mega-autocomplete body {
		 padding-top: 0;
	}
	 .mega-autocomplete #pager-header .sort, .mega-autocomplete .sort-mobile {
		 display: none;
	}
	 #sorting-container {
		position: fixed; /* Sit on top of the page content */
		display: none; /* Hidden by default */
		width: 100%; /* Full width (cover the whole page) */
		height: 100%; /* Full height (cover the whole page) */
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5); /* Black background with opacity */
		z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
		cursor: pointer; /* Add a pointer on hover */
	}
	 #sorting-mobile {
		 position: fixed !important;
		 bottom: 0;
		 width: 100%;
		 z-index: 9999;
		 background-color: #fff;
		 padding-bottom: 30%;
	}
	 #sorting-mobile ul {
		 list-style: none;
		 margin: 10px;
    	 padding: 0px;
	}
	 #sorting-mobile ul li {
		 font-size: 14px;
		 padding: 14px 10px;
	}
	 #sorting-mobile ul li.title {
		 border-top: 1px solid #efefef;
		 border-bottom: 1px solid #efefef;
		 text-transform: uppercase;
		 font-size: 14px;
		 font-weight: 600;
	}
	 #sorting-mobile ul li.title a {
		 float: right;
		 margin-right: 6px;
		 color: #2b2b2b;
	}
	 #sorting-mobile ul li label {
		 display: inline-block;
		 position: relative;
		 width: 100%;
	}
	 #sorting-mobile ul li label > input {
		 position: absolute;
		 right: 0;
	}
	 .mega-autocomplete #wrap {
		 width: 100%;
		 padding: 0 8px;
	}
	 .mega-autocomplete #header {
		 height: 60px;
		 position: absolute;
	}
	 .mega-autocomplete #header .logo {
		 width: 100%;
		 text-align: center;
	}
	 .mega-autocomplete #header .search-area {
		 width: 100%;
		 margin: 0;
	}
	 .mega-autocomplete #header a.cart-link {
		 position: absolute;
		 right: 8px;
		 top: 0;
		 font-size: 12px;
		 padding: 0 0 0 0;
		 line-height: 18px;
		 display: block;
		 margin: 13px 0 0 0 !important;
	}
	 .mega-autocomplete #header span.cart-quantity {
		 top: -35px !important;
		 left: 4px !important;
		 width: 18px;
		 height: 18px;
		 font-size: 0.5em;
		 line-height: 18px;
	}
	 .mega-autocomplete #header .returnToShop {
		 left: 60px;
		 top: -4px !important;
	}
	 .mega-autocomplete #header .search-area #search input {
		 font-size: 14px;
		 font-weight: 300;
		 border-width: 1px;
		 border-radius: 0;
	}
	 .mega-autocomplete #autosize-div {
		 font-size: 16px;
	}
	 .mega-autocomplete #header .search-area .searchReset {
		 position: absolute;
		 right: 40px;
		 font-size: 17px;
		 top: 4px;
	}
	 .mega-autocomplete #header .search-area .searchIcon {
		 right: 8px;
		 font-size: 20px;
		 top: 2px;
	}
	 .mega-autocomplete .view-type div.filter-btn {
		 display: block;
		 color: #222;
	}
	 .mega-autocomplete .grid-view, .mega-autocomplete .list-view {
		 display: block;
	}
	 .mega-autocomplete .serchandizerleft {
		 display: none;
		 clear: both;
		 position: absolute;
		 top: 0;
	}
	 .mega-autocomplete .mobileFilter {
		 position: fixed !important;
		 display: block !important;
		 width: 100% !important;
		 transition: all 200ms ease-out;
		 z-index: 999;
		 top: 0;
		 left: 0;
		 padding: 0 !important;
		 padding-bottom: 20px !important;
		 background: #fff;
		 z-index: 9999;
		 border: #ccc solid 1px;
		 height: 100% !important;
	}
	 .mega-autocomplete .clear-filter {
		 display: block;
		 float: right;
		 font-size: 16px;
		 text-transform: capitalize;
	}
	 .mega-autocomplete .mobileFilter .selection {
		 display: none !important;
	}
	 .mega-autocomplete .leftActive {
		 right: -19em;
		 width: 19em !important;
		 top: 0;
		 margin-top: 60px;
		 background: #fff;
		 box-shadow: 10px -10px 20px -10px #000 inset;
		 min-height: 1500px;
		 height: 100%;
		 padding: 0 20px;
		 display: block;
		 transition: all 200ms ease-out;
		 z-index: 999;
	}
	 .mega-autocomplete .serchandizerright {
		 clear: both;
		 float: none;
		 width: 100%;
		 margin: 0;
		 padding: 16px 0 0 0;
	}
	 .mega-autocomplete #docs {
		 width: 100%;
		 display: block;
		 flex-wrap: wrap;
		 flex-direction: column;
		 justify-content: space-between;
		 margin-top: 10px;
	}
	 .mega-autocomplete #pager-header span {
		 font-size: 13px;
		 padding: 0 0 10px 9px;
	}
	 .mega-autocomplete #pager-header select {
		 font-size: 13px;
	}
	 .mega-autocomplete #pager li a, .mega-autocomplete #pager span {
		 padding: 5px 10px;
	}
	 .mega-autocomplete .view-grid .result-block {
		 width: 48%;
		 float: left;
		 display: inline;
	}
	 .mega-autocomplete .view-grid .result-block:nth-child(even) {
		 margin-left: 4%;
	}
	 .mega-autocomplete .view-type div {
		 font-size: 14px;
	}
	 .mega-autocomplete .image-block {
		 width: 32%;
		 margin: 0 10px 0 0;
		 float: left;
	}
	 .mega-autocomplete .result-head {
		 width: 65%;
		 float: left;
	}
	 .mega-autocomplete .result-body {
		 width: 65%;
		 float: left;
	}
	 .mega-autocomplete .view-grid .image-block {
		 width: 100%;
	}
	 .mega-autocomplete .view-grid .result-head {
		 width: 100%;
	}
	 .mega-autocomplete .view-grid .result-body {
		 width: 100%;
	}
	 .mega-autocomplete .view-grid .result-block img {
		 width: 100%;
		 margin: 0 10px 0 0;
	}
	 .mega-autocomplete .result-head {
		 width: 65%;
	}
	 .mega-autocomplete .result-block p {
		 width: 65%;
	}
	 .mega-autocomplete .result-head h2 {
		 width: 70%;
		 font-size: 14px;
	}
	 .mega-autocomplete .result-head span {
		 width: 30%;
		 font-size: 14px;
	}
	 .mega-autocomplete .close-filter {
		 display: block;
		 cursor: pointer;
		 color: #fff;
	}
	 .mega-autocomplete .close-filter i {
		 color: #fff;
		 font-size: 16px;
	}
	 .mega-autocomplete .close-filter:hover {
		 color: #222;
	}
	 .mega-autocomplete .serchandizerleft.leftActive h2:nth-child(1) {
		 background: #fafafa;
		 font-weight: normal;
		 border-bottom: none;
		 padding: 32px 8px 20px 18px;
		 margin: 0;
		 font-weight: 400;
		 color: #999;
		 font-size: 1.2em;
		 position: absolute;
		 width: 100%;
		 left: 0;
		 top: -80px;
		 z-index: 999;
		 box-shadow: 10px 10px 20px -10px #000 inset;
	}
	 .mega-autocomplete .serchandizerright {
		 border-left: none;
	}
	 .mega-autocomplete .ac-result-body .img-container {
		 margin: auto;
	}
	 .mega-autocomplete .ajax-loader2 {
		 right: 45px;
		 top: -20px;
	}
	 .mega-autocomplete li.acdoclist .scroll-containt {
		 height: 100%;
		 width: 100%;
		/* padding: 4px;*/
		 display: flex;
		 overflow-y: hidden;
	}
	 .mega-autocomplete #wrap.active {
		 right: 19em !important;
	}
	 .mega-autocomplete #pager-header {
		 clear: both;
		 padding-bottom: 10px;
	}
	 .mega-autocomplete .product.mobile {
		 transform-style: initial;
		 transition: none;
		 perspective: none;
		 padding: 0 !important;
	}
	 .mega-autocomplete .product.large {
		 width: 100% !important;
		 min-height: 200px !important;
		 height: auto;
	}

	.mega-autocomplete .product.large.with-chk-cart {
		min-height: 240px !important		
	}

	.mega-autocomplete .product.small.with-chk-cart {
		height: 374px !important;
	}
	 .mega-autocomplete li.acdoclist div li:nth-child(2n) {
		 margin-right: 0 !important;
	}
	 .mega-autocomplete .product.large .gview {
		 display: none;
	}
	 .mega-autocomplete .product .gview {
		 display: block;
	}
	 .mega-autocomplete .product.large .img-container {
		 float: left;
		 width: 42%;
	}
	 .mega-autocomplete .product.large .img-container img {
		 width: auto;
		 max-height: 150px;
		 max-width: 100%;
	}
	 .mega-autocomplete .product.large .info-large {
		 left: 42%;
		 width: 58% !important;
		 padding: 10px 0 10px 0;
	}
	 .mega-autocomplete .product.mobile .pcode {
		 font-size: 14px;
		 /*padding: 10px 0;*/
		 color: #222;
		 font-weight: 600;
		 font-family: inherit;
	}
	 .mega-autocomplete .product.mobile .greenRounded {
		 padding: 8px 10px;
		 width: 55% !important;
		 margin-left: 10px;
		 margin-top: 3px;
	}
	.mega-autocomplete .product.mobile .button-container .greenRounded {
		padding: 8px 10px;
		width: 100% !important;
		margin-left: 10%;
		margin-top: 3px;
		float: right;
	}
	.mega-autocomplete .product.mobile .greenRounded-suggester {
			 padding: 8px 10px;
			 width: 60%;
			 margin-left: 10%;
		}

	.mega-autocomplete .product.mobile .greenRounded-suggester a {
		color: #2b2b2b !important;
   	}
	.mega-autocomplete .product.mobile .greenRounded a {
		color: #2b2b2b !important;
   	}

	 .mega-autocomplete .product.mobile h2 a {
		 color: #222 !important;
	}
	 .mega-autocomplete .product.large:nth-child(even) {
		 margin-left: 0 !important;
	}
	 .mega-autocomplete .product.large:nth-child(even) .info-large {
		 padding: 10px 0 10px 10px;
	}
	 .mega-autocomplete .product.large:nth-child(odd) .info-large {
		 padding-left: 8px;
	}
	 .mega-autocomplete .product.large .info-large .button-container .quick-view-popup {
		 padding: 0 10px;
	}
	.mega-autocomplete .product.large .info-large .button-container .add-to-cart-buttons {
		margin-top: 84px;
		width: 10;
		font-size: 14px;
		font-weight: 400;
		border-radius: 5px;
		text-align: center;
		color: #222;
		text-indent: unset !important;
		float: right;
		text-align: right;
		/*margin-left: 5px;*/
		position: absolute;
		left: 0;
		top: 2%;
		width: 100%;
	}
	 .mega-autocomplete .product.large .info-large .button-container > div {
		 display: inline-block;
	}
	 .mega-autocomplete .product {
		 height: 370px;		 
		 display: inline;
		 list-style-type: none;
		 float: left;
		 width: calc(50% - 4px) !important;
		 margin: 4px 4px !important;
		 padding: 5px;
	}
	 .mega-autocomplete .product:nth-child(odd) {
		 margin-left: 0 !important;
	}
	 .mega-autocomplete .product.mobile:nth-child(odd) {
		 margin-right: 0 !important;
	}
	 .mega-autocomplete .product:nth-child(even) {
		 margin-left: 8px !important;
		 margin-right: 0 !important;
	}
	 .mega-autocomplete .product .price {
		 font-size: 14px !important;
		 color: #222 !important;
		 padding: 0 0;
	}
	 .mega-autocomplete .mob-suggestions a.suggestion-keyword {
		 background: url(../images/searchfacet20x20.png) 4px 10px no-repeat;
		 background-size: 16px 16px;
		 background-size: 20px 20px;
		 padding: 9px 8px 18px 26px;
		 border-bottom: 1px solid #e4e4e4 !important;
		 width: 100%;
		 text-align: left;
	}
	 .mega-autocomplete .product .details .brief-desc {
		 font-size: 12px !important;
		 text-align: left;
		 display: block;
		 max-width: 100%;
		 height: 20px;
		 margin: 0 auto;
		 font-size: 14px;
		 line-height: 20px;
		 overflow: hidden;
		 text-overflow: ellipsis;
		 margin: 6px 0;
	}
	 .mega-autocomplete .product .details h2, .mega-autocomplete .product .info-large h2 {
		 font-size: 14px !important;
		 font-weight: bold !important;
		 padding: 4px 0 !important;
		 color: #222 !important;
		 display: block;
		 max-width: 100%;
		 height: 36px;
		 margin: 5px auto;
		 font-size: 14px;
		 line-height: 17px;
		 overflow: hidden;
		 text-overflow: ellipsis;
		 text-align: left;
	}
	 .mega-autocomplete .search_results {
		 font-size: 13px;
		 font-weight: normal;
		 padding: 10px 0 5px 0;
		 color: #696969;
		 clear: both;
	}
	 .mega-autocomplete .search_results span, .mega-autocomplete .search_results span a {
		 display: inline-block;
		 font-size: 13px;
		 color: #696969;
	}
	 .mega-autocomplete .multicol-menu {
		 height: auto !important;
		 z-index: 99;
		 border: none;
	}
	 .mega-autocomplete .ajax-loader {
		 left: calc(50% - 14px);
	}
	 .mega-autocomplete ul.multicol-menu {
		 box-shadow: none;
		 border: none;
	}
	 .mega-autocomplete ul.multicol-menu > .header {
		 border-bottom: none;
		 display: none !important;
	}
	 .mega-autocomplete ul.multicol-menu > .footer {
		 border-top: none;
		 padding: 0 !important;
		 background: #f7f7f7;
		 margin-top: 6px;
		 display: none !important;
	}
	 .mega-autocomplete ul.multicol-menu > li {
		 display: block !important;
		 width: 100% !important;
		 clear: both;
	}
	 .mega-autocomplete ul.multicol-menu > li.acfilterlist {
		 display: none !important;
	}
	 .mega-autocomplete ul.multicol-menu > li.mob-suggestion-list {
		 display: block !important;
	}
	 .mega-autocomplete li.acfieldslist {
		 border: none;
	}
	 .mega-autocomplete li.acfieldslist ul li.title h2 {
		 display: none;
		 border-bottom: none;
	}
	 .mega-autocomplete li.acfieldslist ul li a {
		 padding: 0 !important;
	}
	 .mega-autocomplete li.footer .view-all-mobile {
		 padding: 5px 0 !important;
		 display: block;
		 text-align: right;
	}
	 .mega-autocomplete li.footer .view-all-mobile a {
		 font-size: 13px !important;
		 cursor: pointer;
	}
	 .mega-autocomplete li.footer .view-all-mobile a:hover {
		 font-size: 13px !important;
		 color: #222 !important;
	}
	 .mega-autocomplete li.acdoclist {
		 width: 100% !important;
		 height: auto !important;
		 border-left: none;
		 border-right: none;
	}
	 .mega-autocomplete li.acdoclist .fixed-title h2 {
		 margin-top: 0 !important;
		 border-bottom: none;
		 padding: 5px 0 10px 0 !important;
	}
	 .mega-autocomplete li.acdoclist ul li {
		 width: calc(50% - 4px) !important;
		 margin: 4px 0 !important;
		 padding: 0;
	}
	
	 .mega-autocomplete li.acdoclist ul li:nth-child(1n) {
		 margin-left: 0 !important;
	}
	 .mega-autocomplete li.acdoclist div li:nth-child(1n) {
		 margin-left: 0 !important;
	}
	 .mega-autocomplete li.acdoclist ul li:nth-child(2n) {
		 margin-right: 0 !important;
	}
	 .mega-autocomplete li.acdoclist div li:nth-child(2n) {
		 margin-right: 0 !important;
	}	
	 .mega-autocomplete .ac-result-body .brief-desc {
		 clear: both;
		 color: #999;
		 display: block;
		 max-width: 100%;
		 height: 15px;
		 margin: 0 auto;
		 font-size: 13px;
		 line-height: 14px;
		 overflow: hidden;
		 text-overflow: ellipsis;
		 margin: 0 0;
		 cursor: pointer;
	}
	 .mega-autocomplete li.acdoclist.view-list .ac-result-body .brief-desc {
		 margin: 0;
		 display: block;
		 height: 56px;
	}
	 .mega-autocomplete .ac-result-body {
		 position: relative !important;
		 padding: 0 !important;
	}
	 .mega-autocomplete .ac-result-body .button-container {
		 bottom: 0;
		 left: 0;
		 opacity: 1;
	}
	 .mega-autocomplete .ac-result-body.hover .button-container {
		 top: 0;
		 margin-top: 0 !important;
		 position: relative;
	}
	 .mega-autocomplete li.acdoclist .view-type {
		 margin-right: -7px !important;
	}
	 .mega-autocomplete .view-type div {
		 margin: 0 0 0 3px;
	}
	 .mega-autocomplete li.acdoclist .view-type div.filter-btn {
		 display: none !important;
	}
	 .mega-autocomplete ul.multicol-menu {
		 height: calc(100% - 20px);
	}
	 .mega-autocomplete li.acdoclist .fixed-title .view-type .ac_grid-view {
		 margin-left: -18px !important;
	}
	 .mega-autocomplete li.acdoclist.view-list .ac-result-body .details {
		 width: 60% !important;
	}
	 .mega-autocomplete li.acfilterlist a.suggestion-keyword, .mega-autocomplete .mob-suggestions a.suggestion-keyword {
		 display: table !important;
	}
}
 @media (min-width: 768px) and (max-width: 991px) {
	 .mega-autocomplete #wrap {
		 width: 100%;
		 padding: 0 20px;
	}
	 .mega-autocomplete #header .logo img {
		 width: 100%;
	}
	 .mega-autocomplete #header .search-area #search input {
		 font-size: 17px;
		 border-width: 3px;
	}
	 .mega-autocomplete #autosize-div {
		 font-size: 17px;
	}
	 .mega-autocomplete #header .search-area {
		 width: 65%;
		 margin: 0;
	}
	 .mega-autocomplete #header a.cart-link {
		 margin: 2px 0 0 0 !important;
		 width: 10%;
		 font-size: 12px;
		 padding: 0 0;
		 color: #000;
		 line-height: 18px;
	}
	 .mega-autocomplete #header span.cart-quantity {
		 top: 0;
		 left: 5px;
		 width: 16px;
		 height: 16px;
		 font-size: 0.5em;
		 line-height: 20px;
	}
	 .mega-autocomplete #pager-header select {
		 font-size: 14px;
	}
	 .mega-autocomplete .view-grid .result-block {
		 width: 32%;
	}
	 .mega-autocomplete .search-area .searchReset {
		 font-size: 17px;
		 top: 5px;
	}
	 .mega-autocomplete .search-area .searchIcon {
		 font-size: 15px;
		 top: 7px;
	}
	 .mega-autocomplete #header .search-area .searchIcon {
		 position: absolute;
		 right: 0;
		 top: 0;
		 padding: 5px;
		 color: #000;
		 z-index: 2;
		 font-size: 17px;
		 cursor: pointer;
	}
	 .mega-autocomplete #header .search-area .searchReset {
		 position: absolute;
		 right: 35px;
		 top: 0;
		 padding: 5px;
		 font-size: 17px;
		 color: #000;
		 z-index: 2;
		 font-size: 17px;
		 cursor: pointer;
	}
	 .mega-autocomplete .result-block img {
		 width: 120px;
	}
	 .mega-autocomplete .result-head {
		 width: 74%;
	}
	 .mega-autocomplete .result-block p {
		 width: 74%;
	}
	 .mega-autocomplete .result-head h2 {
		 font-size: 16px;
	}
	 .mega-autocomplete .result-head span {
		 font-size: 16px;
	}
	 .mega-autocomplete li.acfieldslist {
		 width: 20% !important;
	}
	 .mega-autocomplete li.acfieldslist ul li.title h2 {
		 font-size: 12px !important;
	}
	 .mega-autocomplete li.acfilterlist {
		 width: 30% !important;
	}
	 .mega-autocomplete li.acdoclist .fixed-title h2 {
		 font-size: 12px !important;
	}
	 .mega-autocomplete li.acdoclist {
		 width: 70% !important;
	}
	 .mega-autocomplete li.acfilterlist .title h2 {
		 font-size: 12px !important;
	}
	
}
 @media (max-width: 499px) {
	 .mega-autocomplete #docs {
		 margin-top: -12px;
	}
	 .mega-autocomplete .add-cart-large {
		 padding: 0 0 10px 16px;
	}
	 .mega-autocomplete .result-block {
		 width: 100%;
	}
	 .mega-autocomplete #pager-header span {
		 clear: both;
		 display: block;
		 float: left;
		 font-size: 12px;
		 line-height: 30px;
		 padding: 0 0 10px 0;
	}
	 .mega-autocomplete #pager-header .sort {
		 float: right;
		 margin-right: 0;
		 font-size: 12px;
		 line-height: 30px;
	}
	 .mega-autocomplete .view-type {
		 float: right;
		 width: auto;
		 font-size: 14px;
		 margin-top: -3px;
	}
	 .mega-autocomplete #pager-header .sort select {
		 padding: 6px 4px !important;
	}
	 .mega-autocomplete .grid-view, .mega-autocomplete .list-view {
		 display: block;
		 float: right;
		 margin: 10px 0;
	}
	 .mega-autocomplete .view-grid .result-block {
		 width: 48%;
		 float: left;
		 display: inline;
	}
	 .mega-autocomplete .view-grid .result-block:nth-child(even) {
		 margin-left: 4%;
	}
	 .mega-autocomplete .view-type div {
		 font-size: 14px;
	}
	 .mega-autocomplete li.acdoclist .fixed-title .view-type .ac_grid-view {
		 margin-left: -20px !important;
	}
	 .mega-autocomplete .view-type div.ac_list-view {
		 margin-right: 5px !important;
	}
	 .mega-autocomplete .image-block {
		 width: 32%;
		 margin: 0 5px 0 0;
		 float: left;
	}
	 .mega-autocomplete .result-head {
		 width: 64%;
		 float: right;
	}
	 .mega-autocomplete .result-body {
		 width: 64%;
		 float: right;
	}
	 .mega-autocomplete .result-block img {
		 width: 100% !important;
		 margin: 0 0 0 0;
	}
	 .mega-autocomplete .view-grid .image-block {
		 width: 100%;
	}
	 .mega-autocomplete .view-grid .result-head {
		 width: 100%;
	}
	 .mega-autocomplete .view-grid .result-body {
		 width: 100%;
	}
	 .mega-autocomplete .view-grid .result-block img {
		 width: 100%;
		 margin: 0 5px 0 0;
	}
	 .mega-autocomplete .result-head {
		 width: 64%;
	}
	 .mega-autocomplete .result-block p {
		 width: 64%;
	}
	 .mega-autocomplete .result-head h2 {
		 width: 70%;
		 font-size: 14px;
	}
	 .mega-autocomplete .result-head span {
		 width: 30%;
		 font-size: 14px;
	}
	 .mega-autocomplete li.acdoclist ul li {
		 width: 100% !important;
	}
}
.mega-autocomplete li.acdoclist .scroll-containt > div:first-child{
	width: 100%;	
 }
 
.mega-autocomplete .add-to-cart {
  height: 32px;
  border-radius: 3px !important;
  position: relative;
  overflow: hidden; 
  width: 120px; /*calc(50% - 23px);*/
  font-size: 12px;
  /* font-family: 'Ubuntu', sans-serif; */
  text-align: center;
  font-weight:normal;
  line-height: 32px;
  color: #ffffff;
  background-color: #D71440; /*#D71440;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mega-autocomplete .add-to-cart:hover {
  background-color: #2b2b2b !important; /*#838383;*/
  color: #ffff2e !important;
}
.mega-autocomplete .add-to-cart em {
  /* this is the button text message */
  font-style:normal;
  font-weight:500;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.mega-autocomplete .add-to-cart svg, .add-to-cart label {
  /* this is the check icon */  
  position: absolute;
  left:10%;
  top: 50%;
  width: 100%;
  /* move the icon on the right - outside the button */
  -webkit-transform: translateX(50%) translateY(-50%);
  -moz-transform: translateX(50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
  -o-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.mega-autocomplete .add-to-cart label {
    left: 55%;
    font-style:normal;
    font-weight:500;
}
 
.mega-autocomplete .add-to-cart.is-added em {
  /* product added to the cart - hide text message on the left with no transition*/
  font-style:normal;
  font-weight:500;
  color: transparent;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0s;
  -moz-transition: -moz-transform 0s;
  transition: transform 0s;  
  padding-right: 10px;
  margin-left: 14px;
}
.mega-autocomplete .add-to-cart.is-added svg, .add-to-cart.is-added label {  
  /* product added to the cart - move the svg back inside the button */
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: -webkit-transform 0s;
  -moz-transition: -moz-transform 0s;
  transition: transform 0s;
  padding-right: 10px;
  margin-left: 14px;
}
.mega-autocomplete #pager-header .sort::before {
  content: "\A";
  white-space: pre;
}
.mega-autocomplete i.far.fa-eye {
    padding-right: 5px;
}

@media (max-width: 320px) {
	.mega-autocomplete .product.mobile .greenRounded {
		width: 70%;
	}
}