.slogan{
    position: relative;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
.btn-list{
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
}
.btn-taigame{
    display: inline-block;
    width: 300px;
    max-width: 60%;
}
.btn-app-item{
    display: inline-block;
    width: 210px;
}
.banner-video{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;
}
.video{
    background: white;
    padding: 10px;
}
.video-item{
    position: relative;
    cursor: pointer;
}
.video-item:before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.video-item .icon-yt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 20%;
}
.news{
    display: grid;
    grid-template-columns: 30% 69%;
    grid-column-gap: 1%;
}
.big-banner .slick-dots {
    bottom: 0;
}
.big-banner.slick-dotted.slick-slider{
    margin-bottom: 0!important;
}
@media only screen and (max-width: 1250px) {

}
@media only screen and (max-width: 992px) {
    .btn-app-item{
        width: 150px;
    }
}
@media only screen and (max-width: 768px) {
    .btn-taigame{
        max-width: 45%;
    }
    .btn-app-item{
        width: 100px;
    }
}
/*Mobile*/
@media only screen and (max-width: 500px) {
    .btn-taigame{
        max-width: 35%;
    }
}