@media only screen and (min-width: 768px){
    .live-video-block .video-img {
        width: 180px;
        height: 170px;
    }
    .vod-video-block {
        width: 159px;
    }
    .iframe-video-block .video-img {
        width: 240px;
        height: 220px;
    }

    .live-video-block .season-title-item {
        width: 180px;
    }
    .iframe-video-block .season-title-item {
        width: 240px;
    }
}

@media only screen and (min-width: 992px){
    .live-video-block .video-img {
        width: 160px;
        height: 150px;
    }

    .vod-video-block {
        width: 169px;
    }

    .iframe-video-block .video-img {
        width: 320px;
        height: 220px;
    }

    .live-video-block .season-title-item {
        width: 160px;
    }
    .iframe-video-block .season-title-item {
        width: 320px;
    }
}

@media only screen and (min-width: 1200px){
    .live-video-block .video-img {
        width: 190px;
        height: 170px;
    }
    .iframe-video-block .video-img {
        width: 380px;
        height: 240px;
    }
    .live-video-block .season-title-item {
        width: 190px;
    }
    .iframe-video-block .season-title-item {
        width: 380px;
    }
}

@media only screen and (max-width: 768px){
    .live-video-block .video-img {
        width: 180px;
        height: 160px;
    }
    .vod-video-block {
        width: 159px;
    }

    .iframe-video-block .video-img {
        width: 180px;
        height: 170px;
    }

    .live-video-block .season-title-item {
        width: 180px;
    }
    .iframe-video-block .season-title-item {
        width: 180px;
    }
    .user-avatar {
        right: 65px;
    }

    .form-modal .modal-content{
        padding: 1rem !important;
    }
}


@media only screen and (max-width: 540px){
    .live-video-block .video-img {
        width: 150px;
        height: 140px;
    }
    .vod-video-block {
        width: 140px;
    }
    .iframe-video-block .video-img {
        width: 140px;
        height: 140px;
    }
    .vod-image{
        height: 200px;
    }

    .live-video-block .season-title-item {
        width: 150px;
    }
}

@media only screen and (max-width: 850px) {
    .menu-content {
        bottom: 10px;
        justify-content: start;
        padding: 10px;
    }
}

@media only screen and (max-width: 650px) {
    .live-grid{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 450px) {
    .live-grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 600px) {
    .menu-content {
        padding: 10px;
        position: initial;
        display: block;
        height: 85dvh;
transform: none;
    }

    .website-logo {
        max-width: 100%;
        height: 75px;
        margin: 20px;
        position: initial;
        display: block;
    }

    .menu-content .block {
               max-width: 125px;
        padding: 10px;
        min-height: 125px;
        min-width: 125px;
        display: block;
        margin-bottom: 10px;
    }

    .menu-content .block img {
        width: 40px;
        height: 40px;
    }

    .menu-content .block h1 {
        font-size: 20px;
        margin-top: 5px;
    }

    .iframe-image {
        height: 150px;
    }

    #category-mobile-form {
        display: block;
    }

    .player-sidebar {
        width: 100vw;
    }

    .player-sidebar .live-block img {
        width: 100px;
    }

    .player-sidebar .live-block {
        font-size: 16px;
    }

    .stream-content .row {
        justify-content: center;
    }

    .live-video-block .season-title-item h3{
        white-space: wrap;
    }

    .notification-block{
        padding: 0px 20px;
    }

    .notification-mobile{
        display: block;
    }

    .notification-lg{
        display: none;
    }

    .owl-carousel{
        height: 150px;
    }

    .owl-carousel-mobile-single{
        height: 200px;
    }

    .owl-carousel .owl-item{
        padding: 10px;
    }

    .text-carousel{
        padding: 10px;
    }
    .carousel-block h1{
        font-size: 20px;
    }
    .carousel-block .parapgraph{
        font-size: 14px;
        margin-top: 10px;
    }

    .notification-drop{
        right: 15px;
    }

    .notification-drop .item ul{
        width: 100%;
    }
    
    .notification-content{
        padding: 2rem 1rem;
    }
}

@media only screen and (max-width: 500px){
    .vod-video-block {
        width: 120px;
    }
}

@media only screen and (max-width: 450px){
    .live-video-block .video-img {
        width: 120px;
        height: 120px;
    }
    .live-video-block .season-title-item{
        width: 120px;
    }
    .vod-video-block {
        width: 100px;
    }
    .vod-image {
        height: 150px;
    }
    .iframe-video-block{
        width: 100%;
    }
    .iframe-video-block .video-img {
        width: 100%;
        height: 200px;
        padding: 0px 5%;
        box-shadow: none;
    }

    .iframe-video-block .single-video .season-title-item h3{
        background: #BCA37F;
        font-size: 20px;
        color: white;
        padding: 10px 5px;
        width: 100%;
    }

    .iframe-video-block .single-video .season-title-item h3.browser-heading{
        background: none;
        color: white;
    }

    .iframe-video-block .single-video .video-img img{
        border-radius: 0px;
    }

    .iframe-video-block .single-video .video-img img.browser-image{
        border-radius: 6px;
    }

    .iframe-video-block .single-video a:hover .video-img img{
        transform: none;
    -webkit-transform: none;
    -webkit-transition: none;
    transition: none;
    }

    .iframe-video-block .single-video:hover .video-img:after{
        opacity: 0;
    }

    .iframe-video-block .video-img .iframe-image {
        height: 100%;
        border-radius: 6px;
    }

    .iframe-video-block .season-title-item{
        padding: 0px 10%;
    }

    .iframe-content{
        background: none;
    }

    .iframe-content .category-list-area{
        background: none;
    }

    .iframe-content .category-list-area .category-item{
        background: #BCA37F;
        color: white;
    }

    .iframe-video-block .season-title-item{
        width: 100%;
    }
}

@media only screen and (max-width: 360px){
    .live-video-block .video-img {
        width: 100px;
        height: 100px;
    }
    .live-video-block .season-title-item{
        width: 100px;
    }
    .vod-video-block {
        width: 80px;
    }
    .vod-image {
        height: 120px;
    }
}


@media only screen and (max-width: 300px){
    .live-video-block .video-img {
        width: 80px;
        height: 80px;
    }
    .live-video-block .season-title-item{
        width: 80px;
    }
}

@media screen and (min-width: 1600px) {
    .owl-carousel{
        height: 350px;
    }
}

@media screen and (min-width: 1800px) {
    .notification-lg{
        height: 65%;
    }
}