/* 11/09/2024 DS */
@media screen and (max-height: 650px) {

    html,
    body {
        line-height: 1;
    }

    #root .mRegistrationHeaderLogin {
        margin-top: 0px;
    }

    #root .mRegistrationHeader {
        height: 55px;
        margin-bottom: 5px;
    }

    #root .view-page-register form>div>div {
        padding-top: 0;
        padding-bottom: 0;
    }

    #root .loginwelcome-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 5px;
        font-size: 25px;
    }

    #root .login-form ui-button {
        margin-top: 15px;
    }

    #root .button-submit-login {
        margin-bottom: 5px;
    }

    #root .login-block {
        padding-top: 10px;
    }

    /* #root .register-link {
        padding-top: 5px;
        padding-bottom: 5px;
    } */

    #root .view-page-login .closebutton-wrapper {
        margin-top: 20px;
    }

    #root .mobile.view-page-forgotpassword .generic-form .form-row input,
    #root .beto-login .generic-form .form-row input {
        /* height: 40px; */
    }

    #root .user-page-content .user-top {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #root .mobile.view-page-user .body .content.user-page-content .user-menu {
        margin-top: 15px;
    }

    #root .mobile .user-page-content .user-top .username {
        margin-top: 5px;
    }

    #root .mobile .user-page-content app-menu ul {
        margin-top: 0;
        padding-bottom: 0;
    }

    #root .user-page-content app-menu.nav-submenu {
        margin-bottom: 0;
    }

    #root .user-page-content button {
        margin-bottom: 5px;
    }

    #root .mobile[class*="view-page-user-history"] .user-page-content app-menu.profile-menu ul {
        padding-bottom: 15px;
    }

    #root .mobile-user-nav-helper {
        margin-top: 15px;
        margin-left: 10px;
    }

    #root .mobile .header .user-guest .login.loginBtn.link {
        width: 52px;
        font-size: 10px;
    }

    #root.hide-user-funds .mobile .user-page-content .user-top .show-hide-funds,
    #root:not(.hide-user-funds) .mobile .user-page-content .user-top .show-hide-funds {
        top: 30px;
    }

    #root .mRegistrationHeaderSupport,
    #root .mRegistrationHeaderClose {
        margin-top: 2px;
    }

    #root .view-page-site-download-app .site .doc .body .content.landingpage .landingpageHeader {
        height: 140px;
    }

    #root .view-page-site-download-app .site .doc .body .content.landingpage .landingpageBody {
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

.mobile .header .logo.logoIcon {
    display: none;
}

@media screen and (min-width: 320px) and (max-width: 359px) {

    /* .mobile .header .logo {
        width: 85px;
        height: 60px;
        top: 0;
        left: calc(50% - 50px);
        margin-left: 0;
    } */
    
    .mobile .header .logo {
        display: none;
    }

    .mobile .header .logo.logoIcon {
        display: inline;
        top: -5px;
    }

    .sticky-menu > app-widget-host .sticky-menu-tab > app-widget-host {
        padding: 4px;
    }
}

@media screen and (min-width: 360px) and (max-width: 389px) {
    .mobile .header .logo {
        width: 105px;
        height: 60px;
        /* top: 0; */
        /* left: calc(50% - 61px); */
        /* margin-left: 0; */
    }
}

@media screen and (min-width: 391px) {
    .mobile .header .logo {
        width: 140px;
        height: 60px;
        /* top: 0; */
        /* left: calc(50% - 73px); */
        /* margin-left: 0; */
    }
}

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



    #root .mobile .header .user-guest .login.registerBtn.link {
        margin-right: 5px;
    }

    #root .mobile .header .user-guest .login.registerBtn.link,
    #root .mobile .header .user-guest .login.loginBtn.link {
        width: 52px;
        font-size: 10px;
    }



    #root .user-page-content .menu-list-block {
        width: 258px;
    }

    #root.hide-user-funds .mobile .user-page-content .user-top .show-hide-funds,
    #root:not(.hide-user-funds) .mobile .user-page-content .user-top .show-hide-funds {
        top: 30px;
        right: 25px;
    }

    #root .user-page-content .logout {
        margin: unset;
        padding: 10px;
    }

    #root .user-page-content .logout button {
        margin-bottom: 5px;
    }

    /* #root .mobile.view-page-user-profile-documents .content.user-page-content .mcontainer button {
        width: unset;
    } */

    #root .view-page-user-profile-documents .content.user-page-content .mcontainer div {
        text-align: center;
    }

    #root .mobile.view-page-user-profile-documents .content.user-page-content .mcontainer input {
        text-align: center;
    }

    #root .mobile.view-page-user-profile-documents .content.user-page-content .mcontainer #otpInputPhone {
        width: 215px;
        margin-left: 4px;
    }

    #root .view-page-user-profile-documents select {
        width: 215px;
    }

    #root .mobile-user-nav-helper {
        margin-top: 15px;
        margin-left: 10px;
    }



    #root .mobile.view-page-user-profile-documents .content.user-page-content .mcontainer #otpInput {
        margin-left: 4px;
    }

    #root .mobile.view-page-user-profile-documents .content.user-page-content .mcontainer #submittedPhone {
        width: 215px;
    }

    #root div[class*="view-page-metra"] .mobile-user-nav-helper {
        font-size: 11px;
    }

    #root .cancel-withdrawal-content>app-widget-host {
        padding: unset;
        text-align: unset;
    }

    #root .user-page-content app-menu li a,
    #root .user-page-content app-menu li.cms-menu-open-bets a,
    #root .user-page-content app-menu li.cms-menu-settled-bets a {
        font-size: 13px;
    }


}