/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.ais-Panel-header .ais-header > h5 {
   font-weight: 600;
}

/* Category Filter */
ul.ais-HierarchicalMenu-list {
   margin: 0;
   list-style: none;
}

a.facet-item {
   color: #000;
   font-weight: normal;
}
.facet-item.active {
   font-weight: bold;
}
span.facet-name > i {
   color: #ccc;
   margin-right: 10px;
   font-size: 16px;
}
/* End - Category Filter */

.ais-Breadcrumb-list,
.ais-CurrentRefinements-list,
.ais-HierarchicalMenu-list,
.ais-InfiniteResults-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-Pagination-list,
.ais-RatingMenu-list,
.ais-RefinementList-list,
.ais-Results-list,
.ais-ToggleRefinement-list {
   margin: 0;
   padding: 0;
   list-style: none;
}

.ais-ClearRefinements-button,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-SearchBox-reset,
.ais-SearchBox-submit,
.ais-VoiceSearch-button {
   padding: 0;
   overflow: visible;
   font: inherit;
   line-height: normal;
   color: inherit;
   background: none;
   border: 0;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.ais-ClearRefinements-button::-moz-focus-inner,
.ais-CurrentRefinements-delete::-moz-focus-inner,
.ais-CurrentRefinements-reset::-moz-focus-inner,
.ais-GeoSearch-redo::-moz-focus-inner,
.ais-GeoSearch-reset::-moz-focus-inner,
.ais-HierarchicalMenu-showMore::-moz-focus-inner,
.ais-InfiniteHits-loadMore::-moz-focus-inner,
.ais-InfiniteHits-loadPrevious::-moz-focus-inner,
.ais-InfiniteResults-loadMore::-moz-focus-inner,
.ais-Menu-showMore::-moz-focus-inner,
.ais-RangeInput-submit::-moz-focus-inner,
.ais-RefinementList-showMore::-moz-focus-inner,
.ais-SearchBox-reset::-moz-focus-inner,
.ais-SearchBox-submit::-moz-focus-inner,
.ais-VoiceSearch-button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

.ais-ClearRefinements-button[disabled],
.ais-CurrentRefinements-delete[disabled],
.ais-CurrentRefinements-reset[disabled],
.ais-GeoSearch-redo[disabled],
.ais-GeoSearch-reset[disabled],
.ais-HierarchicalMenu-showMore[disabled],
.ais-InfiniteHits-loadMore[disabled],
.ais-InfiniteHits-loadPrevious[disabled],
.ais-InfiniteResults-loadMore[disabled],
.ais-Menu-showMore[disabled],
.ais-RangeInput-submit[disabled],
.ais-RefinementList-showMore[disabled],
.ais-SearchBox-reset[disabled],
.ais-SearchBox-submit[disabled],
.ais-VoiceSearch-button[disabled] {
   cursor: default;
}

.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
   overflow-anchor: none;
}

.ais-Breadcrumb-item,
.ais-Breadcrumb-list,
.ais-Pagination-list,
.ais-PoweredBy,
.ais-RangeInput-form,
.ais-RatingMenu-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.ais-GeoSearch,
.ais-GeoSearch-map {
   height: 100%;
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
   margin-left: 1em;
   margin-top: 10px;
}

.ais-PoweredBy-logo {
   display: block;
   height: 1.2em;
   width: auto;
}

.ais-RatingMenu-starIcon {
   display: block;
   width: 20px;
   height: 20px;
}

.ais-SearchBox-input::-ms-clear,
.ais-SearchBox-input::-ms-reveal {
   display: none;
   width: 0;
   height: 0;
}

.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
   display: none;
}

.ais-RangeSlider .rheostat {
   overflow: visible;
   margin-top: 40px;
   margin-bottom: 40px;
}

.ais-RangeSlider .rheostat-background {
   height: 6px;
   top: 0;
   width: 100%;
}

.ais-RangeSlider .rheostat-handle {
   margin-left: -12px;
   top: -7px;
}

.ais-RangeSlider .rheostat-background {
   position: relative;
   background-color: #fff;
   border: 1px solid #aaa;
}

.ais-RangeSlider .rheostat-progress {
   position: absolute;
   top: 1px;
   height: 4px;
   background-color: #333;
}

.rheostat-handle {
   position: relative;
   z-index: 1;
   width: 20px;
   height: 20px;
   background-color: #fff;
   border: 1px solid #333;
   border-radius: 50%;
   cursor: -webkit-grab;
   cursor: grab;
}

.rheostat-marker {
   margin-left: -1px;
   position: absolute;
   width: 1px;
   height: 5px;
   background-color: #aaa;
}

.rheostat-marker--large {
   height: 9px;
}

.rheostat-value {
   padding-top: 15px;
}

.rheostat-tooltip,
.rheostat-value {
   margin-left: 50%;
   position: absolute;
   text-align: center;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
}

.rheostat-tooltip {
   top: -22px;
}

[class^="ais-"] {
   /* font-size: 1rem; */
   box-sizing: border-box;
}

a[class^="ais-"] {
   text-decoration: none;
}

.ais-Breadcrumb,
.ais-ClearRefinements,
.ais-CurrentRefinements,
.ais-GeoSearch,
.ais-HierarchicalMenu,
.ais-HitsPerPage,
.ais-InfiniteHits,
.ais-InfiniteResults,
.ais-Menu,
.ais-MenuSelect,
.ais-NumericMenu,
.ais-NumericSelector,
.ais-Pagination,
.ais-Panel,
.ais-PoweredBy,
.ais-RangeInput,
.ais-RangeSlider,
.ais-RatingMenu,
.ais-RefinementList,
.ais-Results,
.ais-ResultsPerPage,
.ais-SearchBox,
.ais-SortBy,
.ais-Stats,
.ais-ToggleRefinement {
   color: #3a4570;
}

.ais-Breadcrumb-item--selected,
.ais-HierarchicalMenu-item--selected,
.ais-Menu-item--selected {
   font-weight: 700;
}

.ais-Breadcrumb-separator {
   margin: 0 0.3em;
   font-weight: 400;
}

.ais-Breadcrumb-link,
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-Pagination-link,
.ais-RatingMenu-link {
   color: #0096db;
   transition: color 0.2s ease-out;
}

.ais-Breadcrumb-link:focus,
.ais-Breadcrumb-link:hover,
.ais-HierarchicalMenu-link:focus,
.ais-HierarchicalMenu-link:hover,
.ais-Menu-link:focus,
.ais-Menu-link:hover,
.ais-Pagination-link:focus,
.ais-Pagination-link:hover,
.ais-RatingMenu-link:focus,
.ais-RatingMenu-link:hover {
   color: #0073a8;
}

.ais-ClearRefinements-button,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
   padding: 0.3rem 0.5rem;
   font-size: 0.8rem;
   color: #fff;
   background-color: #0096db;
   border-radius: 5px;
   transition: background-color 0.2s ease-out;
   outline: none;
}

.ais-ClearRefinements-button:focus,
.ais-ClearRefinements-button:hover,
.ais-CurrentRefinements-reset:focus,
.ais-CurrentRefinements-reset:hover,
.ais-GeoSearch-redo:focus,
.ais-GeoSearch-redo:hover,
.ais-GeoSearch-reset:focus,
.ais-GeoSearch-reset:hover,
.ais-HierarchicalMenu-showMore:focus,
.ais-HierarchicalMenu-showMore:hover,
.ais-InfiniteHits-loadMore:focus,
.ais-InfiniteHits-loadMore:hover,
.ais-InfiniteHits-loadPrevious:focus,
.ais-InfiniteHits-loadPrevious:hover,
.ais-InfiniteResults-loadMore:focus,
.ais-InfiniteResults-loadMore:hover,
.ais-Menu-showMore:focus,
.ais-Menu-showMore:hover,
.ais-RefinementList-showMore:focus,
.ais-RefinementList-showMore:hover {
   background-color: #0073a8;
}

.ais-ClearRefinements-button--disabled,
.ais-GeoSearch-redo--disabled,
.ais-GeoSearch-reset--disabled,
.ais-HierarchicalMenu-showMore--disabled,
.ais-InfiniteHits-loadMore--disabled,
.ais-InfiniteResults-loadMore--disabled,
.ais-Menu-showMore--disabled,
.ais-RefinementList-showMore--disabled {
   opacity: 0.6;
   cursor: not-allowed;
}

.ais-ClearRefinements-button--disabled:focus,
.ais-ClearRefinements-button--disabled:hover,
.ais-GeoSearch-redo--disabled:focus,
.ais-GeoSearch-redo--disabled:hover,
.ais-GeoSearch-reset--disabled:focus,
.ais-GeoSearch-reset--disabled:hover,
.ais-HierarchicalMenu-showMore--disabled:focus,
.ais-HierarchicalMenu-showMore--disabled:hover,
.ais-InfiniteHits-loadMore--disabled:focus,
.ais-InfiniteHits-loadMore--disabled:hover,
.ais-InfiniteResults-loadMore--disabled:focus,
.ais-InfiniteResults-loadMore--disabled:hover,
.ais-Menu-showMore--disabled:focus,
.ais-Menu-showMore--disabled:hover,
.ais-RefinementList-showMore--disabled:focus,
.ais-RefinementList-showMore--disabled:hover {
   background-color: #0096db;
}

.ais-InfiniteHits-loadPrevious--disabled {
   display: none;
}

.ais-CurrentRefinements {
   margin-top: -0.3rem;
}

.ais-CurrentRefinements,
.ais-CurrentRefinements-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.ais-CurrentRefinements-item {
   margin-right: 0.3rem;
   margin-top: 0.3rem;
   padding: 0.3rem 0.5rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background-color: #495588;
   border-radius: 5px;
}

.ais-CurrentRefinements-category {
   margin-left: 0.3em;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.ais-CurrentRefinements-delete {
   margin-left: 0.3rem;
}

.ais-CurrentRefinements-categoryLabel,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-label {
   white-space: nowrap;
   font-size: 0.8rem;
   color: #fff;
}

.ais-CurrentRefinements-reset {
   margin-top: 0.3rem;
   white-space: nowrap;
}

.ais-CurrentRefinements-reset + .ais-CurrentRefinements-list {
   margin-left: 0.3rem;
}

.ais-GeoSearch {
   position: relative;
}

.ais-GeoSearch-control {
   position: absolute;
   top: 0.8rem;
   left: 3.75rem;
}

.ais-GeoSearch-label {
   display: block;
   padding: 0.3rem 0.5rem;
   font-size: 0.8rem;
   background-color: #fff;
   border-radius: 5px;
   transition: background-color 0.2s ease-out;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   outline: none;
}

.ais-GeoSearch-input {
   margin: 0 0.25rem 0 0;
}

.ais-GeoSearch-label,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset {
   white-space: nowrap;
}

.ais-GeoSearch-reset {
   position: absolute;
   bottom: 1.25rem;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
}

.ais-HierarchicalMenu-link,
.ais-Menu-link {
   display: block;
   line-height: 1.5;
}

.ais-HierarchicalMenu-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-RatingMenu-list,
.ais-RefinementList-list {
   font-weight: 400;
   line-height: 1.5;
}

.ais-HierarchicalMenu-link:after {
   margin-left: 0.3em;
   content: "";
   width: 10px;
   height: 10px;
   display: none;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.3 24l-2.8-2.8 9.3-9.2-9.3-9.2L7.3 0l12.2 12z' fill='%233A4570'/%3E%3C/svg%3E");
   background-size: 100% 100%;
}

.ais-HierarchicalMenu-item--parent > .ais-HierarchicalMenu-link:after {
   display: inline-block;
}

.ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link:after {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}

.ais-CurrentRefinements-count,
.ais-RatingMenu-count {
   font-size: 0.8rem;
}

.ais-CurrentRefinements-count:before,
.ais-RatingMenu-count:before {
   content: "(";
}

.ais-CurrentRefinements-count:after,
.ais-RatingMenu-count:after {
   content: ")";
}

.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RefinementList-count,
.ais-ToggleRefinement-count {
   padding: 5px 10px;
   font-size: 12px;
   color: #3a4570;
   background-color: #dfe2ee;
   border-radius: 50px;
   float: right;
}

.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
   margin-top: 0.5rem;
}

