/*STYLES FOR FEATURE & TRAILER QUESTIONS*/

/*.range5-options {padding:15px 20px 0;}*/
.range5-num {
    display: inline-block;
    width: 70px;
    background-size: 70px;
    background-repeat: no-repeat;
    height: 70px;
    vertical-align: top;
    text-align: center;
    margin: 0 2px;
    cursor: pointer;
    text-shadow: 1px 1px #333;
}

/*STYLES FOR FEATURE QUESTIONS*/

.star5-num {
    background-image: url("../img/star_default.png");
}

.star5-num.hover,
.star5-num.active {
    background-image: url("../img/star_active.png");
}

/*STYLES FOR TRAILER QUESTIONS*/

.trailer .question-text {
    margin-bottom: 20px;
}

/*.question-video iframe {width:560px; height:315px; border: 3px solid #fff; margin-bottom: 20px; border-radius: 5px;}*/
.question-video iframe {
    /* min-width:80vh; */
    /* min-height: 50vh;
    max-width: 60vw;
    max-height: 50vw;
    width: 100%;
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    /* width: -webkit-fill-available; */
    /* Mozilla-based browsers will ignore this. */
    /* width: fill-available; */
    border: 3px solid #fff;
    margin: 0 20px;
    border-radius: 5px;
}

.rating5-question-text {
    margin-bottom: 20px;
}

.rating5-num {
    background-image: url("../img/thumb_default.png");
}

.rating5-num:nth-child(1).hover,
.rating5-num:nth-child(1).active {
    background-image: url("../img/thumb_1.png");
}

.rating5-num:nth-child(2).hover,
.rating5-num:nth-child(2).active {
    background-image: url("../img/thumb_2.png");
}

.rating5-num:nth-child(3).hover,
.rating5-num:nth-child(3).active {
    background-image: url("../img/thumb_3.png");
}

.rating5-num:nth-child(4).hover,
.rating5-num:nth-child(4).active {
    background-image: url("../img/thumb_4.png");
}

.rating5-num:nth-child(5).hover,
.rating5-num:nth-child(5).active {
    background-image: url("../img/thumb_5.png");
}

@media (max-width: 600px) {
    /* .question-video iframe {
        min-width: unset;
        min-height: unset;
    } */
}

@media (max-width: 500px) {
    /* .question-video iframe {
        min-width: unset;
        min-height: unset;
    } */

    .range5-question-text {
        font-size: 20px;
    }

    .range5-num {
        width: 60px;
        background-size: 60px;
        height: 60px;
    }

    .range-header {
        max-width: 320px;
    }
}

/* @media (orientation: landscape) and (max-height: 720px) {
  .question-video iframe {
      min-width: unset;
      min-height: unset;
      height: 36vh;
      max-width: 50vw;
      max-height: 40vw;
      margin: 20px;
  }
} */

/* @media (orientation: portrait) and (max-height: 720px) {
  .question-video iframe {
      min-width: unset;
      min-height: unset;
      height: 36vh;
      width: 63vh;
  }
}  */

@media (orientation: landscape) {
    .question-video iframe {
        height: 31dvh;
        width: 56dvh;
    }
}
@media (max-width: 773px) and (orientation: landscape) {
    .question-video iframe {
        height: 21dvh;
        width: 38dvh;
    }
}

@media (orientation: portrait) {
    .question-video iframe {
        height: 45dvw;
        width: 80dvw;
    }
}

@media (max-width: 400px), (max-height: 720px) {
    .question.feature,
    .question.trailer {
        /*        flex-direction: column;*/
        min-width: 50vw;
        min-height: unset;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .question.trailer {
        max-width: 88vw;
        justify-content: space-around;
    }

    .question.trailer .question-video {
        width: 290px;
    }

    /* .question.trailer .question-video, */
    .question.trailer .range {
        flex-grow: 0;
    }

    /* .question-video iframe {
        min-width: unset;
        min-height: unset;
        width: 270px;
    } */

    .range5-question-text {
        font-size: 20px;
    }

    .range5-num {
        width: 55px;
        background-size: 55px;
        height: 55px;
    }

    .range-header {
        max-width: 310px;
    }
}