/*slick slider*/

#thangtran-banner {

    position: relative;

    text-align: center;

}



#thangtran-banner .slick-dots {

    bottom: 20px !important;

}



#thangtran-banner .slick-dots li {

    margin: 0 !important;

}



#thangtran-banner .slick-dots li.slick-active button:before {

    color: var(--kccolorlink) !important;

}



#thangtran-banner .slick-dots li button:before {

    font-size: 1rem !important;

    color: var(--kcbgmenu) !important;

    opacity: 1 !important;

}



.slick-dotted .slick-slider {

    margin-bottom: 0 !important;

}





.slick-slide img {

    height: 650px;

}



@media only screen and (max-width: 991px) {

    .slick-slide img {

        height: 400px;

    }

}



@media only screen and (max-width: 768px) {

    nav .thangtran-logo {

        padding: 1rem;

    }



    .slick-slide img {

        height: 350px;

    }

}



@media only screen and (max-width: 640px) {

    .slick-slide img {

        height: 300px;

    }

}





@media only screen and (max-width: 576px) {

    .slick-slide img {

        height: 250px;

        position: relative;

        bottom: -25px;

    }

}