@media (min-width:576px) and (max-width:1200px) {
    .film-detail-img {
        max-width: 400px;
        text-align:center;
    }
}

@media(min-width:992px){
    .tv-content .tv-playlist .list {
        height:400px;
        overflow-y: auto;
    }
}


@media(min-width:1300px){
    .account-content {
        width:80%;
    }
}

@media(min-width:1500px){
    .account-content {
        width:70%;
    }
}

@media(max-width:1600px){
    .film-content {
        width:85%;
    }
}

@media(max-width:1400px){
    .settings-content,
    .film-content {
        width:90%;
    }

}

@media(max-width:1200px){
    body{
        background-position: center center;
    }
    .page-content {
        padding:30px 0 0 0;
    }

    .settings-content,
    .film-content,
    .account-content,
    .tv-content {
        width:100%;
        margin:0;
    }
    .bouqet-content {
        width: 100%;
    }
    main{
        padding:15px;
    }
    aside.menu {
        left:-250px;
        height: 100%;
        max-height: 100%;
    }

    .films-bg {
        width: calc(100% + 30px);
        margin: 0 -15px;
    }

}

@media(max-width:768px){
    .films-container {
        padding: 0 1.5rem;
    }
}

@media(max-width: 576px){
    .channel-item .title{
        margin-bottom: 10px;
        font-size: 1rem;
    }
}