@media screen and (min-width:799.5px) and (max-width:1250px) {
    #search-input-box {
        width: 25rem;
    }
    
    #search-input-box>img {
        width: 2.3rem;
        
    }
    
    #search-input-box input {
        border-radius: 5px;
        width: 85%;
        margin: 0.6rem;
        font-size: 1.4rem;
        padding-left: 0.3rem;
        font-weight: 550;
    }

    .search-btn img {
        width: 2rem;
    }

    #profile-views {
        width: 100%;
        margin: 2rem 0 3.5rem 0;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .user-profile {
        width: 58%;
        padding: 1.5rem;
    }
    .user-details {
        width: 90%;
        margin: 0.1rem 0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .heading{
        font-size: 2.6rem;
    }
    .card {
        width: 40%;
        padding: 14px;
        height: 50%;
        border: 4px solid orange;
        text-align: center;
        border-radius: 22px;
        background-image: linear-gradient(to top, #3d00e5ae, #1b665fd4, #b43030e3);
        text-transform: capitalize;
        box-shadow: 0px 0px 5px 0px whitesmoke;
    }
    .view-profile-btn{
        width: 70%;
        padding: 0.8rem;
        
    }
    .view-profile-btn:hover {
        border: 1px solid red;
        cursor: pointer;
        color: red;
        font-weight: 400;
    }
    .item span {
        margin: 1rem 0rem;
        font-size: 0.2rem;
        font-weight: 400;
        font-family: 'Times New Roman', Times, serif;
    }
}