@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    html {
        transform: rotate(90deg);
        transform-origin: right top;
        width: 100vh;
        height: 100vw;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        right: 0;
    }

    main.bg2 {
        padding-bottom: 0;
        height: 100%;
    }
}

@media (max-width: 920px) {
    main {
        height: 100vh;
        padding-bottom: 70px;
        overflow: auto;
    }

        main.bg1 {
            padding-bottom: 0;
            height: 100vh;
        }

        main.bg3 .banner-login img {
            width: 60%;
        }

        main.bg-374A8F {
            padding-bottom: 90px
        }

    .digit-group input {
        width: 60px;
        height: 70px;
    }

    .box-confirm span {
        width: 80px;
    }

        .box-confirm span img {
            width: 100%;
        }

    .btn-resend, .btn-submit {
        font-size: 14px;
        padding: 6px 0px;
    }

    .SLm-profile {
        padding: 8px 0px;
    }

    .logo {
        position: absolute;
        width: 130px;
        left: 25%;
        top: 0px;
    }

    .banner-index {
        text-align: center;
    }

        .banner-index:before {
            width: auto;
            height: auto;
            background-size: 300px;
            left: 19%;
        }

    .banner-login img {
        width: 70%;
        position: relative;
        z-index: 9;
    }

    .button-index span {
        display: inline-block;
        width: 172px;
    }

        .button-index span img {
            width: 100%;
        }

    .btn-trial {
        color: #fff;
        margin-top: 18px;
        display: block;
        font-size: 16px;
        text-decoration: none !important;
    }

    .logo-index {
        display: inline-block;
        width: 195px;
    }

    .container {
        max-width: 100%;
    }

    .SLm-list a {
        width: 100px;
    }

        .SLm-list a span {
            width: 40px;
            height: 40px;
        }

        .SLm-list a label {
            font-size: 10px;
        }

        .SLm-list a span {
            margin-bottom: 5px;
        }

    .bc-cash {
        padding: 4px 10px;
    }

        .bc-cash p {
            font-size: 26px;
        }

    .modal-title {
        font-size: 22px;
    }

    .box-confirm h3 {
        font-size: 20px;
    }

    .box-confirm h4 {
        font-size: 16px;
    }

    .box-confirm {
        padding: 4px 20px;
    }

    .box-list p {
        font-size: 18px;
    }

    .box-list span {
        width: 146px;
        margin: 0 auto 20px;
    }

        .box-list span img {
            width: 100% !important;
        }

    .SL-menu {
        /*z-index: 10;*/
    }

    .logo img {
        width: 100%;
    }

    .FlowupLabels .fl_wrap.fl_wrap-erross p {
        display: block;
        position: absolute;
        bottom: -29px;
        color: #FF0600;
        text-overflow: ellipsis;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        text-align: left;
    }
    /*.banner-index:before {
	    width: 492px;
	    height: 492px;
	    background-size: 492px;
	}*/
    .iframe-menu button {
        font-size: 25px !important;
    }

    .SL-head .SLh-langue li a {
        display: inline-block;
        width: 38px;
        border: 2px solid transparent;
    }

    .iframe-menu button span {
        font-size: 18px;
        top: -30px;
    }

    .iframe-menu {
        position: fixed;
        bottom: 12px;
        width: 100%;
    }

    .SLm-playgame li p {
        font-size: 12px;
        /*color: #fff;*/
    }

    .SLm-playgame li {
        background: rgba(12, 2, 64, 0.1);
        backdrop-filter: blur(2px);
        border-radius: 34.5px;
        padding: 0px 4px;
    }
    /*	.SLm-profile {
	    padding: 0px 0px;
	}*/
    .SL-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 0;
    }

    .style-drop a {
        font-size: 15px;
    }

    .SLm-profile li span.icon-win {
        position: absolute;
        width: 43px;
        left: -2px;
        top: 3px;
    }

    .SLm-playgame-mobile {
        display: block;
    }

    /*.SLM-game-desktop{
        display: none;
	}*/

    .SLm-playgame li {
        min-width: 140px;
    }

        .SLm-playgame li:first-child {
            padding-top: 9px;
            padding-left: 35px;
            background: linear-gradient(180deg, #FF9801 0%, #E93204 100%);
            border-radius: 34.5px;
            padding-bottom: 9px;
        }

    .box-game img {
        width: 100%;
        height: 100%;
    }

    .box-game {
        width: 67%;
    }

    .iframe-game {
        height: 270px;
        text-align: center;
    }

    .form-login {
        padding: 6px;
        margin: 38px 0;
    }

        .form-login h2 {
            font-size: 16px;
            color: #fff;
            text-align: center;
        }

        .form-login h4 {
            font-size: 14px;
            color: #fff;
            text-align: center;
            font-family: 'BeVietnamPro-SemiBold';
        }

        .form-login p {
            font-family: 'BeVietnamPro-Medium';
            font-size: 10px;
            color: #fff;
            text-align: center;
            line-height: 15px;
            margin-bottom: 12px;
        }

    .FlowupLabels .fl_wrap {
        height: 38px;
        margin: 2px auto 17px;
    }

    .FlowupLabels .fl_label {
        top: 8px;
    }

    .FlowupLabels .fl_wrap.focused .fl_label, .FlowupLabels .fl_wrap.populated .fl_label, .no-js .FlowupLabels .fl_label {
        top: 2px;
        font-size: 10px;
    }

    .FlowupLabels .fl_label {
        top: 9px;
        font-size: 10px;
    }

    .FlowupLabels .fl_input {
        padding: 14px 0 0 11px;
    }

    .form-login > .forgot-pass {
        font-size: 10px;
    }

    .form-login > .button-login {
        width: 200px;
        height: 36px;
    }

    .SLh-title ul li a {
        padding: 6px 10px;
    }

    .box-all {
        padding: 2px 10px;
    }

    .box-title label {
        font-size: 16px;
        line-height: 23px;
    }

    .box-title p {
        font-size: 12px;
    }

    .box-list {
        padding: 10px 0;
    }

        .box-list p {
            font-size: 14px;
        }
    /*.box-list span {
	    width: 66px;
	    margin: 0 auto 20px;
	}*/
    .btn-submit {
        padding: 6px 0px;
        margin-bottom: 6px;
    }

    .box-list-disable:before {
        opacity: 1;
        right: 18px;
        z-index: 15;
    }

    .style-drop {
        min-width: 93%;
    }

    .box-list-gift span {
        width: 100%;
    }


    .bl-view span img {
        width: 30px;
    }

    .bl-view span {
        font-size: 20px;
        color: #FFCD01;
    }

    .blv-list {
        margin-top: 0px;
    }

        .blv-list li {
            font-size: 12px;
        }

    .box-confirm h3 img {
        width: 30px;
    }

    .SL-head .SLh-exit a {
        font-size: 16px;
    }
}

