.banner-box-content{
    max-width: 1341px; 
    min-height: 268px;
    display: flex;
    justify-content: center;
}
.banner-item{
    text-align: center;padding: 0px;margin: 0 ;margin-top: 35px
}
.banner-item img.banner-img{
    border-radius: 8px;width: 100%;height:263px
}


.video-banner-item{
    position: relative;
}
.video-banner-item video {
    width: 100%;
    object-fit: cover;
    max-height: 262px;
    border-radius: 15px;
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}
.video-banner-item .playBtn{
    position: absolute;

}
.video-banner-item .playBtn {
    position: absolute; 
    top: 40%;
    /* left: 50%; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-banner-item .pauseBtn {
    position: absolute; 
    top: 40%;
    left: 50%;
    margin-right: -17%;
}

 .unmute-icon {
    position: absolute;
    bottom: 5%;
    left: 2%;
}
 .mute-icon {
    position: absolute;
    bottom: 5%;
    left: 2%;
}


.playBtn{
    cursor: pointer;
}
 
.pause-icon {
    visibility: hidden;
    transform: scale(0.89);
    transition: 1s
}
.video-banner-item:hover .pause-icon {
    visibility: visible;
    transition: 1s
   
}


.muteBtn{
    cursor: pointer;
}
.banner-adv-item {
     
    display: flex;
    justify-content: center;
    border-radius: 10.749px;
background: #816A4D;
}
.banner-item .banner-ads-conainer .ads-container{
            margin: 0 !important;
            max-width: 600px;
            display: flex;
            flex-direction: column;
            align-items: center;
            align-content: center;
        }


        
        .banner-item  .banner-adv-item{position: relative;}
        .banner-item   .banner-ads-overlay{
            position: absolute;
            width: 100%;
            height: 100%;
        }


        @media (min-width: 677px) and (max-width: 877px){
            .banner-item .banner-ads-conainer .ads-container { 
                flex-direction: row; 
            }
            .banner-ads-conainer {
                margin-top: 0px;
            }
            .banner-box-container { 
                min-height: 152px; 
            }

            .video-banner-item video { 
                max-height: 174px; 
            }
            .video-container.video-banner-item.video-banner-top {
                min-width: 100%;
                max-height: 100%;
            }
            .banner-box-content {
                min-height: 100% !important;
                max-height: 100%;
            }
            .banner-box.banner-bottom { 
                min-width: 100%;
            }
        }
        @media  (max-width : 900px){
            .banner-item{
                margin-top: 0;
            }
            .banner-box-content .banner-item { 
                /* min-height: 170px;
                max-height: 174px; */
            }

    }




@media  (max-width : 480px){

  
    
  


    .banner-item img.banner-img {
        border-radius: 8px;
        width: 100%;
        height: 105px;
    }

    .banner-box-content {
        max-height: 105px;
        min-height: 105px;
    }

    
}