.detail-mrt-live-block{
    /*margin-top: 30px;*/
}
.modal{
    top: 0;
}
.content-modal-sp{
    width: 70%;
}
.detail-mrt-live-title{
    font-weight: 400;
    font-size: 1rem;
    /* or 150% */
    letter-spacing: 0.05em;
    color: #686868;
}

.mrt-live-player{
    min-width: 100%;
}
.player-live{
    margin-top: 30px;
}
#player{
    min-height: 100%;
    min-width: 100%;
}
.player-form-comment{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 60px;
    border: 1px solid #ced4da;
}
.input-comment-player{
    font-style: italic;
    background: #F2F2F2;
    color: #0b3974!important;
    border-radius: 25px;
    padding: 15px 20px!important;
    text-align: left!important;
    width: 75%;
    position: relative;!important;
}
.input-comment-player::placeholder{
    text-align: left!important;
    font-style: italic;
}
.btn-buy-now-player{
    margin-left: 10px;
    padding: 10px;
    width: 20%;
}
.btn-input{
    background: #F2F2F2;
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 25px;
    margin-left: -40px;
    z-index: 10;
    /*position: absolute;*/
    /*right: 35%;*/
}
.btn-send-icon,.btn-send-message{
    cursor: pointer;
    margin-right: 8px;
}
.list-comment-player{
    padding: 20px 30px;
    min-height: 500px;
    max-height: 500px;
    min-width: 100%;
    border: 1px solid #ced4da;
    border-top:none!important;
    overflow-x: auto;
}
.comment-player-item{
    display: flex;
    margin-bottom: 20px;
}
.comment-content{
    margin-left: 15px;
    padding: 10px 15px;
    background: #F2F2F2;
    border-radius: 25px;
    align-items: center;
}

.livestream-recommend{
    margin-top: 100px;
}

.img-product-popup{
    width: 80px;
    height: auto;
    min-width: 70px;
    /*min-height: 100px;*/
}
.product-price-cart-total{
    margin-top: 30% !important;
    font-weight: bold;
}
.detail-product-quantity{
    margin-top: -8% !important;
}
.people1,.people2{
    width: 45%;
}
.people3{
    width: 25%;
}

.box_live_desk{
    background-image: url("../../../assets/images/Rectangle29.png");
    background-repeat: no-repeat;
    background-size: 100%;
}
.text_note_bill{
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    color: #FF8B3D;
}
.box_qr_live{
    width: 210px;
    height: auto;
    background: white;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
}
.text_live_home{
    font-size: 16px;
    color: #101010;
    margin: 14px 0 16px 0;
    font-weight: bold;
}

@media (max-width: 992px) {
    .live-mrt{
        margin-left: 100px!important;
    }
    .people1, .people2 {
        width: 48%;
    }
    .tick-sp{
        font-size: 16px;
        margin-bottom: 10px!important;
    }
    .prev-live,.next-live{
        display: none;
    }
    .content-modal-sp{
        width: 90%;
    }
    .form-quantity{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    input.number{
        width: 40px;
    }
    #decrease{
        margin-right: 0px;
    }
    #increase{
        margin-left: 0px;
    }
    .properties-product{
        padding: 4px;
    }
}

@media (max-width: 768px) {
    .player-form-comment{
        padding: 30px;
        display: block;
    }
    #comment{
        width: 100% !important;
        margin: 0;
    }
    .player-form-comment .div{
        width: 100% !important;
        margin-top: 15px;
    }
    .player-form-comment .btn-light {
        height: 43px;
    }
    #e-mailit_menu .footer::before{
        display: none;
    }
    #comment.btn-input-2{
        width: 200px !important;
    }
    #comment.btn-input-2 [name="comment"]{
        width: 150px !important;
        padding-left: 0 !important;
    }
}
@media (max-width: 578px) {
    .comment-avt{
        width: 40px!important;
        height: 40px!important;
    }
    .comment-player-item{
        align-items: center;
    }
    .comment-user-player,.tick-sp{
        font-size: 14px;
    }
    .comment-desc-player{
        font-size: 12px;
    }
    .slide-live__slick .prev-arrow{
        right: calc(100% + -24px) !important;
    }
    .btn-main{
        font-size: 14px!important;
    }
    .list-product-buy-now{
        padding: 0px;
    }
    .content-modal-sp{
        width: 100%!important;
    }
    .btn-buy-now-popup{
        font-size: 12px!important;
    }
    #decrease,#increase,input.number{
        width: 30px;
        height: 30px;
    }
}
@media (max-width: 500px) {
    #button{
        bottom: 15px!important;
        right: 29px!important;
    }
    .live-desc{
        font-size: 12px;
    }
}
@media (max-width: 450px) {
    .player-form-comment{
        padding: 30px 20px;
    }
    .btn-buy-now-player{
        width: 32%;
    }
}
@media (max-width: 415px) {
    .slide-live__slick .prev-arrow{
        right: calc(100% + -19px) !important;
    }
    .next-arrow slick-arrow{
        left: calc(100% + -21px) !important;
    }
}
@media (max-width: 394px) {
    .player-form-comment{
        padding: 30px 10px;
    }
    .btn-buy-now-player{
        width: 32%;
    }
}
.banner-blog {
    background: linear-gradient(102.19deg, #F4FAFD 0.04%, #F3ECE3 100%);
    width: 100%;
}
.view {
    top: 0;
    left: 0;
    z-index: 10;
    font-size: 1rem;
    width: 100%;
    background: #333333;
    padding: 20px;
}
.live iframe {
    height: 100vh;
    width: auto;
    min-width: 425px;
}
.comment{
    bottom: -20px;
    left: 0;
    z-index: 10;
    background: #333333;
}
.btn-input-2{
    width: 220px;
    background: #F2F2F2;
    padding: 10px;
    border-radius: 25px;
}
.list-comment-live{
    bottom: 100px;
    left: 0;
    z-index: 10;
    overflow: auto;
    max-height: 200px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 10px;
    flex-direction: column-reverse;
    display: flex;
}
.list-comment-live img{
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
}
.item-div{
    padding: 5px 20px;
    border-radius: 15px;
    background: #33333330;
}
.name-user-comment{
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 5px;
}
.list-comment-live .text-comment{
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 0;
}
.list-comment-live::-webkit-scrollbar {
    display: none;
}
/*.div-iframe:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 9;*/
/*    background: transparent;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/