.ais-Highlight-highlighted,
.ais-Snippet-highlighted {
   background-color: #ffc168;
}

.ais-Hits-list,
.ais-InfiniteHits-list,
.ais-InfiniteResults-list,
.ais-Results-list {
   margin-top: -1rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

/* .ais-Panel-body .ais-Hits-list,
.ais-Panel-body .ais-InfiniteHits-list,
.ais-Panel-body .ais-InfiniteResults-list,
.ais-Panel-body .ais-Results-list {
   margin: 0.5rem 0 0 -1rem;
} */

ol.ais-Hits-list{
   margin: 0px !important;
}

.ais-InfiniteHits-item,
.ais-InfiniteResults-item,
.ais-Results-item {
   margin-top: 1rem;
   margin-left: 1rem;
   padding: 1rem;
   width: calc(25% - 1rem);
   border: 1px solid #c4c8d8;
   box-shadow: 0 2px 5px 0 #e3e5ec;
}

.ais-Panel-body .ais-InfiniteHits-item,
.ais-Panel-body .ais-InfiniteResults-item,
.ais-Panel-body .ais-Results-item {
   margin: 0.5rem 0 0.5rem 1rem;
}

.ais-InfiniteHits-loadMore,
.ais-InfiniteResults-loadMore {
   margin-top: 1rem;
}

.ais-InfiniteHits-loadPrevious {
   margin-bottom: 1rem;
}

.ais-HitsPerPage-select,
.ais-MenuSelect-select,
.ais-NumericSelector-select,
.ais-ResultsPerPage-select,
.ais-SortBy-select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding: 0.3rem 2rem 0.3rem 0.3rem;
   max-width: 100%;
   /* background-color: #FFFFFF; */
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.3l2.8-2.8 9.2 9.3 9.2-9.3L24 7.3 12 19.5z' fill='%233A4570'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: 10px 10px;
   background-position: 92% 50%;
   /* border: 1px solid #c4c8d8; */
   border-radius: 5px;
}

.ais-Panel--collapsible {
   position: relative;
}

.ais-Panel--collapsible.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsible.ais-Panel--collapsed .ais-Panel-footer {
   display: none;
}

.ais-Panel--collapsible .ais-Panel-collapseButton {
   position: absolute;
   top: 5px;
   right: 0;
   padding: 0;
   border: none;
   background: none;
}

.ais-Panel-header {
   margin-bottom: 10px;
   padding-bottom: 0.5rem;
   font-size: 0.8rem;
   font-weight: 700;
   text-transform: uppercase;
   border-bottom: 1px solid #c4c8d8;
}

.ais-Panel-footer {
   margin-top: 0.5rem;
   font-size: 0.8rem;
}

.ais-RangeInput-input {
   padding: 0 0.2rem;
   width: 5rem;
   height: 1.5rem;
   line-height: 1.5rem;
}

.ais-RangeInput-separator {
   margin: 0 0.3rem;
}

.ais-RangeInput-submit {
   margin-left: 0.3rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding: 0 0.5rem;
   height: 1.5rem;
   line-height: 1.5rem;
   font-size: 0.8rem;
   color: #fff;
   background-color: #0096db;
   border: none;
   border-radius: 5px;
   transition: 0.2s ease-out;
   outline: none;
}

.ais-RangeInput-submit:focus,
.ais-RangeInput-submit:hover {
   background-color: #0073a8;
}

.ais-RatingMenu-count {
   color: #3a4570;
}

.ais-Pagination-list {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.ais-Pagination-item + .ais-Pagination-item {
   margin-left: 0.3rem;
}

.ais-Pagination-link {
   padding: 0.3rem 0.8rem;
   display: block;
   border: 1px solid #c4c8d8;
   border-radius: 10px;
   transition: background-color 0.2s ease-out;
}

.ais-Pagination-link:focus,
.ais-Pagination-link:hover {
   background-color: #e3e5ec;
}

.ais-Pagination-item--disabled .ais-Pagination-link {
   opacity: 0.6;
   cursor: not-allowed;
   color: #a5abc4;
   font-size: 20px;
}

.ais-Pagination-item--disabled .ais-Pagination-link:focus,
.ais-Pagination-item--disabled .ais-Pagination-link:hover {
   color: #a5abc4;
   background-color: #fff;
}

.ais-Pagination-item--selected .ais-Pagination-link {
   color: #fff;
   background-color: #4C7C0E;
   border-color: #4C7C0E;
}

.ais-Pagination-item--selected .ais-Pagination-link:focus,
.ais-Pagination-item--selected .ais-Pagination-link:hover {
   color: #fff;
}

.ais-PoweredBy-text,
.ais-Stats-text,
.rheostat-tooltip,
.rheostat-value {
   font-size: 0.8rem;
}

.ais-PoweredBy-logo {
   margin-left: 0.3rem;
}

.ais-RangeSlider .rheostat-progress {
   background-color: #495588;
}

.ais-RangeSlider .rheostat-background {
   border-color: #878faf;
   box-sizing: border-box;
}

.ais-RangeSlider .rheostat-handle {
   border-color: #878faf;
}

.ais-RangeSlider .rheostat-marker {
   background-color: #878faf;
}

.ais-Panel-body .ais-RangeSlider {
   margin: 2rem 0;
}

.ais-RangeSlider-handle {
   width: 20px;
   height: 20px;
   position: relative;
   z-index: 1;
   background: #fff;
   border: 1px solid #46aeda;
   border-radius: 50%;
   cursor: pointer;
}

.ais-RangeSlider-tooltip {
   position: absolute;
   background: #fff;
   top: -22px;
   font-size: 0.8em;
}

.ais-RangeSlider-value {
   width: 40px;
   position: absolute;
   text-align: center;
   margin-left: -20px;
   padding-top: 15px;
   font-size: 0.8em;
}

.ais-RangeSlider-marker {
   position: absolute;
   background: #ddd;
   margin-left: -1px;
   width: 1px;
   height: 5px;
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-count,
.ais-RatingMenu-item--disabled .ais-RatingMenu-label {
   color: #c4c8d8;
}

.ais-RatingMenu-item--selected {
   font-weight: 700;
}

.ais-RatingMenu-link {
   line-height: 1.5;
}

.ais-RatingMenu-link > * + * {
   margin-left: 0.3rem;
}

.ais-RatingMenu-starIcon {
   position: relative;
   top: -1px;
   width: 15px;
   fill: #ffc168;
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon {
   fill: #FFD700;
}


.ais-HierarchicalMenu-searchBox > *,
.ais-Menu-searchBox > *,
.ais-RefinementList-searchBox > * {
   margin-bottom: 0.5rem;
}

.ais-SearchBox-form {
   display: block;
   position: relative;
}

.ais-SearchBox-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding: 0.3rem 1.7rem;
   width: 100%;
   position: relative;
   background-color: #fff;
   border: 1px solid #c4c8d8;
   border-radius: 5px;
}

.ais-SearchBox-input::-webkit-input-placeholder {
   color: #a5aed1;
}

.ais-SearchBox-input::-moz-placeholder {
   color: #a5aed1;
}

.ais-SearchBox-input:-ms-input-placeholder {
   color: #a5aed1;
}

.ais-SearchBox-input:-moz-placeholder {
   color: #a5aed1;
}

.ais-SearchBox-loadingIndicator,
.ais-SearchBox-reset,
.ais-SearchBox-submit {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   position: absolute;
   z-index: 1;
   width: 20px;
   height: 20px;
   top: 50%;
   right: 0.3rem;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}

.ais-SearchBox-submit {
   left: 0.3rem;
}

.ais-SearchBox-reset {
   right: 0.3rem;
}

.ais-SearchBox-loadingIcon,
.ais-SearchBox-resetIcon,
.ais-SearchBox-submitIcon {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
}

.ais-SearchBox-resetIcon path,
.ais-SearchBox-submitIcon path {
   fill: #495588;
}

.ais-SearchBox-submitIcon {
   width: 14px;
   height: 14px;
}

.ais-SearchBox-resetIcon {
   width: 12px;
   height: 12px;
}

.ais-SearchBox-loadingIcon {
   width: 16px;
   height: 16px;
}

.ais-VoiceSearch-button {
   border: none;
   width: 24px;
   height: 24px;
   padding: 4px;
   border-radius: 50%;
   color: #3a4570;
   background-color: transparent;
}

.ais-VoiceSearch-button svg {
   color: currentColor;
}

.ais-VoiceSearch-button:hover {
   cursor: pointer;
   background-color: #a5aed1;
   color: #fff;
}

.ais-VoiceSearch-button:disabled {
   color: #a5aed1;
}

.ais-VoiceSearch-button:disabled:hover {
   color: #a5aed1;
   cursor: not-allowed;
   background: inherit;
}

span.ais-HierarchicalMenu-count,
.ais-RefinementList-count {
   margin-left: 10px;
}

.ui-widget-overlay {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   opacity: 0.5;
   filter: Alpha(Opacity=50);
   background-color: black;
   height: 100vh;
}
.ui-dialog-titlebar {
   display: none;
}
.ui-button.ui-widget.ui-dialog-titlebar-close {
   position: absolute;
   right: 10px;
   top: 40px;
   background-color: #fb8b8b;
   padding: 5px;
   border-radius: 50px;
   width: 35px;
   height: 35px;
   color: #fff;
}
/* code is from H */
.ais-RefinementList-checkbox {
   margin-right: 10px;
   background: #F6F8F9 !important;
   border: 1px solid #B0BABF !important;
   border-radius: 4px !important;
   width: 16px !important;
   height: 16px !important;
}

.ais-RefinementList-checkbox:checked {
   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');
   background-color: #F15514 !important;
}


.ais-SortBy-select {
   padding: 4px 4px 4px 8px !important;
   width: 159px !important; 
   height: 32px !important;
   border: 1px solid #DDE2E4 !important;
   border-radius: 8px !important;
   font-size: 12px;
}

/* .ais-RefinementList-labelText{
   width: 256px;
   height: 24px;
   font-family: 'Plus Jakarta Sans', sans-serif !important;
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
   color: rgba(37, 44, 50, 0.7);
} */

.ais-RefinementList-labelText{
   font-family: 'Poppins', sans-serif !important;
   font-style: normal;
   font-weight: 300;
   font-size: 14px;
   line-height: 15px;
   color: #000000;
} 
.ais-RefinementList-count{
   display: none;
}

.ais-Panel-header .ais-header > h5{
   font-family: "Poppins", Sans-serif !important;
   font-style: normal !important;
   font-weight: 600 !important;
   font-size: 15px !important;
   line-height: 24px !important;
   color: #000 !important;
}

.ais-Stats{
   display: block;
}
.breadcrumb{
   width: 1300px;
}
.bcline{
   width: 100%;
}

.ais-RatingMenu-label{
   color: #F15514;
}
.ais-RefinementList-showMore{
   background-color: #F15514;
}

.searchwrapcatbtn{
   font-family: 'Open Sauce One', sans-serif !important;
   font-size: 14px !important;
}

.ais-headertmp3 h5{
   font-family: 'Open Sause One',  sans-serif;
   font-size: 14px;
   font-weight: 500 !important;
   line-height: 16px;
   margin-right: 25px;
   color: #7A7A7A;
}

.breadcrumbtemp3 h1{
   font-family: 'Open Sause One',  sans-serif;
   font-style: normal;
   color: #7A7A7A;
}

/* custom fonts */
.montserrat{
   font-family: 'Montserrat', sans-serif !important;
}
.poppins{
   font-family: 'Poppins', sans-serif !important;
}
.opensauce{
   font-family: 'Open Sauce One', sans-serif !important;
}
.jakartasans{
   font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.inter{
   font-family: 'Inter', sans-serif !important;
}




@media only screen and (max-width: 640px){
   ul.ais-Pagination-list{
      gap: 0;
   }
}

@media only screen and (max-width: 500px){
   #eZearch-wrap3{
      padding-left: 0px;
   }
}


/* template 1 custom styling */
/* sidebar filters styling */
li.CustomRefinementListItem-Temp1 label.ais-RefinementList-label span.ais-RefinementList-labelText{
   color: rgba(37, 44, 50, 0.70);
   font-family: 'Plus Jakarta Sans', sans-serif !important;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
}
.CustomRefinement-Temp1-ShowmoreButton{
   background-color: #0096db;
}
.CustomRefinement-Temp1-ShowmoreButton:hover{
   background-color: #0073a8;
   color: white;
   outline: none;
}
.CustomRefinement-Temp1-ShowmoreButton:focus{
   outline: none;
}

/* template 2 custom styling */


/* template 3 custom styling */


/* template 4 custom styling */
/* template4 search bar dropdown */
#dropdowncategory:focus{
   outline: 0px !important;
}
#dropdowncategory:hover{
   background-color: none !important;
   border-color: none !important;
}

