/* --------------- media header ---------------- */
.media-header-caption{
    left:70% !important;
}

.media-background-overlay {
    background-image: linear-gradient(90deg, rgba(23, 48, 73, 0) 40%, #173049 96%);
}

.text-left{
    text-align: right !important;
}

.media-header .justify-content-lg-start{
    justify-content: flex-end !important;
}

.media-header .mr-auto{
    margin-left: auto !important;
}

.media-header .media-logo{
    margin-left: auto !important;
}

.media-header .season-number{
    display: flex !important;
    flex-direction: row-reverse !important;
}

.media-header .season-div{
    justify-content: flex-end !important;
}

.media-header .season-btns{
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
}

.media-header .season-btns > button{
    margin-right: 0px !important;
    margin-left: 10px !important;
}

.stars{
    direction: rtl !important;
}

/* --------------- end of media header ---------------- */


/* --------------- Modals ---------------- */
#shareModal .modal-header{
    direction: rtl !important;
}

#shareModal .modal-header .close{
    margin: -1rem -1rem -1rem 0px !important;
}

#shareModal .modal-footer{
    justify-content : flex-start !important;
}

#list-creat label{
    width: 100% !important;
    text-align: right !important;
}
/* --------------- end of Modals ---------------- */

/* --------------- episodes ---------------- */
.episodes .nav {
    position: relative;
    left: 82% !important;
    width: 290px;
}

.episodes #pills-tab{
    display: flex !important;
    flex-direction: row-reverse !important;
}


@media screen and (max-width:1360px) {
    .episodes .nav {
        left: 75% !important;
    }

    .media-header-caption{
        left:55% !important;
    }
}

@media screen and (max-width:992px) {
    .episodes .nav {
        left: 23% !important;
    }
}

@media screen and (max-width:576px) {
    .episodes .nav {
        left: 5% !important;
    }
}

.card-description{
    display:flex;
}

.episodes .justify-content-start{
    justify-content: flex-end !important;
}

.episodes .row{
    direction: rtl !important;
}

.card-container .widget-header{
    text-align:right !important;
    margin-right:1.5rem;
}

.card-container .card-caption{
    text-align:right !important;
}

.card-container .card-caption-icons{
    direction:rtl !important;
}
/* --------------- end of episodes ---------------- */