.custom-search-bar {
    width: 66vw;
    background-color: #fafafa !important;
    border: 1px solid #0970BA !important;
    max-width: 1000px;
    border-radius: 0.25rem !important;
    padding: 0.5rem 1.1rem;
    text-indent: calc(1.5em + .75rem);
    height: auto !important;
}
#mobileSearchBarSection {
    width: 100%;
    height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100) !important;
    max-height: calc(var(--vh, 1vh) * 100) !important;
    background-color: #fafafa !important;
    z-index: 99999;
}
.search-bar-default-content.mobile-content,
.search-bar-searched-content.mobile-content {
    max-width: 1000px;
}
.search-bar-default-content.mobile-content,
.search-bar-searched-content.mobile-content {
    max-height: calc(100vh - 70px - 4rem);
}
.mobile-search-header {
    border-bottom: 1px solid #e1e1e1;
}
.mobile-custom-search-bar {
    width: 100%;
    background-color: #fafafa !important;
    border: 1px solid #0970BA !important;
    border-radius: 0.25rem !important;
    text-indent: calc(1.1em + 1.3rem);
    height: auto !important;
    padding: .65rem !important;
    font-size: .95rem;
    max-width: 1000px;
}
.mobile-custom-search-bar::placeholder,
.custom-search-bar::placeholder {
    opacity: 1;
}
@media (min-width: 1366px) {
    .custom-search-bar {
        padding: 0.65rem 1.1rem;
    }
}
.mobile-search-header .form-group {
    max-width: 1000px;
}
.searchBarIcon {
    transform: translate(calc(0.65rem + 50%), calc(-50% - 0.1rem));
}
.search-bar-content:not(.mobile-content) {
    height: auto;
    z-index: 99999;
    box-shadow: 0px 4px 4px rgba(121, 121, 121, 0.25);
    max-height: 28rem;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
}
.search-bar-content h3 {
    font-size: 1rem;
}
.search-bar-content .list-last-searched-items .last-search-item a {
    padding: .4rem 1.2rem;
}
.search-bar-content  .list-last-searched-items .last-search-item a h4 {
    font-size: .9rem;
}
.search-bar-content .list-last-searched-items li a img {
    width: 1.05rem;
    height: 1.05rem;
    transition: fill .25s ease;
}
.search-bar-content li .item-hover {
    transform-style: preserve-3d;
    transition: border .25s ease, background .25s ease, boxShadow .25s ease, transform .25s ease;
}
.search-bar-content .list-last-searched-items li a:hover svg path,
.search-bar-content .list-last-searched-items li a:focus svg path{
    fill: var(--primary-color) !important;
}
.search-bar-content .list-most-popular-categories,
.search-bar-content .list-most-popular-videos {
    font-size: .8rem;
}
.search-bar-content .list-most-popular-videos .video-icon {
    width: 1.1em;
    height: 1.1em;
}
.search-bar-content .list-most-popular-categories .categorie-image {
    width: 5vw;
    min-width: 80px;
    height: auto;
}
.rounded-video-thumbnail {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-right: .75rem;
}
@media (max-width: 1200px) {
    .rounded-video-thumbnail {
        max-width: 90px !important;
    }
}
.searched-videos .video-item {
    transition: background .3s ease;
}
.searched-videos .video-item:not(:last-child):not(:first-child) {
    border: 1px solid #efefef;
}
.searched-videos .video-item:not(.error-msg):hover {
    background-color: #f1f1f1;
}
.searched-videos:not(.mobile-content) .video-item .video-thumbnail {
    width: 6rem;
    height: auto;
}
.searched-videos  .video-item .video-thumbnail.mobile-content {
    max-width: 90px;
}
.lds-container {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(calc(-50% - .625rem), -50%);
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    margin: 3px;
    border: 3px solid;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--primary-color) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.search-title  {
    font-size: 1.15rem !important;
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .custom-search-bar {
        width: 72.5vw;
    }
}