/* template4 cart icon styling */
.carticon:hover .frameheart {
   display: none;
 }

 .carticon:hover .fillheart {
   display: block;
 }

/* template4 pagination styling */
 .custom-pagination-list-temp4{
   width: 100%;
   display: flex;
   gap: 20px;
 }
 .custom-pagination-list-item-temp4{
   width: 48px;
   height: 48px;
   border-radius: 4px;
   background: #ECEFF1;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .custom-pagination-list-item-temp4 a.ais-Pagination-link{
   display: block;
   border: none;
   border-radius: 4px;
   transition: background-color 0.2s ease-out;
   color: none !important;
   background-color: none !important;
   border-color: none !important;
   width: 100%;
   height: 100%; 
   display: flex;
   align-items: center;
   justify-content: center; 
 }
 .ais-Pagination-link{
   border: none !important;
 }



 #showfiltersbtn:focus{
   outline: 0px solid transparent !important;
 }
 #showfiltersbtn:hover{
   background-color: transparent !important;
   border-color: none !important;
 }


/* template 5 custom styling */
/* template 5 product card's add to favourite button */
 .add-to-fav-button:hover{
   fill: #E25636;
 }

/* pagination */
ul.custom-pagination-list-temp5{
   display: flex;
   justify-content: end;
}
ul.custom-pagination-list-temp5 li.custom-pagination-list-item-temp5 a{
   color: #E25636;
   font-family: 'Poppins', sans-serif !important;
   font-weight: 600;
   font-size: 16px;
   text-align: center;
   line-height: 18px;
   background-color: #ECEFF1;
   border-radius: 46px;
   padding: 7px 22px;
}
ul.custom-pagination-list-temp-5 li.custom-pagination-list-item-temp5 a.ais-pagination-link:focus{
   color: #E25636 !important;
   outline-color: none !important;
   outline: 0px !important;
}

li.ais-Pagination-item--previousPage a.ais-Pagination-link{
   background-color: #fff !important;
   padding: 7px 18px !important;
}
li.ais-Pagination-item--nextPage a.ais-Pagination-link {
   background-color: #fff !important;
   padding: 7px 18px !important;
}



span.Temp3-StatsText--subclass span{
   font-family: 'Open Sauce One', sans-serif !important;
   font-weight: 300;
   font-size: 28px;
   letter-spacing: 0.05em;
   display: none;
}

@media (min-width: 768px) {
   span.Temp3-StatsText--subclass span {
       display: block;
   }
}

.search-result-word{
   color: #4094F7;
}

.Temp1-pagination .ais-Pagination-item--selected .ais-Pagination-link
{
  color: #fff;
  background-color: #4094F7;
}

.Temp1-pagination a:focus{
   outline: 0px !important;
}

button.ais-Panel-collapseButton:focus{
   outline: none !important;
   box-shadow: unset !important;
}
/* template 1 grid view and list view styling */
.custom-hits-list-grid{
   display: grid;
   /* padding-left: 1.25rem;
   padding-right: 1.25rem;  */
   margin-top: 1.25rem; 
   margin-bottom: 1.25rem; 
   gap: 15px; 
   justify-content: space-evenly;
}
@media (max-width: 1024px) { 
   .custom-hits-list-grid{
      padding-left: 0px !important;
      padding-right: 0px !important; 
   } 
   }

.custom-hits-list-list{
   display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
}

.active-gl-button {
   background-color: #E5E9EB;
}
/* code is from H */

a.ais-Menu-link {
   display: flex;
   justify-content: space-between;
   margin-bottom: 5px;
   align-items: center;
}

span.ais-Menu-count {
   height: 25px;
   width: auto;
   text-align: center;
   border-radius: 50px;
}

/* Loader */
/* HTML: <div class="loader"></div> */
.ez-loading:before {
   content: " ";
   width: 20px;
   aspect-ratio: 1;
   border-radius: 50%;
   background: #fff;
   box-shadow: 0 0 0 0 #0004;
   animation: l1 1s infinite;
   position: absolute;
   left: calc(50% - 10px);
   top: calc(50% - 10px);
   z-index: 9999;
 }
 .ez-loading:after {
   position: absolute;
   top: 0;
   content: " ";
   background-color: #17080885;
   height: 100%;
   width: 100%;
   z-index: 999;
}
 @keyframes l1 {
     100% {box-shadow: 0 0 0 30px #0000}
 }


 input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}
input[type=number] {
   -moz-appearance: textfield;
   /* Firefox */
}

@media (max-width: 767px) { 
   #hit-container-template-3 .ais-Hits.eZearch-hits{
      width: 90% !important;
      margin-left: auto !important;
      margin-right: auto !important;
   }
}

/* custom styles for responsive final */
@media screen and (max-width: 550px) {
   .custom-hits-list-grid{
      grid-template-columns: repeat(1, minmax(0, 1fr));
   }
}

@media (min-width: 640px) and (max-width: 767px) {
   .custom-hits-list-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (min-width: 768px) and (max-width: 1023px) {
   .custom-hits-list-grid{
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

@media (min-width: 1024px) and (max-width: 1250px) {
   .custom-hits-list-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (min-width: 1251px) and (max-width: 1500px) {
   .custom-hits-list-grid{
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

@media (min-width: 1501px) and (max-width: 1680px) {
   .custom-hits-list-grid{
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }
}

@media screen and (min-width: 1680px){
   .custom-hits-list-grid{
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }

   #hit-template-1 .product-image-container{
      width: 80%;
   }

   /* #hit-template-1 li.ais-Hits-item{
      min-width: 250px;
      min-height: 400px;

   } */
}

/* input field ring and outline dissapear code start */
[multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus {
   --tw-ring-offset-width: 0px !important;
   --tw-ring-offset-color: transparent !important;
   --tw-ring-color: transparent !important;
   border-color: transparent !important;
   outline: 0px solid transparent !important; 
   outline-offset: 0px !important;
}

[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
   --tw-ring-offset-width: 0px !important;
   --tw-ring-offset-color: transparent !important;
   --tw-ring-color: transparent !important;
   border-color: transparent !important;
   outline: 0px solid transparent !important; 
   outline-offset: 0px !important;
}
/* input field ring and outline dissapear code end */

.ais-RangeSlider {
   padding-left: 20px;
   padding-right: 20px;
}

button.dyz-grid.dyz-h-full.dyz-place-items-center.dyz-text-gray-300.dyz-bg-white {
   outline: 0px;
   border: 0px;
   margin-right: 18px;
}

/* div#filter_product_cat, div#stars, div#filter_product_tag {
   padding-top: 20px;
   padding-bottom: 20px;
} */

#eZearch-wrap3 #stats{
   font-size: 24px;
   margin-top: -25px;
   margin-bottom: 15px;
}

#eZearch-wrap5 div#stats {
   font-size: 30px;
   font-weight: 700;
}
.ais-RefinementList-showMore--disabled, .ais-Menu-showMore--disabled {
   display: none;
}


/* ------------------------------------------ Revamping the template styles by #HP ------------------------------------------ */

/* ---------------------------- template 1 ---------------------------- */
.template1-main{
   display: none; 
   padding-bottom: 2rem; 
   background-color: #ffffff; 
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   opacity: 0;
   transform: translateY(-20px);
   visibility: hidden;
   transition: all 0.4s ease;
   z-index: 1000;
   border-radius: 30px;
   max-height: 95vh !important;
   overflow: auto;
   height: 100%;
}

.template1-main{
   opacity: 1;
   transform: translateX(-2px) translateY(10px);
   visibility: visible;
}

.template1.searchbar-container{
   overflow: hidden; 
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
}

#closePopupButton{
   float: right;
   margin-right: 20px;
   cursor: pointer;
}

.template1.search-input-outer-container{
   justify-content: center;
   margin-top: 8px;
   margin-bottom: 8px;
   display: flex;
}

.template1.search-input-inner-container{
   max-width: 672px;
   width: 100%;
   margin-left: 0px;
   padding-left: 100px;
   padding-right: 25px;
}

.template1 #searchWrapper{
   position: relative;
   display: flex;
   flex-grow: 1;
   align-items: center;
   height: auto;
   border-radius: 8px;
   background-color: #ffffff;
   overflow: hidden;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.template1 #searchWrapper:focus-within {
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}

.temp1.search-input{
   background-color: #ffffff !important;
   border-radius: 8px !important;
   width: 100%;
   box-shadow: none !important;
   border: none !important;
   margin: 0px !important;
   outline: none !important;
   font-size: 14px !important;
   padding: 12px;
}

.temp1.search-button{
   place-items: center;
   height: 100%;
   width: 48px;
   color: #d1d5db;
   display: none;   
}

.temp1.powered-tag{
   margin-top: 8px;
   display: flex;
   justify-content: flex-end;
   color: #ffffff !important;
}

.temp1.wrapper.outer-container{
   display: block;
   margin-top: 12px;
   margin-bottom: 12px;
}

.temp1.inside.firstcontainer{
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.temp1.inside.firstcontainer.inner{
   display: flex;
}

.temp1.sort-by-wrapper-container{
   grid-column: span 4;
   margin-right: 12px;
}

.temp1.inside.secondcontainer.inner{
   display: flex;
   margin-left: 0px;
}

.temp1.inside.secondcontainer.inner #grid-view-button{
   width: 30px;
   height: 30px;
   cursor: pointer;
   background-color: #E5E9EB;
   border-radius: 6px 0px 0px 6px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.temp1.inside.secondcontainer.inner #list-view-button{
   width: 30px;
   height: 30px;
   cursor: pointer;
   border-radius: 0px 6px 6px 0px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.temp1.showfilterbutton{
   position: absolute;
   margin-top: 56px;
   float: left;
   z-index: 9999;
}

.temp1.showfilterbutton #showfiltersbtn{
   background-color: #ffffff;
   padding: 0px;
}

.temp1.filter-section.wrapper-container{
   display: block;
}

.temp1.filter-section.wrapper-container #filtersdiv{
   display: none;
   height: 100%;
   margin-left: 16px;
   margin-right: 16px;
}

.temp1-loading-wrapper{
   width: 100%;
}

.temp1-loading-wrapper .stats-container{
   display: flex;
   padding-bottom: 20px;
}

.temp1-loading-wrapper .stats-container h2#stats{
   color: #000000;
   font-weight: 600;
   font-size: 18px;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
   width: 100%;
}