@media (max-height: 750px) {

    main.bg1 .row {
        justify-content: center;
        align-items: center;
        height: 93vh;
    }

    .height80vh {
        height: 80vh;
    }
}

@media (max-height: 600px) {
    .box-game {
        width: 100%;
    }

    main.bg3 .row {
    }
}

@media (max-width: 750px) {
    .box-list p {
        height: 42px;
    }

    .box-list.bl-product span {
        height: 210px;
    }

    .list-history li .lh-text label {
        font-size: 12px;
    }

    .SLm-profile li p {
        font-size: 14px !important;
    }

    main.bg2 {
        padding-bottom: 36px;
    }

    .SLm-list a {
        width: 74px;
    }

    .logo-index {
        width: 165px;
    }

    .bc-cash span {
        width: 50px;
    }

    .bc-cash p {
        font-size: 19px;
    }

    .bc-cash span img {
        width: 50px;
        height: 50px;
    }

    .modal-title a {
        width: 16px;
        top: -4px;
    }

        .modal-title a img {
            width: 100%;
        }

    .modal-title {
        font-size: 19px;
    }

    .style-drop {
        min-width: 93%;
    }

    .banner-index:before {
        background-size: 228px;
    }
}

@media (max-width: 667px) {
    .box-game {
        width: 76%;
    }

    .form-login p {
        font-family: 'BeVietnamPro-Medium';
        font-size: 8px;
        color: #fff;
        text-align: center;
        line-height: 15px;
        margin-bottom: 12px;
    }

    .form-login > .button-login {
        margin: 9px auto;
    }

    .form-login p {
        margin-bottom: 3px;
    }

    .FlowupLabels .fl_wrap.fl_wrap-erross p {
        display: block;
        position: absolute;
        bottom: -20px;
        color: #FF0600;
        text-overflow: ellipsis;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        text-align: left;
    }

    .btn-trial {
        font-size: 14px;
    }
}