@media only screen and (max-width: 991px) {
    .top-rated-list{
        align-items: center !important;
        flex-direction: column !important;
    }
}

@media only screen and (max-width: 768px) {
    .logo {
        height: 3.8rem;
        width: auto;
    }
    
    /*.top-rated-list{*/
    /*    align-items: center !important;*/
    /*    flex-direction: column !important;*/
    /*}*/

    h1 {
        font-size: 3.163rem !important; /* 50.6px */
    }

    p {
        font-size: 0.913rem !important; /* 14.6px */
    }

    input,
    .dropdown-btn,
    .search-btn,
    .dropdown-box ul li {
        font-size: 0.6rem !important;
    }

    .dropdown-btn svg {
        height: 0.6rem;
        width: 0.6rem;
    }


    .table thead th {
        font-size: 0.5rem !important;
    }

    .table tbody tr td {
        font-size: 0.66rem !important;
    }

    .table tbody tr td svg {
        height: 0.66rem;
        width: 0.66rem;
    }

    .table tbody tr td img {
        height: 2.8rem !important;
        width: auto !important;;
    }

    .search-btn {
        padding: 0.413rem 1.456rem; /* 6.6px 23.3px */
    }

    .dropdown-box {
        width: 15.663rem;
        right: 2rem;
        border-bottom-right-radius: 0.938rem;
        border-bottom-left-radius: 0.938rem;
    }

    .dropdown-box ul li {
        padding: 0.25rem 0.438rem; /* 4px 7px */
    }

    .text-container {
        margin-top: 8rem;
    }

    .search-result-box-border {
        width: 95%;
    }

    .search-result-box-border {
        height: fit-content;
        padding: 0.8rem;
    }

    #search-dropdown-btn {
        transform: translateX(60px);
    }

}

@media only screen and (max-width: 516px) {
    .logo {
        height: 2.8rem;
        width: auto;
    }

    h1 {
        font-size: 2rem !important;
    }

    .top-rated-heading h2 {
        font-size: 1.6rem;
        font-weight: bold;
    }

    p {
        font-size: 0.875rem !important;
    }

    input,
    .dropdown-btn,
    .search-btn,
    .dropdown-box ul li {
        font-size: 0.4rem !important;
    }

    .dropdown-btn svg {
        height: 0.4rem;
        width: 0.4rem;
    }

    .table thead th {
        font-size: 0.25rem !important;
    }

    .table tbody tr td {
        font-size: 0.44rem !important;
    }

    .table tbody tr td svg {
        height: 0.44rem;
        width: 0.44rem;
    }

    .table tbody tr td img {
        height: 2rem !important;
        width: auto !important;;
    }

    .search-btn {
        padding: 0.275rem 0.969rem; /* 4.4px 15.6px */
    }

    .dropdown-box {
        width: 10.1rem; /* 200 px */
        border-bottom-right-radius: 0.638rem;
        border-bottom-left-radius: 0.638rem;
    }

    .dropdown-box ul li {
        padding: 0.125rem 0.219rem; /* 2px 3.5px */
    }

    .text-container {
        margin-top: 5rem;
    }

    .search-result-box-border {
        width: 88%;
        height: fit-content;
        padding: 0.53rem;
    }

    .table {
        width: 100% !important;
    }

    #search-dropdown-btn {
        transform: translateX(50px);
    }
}