.temp1-loading-wrapper #hit-container-template-1{
   overflow-y: auto;
   height: 100%;
   width: 95%;
   margin-left: auto;
   margin-right: auto;
}

.temp1-loading-wrapper #pagination{
   padding-bottom: 20px;
   margin-top: -40px;
}

.temp1-loading-wrapper .product-grid-box.product-hit-card{
   width: 100%;
   background-color: #ffffff;
   border-radius: 10px;
   border: 1px solid #f3f4f6;
   padding: 12px;
   padding-bottom: 0px;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
}

.temp1-loading-wrapper .product-grid-box.product-hit-card:hover{
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}

.temp1-loading-wrapper .product-grid-box.product-hit-card .top-container{
   width: 100%;
   padding: 20px;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: center;
}

.temp1-hit.product-image-container{
   margin-left: auto;
   margin-right: auto;
   height: auto;
   position: relative;
}

.temp1-hit.product-image{
   margin-left: auto;
   margin-right: auto;
   border-radius: 8px;
   width: 100%;
   height: 250px;
   object-fit: cover;
}

.temp1-hit.below-container{
   width: 100%;
   margin-top: 12px;
}

.temp1-hit.cart-container{
   display: flex;
   align-items: flex-start;
   gap: 4px;
   flex-direction: column;
   /* width: 40%; */
   margin-left: auto;
   margin-right: auto;
}

.temp1-hit.cart-container .plus-minus-button-container{
   display: flex;
   justify-content: center;
   border-radius: 6px;
   background-color: #4094F7;
   width: 100%;
   margin-bottom: 10px;
}

.temp1-hit.dyz-qty-minus{
   cursor: pointer;
   justify-content: center;
   align-items: center;
   align-content: center;
   padding-left: 8px;
   padding-right: 8px;
   display: flex;
}

.temp1-hit.qty-input{
   text-align: center;
   width: 36px;
   background-color: #4094F7 !important;
   color: #ffffff !important;
   font-size: 16px;
   line-height: 8px;
   outline: none !important;
}

.temp1-hit.dyz-qty-plus{
   display: flex;
   cursor: pointer;
   justify-content: center;
   align-items: center;
   align-content: center;
   padding-left: 8px;
   padding-right: 8px;
}

.temp1-hit.add-to-cart-button{
   width: 100%;
}

.temp1-hit.add_to_cart_button.ajax_add_to_cart{
   display: flex;
   justify-content: center;
   border-radius: 8px;
   width: 100%;
   margin-bottom: 10px;
   padding: 6px !important;
}

.temp1-hit.product-price-container{
   padding-left: 12px;
   padding-right: 12px;
}

.temp1-hit.product-price{
   font-size: 20px;
   font-style: normal;
   font-weight: bold;
   line-height: normal;
   letter-spacing: -0.108px;
}

.temp1-hit.product-title-container{
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 12px !important;
   padding-right: 12px !important;
}

.temp1-hit.dyz-product_title{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   letter-spacing: -0.09px;
   margin-bottom: 0px;
   max-width: 25ch !important;
}

.temp1-hit.product-description-container{
   padding-left: 12px;
   padding-right: 12px;
   margin-bottom: 12px; 
}

.temp1-hit.product-description{
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   color: #000000B2;
   text-overflow: ellipsis;
   font-size: 14px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   letter-spacing: -0.078px;
}

.temp1-hit.stock-count-n-ratings{
   margin-left: auto;
   margin-right: auto;
   height: auto;
   position: relative;
   display: flex;
   gap: 8px;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   align-content: center;
   margin-bottom: 0px;
   padding-left: 12px;
   padding-right: 12px;
}

.temp1-hit.rating-container-first{
   display: flex;
   gap: 15px;
   margin-top: 0px;
   margin-bottom: 0px;
}

.temp1-hit.ratings-divider{
   align-self: flex-start;
   display: none;
   margin-top: 0px;
   margin-bottom: 0px;
   align-items: center;
}

.temp1-hit.stock-text{
   color: #5B6871;
   font-size: 14px;
   font-style: normal;
   font-weight: 300;
   line-height: 16px;
   /* margin-top: 6px; */
}

.temp1.filter-section.wrapper-container div#filter_product_cat {
   padding-top: 0px;
}

.tagline-text{
   font-size: 16px;
   font-weight: 500;
   color: #ffffff !important;
}

.search-input-button{
   padding: 0px;
   margin: 0px;
   width: 50px;
   height: 50px;
   border: 0px solid #FFF;
   display: flex;
   justify-content: center;
   align-items: center;
}

.temp1.filter-section #filtersdiv .ez-sidebar-container{
   width: 100%;
   display: grid;
   justify-items: center;
}

.temp1.filter-section #filtersdiv .ez-sidebar-container #ez-sidebar{
   display: flex;
   flex-direction: column;
   gap: 20px;
   width: 100%;
   margin: 0px;
   padding-top: 5px;
}

li.ais-HierarchicalMenu-item {
   margin-bottom: 10px;
}

button.ais-HierarchicalMenu-showMore {
   font-size: 12px;
   padding: 5px 10px;
   border-radius: 8px;
   background-color: #000;
   opacity: 1;
   transition: background-color 0.2s ease-out;
   cursor: pointer;
}

button.ais-ClearRefinements-button {
   font-size: 12px;
   padding: 5px 10px;
   border-radius: 8px;
   background-color: #C74343;
   opacity: 1;
   transition: background-color 0.2s ease-out;
   cursor: pointer;
}

li.ais-RatingMenu-item {
   margin-bottom: 5px;
}

span.ais-Menu-label {
   color: #000;
}

.ais-Hits.eZearch-hits {
   height: 98%;
}



/* ---------------------------- template 2 ---------------------------- */
.template2.main-container{
   width: 100% !important;
   backdrop-filter: blur(12px);
   z-index: 9999;
   display: none;
   padding-left: 4px;
   padding-right: 4px;
   padding-bottom: 32px;
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
   border: 0px solid #e5e7eb;
}

.temp2.searchbar-container{
   overflow: hidden;
   margin-top: 32px;
   position: relative;
}

.temp2.searchbar-container #closePopupButton{
   /* float: right;
   margin-right: 20px;
   cursor: pointer; */
   position: absolute;
   right: 20px;
   top: 10px;
}

.temp2.searchbar-second-container{
   justify-content: center;
   margin-top: 8px;
   margin-bottom: 8px;
   display: flex;
}

.temp2.searchbar-second-container .temp2.inner-container{
   max-width: 672px;
   margin-left: 0px;
   width: 100%;
   padding-left: 24px;
   padding-right: 24px;
}

.temp2.searchbar-second-container .temp2.inner-container #searchWrapper{
   position: relative;
   display: flex;
   flex-grow: 1;
   align-items: center;
   height: 48px;
   border-radius: 8px;
   background-color: #ffffff;
   overflow: hidden;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.temp2.searchbar-second-container .temp2.inner-container #searchWrapper:focus-within {
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}

.temp2.searchbar-second-container .temp2.inner-container #searchWrapper .search-input{
   height: 40px;
   background-color: #ffffff !important;
   border-radius: 6px;
   width: 100%;
   box-shadow: none !important;
   border: none !important;
   margin: 0px !important;
   outline: none !important;
   font-size: 14px;
   padding-left: 15px;
}

.temp2.searchbar-second-container .temp2.inner-container #searchWrapper .search-input:focus {
   outline-color: #ffffff !important;
}

.temp2.poweredby-tagline{
   margin-top: 8px;
   display: flex;
   justify-content: flex-end;
}

.temp2.filterandtemp{
   background-color: #ffffff;
   border-radius: 25px;
}

.temp2.filter-wrap-container{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   width: 100%;
}

.temp2.filter-wrap-container .temp2.first-inner-wrapper{
   display: block;
   width: 100%;
}

.temp2.filter-wrap-container .temp2.first-inner-wrapper #filtersdiv{
   width: 100%;
   padding-top: 20px;
   background-color: #F5F5F7;
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
   display: none;
}

.temp2.filtersdiv-inner-container{
   /* width: 225px; */
   padding-left: 32px;
   padding-right: 32px;
   display: grid;
   justify-items: center;
   margin-left: 0px;
   width: auto !important;
}

.temp2.filtersdiv-inner-container #ez-sidebar{
   background-color: #ffffff;
   border-radius: 12px;
   padding: 30px;
   width: 100%;
}

.temp2.second-inner-wrapper{
   width: 100%;
}

.temp2.second-inner-wrapper .temp2.stats-sort-wrapper{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 15px;
}

.temp2.stats-sort-wrapper .stats-wrapper{
   margin-top: 20px;
   margin-left: 10px;
}

.temp2.stats-sort-wrapper .stats-wrapper #stats{
   font-weight: bold;
   font-size: 32px;
   color: #000000;
}

