@media screen and (min-device-width: 200px) and (max-device-width: 800px) {
    *{
        overflow-x: hidden;
    }
    .container{
        display: flex;
        flex-direction: column;
    }
    .phead{
        font-size: 1.5rem;
        text-align: center;
    }
    .posnh{
        padding: 0.01rem;
        border: 0px;
    }
    .poster{
        margin:1px;
        height: 200px;
    }
    .title {
        font-size: 3rem;
    }
    .disc{
        font-size: 1rem;
    }
    /* synopsis */
    .synopsis{
        font-size: 1.2rem;
    }
    .summry{
        margin: 1rem;
        font-size: 1rem;
    }
    .d2{
        font-size: 1rem;
    }
    .watch{
        font-size: 0.8rem;
        padding: 0.5rem;
    }
}
@media screen and (min-device-width: 380px) and (max-device-width: 800px) {
    .container{
        display: flex;
        flex-direction: column;
    }
}