/*General styles*/
.ais-Hits-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ais-Hits-list .ais-Hits-item {
    width: 33%;
}

.ais-Hits-list .ais-Hits-item > div {
    float: none !important;
    width: 100% !important;
    height: 100%;
    border: 1px solid #e1e1e1;
    background: #fff;
}

.product-reviews-summary {
    display: none;
}

.ais-Hits-list .ais-Hits-item .tocart {
    background: #003349;
    color: #fff;
}

.price-wrapper .after_special {
    color: #003349;
}

#instant-search-pagination-container .ais-Pagination {
    margin: 0 0 30px 0;
    padding: 10px 20px;
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    background: #fff;
}

#instant-search-pagination-container .ais-Pagination ul {
    margin: 0;
}

#instant-search-pagination-container .ais-Pagination .ais-Pagination-list .ais-Pagination-item {
    padding: 0;
    margin: 0 4px 0 0;
}

#instant-search-pagination-container .ais-Pagination .ais-Pagination-list .ais-Pagination-item a {
    background: #fff;
    border: 1px solid #063c52;
    color: #063c52;
    display: inline-block;
    padding: 6px 14px;
    text-decoration: none;
}

#instant-search-pagination-container .ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--selected a,
#instant-search-pagination-container .ais-Pagination .ais-Pagination-list .ais-Pagination-item a:hover {
    background: #063c52;
    color: #fff;
}

.result-wrapper{
    height: 100%;
}

.result-wrapper .result-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.header-wrapper-center #algoliaAutocomplete {
    width: 100%;
    position: absolute;
    right: 55px;
    top: 7px;
    z-index: 4;
}

.aa-Form .aa-SubmitButton {
    width: 33px;
    height: 34px !important;
    padding: 6px 0;
    margin: 0;
    border: 1px solid #fff !important;
}

.aa-Form .aa-SubmitButton:hover  {
    color: #fff;
}

.sticky-menu.active .aa-Form .aa-InputWrapper {
    display: none;
}

.sticky-menu.active .aa-Form:hover .aa-InputWrapper,
.sticky-menu.active .aa-Form:focus .aa-InputWrapper {
    display: inline-block;
    height: 36px;
    position: absolute;
    right: 0;
}

.aa-Panel {
    left: 15px !important;
    right: auto !important;
    margin-top: 40px;
}

.ais-Panel .ais-Panel-header {
    background: #063c52;
    color: #fff;
}

.aa-Panel .algoliasearch-autocomplete-hit {
    overflow: hidden;
}

.aa-Panel .algoliasearch-autocomplete-hit {
    display: flex;
    align-items: center;
}

.aa-Item .algoliasearch-autocomplete-hit .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
}

.aa-Item .algoliasearch-autocomplete-hit .thumb img {
    max-height: 45px;
    height: auto;
    width: auto;
    margin: auto;
}

.aa-Item .algoliasearch-autocomplete-hit .info {
    margin-left: 20px;
}

@media (max-width: 768px) {
    .header-wrapper-center #algoliaAutocomplete {
        position: relative;
        right: 0;
        top: 20px;
    }

    .ais-Hits-list .ais-Hits-item {
        width: 48%;
    }

    .ais-Hits-list .ais-Hits-item .tocart {
        font-size: 11px;
    }

    .ais-Pagination-list {
        flex-wrap: wrap;
    }
    .ais-Pagination-list .ais-Pagination-item {
        margin: 4px;
    }

    .ais-Pagination-list .ais-Pagination-item:last-child,
    .ais-Pagination-list .ais-Pagination-item:first-child {
        width: 100%;
        margin: 4px 0 !important;
    }

    .aa-Panel {
        right: 15px !important;
    }

    .aa-Panel .info-without-thumb .details {
        white-space: normal;
    }

    .aa-Panel .algoliasearch-autocomplete-hit .info {
        white-space: normal;
    }
}

/*Styles for Tablet and Desktop views*/
@media (min-width: 768px) {
    .aa-Panel {
        min-width: max-content;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        left: 50%!important;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    
    .aa-Panel .aa-SourceFooter #autocomplete-products-footer {
        width: calc(70% + 10px);
        left: calc(30% - 10px);
    }
    
    .aa-Panel.productColumn1 .aa-PanelLayout .aa-Source:first-of-type {
        margin-left: 0px!important;
    }
}

/*Styles for Tablet only view*/
@media (min-width: 768px) and (max-width: 991px) {
    .aa-Panel .aa-SourceFooter #autocomplete-products-footer {
        left: 188px;
        width: calc(100% - 188px);
    }
}