.temp2.sort-by-wrapper-outer-container{
   margin-right: 10px;
   margin-top: 20px;
   margin-left: auto;
}

#hit-container-template-2{
   overflow-y: scroll;
   max-height: 90vh;
   width: auto;
}

.temp2.filter-wrap-container .temp2.showfilterbutton{
   position: absolute;
   margin-top: 80px;
   float: left;
   z-index: 9999;
}

.temp2.showfilterbutton #showfiltersbtn{
   background-color: #ffffff;
   padding: 0px;
}

.temp2.pagination-wrapper{
   display: flex;
   flex-direction: column;
   flex: 1;
   flex-basis: 100%;
   background-color: #F5F5F7;
   border-bottom-left-radius: 24px;
   border-bottom-right-radius: 24px;
   margin-bottom: 32px;
}

.temp2.pagination-wrapper-inner{
   background-color: #F5F5F7;
   border-bottom-left-radius: 24px;
   border-bottom-right-radius: 24px;
   margin-bottom: 32px;
}

.temp2.pagination-wrapper-inner #pagination{
   margin-top: 20px;
}

.temp2.product-grid-box{
   width: 100%;
   background-color: #F5F5F7;
   border-radius: 25px;
   border: 1px solid #f3f4f6;
   padding-bottom: 0px;
   padding-right: 0px;
   transition: box-shadow 0.5s ease;
}

.temp2.product-grid-box:hover {
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}

.temp2.stock-discount-container{
   display: flex;
   justify-content: space-between;
   align-content: center;
   flex-wrap: wrap;
   padding-top: 0px !important;
}

.temp2.stock-container{
   padding-left: 14px;
   padding-right: 14px;
   padding-bottom: 0px;
   padding-top: 6px;
   height: 28px;
   border-radius: 6px;
   margin-top: 8px;
   margin-bottom: 8px;
}

.temp2.stock-container .temp2.discount{
   font-size: 12px;
   color: #000000;
   font-weight: 600;
   vertical-align: middle;
   margin-right: 12px;
   margin-top: 4px;
}

.temp2.product-image-container{
   margin-left: auto;
   margin-right: auto;
   height: auto;
   position: relative;
}

.temp2.product-image-container a{
   color: #000;
}

.temp2.product-image-container .product-image{
   margin-left: auto;
   margin-right: auto;
   max-height: max-content;
   width: 100%;
   height: 200px;
   object-fit: contain;
}

.temp2.below-container .temp2.product-title-container{
   display: flex;
   justify-content: center;
   background-color: #ffffff;
}

.temp2.dyz-product_title{
   font-size: 18px !important;
   font-weight: bold;
   margin-top: 8px;
   margin-bottom: 4px;
   line-height: 20px;
}

.temp2.product-price-wrapper{
   display: flex;
   justify-content: center;
   background-color: #ffffff;
}

.temp2.product-price-container{
   margin-top: 0px;
}

.temp2.product-price{
   font-size: 24px !important;
   text-align: center;
   font-weight: bold;
}

.temp2.product-price{
   font-size: 24px !important;
   text-align: center;
   font-weight: bold;
}

.temp2.product-category-container{
   padding-top: 4px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   padding-bottom: 8px;
   background-color: #ffffff;
}

.temp2.product-category{
   font-size: 15px;
   font-style: italic;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: 0.5px;
   color: #000000;
}

.temp2.product-description-container{
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 12px;
   padding-bottom: 12px;
   background-color: #ffffff;
}

.temp2.product-description{
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   color: rgba(0, 0, 0, 0.70);
   text-overflow: ellipsis;
   font-size: 13px;
   font-style: normal;
   font-weight: 500; /* Equivalent to font-medium */
   line-height: normal;
   letter-spacing: -0.078px;
}

.temp2.add-to-cart-container{
   display: flex;
   justify-content: flex-end;
   background-color: #ffffff;
   border-radius: 0px 0px 45px 30px;
}

.temp2.add-to-cart-button{
   padding-left: 14px;
   padding-right: 14px;
   padding-top: 8px;
   padding-bottom: 8px;
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
}

.temp2.below-container {
   border-radius: 0px 0px 30px 30px;
}



/* ---------------------------- template 3 ---------------------------- */
.temp3.main-wrapper{
   background-color: #ffffff;
   /* z-index: 9999; */
   display: none;
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
   padding-bottom: 32px;
   padding: 16px;
   border: 1px solid #e5e7eb;
   margin-left: 12px;
   margin-right: 12px;
   width: 100%;
   transform: translateY(40px);
}

.temp3.main-wrapper #closePopupButton{
   float: right;
   margin-right: 20px;
   cursor: pointer;
}

.temp3.search-wrapper-container{
   display: flex;
   align-items: center;
   width: 100%;
   flex-direction: column;
}

.temp3.search-wrapper-two{
   width: 65%;
}

.temp3.search-wrapper-container .temp3.search-wrapper-two #searchWrapper{
   vertical-align: middle;
   width: 100%;
   display: flex;
   flex-grow: 1;
   align-items: center;
   height: 48px;
   border-radius: 8px;
   background-color: #e5e7eb; /* Equivalent to bg-gray-200 */
   overflow: hidden;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.temp3.search-wrapper-container .temp3.search-wrapper-two #searchWrapper:focus-within {
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}

.temp3.search-input{
   height: 48px;
   background-color: #ffffff !important;
   width: 100%;
   outline: none !important;
   margin-bottom: 0px !important;
   border-radius: 6px;
   padding-left: 15px;
   border-top-right-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
   font-size: 14px;
}

.temp3.search-input:focus {
   outline-color: #ffffff !important;
}

.temp3.tagline-powered-by{
   margin-top: 8px;
   display: flex;
   justify-content: flex-end;
}

.temp3.show-hide-filter-button-wrapper{
   float: left;
   z-index: 9999;
   position: fixed;
}

.temp3.show-hide-filter-button-wrapper #showfiltersbtn{
   background-color: #ffffff;
   padding: 0px;
}

.temp3.filters-and-template-wrapper{
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}

.temp3.filters-and-template-wrapper-inner{
   height: auto;
   display: block;
   flex-basis: 100%;
}

.temp3.filters-and-template-wrapper-inner #filtersdiv{
   display: none;
   width: 100%;
   height: auto;
   margin-left: 0px;
   padding: 10px;
}

.temp3.ez-sidebar{
   width: 100%;
}

.temp3.filters-and-template-wrapper .temp3.template-wrapper{
   width: 100%;
}

.temp3.sortby-breadcrumb-wrapper{
   margin-left: 20px;
}

.temp3.custom-breadcrumb{
   width: auto;
}

.temp3.breadcrumb h1{
   letter-spacing: 0.05em;
   font-size: 14px;
}

.temp3.breadcrumb h1 span{
   color: #4B5563 !important;
   font-weight: 500;
}

.temp3.sort-container{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.temp3.sort-container-inner{
   grid-column: span 4;
}

.temp3.sort-container-inner #sort-by-wrapper {
   display: none;
}

.temp3.template-hit-container{
   display: flex;
   justify-content: center;
   overflow-y: scroll;
   max-height: 90vh;
   padding: 15px;
}

.temp3.pagination-wrapper{
   display: flex;
   flex-direction: column;
   flex: 1;
   flex-basis: 100%;
}

.temp3.pagination-wrapper-inner{
   display: flex;
   flex-direction: column;
   flex: 1;
   flex-basis: 100%;
}

.temp3.pagination{
   margin-top: 20px;
}

.temp3.hit-template3{
   width: 100%;
   border-radius: 8px;
   border: 1px solid #f3f4f6;
   display: flex;
   flex-direction: column;
   justify-content: center;
   transition: box-shadow 0.3s ease;
}

.temp3.hit-template3:hover {
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}

.temp3-discount-container{
   display: flex;
   justify-content: flex-end;
   align-content: center;
}

.temp3product-image-container{
   margin-left: auto;
   margin-right: auto;
   height: auto;
   position: relative;
   margin-top: 12px;
}

.temp3-image-container{
   margin-left: auto;
   margin-right: auto;
   max-height: max-content;
   width: 92%;
   object-fit: contain;
   border-radius: 5px;
   height: 215px;
}

.temp3-below-container{
   background-color: #ffffff;
   padding: 20px;
   border-radius: 0px 0px 20px 20px;
}

.temp3.produtc-title-price-wrapper{
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   flex-wrap: wrap;
}

.temp3product-title{
   display: flex;
   flex-wrap: wrap;
}

.temp3product-title a p{
   color: #23272F;
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   margin-bottom: 0px;
}

.temp3.product-price-wrapper{
   margin-top: 4px;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 12px;
}

.temp3.product-price-wrapper .temp3.dyz-pricecolor{
   font-size: 16px;
   color: #000000;
   font-weight: bold;
}

.temp3.product-description-container{
   padding-top: 12px;
   padding-bottom: 12px;
   background-color: #ffffff;
}

.temp3.product-description{
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   color: rgba(0, 0, 0, 0.70);
   text-overflow: ellipsis;
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: -0.078px;
}

.temp3.dyz-addcart-bg{
   width: auto;
   padding-top: 5px !important;
   padding-bottom: 5px !important;
   border-radius: 4px;
}

.temp3.dyz-addcart-bg a{
   display: flex;
   justify-content: center;
   padding: 5px;
}

.temp3.dyz-addcart-bg a h1{
   color: #ffffff;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   text-align: center;
   margin-bottom: 0px;
}



/* ---------------------------- template 4 ---------------------------- */
.temp4.main-wrapper{
   max-width: 99%;
   margin-left: auto;
   margin-right: auto;
   background-color: #ffffff;
   width: 100% !important;
   z-index: 9999;
   display: none;
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
   padding-bottom: 32px;
   padding-left: 20px;
   padding-right: 20px;
   border: 1px solid #e5e7eb;
   transform: translateY(40px);
   position: relative;
}

.temp4.main-wrapper #closePopupButton{
   cursor: pointer;
   position: absolute;
   top: 10px;
   right: -10px;
}

.temp4.template-loading-wrapper{
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   width: 100%;
}

.temp4.top-wrapper{
   width: 100%;
   display: flex;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   gap: 24px;
}

.temp4.search-wrapper{
   vertical-align: middle;
   margin-top: 32px;
   width: 100%;
   display: flex;
   flex-grow: 1;
   align-items: center;
   justify-content: space-between;
   height: 48px;
   border-radius: 8px;
   background-color: #ECEFF1;
   overflow: hidden;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);  
}

.temp4.search-wrapper:focus-within {
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}

input.temp4.search-input{
   height: 40px;
   border-right: 1px solid #7C7C7C;
   background-color: #ECEFF1 !important;
   border-radius: 8px;
   width: 83.3333%; /* Equivalent to w-10/12 */
   box-shadow: none !important;
   border: none !important;
   outline: none !important;
   padding-left: 20px !important;
   padding-right: 20px !important;
   margin: 0px !important;
   font-size: 14px;
}

.temp4.powered-by-tagline{
   margin-top: 8px;
   display: flex;
   justify-content: flex-end;
}

