header .content-banner-search {
    margin: 0;
    width: 480px;
    display: none;
    margin-right: 13px;
}
header #pm-main-search button[type=submit] {
    padding: 7px 11px;
}
header #pm-main-search button.clear-field {
    padding: 0px 10px;
}
header .content-banner-search input[type=text] {
    padding-left: 16px;
}
.content-banner-search {
    position: relative;
}
.content-banner-search .search-results,
.bundle-search .bundle-search-results {
    background: white;
    width: 100%;
    left: 0;
    z-index: 99999;
    border-radius: 5px;
    padding: 15px;
    display: none;
}
.content-banner-search .search-results {
    position: absolute;
    top: calc(100% + 4px);
}
.content-banner-search .search-results .search-results-item,
.bundle-search .bundle-search-results .search-results-item {
    display: flex;
    margin-bottom: 10px;
}
.bundle-search .bundle-search-results .search-results-item {
    cursor: pointer;
}
.content-banner-search .search-results .search-results-item .search-results-item-image,
.bundle-search .bundle-search-results .search-results-item .search-results-item-image {
    display: flex;
    width: 70px;
    margin-right: 5px;
    min-width: 70px;
    max-height: 50px;
}
.content-banner-search .search-results .search-results-item .search-results-item-image img,
.bundle-search .bundle-search-results .search-results-item .search-results-item-image img{
    object-fit: contain;
    width: 100%;
}
.content-banner-search .search-results .search-results-item .search-results-item-info,
.bundle-search .bundle-search-results .search-results-item .search-results-item-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
.content-banner-search .search-results .search-results-item .search-results-item-info .search-results-item-title,
.bundle-search .bundle-search-results .search-results-item .search-results-item-info  .search-results-item-title {
    color: #333333;
    margin-bottom: 5px;
    text-decoration: none;
}
.content-banner-search .search-results .search-results-item .search-results-item-info .search-results-item-title:hover,
.bundle-search .bundle-search-results .search-results-item .search-results-item-info  .search-results-item-title:hover {
    color: var(--primary-color);
}
.content-banner-search .search-results .search-results-item .search-results-item-info .search-results-item-title h5,
.bundle-search .bundle-search-results .search-results-item .search-results-item-info  .search-results-item-title h5 {
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0.023em;
    text-align: left;
    word-break: break-word;
}
.content-banner-search .search-results .search-results-item .search-results-item-info span,
.bundle-search .bundle-search-results .search-results-item .search-results-item-info span {
    font-weight: 500;
    font-size: 10px;
    line-height: 130%;
    letter-spacing: 0.023em;
    color: #333333;
    word-break: break-word;
}
.content-banner-search .search-results .search-results-item:last-of-type,
.bundle-search .bundle-search-results .search-results-item:last-of-type {
    margin: 0;
}
.content-banner-search .search-results .more-search-results {
    margin-top: 25px;
    display: block;
    font-size: 14px;
    text-align: left;
}
.content-banner-search .search-results .more-search-results a {
    color: #E1423C;
    margin-left: 10px;
}
.content-banner-search .search-results .more-search-results a:hover {
    color: #C03832;
}
.content-banner-search .search-results .search-results-no-found,
.bundle-search .bundle-search-results .search-results-no-found {
    padding: 15px 0;
}
.content-banner-search .search-results .search-results-no-found h5,
.bundle-search .bundle-search-results .search-results-no-found h5 {
    font-size: 16px;
    color: #c6c6c6;
}
#pm-main-search button.clear-field {
    background: transparent;
    cursor: unset;
    cursor: pointer;
    display: none;
}
#pm-main-search button.clear-field i {
    color: #8B8B8B;
}
#pm-main-search button[type=submit] {
    margin-left: 5px;
}
#pm-main-search button[type=submit]:hover {
    background: var(--primary-hover-color);
    color: white;
}

/* ---- Search preloader ---- */
#pm-search-preloader {
    display: none;
    position: relative;
    width: 70px;
    height: 20px;
}
#pm-search-preloader div {
    position: absolute;
    top: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--primary-color);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
#pm-search-preloader div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
#pm-search-preloader div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
#pm-search-preloader div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
#pm-search-preloader div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
/* ---- Search preloader End ---- */

@media (max-width: 900px) {
    header .content-banner-search {
        width: auto;
        margin-right: 13px;
        margin-left: 13px;
    }
}

@media (max-width: 768px) {
    .content-banner-inner {
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    header .content-banner-search {
        position: absolute;
        top: 110%;
        width: calc(100% - 28px);
        left: 0;
    }
}

@media (max-width: 380px) {
    #pm-search-preloader {
        width: 65px;
    }
    #pm-search-preloader div {
        top: 8px;
        width: 5px;
        height: 5px;
    }
}