/* ===================== */
/* MAIN MOVIE LIST */
/* ===================== */

.movie{
    max-width: calc(100% - 800px); /* 400px mỗi bên */
    margin: 0 auto;

    padding-top:40px;
    padding-bottom:40px;
}

/* header */

.movie-header{
    display:flex;
    align-items:center;
    margin-bottom:15px;
}

.movie-header h2{
    color:#fff;
}

/* list */

.movie-list{
    margin-left:-3px;
    margin-right:-3px;
}

/* ===================== */
/* MOVIE CARD */
/* ===================== */

.movie-card{
    margin-bottom:10px;
    padding-left:3px;
    padding-right:3px;
}

/* thumb */

.thumb{
    width:100%;
    aspect-ratio:9/16;
    overflow:hidden;
    border-radius:5px;
    background:#000;
}

/* ảnh */

.thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .3s ease;
}

/* hover */

.thumb:hover img{
    transform:scale(1.04);
}

/* title */

.movie-card h4{
    margin-top:6px;
    font-size:13px;
    font-weight:400;
    color:#fff;
    text-align:center;
    line-height:1.3;
    word-break:break-word;
}

/* ===================== */
/* RESPONSIVE */
/* ===================== */

@media (max-width:1600px){

.movie{
    max-width: calc(100% - 400px);
}

}

@media (max-width:1200px){

.movie{
    max-width: calc(100% - 200px);
}

}

@media (max-width:768px){

.movie{
    max-width:100%;
    padding-left:5px;
    padding-right:5px;
}

.movie-card h4{
    font-size:12px;
}

}