@media only screen and (max-width:768px) {
    body{
        overflow-x: hidden;
    }
    .navbar{
        padding: 10px;
    }
    .search{
        width: 40px;
    }
    .search input{
        display: none;
    }
    .logo-sec{
        display: none;
    }

    .main {
        flex-direction: column;
        align-items: center;
        padding: 10px;
        gap: 15px;
    }

    .first-main {
        display: none;
    }

    hr {
        width: 80%;
    }

    .second-main {
        width: 100%;
        padding: 10px;
    }

    .post, 
    .story, 
    .profile, 
    .ground, 
    .fiit {
        width: 100%;
        max-width: 100%;
    }

    .post-text {
        padding-right: 20px;
        font-size: 16px;
    }

    .story {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .my-story,
    .other-story,
    .other-story1,
    .other-story2 {
        width: 45%;
        height: auto;
    }

    .ground img {
        width: 100%;
        height: auto;
    }

    .media-like {
        padding: 5px 20px;
    }
}