@media (max-width:992px){
    .movie-container{
        width:95%;
        gap:30px;
        padding:30px;
    }

    .movie-poster{
        width:260px;
    }

    .movie-poster img{
        height:400px;
    }

    .movie-details h1{
        font-size:34px;
    }

    .movie-info{
        gap:15px;
    }

    .movie-info span{
        font-size:14px;
    }

    .movie-stats div{
        padding:14px 20px;
        font-size:16px;
    }

    .description{
        font-size:16px;
    }
}

@media (max-width:768px){
    .movie-container{
        width:95%;
        flex-direction:column;
        align-items:center;
        padding:25px;
        gap:25px;
    }

    .movie-poster{
        width:100%;
        max-width:320px;
    }

    .movie-poster img{
        width:100%;
        height:auto;
    }

    .movie-details{
        width:100%;
    }

    .movie-details h1{
        font-size:30px;
        text-align:center;
    }

    .movie-info{
        justify-content:center;
        gap:12px;
    }

    .movie-info span{
        font-size:14px;
        padding:10px 15px;
    }

    .movie-stats{
        justify-content:center;
        gap:10px;
    }

    .movie-stats div{
        padding:12px 18px;
        font-size:15px;
    }

    .description{
        font-size:15px;
        text-align:justify;
        line-height:2;
    }

    .rating-box{
        margin-top:30px;
        padding:20px;
    }

    .rating-box h3{
        text-align:center;
        font-size:22px;
    }

    .rating-box form{
        flex-direction:column;
    }

    .rating-box select{
        width:100%;
    }

    .rating-box button{
        width:100%;
    }

    .movie-actions{
        flex-direction:column;
        width:100%;
        gap:15px;
    }

    .watch-trailer,.like-button{
        width:100%;
        text-align:center;
        padding:14px;
    }

    .comments-section{
        width:95%;
        padding:25px;
    }

    .comments-section h2{
        text-align:center;
        font-size:26px;
    }

    .comment-form textarea{
        font-size:15px;
        padding:16px;
    }

    .comment-form button{
        width:100%;
        padding:14px;
    }

    .comment-card{
        padding:18px;
    }

    .comment-user{
        font-size:17px;
    }

    .comment-text{
        font-size:15px;
    }
}

@media (max-width:576px){
    .movie-container{
        width:96%;
        padding:18px;
        border-radius:15px;
    }

    .movie-details h1{
        font-size:24px;
    }

    .movie-info span{
        width:100%;
        text-align:center;
    }

    .movie-stats{
        flex-direction:column;
    }

    .movie-stats div{
        width:100%;
        text-align:center;
    }

    .description{
        font-size:14px;
    }

    .rating-box{
        padding:18px;
    }

    .rating-box h3{
        font-size:20px;
    }

    .rating-box select,.rating-box button{
        font-size:14px;
    }

    .watch-trailer,.like-button{
        font-size:14px;
    }

    .comments-section{
        width:96%;
        padding:18px;
        border-radius:15px;
    }

    .comments-section h2{
        font-size:22px;
    }

    .comment-form textarea{
        min-height:130px;
        font-size:14px;
    }

    .comment-form button{
        font-size:14px;
    }

    .comment-user{
        font-size:16px;
    }

    .comment-text{
        font-size:14px;
        line-height:1.9;
    }
}