.search-page {
    .search-headline {
        margin-top: 45px;
        margin-bottom: 45px;
    }
}

.header-search-col {
    background-color: $bcb-header-search-bg;
    .header-search {
        max-width: 99%;
        margin: 0 auto;
        .form-control {
            background-color: $bcb-header-search-input-bg;
            color: $bcb-header-search-input-color;
            border: none;
            border-radius: 0;
            height: 50px;
            text-align: start;
            font-size: $bcb-header-search-input-font-size + px;
            margin:6px 0 6px 6px;
        }
        .header-search-btn {
            background: transparent;
            border: none;
            .icon {
                color: $bcb-header-search-icon-color;
                transform: scaleX(-1);
            }
        }
        .search-toggle-btn {
            .icon-collpase {
                svg {
                    color: $bcb-header-search-icon-color;
                }
            }
            &:focus {
                box-shadow: none;
            }
        }
    }
    .collapse {
        &:not(.show) {
            display: none !important;
        }
    }
    .header-search-form {
        .header-search-input {
            &:focus {
                .header-search-btn {
                    border-color: transparent;
                    background: transparent;
                }
            }
        }
    }
}

.header-search-col-header-two {
    position: absolute;
    top: 170px;
    z-index: 3;
}
a.search-suggest-total-link .icon {
    width: 14px;
    height: 14px;
    color: $sw-color-brand-primary;
}
a.search-suggest-total-link .icon svg {
    stroke: $sw-color-brand-primary;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .is-ctl-search {
        .cms-listing-col.col-sm-6.col-lg-4.col-xl-3.listview-custom{
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
}
@media (max-width: 767.98px) {
    .header-search-col .header-search {
        max-width: 100%;
        margin: 0;
    }
}
