.back{
    background: url('../img/poker.JPG');
    height: 770px;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden !important;
}

.mybtn{
    background: transparent;
    margin-top: 88%;
    margin-left: 40%;
    border:none
}

.mybtn img{
    width: 300px !important;
}
.mybtn:focus{
    outline: none;
}

.login{
    border:none;
    box-shadow: none;
    background-repeat: no-repeat !important;
    background: url(../img/login2.png);
    height: 600px;
    background-size: 100%;
    position: relative !important;
}

.myclose{

    font-size: 61px;
    margin-top: 63px;
    opacity: 0;
    cursor: pointer;
}

.txt1{
    background: white;
    padding: 10px;
    width: 73.5%;
    height: 50px;
    margin-left: 74px;
    margin-top: 8%;
}

.txt2{
    background: white;
    padding: 10px;
    width: 73.5%;
    height: 50px;
    margin-left: 74px;
    margin-top: 71px;
}

.btn_2{
    background: red;
    width: 40%;
    margin-left: 75px;
    height: 56px;
    margin-top: 33px;
    opacity: 0;
}

@media only screen and (max-device-width: 480px){
    .mybtn{
        background: transparent;
        margin-top: 27% !important;
        margin-left: 10% !important;
        border:none
    }
    .mybtn img{
        width: 120px !important; 
    }

    .txt1{
        background: white;
        padding: 10px;
        width: 73.5%;
        height: 35px;
        margin-left: 40px;
        margin-top: -10% !important;
    }

    .txt2{
        background: white;
        padding: 10px;
        width: 73.5%;
        height: 35px;
        margin-left: 40px;
        margin-top: 20px;
    }

    .btn_2{
        background: red;
        width: 40%;
        margin-left: 40px;
        height: 40px;
        margin-top: -10px;
        opacity: 0;
    }    

    .myclose{

        font-size: 33px;
        margin-top: 35px;
        opacity: 0;
        cursor: pointer;
    }
    .vv{
        height: 118px;
    }
}

@media only screen and (min-device-width: 480px) 
and (max-device-width: 640px) 
and (orientation: landscape) {
    /*    .back{
            background: url('../img/poker.JPG') !important;
            background-repeat: no-repeat !important;
            background-size: 100% 100% !important;
            height: 470px !important;
        }*/
    /*    .mybtn{
            display: block !important;
            width: 200px!important;
            top: 200px !important;
            left: 70px !important;
        }
        .login{
            position: relative !important;
            width: 70% !important;
            margin: auto !important;
        }
    
        .txt1{
            width: 50% !important;
            margin-left: 54px !important;
            height: 30px!important;
            top: 23%;
            position: absolute !important;  
        }
    
        .txt2{
            height: 30px!important;
            width: 74% !important;
            margin-left: 55px !important;
            margin-top: 30px!important;
        }*/
}

/*@media screen and (orientation:portrait) {
    body > div {
        transform: rotate(-280deg) !important;
        transform-origin: 20% 20% !important;
        background-size: 100% !important;
    }
}*/