.temp4.viewcartbtn{
   vertical-align: middle;
   display: none;
   align-items: center;
}

.temp4.viewcartbtn a{
   display: flex;
   vertical-align: middle;
   width: 176px;
   height: 48px;
   justify-content: center;
   align-items: center;
   gap: 8px;
   flex-shrink: 0;
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 12px;
   padding-bottom: 12px;
   border-radius: 8px;
   background-color: #FFC831;
}

.temp4.cart-button-text{
   text-align: center;
   color: #000000;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 1.25px;
}

.temp4.sidebar-and-template-wrapper{
   height: auto;
   flex-basis: 100%;
   display: flex;
   flex-direction: column;
}

.temp4.sidebar-and-template-wrapper #filtersdiv{
   display: none;
}

.temp4.filtersdiv-inner-wrapper{
   width: 225px;
   height: auto;
   display: flex;
   justify-items: center;
   margin-left: 0px;
   padding: 10px 20px;
   border-right: 1px solid;
   flex-direction: column;
   gap: 10px;
}

.temp4.filter-icon-wrapper{
   display: flex;
   gap: 20px;
   align-items: center;
}

.temp4.filter-title {
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   color: #1E1E1E;
}

.temp4.ez-sidebar{
   margin-top: 16px;
   width: 100%;
}

.temp4.breadcrumb-hit-wrapper{
   grid-column: span 4;
}

.temp4-breadcrumb{
   width: auto;
}

.temp4.stats-sort-by-wrapper{
   display: flex;
   justify-content: space-between;
   margin-bottom: 8px;
   padding-left: 25px;
}

.temp4-stats{
   font-size: 22px;
}

.temp4.show-filter-button-wrapper{
   display: none;
   align-items: center;
   flex-wrap: wrap;
   justify-content: flex-end;
}

.temp4-show-filter-button-wrapper{
   float: left;
   z-index: 9999;
   border-right: 2px solid #000000;
   padding-right: 12px;
}

.temp4-show-filter-button-wrapper #showfiltersbtn{
   background-color: transparent;
   padding: 0px;
   display: flex;
   gap: 8px;
   align-items: center;
   outline: none;
   border: none;
}

.temp4-show-filter-button-wrapper #showfiltersbtn .temp4.filter-title{
   color: #000000;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   margin-bottom: 0px;
}

.temp4-sort-container{
   grid-column: span 4;
}

.temp4.hit-template-container{
   display: flex;
   justify-content: center;
   overflow-y: scroll;
   max-height: 90vh;
}

.temp4.pagination-outer-wrapper{
   display: flex;
   flex-direction: column;
   flex: 1;
   flex-basis: 100%;
}

.temp4.hit-main-wrapper{
   width: 100% !important;
   border-radius: 6px;
   transition: box-shadow 0.3s ease;
}

.temp4.hit-main-wrapper:hover {
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05); /* Shadow for hover state */
}

.temp4product-image-container{
   margin-left: auto;
   margin-right: auto;
   height: auto;
   position: relative;
}

.temp4product-image-container a{
   color :#000;
}

.temp4-product-image{
   margin-left: auto;
   margin-right: auto;
   max-height: max-content;
   width: 100%;
   object-fit: contain;
   height: 210px !important;
}

.temp4-below-container{
   background-color: #ffffff;
   padding: 20px;
}

.temp4.product-details-wrapper{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.temp4-product-title-container{
   display: flex;
   flex-wrap: wrap;
}

.temp4-product-title.dyz-product_title{
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   margin-bottom: 0px;
   letter-spacing: 0.5px;
   color: #000000;
}

.temp4.product-description-container{
   background-color: #ffffff;
   margin-top: 8px;
}

.temp4.product-description{
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   color: rgba(0, 0, 0, 0.70);
   text-overflow: ellipsis;
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: -0.078px;
}

.temp4-product-reviews-container{
   display: flex;
   justify-content: space-between;
   padding-top: 10px;
   padding-bottom: 15px;
   align-items: center;
}

.temp4-product-price-container{
   margin-top: 4px;
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
}

.temp4-product-price{
   font-size: 24px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: 1px;
   color: #1E1E1E;
}

.temp4.stock-container{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.temp4.stock-container h2{
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   letter-spacing: 0.4px;
   color: #1A9452;
}

.temp4-cart-button-container{
   width: 100%;
   display: flex;
   justify-content: space-between;
   gap: 12px;
}

.temp4-cart-button-container .temp4-add-to-cart-button{
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
   padding-left: 12px;
   padding-right: 16px;
   padding-top: 11px;
   padding-bottom: 11px;
   border-radius: 4px;
   transition: background-color 0.3s ease;
}

.temp4-cart-button-container .temp4-add-to-cart-button h1{
   cursor: pointer;
   font-size: 16px;
   margin-bottom: 0px;
   text-align: center;
   color: #ffffff;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 1.25px;
   text-transform: capitalize;
}

.temp4-cart-button-container .temp4-add-to-cart-button:hover {
   background-color: #7C7C7C;
}



/* ---------------------------- template 5 ---------------------------- */
.temp5.main-wrapper{
   background-color: #ffffff;
   max-width: 99%;
   margin-left: auto;
   margin-right: auto;
   float: none;
   z-index: 9999;
   margin-top: 136px;
   margin-bottom: 136px;
   display: none;
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
   padding-bottom: 32px;
   padding-left: 36px;
   padding-right: 36px;
   border: 1px solid #e5e7eb;
   transform: translateY(40px);
   position: relative;
}

.temp5.main-wrapper #closePopupButton{
   position: absolute;
   cursor: pointer;
   top: 10px;
   right: 10px;
   margin-right: 0px;
}

.temp5.filters-and-template-wrapper{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   width: 100%;
}

.temp5.search-adn-filter-wrapper{
   width: 100%;
   display: flex;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   gap: 24px;
}

.temp5.show-filter-button-search-container{
   width: 100%;
   display: flex;
   gap: 20px;
   align-items: center;
}

.temp5.show-filter-button-search-container #searchWrapper{
   vertical-align: middle;
   justify-content: space-between;
   margin-top: 32px;
   width: 100%;
   display: flex;
   flex-grow: 1;
   align-items: center;
   height: 48px;
   border-radius: 8px;
   background-color: #e5e7eb;
   overflow: hidden;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.temp5.show-filter-button-search-container #searchWrapper:focus-within {
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}

.temp5.show-filter-button-search-container #searchWrapper input{
   height: 40px; /* Equivalent to h-10 */
   border-right: 1px solid #7C7C7C;
   padding-left: 16px; /* Equivalent to px-4 */
   padding-right: 16px;
   background-color: #e5e7eb !important; /* Equivalent to bg-gray-200 */
   border-radius: 8px;
   width: 83.3333%; /* Equivalent to w-10/12 */
   box-shadow: none !important;
   border: none !important;
   margin: 0px !important;
   font-size: 14px;
}

.temp5.show-filter-button-search-container #searchWrapper input:focus {
   outline: none !important; /* Equivalent to focus:ring-0 */
}

.temp5.show-hide-filter-button{
   float: left;
   z-index: 9999;
   margin-top: 32px;
}

.temp5.show-hide-filter-button #showfiltersbtn{
   background-color: transparent;
   padding: 0px;
   display: flex;
   gap: 8px;
   outline: none;
   border: none;
}

.temp5.powered-by-tagline{
   margin-top: 8px;
   display: flex;
   justify-content: flex-end;
}

.temp5.breadcrumb-stats-container{
   width: 100%;
   display: none;
}

.temp5-breadcrumb{
   width: auto;
}

.temp5.stats-and-sortby-container{
   display: flex;
   justify-content: space-between;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 10px;
}

.temp5.pagination-gender-sort-container{
   display: flex;
   gap: 16px;
   align-items: center;
}

.temp5.pagination-top-wrapper{
   display: none;
   align-items: center;
}

.temp5.filter-sidebar-hit-wrapper{
   height: auto;
   display: flex;
   flex-direction: column;
   flex-basis: 100%;
}

.temp5.filter-sidebar-hit-wrapper #filtersdiv{
   display: none;
}

.temp5-ez-sidebar-wrapper{
   width: 225px;
   height: auto;
   display: grid;
   justify-items: center;
   margin-left: 0px;
   margin-bottom: 20px !important;
}

.temp5-ez-sidebar-wrapper #ez-sidebar{
   margin-top: 0px;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.hit-template5-wrapper{
   width: 90%;
}

.hit-template5-wrapper #hit-container-template-5{
   display: flex;
   justify-content: center;
   overflow-y: scroll;
   max-height: 100%;
}

.temp5.pagination-wrapper{
   display: none;
   flex-direction: column;
   justify-content: flex-end;
}

.temp5.hit-template-5{
   width: auto;
   padding: 12px;
   border: 2px solid #e2e8f0;
   border-radius: 10px;
   transition: box-shadow 0.3s ease;
}

.temp5.product-image{
   margin-left: auto;
   margin-right: auto;
   height: auto;
   position: relative;
}

.temp-5.product-image{
   margin-left: auto;
   margin-right: auto;
   max-height: max-content;
   width: 100%;
   height: 210px;
   object-fit: cover;
   border-radius: 5px;
}

.temp5.product-details-wrapper-outer{
   background-color: #FFF;
}

.temp5.product-details-wrapper-inner{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-top: 12px;
}

.temp5.product-title-wrapper{
   display: flex;
   justify-content: space-between;
   margin-bottom: 0px;
}

.temp5.product-title-container{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   margin-bottom: 0px;
   width: 100%;
}

.temp5.product-title{
   color: #0E0C0C;
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 0px;
   text-align: center;
}

.temp5.product-price-wrapper{
   display: flex;
   justify-content: center;
}

.temp5.product-price-container{
   margin-top: 4px;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 8px;
}

.temp5-product-price{
   color: #0E0C0C;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}

.temp5.product-description-container{
   background-color: #FFF;
   padding-left: 12px;
   padding-right: 12px;
}

.temp5.product-description{
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   color: rgba(0, 0, 0, 0.70);
   text-overflow: ellipsis;
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: -0.078px;
}

.temp5.product-category-container{
   margin-top: 4px;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 8px;
}

.temp5-categories{
   color: #0E0C0C;
   font-size: 12px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
}

.temp5-add-to-cart-button{
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
   padding-left: 12px;
   padding-right: 16px;
   padding-top: 11px;
   padding-bottom: 11px;
   border-radius: 4px;
   transition: background-color 0.3s ease;
}

.temp5-add-to-cart-button:hover {
   background-color: #7C7C7C;
}

.temp5-add-to-cart-button.temp5-add-to-cart-button h1{
   cursor: pointer;
   font-size: 16px;
   margin-bottom: 0px;
   text-align: center;
   color: #ffffff;
   font-style: normal;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 1.25px;
   text-transform: capitalize;
}

.temp5.powered-by-tagline .tagline-text{
   color: #000 !important;
}

.hit-template5-wrapper div#pagination {
   padding-top: 25px;
}

