﻿@media only screen and (max-width: 1200px)
{
    .main-container
    {
        max-width: 1024px;
    }
    .rf-main-wrapper .action-container>.terms-and-conds
    {
        font-size: 13px!important;
    }
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month, .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year
    {
        width: 32.2%!important;
    }
    .registration-form
    {
        padding: 15px 20px 30px!important;
    }
    .title
    {
        font-size: 35px;
    }
    .rf-notification
    {
        width: 80%!important;
    }
    .title
    {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .title .big
    {
        font-size: 28px;
    }
    .title .bold
    {
        font-size: 60px;
    }
    body.es .title .bigger
    {
        font-size: 35px;
    }
    body.es .title .biggest
    {
        font-size: 50px;
    }
    body.clp .title .biggest
    {
        font-size: 40px;
    }
}
@media only screen and (max-width: 1024px)
{
    body
    {
        background-image: url(../../bcgamebettingde/image/bg-tablet.20241007.jpg);
        background-position: center top;
        background-size: 1024px;
    }
    .container-right
    {
        display: none;
    }
    .container-left
    {
        width: unset;
        background-color: unset;
    }
    .main-container
    {
        margin: 350px auto 0;
        display: block;
        max-width: 768px;
        height: 95%;
    }
    .reg-container
    {
        justify-content: space-between;
    }
    .rf-main-wrapper
    {
        width: 70%!important;
    }
    .title
    {
        margin-top: 10px;
        font-size: 30px;
    }
    .title .big
    {
        font-size: 36px;
    }
    .tpl-footer
    {
        background-image: url(../../bcgamebettingde/image/footer-pt-tablet.20250428.png);
        height: 132px;
    }
    body.es .tpl-footer
    {
        background-image: url(../../bcgamebettingde/image/footer-es-tablet.20250428.png);
    }
    .lbox
    {
        width: 700px;
        height: 600px;
        padding: 15px;
    }
    body.clp .title .biggest
    {
        font-size: 50px;
    }
}
@media only screen and (max-width: 900px)
{
    body
    {
        background-size: 900px;
    }
    .main-container
    {
        margin: 260px auto 0;
    }
}
@media only screen and (max-width: 768px)
{
    body
    {
        background-size: 768px;
    }
    .main-container
    {
        max-width: 600px;
    }
    .rf-main-wrapper
    {
        width: 85%!important;
    }
    .tpl-footer
    {
        background-image: url(../../bcgamebettingde/image/footer-pt-tablet.20250428.png);/* height: 105px; */
    }
    .tpl-logo-wrap
    {
        width: 244px;
    }
    .rf-notification
    {
        margin: 0 auto!important;
    }
    .rf-main-wrapper
    {
        border-radius: 10px!important;
    }
    .lbox
    {
        width: 600px;
        height: 600px;
    }
}
@media only screen and (max-width: 600px)
{
    .rf-main-wrapper
    {
        width: 100%!important;
    }
    .main-container
    {
        max-width: 95%;
    }
    .tpl-logo-wrap
    {
        width: 130px;
    }
    .rf-main-wrapper
    {
        background: rgba(0,0,0,0)!important;
        border: none;
    }
    .tpl-footer
    {
        background-image: url(../../bcgamebettingde/image/footer-pt-mobile.20250428.png);
        height: 600px;
    }
    body.es .tpl-footer
    {
        background-image: url(../../bcgamebettingde/image/footer-es-mobile.20250428.png);
    }
    .title img
    {
        width: 380px;
    }
    .rf-main-wrapper .action-container>.terms-and-conds
    {
        font-size: 14px!important;
    }
    .registration-form
    {
        padding: 0 20px 0 20px!important;
    }
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month, .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year
    {
        width: 32.5%!important;
    }
    .rf-main-wrapper .action-container>.terms-and-conds
    {
        margin: 10px auto!important;
    }
    .rf-main-wrapper
    {
        height: auto!important;
    }
    .regform-item>.item-element-wrapper input, .regform-item>.item-element-wrapper select
    {
        height: 32px!important;
    }
    .rf-main-wrapper button.rf-submit-button
    {
        font-size: 20px!important;
        height: 40px!important;
    }
    .lbox
    {
        width: 100%;
        height: 600px;
    }
    .title
    {
        font-size: 25px;
    }
    .title .big
    {
        font-size: 32px;
    }
}
@media only screen and (max-width: 480px)
{
    body
    {
        background-image: url(../../bcgamebettingde/image/bg-mobile.20241007.jpg);
        background-size: 480px;
    }
    main
    {
        margin-top: 200px;
    }
    .main-container
    {
        max-width: 95%;
        margin: 35px auto 0;
    }
    .title img
    {
        max-width: 300px;
    }
    .rf-main-wrapper
    {
        width: 100%!important;
        height: auto!important;
    }
    .rf-main-wrapper .action-container>.terms-and-conds
    {
        font-size: 11px!important;
    }
    .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month, .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year
    {
        width: 32.2%!important;
    }
    .country-area-code .trigger
    {
        line-height: 30px!important;
    }
    .regform-item>.item-element-wrapper input, .regform-item>.item-element-wrapper select
    {
        font-size: 11px!important;
    }
    .rf-main-wrapper button.rf-submit-button
    {
        font-size: 18px!important;
        height: 38px!important;
    }
    .rf-notification
    {
        width: 90%!important;
        font-size: 13px;
    }
    .title
    {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .title .big
    {
        font-size: 28px;
    }
    .title .bigger
    {
        font-size: 45px;
    }
    .title .biggest
    {
        font-size: 56px;
    }
    .title .bold
    {
        font-size: 44px;
    }
    body.es .title .bigger
    {
        font-size: 30px;
    }
    body.es .title .biggest
    {
        font-size: 40px;
    }
}
@media only screen and (max-width: 390px)
{
    body
    {
        background-size: 390px;
    }
    main
    {
        margin-top: 160px;
    }
    .title
    {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .title .big
    {
        font-size: 22px;
    }
    .title .bigger
    {
        font-size: 45px;
    }
    .title .biggest
    {
        font-size: 56px;
    }
    body.mex .title .bigger
    {
        font-size: 28px;
    }
    body.mex .title .biggest
    {
        font-size: 37px;
    }
    body.clp .title .bigger
    {
        font-size: 27px;
    }
    body.clp .title .biggest
    {
        font-size: 33px;
    }
}