.smaller-screen-header {
    display: none;
}

@media screen and (max-width: 1280px) and (max-height: 720px) {
    /* start of login page */
    .larger-screen-header {
        display: none;
    }
    .smaller-screen-header {
        display: flex;
        flex-direction: row;
        padding: 20px;
        margin: 0px;
        position: relative;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .register-page .smaller-screen-header,
    .forgot-page .smaller-screen-header,
    .player-portal .smaller-screen-header,
    .player-logout-page .smaller-screen-header {
        top: 0;
        height: 90px;
        position: fixed;
    }
    .player-portal .main-header,
    .player-logout-page .main-header {
        height: 90px;
    }
    .smaller-screen-header .smaller-screen-header-logo {
        margin-top: 20px;
    }
    .smaller-screen-header .smaller-screen-header-logo img {
        height: 100px;
    }
    .smaller-screen-header .smaller-screen-header-nav .pod-info-nav-name {
        height: fit-content;
        margin-top: -15%;
    }
    .move-to-header {
        position: absolute;
        top: 7%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: fit-content;
    }
    .move-to-header.with-top {
        position: fixed;
        top: 1%;
    }

    .login-page:not(.without-keyboard) {
        padding-top: 0px !important;
        justify-content: center;
    }
    .login-page .w-logo {
        height: 90px;
    }
    .login-page .w-logo img {
        height: 90px;
        width: auto;

    }
    .login-page:not(.without-keyboard) .w-form-block {
        margin-top: 10px !important;
    }
    .login-page:not(.without-keyboard) .w-form-control.w-input-fields {
        height: 45px;
        align-items: center;
        margin-bottom: 8px;
    }
    .login-page:not(.without-keyboard) .qr-code-bottom-stick .qr-code .qr-code-container {
        display: flex;
        justify-content: center;
    }
    .login-page:not(.without-keyboard) .pod-info-section .pod-info-section-right {
        padding: 5px 30px;
        row-gap: 5px;
        min-height: 76px;
        max-height: 76px;
    }
    .login-page:not(.without-keyboard) .qr-code-bottom-stick .w-form-control:not(.timer):last-child {
        margin-top: 5px !important;
        /* width: 80px; */
        width: 120px;
        margin: auto;
    }
    /* .login-page:not(.without-keyboard) .pod-info-nav {
        margin-top: 0px !important;
        width: 38px;
    } */
    .login-page:not(.without-keyboard) .qr-code img {
        width: 100%;
    }
    .login-page:not(.without-keyboard) .qr-code-bottom-stick {
        display: flex;
        /* flex-direction: row; */
        flex-direction: column;
    }
    .login-page:not(.without-keyboard) .qr-code-bottom-stick .qr-code > p {
        font-size: 8px;
        display: none;
    }
    .login-page:not(.without-keyboard) .animate-qr-down {
        height: auto;
    }
    .login-page:not(.without-keyboard) .w-form-control a {
        margin: 5px 0px;
        padding: 10px;
    }
    .login-page:not(.without-keyboard) .w-login-show {
        margin-top: 10px !important;
    }
    .login-page:not(.without-keyboard) .pod-info-section {
        /* margin-top: -15px !important; */
        height: fit-content;
        position: relative;
        width: 38px;
        max-height: 80px;
    }
    .login-page:not(.without-keyboard) .qr-code-bottom-stick .timer {
        width: 80px;
        height: 80px;
        font-size: 30px;
    }
    /* .login-page:not(.without-keyboard) .pod-info-nav .pod-info-nav-name {
        transform: rotate(-90deg);
        margin-top: 42px;
        font-size: 14px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        height: fit-content;
    } */
    .login-page:not(.without-keyboard) .homepage-images .homepage-images-left,
    .login-page:not(.without-keyboard) .homepage-images .homepage-images-right {
        /* margin-top: 15px; */
        margin-top: 10px;
        justify-content: flex-start;
    }
    /* end of login page */

    /* start of register page */
    /* .register-page .w-logo {
        height: 125px;
    } */
    .register-page .w-logo img {
        height: 90px;
        width: auto;

    }
    .register-page .page-heading {
        font-size: 18px;
        margin-top: 6px !important;
    }
    .register-page .page-subheading {
        font-size: 15px;
    }
    .register-page .w-form-block {
        margin-top: 25px !important;
    }
    .register-page .w-form-control.w-input-fields {
        margin-bottom: 5px !important;
    }
    .register-page .notification-container {
        min-height: 60px;
        margin-top: -10px;
    }
    .register-page .register-complete {
        min-height: 360px !important;
    }
    /* end of register page */

    /* start of forgot page */
    .forgot-page .w-logo {
        height: 100px;
    }
    .forgot-page .w-logo img {
        height: 100px;
        width: auto;
    }
    .forgot-page .notification-container {
        min-height: 60px;
        margin-top: -10px;
    }
    /* end of forgot page */

    /* start of dashboard page */
    /* .player-portal .main-layout-section .w-logo {
        height: 100px;
        margin-bottom: 10px !important;
        margin-top: -25px;
    } */
    .player-portal .main-layout-section .w-logo img {
        height: 100px;
        width: auto;
    }
    .player-portal .main-layout-section .w-logo img {
        height: 100px;
        width: auto;
    }
    .player-portal .main-layout-section .page-heading {
        font-size: 20px !important;
    }
    .player-portal .main-layout-section .page-subheading {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }
    .player-portal .main-layout-section .main-content .dashboard-buttons .dashboard-button.pdash-flex {
        row-gap: 5px;
        padding: 5px;
        flex: calc(100%/2 - 25px) !important;
    }
    .player-portal .main-layout-section .main-content .dashboard-buttons .dashboard-button.pdash-flex object {
        width: 30px;
    }
    .player-portal .main-layout-section .main-content .dashboard-buttons .dashboard-button {
        flex: calc(100%/3 - 25px) !important;
        display: flex;
        align-items: center;
        font-size: 14px;
        justify-content: center;
    }
    .player-portal .main-layout-section .main-content .dashboard-volume-container {
        margin-top: 8px !important;
        z-index: 1;
        position: relative;
    }
    /* end of dashboard page */

    /* start of player games list page */
    .player-portal .games-page-header > .main-header {
        height: auto;
        padding: 10px;
    }
    .player-portal .games-page-init-game {
        padding-top: 90px;
    }
    .player-portal .main-layout-section .main-content .games-section-container .games-section-list .games-section-list-data .games-section-list-data-list {
        height: 24vh !important;
    }
    .player-portal .games-page-init-game .logout-reason {
        margin-top: 50px !important;
    }
    /* end of player games list page */

    /* start of buy time page */
    .player-portal .main-layout-section .main-content .offers-section-container .offers-section-list .offers-section-list-data .offers-section-list-data-play {
        margin-top:  5px;
    }
    .player-portal .stripe-payment-form {
        padding: 10px;
    }
    .player-portal .stripe-payment-form label {
        display: none;
    }
    .player-portal .stripe-payment-form .stripe-cards-container,
    .player-portal .dot-span {
        top: 0;
    }
    /* end of buy time page */

    /* start of save seat page */
    .player-portal .timer_with_kb {
        width: 100px !important;
        height: 100px !important;
    }
    /* end of save seat page */

    /* start of player logout page */
    /* .player-logout-page .w-logo {
        height: 100px;
        margin-top: -30px;
    } */
    .player-logout-page .w-logo img {
        height: 100px;
        width: auto;
    }
    .player-logout-page .page-heading {
        font-size: 20px;
    }
    .player-logout-page .page-subheading {
        font-size: 14px;
    }
    .player-logout-page .player-survey-page .rating-form-item {
        margin-top: 12px;
    }
    .player-logout-page .player-survey-page .rating-form-item .rating-form-heading {
        font-size: 14px;
    }
    .player-logout-page .player-survey-page .stars-container {
        height: 35px !important;
        width: fit-content !important;
    }
    .player-logout-page .player-survey-page .stars-container .star-container {
        width: 35px !important;
        height: 35px !important;
    }
    .player-logout-page .player-survey-page .stars-container .star-container .full-star {
        height: 35px;
    }
    .player-logout-page .player-survey-page .stars-container .half-star-container {
        height: 35px;
    }
    .player-logout-page .player-survey-page .main-layout-section .main-content .dashboard-buttons-container .dashboard-buttons {
        margin-top: 8px !important;
    }
    .player-logout-page .player-survey-page .games-section-container .games-section-list .games-section-list-data .games-section-list-data-play {
        margin-top:  10px;
    }
    .player-logout-page .player-survey-page .games-section-container .games-section-list .games-section-list-data .games-section-list-data-title h3 {
        font-size: 16px;
        margin: 0;
    }
    /* end of player logout page */
}

@media screen and (max-width: 1344px) and (max-height: 630px) {
    body {
        cursor: none;
    }
    #app div,
    #app span,
    #app > div a,
    #app > div button,
    #app > div > section a,
    #app > div > section button,
    #app > div > section.admin-portal a,
    #app > div > section.admin-portal button {
        cursor: none !important;
    }
}