@media screen and (orientation:portrait){
    
    .subMenu{
        width: 228px;
    }
    
    .forms{
        width:65%;
        margin-left:255px;
    }
    
    .right{
        display:none;
    }
     
    .main{
        height:88vh;
    }
    
    .main .designBg{
        overflow-y: scroll;
        overflow-x: hidden;        
    }
    
    .main .designBg video{
        width:72%;
        height:94%;
        left:226px;
    }    
 
    .forms .cryptocoins{
        width:450px;
    }    
    
    .dashboard{
        width: 85%;
        margin-left:172px;
    }
    
    .info{
        width:70%;
        margin-left:243px;
    }
    
    .benefits{
        width:95%;   
        height:85vh;
        float:unset;
        margin-bottom: 10px;
    }
    
    .benefits img{
        width:80%;
    }
    
    .benefits .rgt{
        width:100%;
    }    
    
    .benefits iframe{
        width:400px;
    }
    
    .account{
        width: 82%;
    }
    
    .vote{
        width:69%;
        margin-left:235px;
        margin-top: 320px;
        position: relative;
    }
    
    .vote .title{
        display: none;
    }
    
    .playerTable{
        margin-left:230px;
    }
    
    .playerTable .right{
        display:block;
        margin-right: 10px;
    }

    .playerTable{
        width:100%;    
    }

    .playerTable .right{
        width: 46%;
        margin-right: 12px;
        display:block;
    }

    .double .mainTable, .text{
        width:100%;
    }

    .rewards{
        width:100%;
        position: relative;
    }

    .reward img{
        width:35px;
    }
    
}

@media (min-width: 768px) and (max-width: 1480px) and (orientation: landscape) {

    .forms{
        width:45%;
        margin-left:295px;
    }

    .main{
        height:88vh;
    }
    
    .main .designBg{
        overflow-y: scroll;
        height:88vh;
    }
    
    .main .designBg video{
        width:75%;
        height:90%;
    }
    
    .forms .cryptocoins{
        width:420px;
    }
    
    .account{
        width:70%;
        margin-left:280px;
    }
    
    .info{
        width:70%;
        margin-left:295px;
    }
    
    .benefits{
        width: 100%;
        height:700px;
        margin-bottom: 10px;
    }
    
    .benefits img{
        width:95%;
    }

    .benefits .rgt{
        width:100%;
    }
    
    .vote{
        width:68%;
    }
    
    .vote .title{
        width:100%;
    }
    
    .vote .list{
        margin-bottom: 20px;        
    }
    
    .playerTable{
        margin-left:280px;
    }    
    
    .playerTable .right{
        display:block;
        margin-right: 10px;
    }    
    
    .right{
        display:none;
    }
    
    .subMenu .option{
        margin-bottom: 2px;
    }
    
    .subMenu .logout{
        left:14px;
    }
    
    .playerTable{
        width:100%;    
    }

    .playerTable .right{
        width: 46%;
        margin-right: 12px;
        display:block;
    }

    .double .mainTable, .text{
        width:100%;
    }

    .rewards{
        width:100%;
        position: relative;
    }

    .reward img{
        width:35px;
    }    
    
    .benefits{
        height: 100vh;
    }
    
    .bless{
        margin-top: 50px;
    }
}