.search-name {
    justify-content: center;
}
.search-name svg {
    margin-left: 40px;
}
.search-name input {
    margin-left: 0;
}
#input-search {
    margin-left: 0 !important;
}
#input-search:last-of-type {
    margin-right: 0 !important;
}
.title-ranking {
    width: 100%;
}
.my-slider {
    margin-bottom: 0;
}
.my-slider .slick-slide {
    margin: 0 15px;
}
.slick-list-1 .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}
#ranking-test-recommended .my-slider {
    height: unset !important;
}
.slick-list-2 .slick-list {
    margin-left: 0px;
    margin-right: -15px;
}

.slick-list-2 .slick-next {
    right: 20px;
}
.ranking-test .my-slider {
    padding-right: 26px;
    margin-left: 0;
}
.my-slider .card-header a {
    display: block;
    position: relative;
}
.my-slider .card-header a:before {
    content: "";
    padding-top: 63%;
    display: block;
}
.image-ranking {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;

}
#ranking-test-recommended .image-ranking {
    border-radius: 10px;
}
.medal .img-ranking,
.medal .stt-ranking {
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .search-name {
        margin: 30px auto 20px !important;
        width: 100%;
        max-width: 540px;
    }
    .search-name input {
        margin-right: 5px !important;
        width: 205px;
    }
    #input-search {
        width: 55px;
        font-size: 12px;
    }
    .search-name ::placeholder {
        font-size: 12px;
    }

    .my-slider .slick-slide {
        margin: 0;
    }
    .slick-list-1 .slick-list {
        margin-left: 0;
        margin-right: 0;
    }
    .slick-list-2 .slick-next {
        right: 20px;
    }
    .slick-list-2 .slick-list {
        margin-left: 0px !important;
        margin-right: 0;
    }
    .slick-list-2 .image-ranking {
        width: 96%;
    }
    .my-slider {
        height: 250px;
    }

}

.c-bnr {
    display: none;
}

.close-btn {
    display: none;
}