input[type=radio], input[type=checkbox]{
   margin: 0px !important;
}

.ais-RefinementList-label {
   display: flex;
   gap: 10px;
   align-items: center;
   padding-bottom: 5px !important;
}


.temp4.show-hide-filter-button-wrapper {
   position: absolute;
   top: 100px;
   left: 0;
}





/* Revamping the template styles by #HP Responsive design */

/* ---------------------------- template 1 ---------------------------- */
@media (min-width: 640px) {
   .temp1-loading-wrapper #hit-container-template-1{
      padding-left: 50px;
      padding-right: 50px;
   }
}

@media (min-width: 768px) {

   .temp1.wrapper.outer-container{
      display: block;
   }

   .temp1.inside.firstcontainer.inner{
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
   }

   .temp1.filter-section.wrapper-container{
      display: block;
      padding-left: 35px;
      padding-right: 35px;
   }

   .temp1.filter-section.wrapper-container #filtersdiv{
      display: none;
      margin-right: 0px;
   }

   .temp1-loading-wrapper .stats-container h2#stats{
      font-size: 22px;
      line-height: 1.5;
   }

   .temp1-loading-wrapper #hit-container-template-1{
      width: auto;
      padding-left: 0px;
      padding-right: 0px;
   }

   #hit-template-1 .product-grid-box.product-hit-card{
      flex-wrap: nowrap;
   }

   .temp1-hit.cart-container .plus-minus-button-container{
      width: 50%;
      margin-right: auto;
      margin-left: auto;
   }

   .temp1-hit.add_to_cart_button.ajax_add_to_cart{
      width: 100%;
   }

   .temp1-hit.stock-count-n-ratings{
      flex-direction: row;
   }

   .temp1-hit.ratings-divider{
      display: flex;
   }

   .temp1.filter-section #filtersdiv .ez-sidebar-container{
      display: block;
   }
}

@media (min-width: 1024px) {
   .temp1.wrapper.outer-container{
      display: flex;
   }
      
   .temp1.inside.firstcontainer.inner{
      margin-left: auto;
   }

   .temp1.showfilterbutton{
      display: none;
   }

   .temp1.filter-section.wrapper-container{
      display: flex;
      gap: 20px;
   }

   .temp1.filter-section.wrapper-container #filtersdiv{
      display: block;
      margin-left: 0px;
   }

   .temp1-loading-wrapper #hit-container-template-1{
      width: 100%;
   }

   .temp1-loading-wrapper .product-grid-box.product-hit-card .top-container{
      padding: 0px;
   }

   .temp1-hit.cart-container{
      flex-direction: row;
   }

   .temp1-hit.stock-count-n-ratings{
      margin-bottom: 12px;
   }
}

@media (min-width: 1280px) {
   .temp1.filter-section.wrapper-container #filtersdiv{
      width: 20%;
   }
   .temp1.wrapper.outer-container{
      display: flex;
   }

   .temp1.inside.firstcontainer.inner{
      margin-left: auto;
   }
   .temp1.filter-section.wrapper-container{
      display: flex;
      gap: 40px;
   }

   .ui-dialog.dyz-z-9999.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable{
      width: 99% !important;
      left: 11.725px !important;
   }

   .temp1-loading-wrapper .stats-container h2#stats{
      font-size: 32px;
   }
}


/* ---------------------------- template 2 ---------------------------- */
@media (min-width: 640px) {
   
   .temp2.stats-sort-wrapper .stats-wrapper{
      margin-right: 32px;
   }

   #hit-container-template-2{
      display: flex;
      justify-content: center;
      padding-left: 16px;
      padding-right: 16px;
      margin-left: auto;
      margin-right: auto;
   }
   
}

@media (min-width: 768px) {
   .template2.main-container{
      padding-left: 16px;
      padding-right: 16px;
   }
   
   .temp2.searchbar-second-container .temp2.inner-container{
      width: 100%;
   }

   .temp2.filter-wrap-container .temp2.first-inner-wrapper{
      display: block;
   }

   .temp2.filter-wrap-container .temp2.first-inner-wrapper #filtersdiv{
      padding: 0px;
      display: none;
   }

   .temp2.filtersdiv-inner-container{
      padding-left: 0px;
      padding-right: 0px;
      display: block;
      height: 100%;
   }

   .temp2.filtersdiv-inner-container #ez-sidebar{
      width: 100%;
      height: 100%;
      max-height: 100%;
      border-radius: 30px 0px 0px 0px;
      display: flex;
      flex-direction: column;
      gap: 10px;
   }

   .temp2.second-inner-wrapper{
      width: 100%;
      
   }

   #hit-container-template-2{
      display: block;
      padding-left: 0px;
      padding-right: 0px;
      margin-left: 40px;
      margin-right: 40px;
   }

}

@media (min-width: 1024px) {

   .temp2.filter-wrap-container .temp2.first-inner-wrapper{
      display: flex;
      flex-direction: row;
      gap: 10px;
   }

   .temp2.filter-wrap-container .temp2.first-inner-wrapper #filtersdiv{
      width: 30%;
      display: block;
      border-top-right-radius: 0px;
   }

   .temp2.sort-by-wrapper-outer-container{
      margin-left: 0px;
   }

   #hit-container-template-2{
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      height: 100%;
      max-height: 100%;
      padding-bottom: 20px;
   }

   .temp2.filter-wrap-container .temp2.showfilterbutton{
      display: none;
   }
   .temp2.second-inner-wrapper{
      padding-right: 30px;
   }
   
}

@media (min-width: 1280px) {
   .template2.main-container{
      padding-left: 30px;
      padding-right: 30px;
   }
   
   .temp2.filter-wrap-container .temp2.first-inner-wrapper #filtersdiv{
      width: 25%;
      padding: 0px;
   }

   .temp2.second-inner-wrapper{
      width: 75%;
   }
}


/* ---------------------------- template 2 ---------------------------- */
@media (min-width: 640px){

}

@media (min-width: 768px){
   .temp3.show-hide-filter-button-wrapper{
      display: none;
   }

   .temp3.filters-and-template-wrapper-inner{
      display: flex;
      gap: 15px;
   }

   .temp3.filters-and-template-wrapper-inner #filtersdiv{
      width: 30%;
      display: grid;
      justify-items: center;
   }

   .temp3.ez-sidebar{
      width: 90%;
      display: flex;
      flex-direction: column;
      gap: 15px;
   }

   .temp3.filters-and-template-wrapper .temp3.template-wrapper{
      width: 70%;
   }

   .temp3.template-hit-container{
      display: block;
      height: 100%;
      max-height: 100%;
   }

   .temp3.product-price-wrapper{
      margin-bottom: 0px;
   }
}

@media (min-width: 1024px){
   /* .temp3.main-wrapper{
      padding: 32px;
   } */


   .temp3.filters-and-template-wrapper .temp3.template-wrapper{
      display: block;
      width: 75%;
   }

   .temp3product-title{
      justify-content: center;
   }
}

@media (min-width: 1280px){
   .temp3.main-wrapper{
      margin-left: auto;
      margin-right: auto;
      width: 99% !important;
   }

   .ui-dialog.dyz-z-9999.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable{
      width: 98%;
      top: -790.75px;
      left: 12.83px;
   }

   .temp3.main-wrapper{
      transform: translateY(15px);
   }

   .temp3.filters-and-template-wrapper-inner #filtersdiv{
      width: 25%;
   }
}


/* ---------------------------- template 4 ---------------------------- */
@media (min-width: 640px){
   .temp4.show-filter-button-wrapper{
      gap: 12px;
   }
}

@media (min-width: 768px){
   .temp4.main-wrapper{
      padding-left: 80px;
      padding-right: 80px;
   }

   .temp4.filtersdiv-inner-wrapper{
      width: auto !important;
   }

   .temp4.ez-sidebar{
      margin-top: 16px;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 15px;
   }

   .temp4.breadcrumb-hit-wrapper{
      /* margin-left: 32px; */
      width: 80%;
   }

   .temp4.hit-template-container{
      display: block;
      padding-left: 15px;
      padding-right: 15px;
      height: 100%;
      max-height: 100%;
   }

   .temp4.sidebar-and-template-wrapper #filtersdiv{
      display: block;
      width: 20%;
   }

   .temp4.show-hide-filter-button-wrapper{
      display: none;
   }
   
}

@media (min-width: 1024px){
   .temp4.main-wrapper{
      padding-left: 50px;
      padding-right: 50px;
   }

   .temp4.viewcartbtn{
      display: flex;
   }

   .temp4.sidebar-and-template-wrapper{
      display: flex;
      flex-direction: row;
      gap: 20px;
   }



}

@media (min-width: 1280px){

}


/* ---------------------------- template 5 ---------------------------- */
@media (min-width: 640px){

}

@media (min-width: 768px){
   .temp5.main-wrapper{
      padding-left: 30px;
      padding-right: 30px;
   }

   .temp5.breadcrumb-stats-container{
      width: 100%;
      display: block;
   }

   .temp5-ez-sidebar-wrapper{
      display: block;
      width: auto !important;
      margin-bottom: 20px;
   }

   .temp5-ez-sidebar-wrapper #ez-sidebar{
      width: 100%;
   }

   .hit-template5-wrapper #hit-container-template-5{
      display: block;
   }
}

@media (min-width: 1024px){
   .temp5.show-hide-filter-button{
      display: none;
   }

   .temp5.filter-sidebar-hit-wrapper{
      display: flex;
      gap: 20px;
      flex-direction: row;
   }

   .temp5.filter-sidebar-hit-wrapper #filtersdiv{
      display: block;
      width: 20%;
   }

   .temp5.main-wrapper{
      padding-left: 30px;
      padding-right: 30px;
   }
}

@media (min-width: 1280px){
   .temp5.pagination-top-wrapper{
      display: flex;
   }
}





/* ---------------------------- custom breakpoint range for finetune ---------------------------- */
@media (min-width: 1024px) and (max-width: 1279px){
   .temp1.filter-section.wrapper-container #filtersdiv{
      width: 25%;
   }

   .temp1-loading-wrapper {
      width: 73%;
   }

   .temp1-loading-wrapper .stats-container h2#stats {
      font-size: 26px;
   }

   .ui-dialog.dyz-z-9999.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable{
      width: 98%;
      top: -750.75px;
      left: 14.875px;
   }

   .temp2.searchbar-container{
      margin-top: 10px;
   }

   #eZearch-wrap3 #stats{
      margin-top: -20px;
      margin-bottom: 0px;
   }

   div[aria-describedby="eZearch-wrap3"] {
      width: 98% !important;
      left: 9.6015px !important;
      top: -1260.66px !important;
   }

   .temp3.filters-and-template-wrapper-inner #filtersdiv{
      width: 30%;
   }

   .temp4.sidebar-and-template-wrapper #filtersdiv{
      width: 33%;
   }

   .temp4.filtersdiv-inner-wrapper{
      padding: 10px 15px;
   }

   .temp4.main-wrapper {
      padding-left: 40px;
      padding-right: 40px;
   }

   .temp4.main-wrapper{
      transform: translateY(20px);
   }

   .temp5.show-filter-button-search-container{
      width: 95%;
      margin-left: auto;
      margin-right: auto;
   }

   .temp5.filter-sidebar-hit-wrapper #filtersdiv{
      width: 30%;
   }
}

