igumenov

$('.js-product-gallery').slick({
        infinite: false,
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        fade: false,
        asNavFor: '.js-product-gallery-thumbs',
        prevArrow: '<div class="slick-arrow prev"><svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 15H6m0 0l5.04-6.6M6 15l5.04 6.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div>',
        nextArrow : '<div class="slick-arrow next"><svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 15h18m0 0l-5.04-6.6M24 15l-5.04 6.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div>',
        responsive: [{
                breakpoint: 768,
                settings: {
                    arrows: false,
                    dots: true,
                }
            }
        ]
    });
    $('.js-product-gallery-thumbs').slick({
        infinite: false,
        slidesToShow: 6,
        asNavFor: '.js-product-gallery',
        dots: false,
        focusOnSelect: true,
        arrows: false,
        draggable: false,
        responsive: [{
                breakpoint: 1024,
                settings: {
                    slidesToShow: 5,
                }
            }
        ]
    });

.container-chat {
    display: flex;
    flex-direction: column;
    
   
    max-height: 90px;
    overflow-y: auto;
    overflow-x: hidden;
    
    
}

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

@media screen and (max-width: 779px){
.live__mail{
font-size:16px
}
}