@media only screen and (max-width:1600px) {}

@media only screen and (max-width:1460px) {

    .data-table-area thead tr th.option,
    .data-table-area tbody tr td.option {
        width: 200px;
        float: left;
    }

    .nav>li>a {
        padding: 15px 7px;
    }

}

@media only screen and (max-width:1366px) {}

@media only screen and (max-width:1280px) {

    .data-table-area {
        overflow-x: scroll;
    }
}

@media only screen and (max-width:1024px) {

    /* header */

    .navbar-brand {
        padding: 5px 6px;
    }

    .navbar-brand>img {
        max-width: 40px;
    }

    .nav>li>a>i {
        font-size: 12px;
        margin: 0 4px 0 0;
        width: 14px;
    }

    .navbar-nav>.user-menu .user-image {
        margin-right: 6px;
    }

    /* header end */

    .online-user-bg span {
        font-size: 16px;
    }

    .online-user-bg h3 {
        font-size: 20px;
    }

    .online-user-bg i {
        font-size: 26px;
    }

}

@media only screen and (max-width:991px) {

    .mobile-view {
        display: inline-table;
    }

    .desktop-view {
        display: none;
    }

    .report-profit .table-main-bg-area {
        margin-bottom: 20px;
    }

}

@media only screen and (max-width:980px) {

    .select-game-main-area {
        width: auto;
    }

    .nav>li>a {

        padding: 8px 6px !important;
    }

}

@media only screen and (max-width:900px) {

    .nav>li>a {
        font-size: 12px;
        padding: 8px 6px !important;
    }
}

@media only screen and (max-width:800px) {

    .nickname-main-area {
        width: 49%;
    }
}

@media only screen and (max-width:768px) {

    /* .user-menu span.hidden-xs {
    color: #ffffff;
}	 */

    .navbar-nav .open .dropdown-menu>li>a {
        font-size: 12px;
    }

    .navbar-nav>.user-menu>.dropdown-menu>.user-body,
    .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
        padding: 5px;
    }

    .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
        font-size: 12px;
    }

}

@media only screen and (max-width:767px) {

    .select-game-main-area {
        width: 100%;
    }

    .select-game-main-area input.submit-btn {
        margin: 0;
    }

    .navbar-collapse.pull-left+.navbar-custom-menu {
        right: 60px;
        top: 7px;
    }

    .navbar-collapse.pull-left {
        float: none !important;
        width: 100%;
        background-color: #fff;
    }

    .dropdown-menu>li>a {
        color: #000;
    }

}

@media only screen and (max-width:736px) {

    .top-search-area {
        width: 100%;
        position: relative;
    }

    .top-search-area input.search-type {
        width: 100%;
    }

    .top-search-area input.search-btn {
        position: absolute;
        right: 0;
    }

    .table-pagination ul.pagination {
        margin: 0 0 15px;
        float: left;
    }

}

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

    .login-form-main-area {
        padding-top: 50px;
    }

    .title-main-area h2 {
        font-size: 26px;
    }

    h2.resp-accordion {
        padding: 15px 15px;
        font-size: 14px;
    }
}

@media only screen and (max-width:568px) {

    .nickname-main-area {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .main-title {
        position: relative;
    }

    .main-title a {
        position: absolute;
        right: 0;
        top: 0;
    }

    h2.left-title {
        width: 100%;
        margin: 50px 0 0;
    }

    .login-bg-wrpper {
        width: 100%;
        padding: 0 10px;
    }

}

@media only screen and (max-width:480px) {}

@media only screen and (max-width:414px) {
    
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        right: -50px;
    }

    .download-button a {
        width: 100%;
        float: left;
        margin: 10px 0 0px;
        display: block;
    }

    .download-button p {
        float: left;
    }

    .login-bg-area {
        padding: 20px 10px;
    }

}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}