@media (min-width: 768px) and (max-width: 1023px){
   /* .ui-dialog.dyz-z-9999.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable{
      width: 98%;
      top: -1154.8px;
      left: 12.656px;
   } */

   .temp1.filter-section.wrapper-container #filtersdiv{
      margin-left: 25px;
      margin-right: 25px;
   }

   .temp1-hit.cart-container{
      gap: 0px;
      width: 100%;
   }

   .temp1-hit.stock-count-n-ratings{
      padding-bottom: 10px;
   }

   .temp1-hit.product-price{
      font-size: 18px;
   }

   .temp1-hit.dyz-product_title{
      font-size: 16px;
   }

   .temp1-hit.product-description{
      font-size: 12px;
   }

   .temp1-hit.stock-text{
      font-size: 12px;
   }

   .temp1-loading-wrapper #pagination{
      margin-top: 0px;
      margin-bottom: 0px;
   }

   .temp1.search-input{
      font-size: 12px !important;
   }

   .template1 #searchWrapper{
      height: 40px;
   }

   .tagline-text{
      font-size: 14px;
   }

   .temp1-loading-wrapper .product-grid-box.product-hit-card .top-container{
      padding: 0px;
   }

   .temp2.second-inner-wrapper .temp2.stats-sort-wrapper{
      padding-right: 20px;
      padding-left: 20px;
   }

   #hit-container-template-2{
      margin-left: 30px;
      margin-right: 30px;
   }

   #hit-container-template-2 .custom-hits-list-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .template2.main-container{
      transform: translateY(10px);
   }

   .temp2.filter-wrap-container .temp2.showfilterbutton{
      margin-top: 120px;
   }

   .temp2.searchbar-second-container .temp2.inner-container #searchWrapper .search-input{
      font-size: 12px;
   }

   .temp2.stats-sort-wrapper .stats-wrapper #stats{
      font-size: 28px;
   }

   .temp2.dyz-product_title{
      font-size: 16px !important;
   }

   .temp2.product-price{
      font-size: 20px !important;
   }

   .temp2.product-description{
      font-size: 12px;
      line-height: 1.5;
      padding-left: 10px;
      padding-right: 10px;
   }

   .temp2.filtersdiv-inner-container #ez-sidebar{
      border-radius: 30px 30px 0px 0px !important;
   }

   .temp3.main-wrapper{
      transform: translateY(20px);
      padding: 5px;
      margin-left: 8px;
      margin-right: 8px;
   }

   #hit-container-template-3 .custom-hits-list-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   #eZearch-wrap3 #stats {
      font-size: 20px;
      margin-top: -18px;
      margin-bottom: -5px;
   }

   .temp3.ez-sidebar .ais-Panel-header .ais-header > h5{
      font-size: 12px !important;
   }

   .temp3.main-wrapper #closePopupButton{
      margin-right: 5px;
   }

   .temp3.dyz-addcart-bg a h1{
      font-size: 14px;
   }

   .temp3.show-hide-filter-button-wrapper{
      position: fixed;
      left: 0;
      top: 45px;
   }

   .temp3.main-wrapper #closePopupButton{
      margin-right: 0px;
   }

   .temp4.sidebar-and-template-wrapper{
      flex-direction: row;
   }

   .temp4.main-wrapper {
      padding-left: 45px;
      padding-right: 45px;
   }

   .temp4.sidebar-and-template-wrapper #filtersdiv{
      width: 33%;
   }

   #hit-container-template-4 .custom-hits-list-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .temp4.search-wrapper{
      width: 90%;
      margin-right: auto;
      margin-left: auto;
   }

   .temp4-below-container{
      padding: 10px;
   }

   .temp4-product-title.dyz-product_title{
      font-size: 16px;
   }

   .temp4.product-description{
      font-size: 12px;
      line-height: 1.5;
   }

   .temp4-product-price{
      font-size: 20px;
   }

   .temp4-cart-button-container .temp4-add-to-cart-button h1{
      font-size: 14px;
   }

   .temp4-cart-button-container .temp4-add-to-cart-button{
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 8px;
      padding-bottom: 8px;
   }

   .temp4.ez-sidebar .ais-Panel-header .ais-header > h5{
      font-size: 12px !important;
   }

   .hit-template5-wrapper {
      width: 100%;
   }

   .temp5-add-to-cart-button.temp5-add-to-cart-button h1{
      font-size: 14px;
   }

   .temp5.product-title{
      font-size: 16px;
   }

   .temp5-product-price{
      font-size: 18px;
   }
}

@media (min-width: 449px) and (max-width: 767px){
   #hit-container-template-1 ol.ais-Hits-list.dyz-list-none.custom-hits-list-grid {
      display: grid !important;
      width: 100% !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 15px !important;
   }

   .temp1.inside.firstcontainer.inner{
      flex-direction: row;
      justify-content: flex-end;
   }

   .temp1-loading-wrapper .stats-container{
      padding: 15px 20px;
   }

   .temp1-loading-wrapper .stats-container h2#stats{
      line-height: 1.5; 
   }

   .template1.search-input-inner-container{
      padding-left: 70px;
   }

   .temp1.wrapper.outer-container{
      margin: 0px;
   }

   #hit-container-template-1 li.ais-Hits-item {
      width: 100% !important;
   }

   .temp1-loading-wrapper .product-grid-box.product-hit-card .top-container{
      padding: 0px !important;
   }

   .temp1-loading-wrapper .product-grid-box.product-hit-card{
      gap: 0px !important;
   }

   .temp1-hit.cart-container {
      width: 100% !important;
   }

   .temp1-hit.product-price{
      font-size: 18px !important;
   }

   p.temp1-hit.dyz-product_title.jakartasans {
      font-size: 16px !important;
   }

   .temp1-hit.stock-count-n-ratings.dyz-justify-start {
      margin-bottom: 10px !important;
   }

   .temp1-hit.product-description{
      font-size: 12px !important;
   }

   .temp1-hit.product-price-container, .temp1-hit.product-title-container, .temp1-hit.product-description-container{
      padding-left: 5px !important;
      padding-right: 5px !important;
   }

   .temp1-hit.stock-count-n-ratings{
      margin-bottom: 10px;
   }

   .temp1-hit.cart-container .plus-minus-button-container{
      width: 50%;
      margin-right: auto;
      margin-left: auto;
   }

   .temp1.inside.secondcontainer.inner{
      display: none;
   }

   .temp1.sort-by-wrapper-container{
      margin-right: 0px;
   }

   .temp1-hit.qty-input{
      font-size: 14px;
   }
   
   .temp2.second-inner-wrapper .temp2.stats-sort-wrapper{
      padding-left: 20px;
      padding-right: 20px;
      align-items: center;
   }

   .temp2.stats-sort-wrapper .stats-wrapper #stats{
      font-size: 22px;
   }

   #hit-container-template-2 .custom-hits-list-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      padding-left: 10px !important;
      padding-right: 10px !important;
   }

   .temp2.dyz-product_title{
      font-size: 15px !important;
   }

   .temp2.product-price{
      font-size: 18px !important;
   }

   .temp2.add-to-cart-button{
      font-size: 12px;
   }

   .temp3.show-hide-filter-button-wrapper{
      position: fixed;
      left: 0;
      top: 45px;
   }

   .temp3.main-wrapper #closePopupButton{
      margin-right: 0px;
   }

   .temp4.filtersdiv-inner-wrapper{
      width: 100%;
      border-right: 0px solid;
   }

   .temp4.top-wrapper{
      width: 85%;
   }

   .hit-template5-wrapper {
      width: 100%;
      margin-top: 10px;
   }

   .temp5-ez-sidebar-wrapper{
      width: 100%;
   }
}

@media (max-width: 450px){
   #hit-container-template-1 ol.ais-Hits-list.dyz-list-none.custom-hits-list-grid{
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
   }

   .template1.search-input-inner-container {
      padding-left: 35px;
      padding-right: 10px;
   }

   div#searchWrapper {
      height: 40px !important;
   }

   .temp1.search-input{
      font-size: 12px !important;
   }

   .tagline-text{
      font-size: 12px;
   }

   .temp1-loading-wrapper .stats-container{
      padding: 10px 20px;
   }

   .temp1-loading-wrapper .stats-container{
      flex-direction: column;
   }

   .temp1-loading-wrapper .stats-container h2#stats{
      text-align: center;
   }

   .temp1.inside.secondcontainer.inner{
      display: none;
   }

   .temp1.sort-by-wrapper-container{
      margin: 0px;
   }

   .temp1.sort-by-wrapper-container #sort-by-wrapper{
      text-align: center;
      margin-top: 10px;
   }

   .temp2.stats-sort-wrapper .stats-wrapper #stats{
      font-size: 20px;
   }

   #hit-container-template-2 .ais-Hits.eZearch-hits{
      padding-left: 20px;
      padding-right: 20px;
   }

   .temp2.second-inner-wrapper .temp2.stats-sort-wrapper{
      justify-content: center;
   }

   .temp2.sort-by-wrapper-outer-container{
      margin-right: auto;
      margin-left: auto;
   }

   .temp2.dyz-product_title{
      font-size: 14px !important;
   }

   .temp2.product-price{
      font-size: 20px !important;
   }

   .temp2.add-to-cart-button{
      font-size: 12px;
   }


   .temp3.show-hide-filter-button-wrapper{
      position: fixed;
      left: 0;
      top: 130px;
   }

   .temp3.main-wrapper #closePopupButton{
      margin-right: 0px;
   }

   .temp3.main-wrapper{
      margin-left: 0px;
      margin-right: 0px;
      transform: translateY(10px);
   }

   #hit-container-template-3 .ais-Hits.eZearch-hits{
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
   }

   #eZearch-wrap3 {
      padding-left: 15px;
   }

   .temp4.main-wrapper{
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px;
   }

   .temp4.main-wrapper #closePopupButton{
      position: absolute;
      top: 5px;
      right: -15px;
   }

   .temp4.filtersdiv-inner-wrapper{
      width: 100%;
      border-right: 0px solid;
      padding: 10px 5px;
   }

   .temp5.main-wrapper{
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 6px;
   }

   .hit-template5-wrapper {
      width: 100%;
      padding-top: 10px;
   }

   .temp5-ez-sidebar-wrapper{
      width: 100%;
      padding-top: 10px;
   }
}

@media (min-width: 992px) and (max-width: 1023px){
   div[aria-describedby="eZearch-wrap3"] {
      width: 100% !important;
      top: -1182.58px !important;
      left: 0.2184px !important;
   }
}

@media (min-width: 768px) and (max-width: 991px){
   div[aria-describedby="eZearch-wrap3"] {
      width: 100% !important;
      top: -1820.58px !important;
      left: 0.2184px !important;
   }

   .temp4.main-wrapper {
      padding-left: 20px;
      padding-right: 20px;
   }
}