.lang-mobile {
    display: none !important;
}

.lbl-note {
    display: none;
}
/*giao dien mobile landscape*/
@media only screen and (max-width: 1420px) and (max-height: 900px) {
    .lable-e {
        font-size: 54px;
    }
}

@media only screen and (max-width: 1045px) and (max-height: 900px) {
    .lable-e {
        font-size: 45px;
    }
}

@media only screen and (max-width: 840px) and (max-height: 900px) {
    .lable-e {
        font-size: 40px;
    }
}

@media only screen and (max-width : 883px) and (max-height: 411px) {
    .col-md-6.d-flex.align-items-center.justify-content-center.dis-mobile {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 10px;
        padding-left: 15px;
    }

    .wrap-login-text {
        margin-left: 0%;
    }

    .lable-e {
        font-size: 50px;
    }

    .wrap-login100 {
        margin-top: 5%;
        margin-left: 7%;
        height: auto;
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 812px) and (max-height: 411px) {
}

@media only screen and (max-width : 736px) and (max-height: 414px) {
    .dis-mobile {
        display: none !important;
    }

    .wrap-login100 {
        margin-top: -5%;
        margin-left: 0%;
    }

    .lang-mobile {
        display: block !important;
        padding-top: 30px;
    }

    .top-mobile {
        display: inline-flex;
    }

    .wrap-login100 {
        margin-top: 4%;
        margin-left: 0%;
        margin-bottom: 10%;
    }

    .top-mobile {
        display: inline-flex;
    }

    .col-md-1 {
        max-width: 9%;
        flex: 9%;
    }

    .col-md-10 {
        max-width: 80%;
        flex: 80%;
    }

    .dropdown-menu.dropdown-menu-tip-nw.menu-cus {
        left: -87px !important;
    }

    .margin-a {
        margin-top: 5px;
        margin-bottom: 15px;
        padding-bottom: 25px;
    }

    label.lable-p {
        text-align: center;
        font-size: 14px;
        color: #1c7ac3;
        font-weight: 500;
        padding-bottom: 15px;
    }

    .lbl-note {
        display: block;
        margin-left: 0px !important;
        width: 100%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 60.333333%;
        max-width: 60.333333%;
    }
}

@media only screen and (max-width : 731px) and (max-height: 411px) {
}

@media only screen and (max-width : 720px) and (orientation: landscape) {
    .dis-mobile {
        display: none !important;
    }

    .wrap-login100 {
        margin-top: -5%;
        margin-left: 0%;
    }

    .lang-mobile {
        display: block !important;
        padding-top: 30px;
    }

    .top-mobile {
        display: inline-flex;
    }

    .wrap-login100 {
        margin-top: 4%;
        margin-left: 0%;
        margin-bottom: 10%;
    }

    .top-mobile {
        display: inline-flex;
    }

    .col-md-1 {
        max-width: 9%;
        flex: 9%;
    }

    .col-md-10 {
        max-width: 80%;
        flex: 80%;
    }

    .dropdown-menu.dropdown-menu-tip-nw.menu-cus {
        left: -87px !important;
    }

    .margin-a {
        margin-top: 5px;
        margin-bottom: 15px;
        padding-bottom: 25px;
    }

    label.lable-p {
        text-align: center;
        font-size: 14px;
        color: #1c7ac3;
        font-weight: 500;
        padding-bottom: 15px;
    }

    .lbl-note {
        display: block;
        margin-left: 0px !important;
        width: 100%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 60.333333%;
        max-width: 60.333333%;
    }
}

@media only screen and (max-width : 667px) and (orientation: landscape) {
}

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

@media only screen and (max-width : 568px) and (orientation: landscape) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 540px) and (orientation: portrait) {
    .modal-dialog {
        position: fixed;
        top: 16%;
        left: 13%;
        min-width: 385px;
    }

    .img-logo-login {
        /* margin-top: 10px; */
        /* margin-left: 20px; */
    }

    .wrap-login100 {
        margin-top: 10%;
        margin-bottom: 15%;
        margin-left: 0%;
    }

    .dis-mobile {
        display: none !important;
    }
    /*   .wrap-login100 {
        margin-top: -5%;
        margin-left: 0%;
    }*/
    .lang-mobile {
        display: block !important;
        padding-top: 0px;
        margin-right: 10px;
        margin-top: -15px;
    }

    .top-mobile {
        /* display: inline-flex; */
        display: block;
    }

    .col-md-1 {
        max-width: 9%;
        flex: 9%;
    }

    .col-md-10 {
        max-width: 80%;
        flex: 80%;
    }

    .dropdown-menu.dropdown-menu-tip-nw.menu-cus {
        left: -87px !important;
    }

    .margin-a {
        margin-top: 5px;
        margin-bottom: 15px;
        padding-bottom: 25px;
    }

    label.lable-p {
        text-align: center;
        font-size: 14px;
        color: #1c7ac3;
        font-weight: 500;
        padding-bottom: 15px;
    }

    .lbl-note {
        display: block;
        margin-left: 0px !important;
        width: 100%;
    }

    .top-mobile {
        width: 180px !important;
        height: 100px !important;
    }
}

@media only screen and (max-width : 414px) and (orientation: portrait) and (min-height:800px) {
    .modal-dialog {
        position: fixed;
        top: 16%;
        left: 1%;
        min-width: 385px;
    }
    .lang-mobile{
        margin-top:-30px;
    }
}

@media only screen and (max-width : 411px) and (orientation: portrait) {
    .modal-dialog {
        position: fixed;
        top: 16%;
        left: 0%;
        min-width: 385px;
    }

    .lang-mobile {
        display: block !important;
        padding-top: 0px;
    }
}

@media only screen and (max-width : 375px) and (orientation: portrait) {
    .modal-dialog {
        position: fixed;
        top: 16%;
        left: 0%;
        min-width: 353px;
    }

    .lang-mobile {
        display: block !important;
        padding-top: 0px;
    }

    .lbl-note {
        display: block;
        margin-left: 0px !important;
        width: 100%;
        padding-left: 2px;
    }
}

@media only screen and (max-width : 360px) and (orientation: portrait) {
    .modal-dialog {
        position: fixed;
        top: 16%;
        left: -1%;
        min-width: 348px;
    }

    .col-md-6.d-flex.align-items-center.justify-content-center {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .lbl-note {
        display: block;
        margin-left: 0px !important;
        width: 100%;
        padding-left: 5px;
    }
    .dropdown-menu.dropdown-menu-tip-nw.menu-cus{
        top:-12px!important;
    }
}

@media only screen and (max-width : 320px) and (orientation: portrait) {
    .modal-dialog {
        position: fixed;
        top: 16%;
        left: -1%;
        min-width: 310px;
    }

    .wrap-login100 {
        margin-top: 5%;
        margin-left: 0%;
        margin-bottom: 10%;
    }

    .lang-mobile {
        display: none !important;
    }
}
@media only screen and (width:414px) and (height:736px){
    .dropdown-menu.dropdown-menu-tip-nw.menu-cus {
        top: -12px !important;
    }
    .lang-mobile{
        margin-top:-10px!important;
    }
}
@media only screen and ( width:393px) and (height:786px){
    .lang-mobile {
        margin-top: -30px !important;
    }
}