@media screen and (max-width: 1024px){
    .container{
        padding: 0 10px;
    }
}
@media screen and (max-width: 767px){
    .logo-box{
        width: 100%;
    }
    .banner-box, .logo-box:last-child{
        display: none!important;
    }
    #back-to-top{
        visibility: hidden;
    }
    .row-bread-crumb{
        flex-wrap: wrap;
    }
    .color-picker, .row-deltail-game{
        margin: 0;
        justify-content: center;
    }
    .a-logo{
        margin: auto;
    }
    .colorer{
        width: 100%;
        max-width: 245px;
        min-height: 265px;
        transform: skewX(0)!important;
    }
    .rate-boxer, .comment-boxer{
        width: 100%;
        max-width: 500px;
    }
    .comment-boxer{
        padding-left: 0;
    }
    .rate-boxer{
        margin-bottom: 20px;
    }
    .row-deltail-game{
        flex-wrap: wrap;
    }
}