@media only screen and (max-width: 768px) {
    body {
        overflow-y: hidden !important;
    }

    h2 {
        font-size: 16px !important;
    }

    h3 {
        font-size: 12px !important;
    }

    input, button {
        font-size: 16px !important;
    }

    #check_payment_animation {
        width: 250px !important;
        height: 250px !important;
        margin-top: -75px !important;
        margin-left: -50px !important;
        border: 10px solid #000 !important;
        border-top: 10px solid #FFF !important;
    }

    #support_button {
        box-shadow: inset 0px 0px 0px 5px #FFF5;
    }

    #presets_container .carousel {
        margin: 0 !important;
    }

    #presets_slider, #presets_container .carousel, #presets_slider .carousel_slide, #players_container .carousel_slide, #vouchers_step .carousel_slide, #players_container .carousel_slider {
        width: 100% !important;
    }

    #presets_container .carousel_nav {
        display: none;
    }

    #presets_game_name_header {
        font-size: 16px !important;
    }

    #presets_container .presets_footer {
        width: calc(100% - 10px) !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
        margin-top: 10px !important;
        font-size: 12px !important;
    }

    #preset_discover_disclamer {
        width: 100% !important;
        font-size: 16px !important;
        margin: 0 !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .preset_name {
        font-size: 16px !important;
    }

    .preset {
        width: 95% !important;
        margin-top: 10px !important;
    }

    .preset p {
        font-size: 12px !important;
    }

    #presets_summary {
        width: 100% !important;
        font-size: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 10px !important;
    }

    #presets_summary h4 {
        margin-left: 10px !important;
        margin-right: 10px !important;
        width: calc(100% - 20px) !important;
    }

    #presets_summary h4, #games_summary h4 {
        font-size: 1rem !important;
    }

    #register_rgpd {
        font-size: 16px !important;
    }

    #register_rgpd i {
        font-size: 18px !important;
    }

    .terms.accept {
        padding-left: 50px !important;
    }

    .checkbox .checkbox-container:hover {
        color: rgba(0, 0, 0, 0);
        box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0) !important;
    }

    .checkbox .checkbox-container:hover .checkbox-icon {
        display: none;
    }

    .checkbox .checkbox-container.checked:hover .checkbox-icon {
        display: block;
    }

    .voucher .checkbox {
        margin-left: 0 !important;
    }

    #voucher_hint {
        font-size: 16px !important;
    }

    #flow_container {
        overflow: scroll !important;
        height: 100% !important;
        padding-bottom: 50px !important;
    }

    #loading {
        width: 125px !important;
        margin-top: -72px !important;
        margin-left: -72px !important;
        transform-origin: 65px 50px !important;
    }

    #account_register, #account_login {
        width: 100% !important;
        margin-bottom: 50px !important;
    }

    #account_register .custom_field, #account_login .custom_field {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #login_or {
        font-size: 14px !important;
    }

    .step {
        height: auto !important;
        min-height: 100% !important;
    }

    .step_header {
        font-size: 16px !important;
        margin-top: 10px !important;
    }

    .step_header .fa-chevron-up, .step_header .fa-chevron-down {
        font-size: 22px !important;
        margin-top: 0 !important;
    }

    .step_help {
        font-size: 12px !important;
    }

    .carousel_previous, .carousel_next {
        font-size: 25px !important;
    }

    .amout_table {
        font-size: 25px !important;
        border-spacing: 15px !important;
        margin-bottom: 20px !important;
    }

    #vouchers_step .carousel {
        width: 100% !important;
        margin: 0 !important;
    }

    #vouchers_step .carousel_nav {
        display: none !important;
    }

    #vouchers_slider {
        width: 100% !important;
    }

    #vouchers_step .voucher {
        width: calc(100% - 20px) !important;
        margin: 10px !important;
        padding-top: 28% !important;
    }

    #vouchers_step .voucher_field {
        margin-top: 0 !important;
    }

    #vouchers_step #reduction {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        font-size: 16px !important;
    }

    .game {
        width: calc(50% - 10px) !important;
        font-size: 16px !important;
        text-shadow: none !important;
        margin: 5px !important
    }

    .game_modes {
        width: 100% !important;
        margin: 10px !important;
        margin-left: 0px !important;
        float: none !important;
    }

    .game {
        height: 95px !important;
    }

    .game_mode {
        margin-bottom: 5px !important;
    }

    .game_time {
        font-size: 16px !important;
    }

    .game_text {
        font-size: 15px !important;
    }

    #games_list {
        height: auto !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #games_summary {
        width: 100% !important;
        font-size: 16px !important;
    }

    #games_cursor {
        display: none !important;
    }

    #players_container .carousel_nav {
        display: none !important;
    }

    #players_container .carousel {
        margin: 0 !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    #players_container h4 {
        font-size: 16px !important;
    }

    #players_container .player_hint {
        width: calc(100% - 5px) !important;
        margin-left: 5px !important;
        font-size: 14px !important;
    }

    .player_field {
        width: 96% !important;
        margin: 2% !important;
    }

    .player_lang {
        width: 40px !important;
        margin-left: -50px !important;
        margin-top: 11px !important;
    }

    .voucher_name {
        font-size: 16px !important;
    }

    .voucher_description {
        font-size: 12px !important;
    }

    #vouchers_code {
        margin: 0 !important;
        width: 100% !important;
    }

    #reduction {
        font-size: 20px !important;
    }

    #individual_email {
        width: auto !important;
    }

    #modal {
        width: 90% !important;
        left: 5% !important;
    }

    #modal h1 {
        font-size: 20px !important;
    }

    #modal p {
        font-size: 16px !important;
    }

    #success_message {
        margin: 20px !important;
        font-size: 16px !important;
    }

    #mascotte {
        width: 50% !important;
    }

    .loading_animation_container {
        width: 150px !important;
    }

    .loading_animation img {
        width: 150px !important;
    }

    #individuals_form input, #billing_form input, #billing_form select {
        width: calc(100% - 10px) !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    #company_billing_optional {
        width: 100% !important;
        font-size: 16px;
        border-bottom: none !important;
        line-height: unset !important;
    }

    #terms_step .terms {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
        font-size: 14px !important;
    }

    #terms_step #terms_accept, #terms_step #height_accept {
        font-size: 14px !important;
        line-height: 26px !important;
        width: 90% !important;
        margin-left: 5% !important;
    }

    #card-form {
        width: 100% !important;
    }

    #card-expiry-date-container, #card-cvc-container {
        width: auto !important;
    }

    #card-cvc-container {
        float: none !important;
        margin-top: 0 !important;
    }

    #card-error, #card-help {
        font-size: 16px !important;
    }

    #payment-methods td {
        padding-bottom: 20px !important;
    }

    #summary_step table {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }

    #summary_step th {
        font-size: 12px !important;
    }

    #summary_step td {
        font-size: 12px !important;
    }

    #summary_step td.summary_total {
        font-size: 14px !important;
    }

    #payment_step .saved-card {
        height: 70px !important;
    }

    #payment_step .saved-product {
        height: 40px !important;
    }

    #payment_step .saved-remover i {
        font-size: 14px !important;
        padding: 0 !important;
        padding-right: 5px !important;
        padding-top: 15px !important;
    }

    #payment_step .saved-number, #payment_step .saved-holder, #payment_step .saved-expiration {
        font-size: 12px !important;
    }

    #payment_step .saved-expiration {
        padding-right: 15px !important;
        padding-bottom: 10px !important;
    }

    #payment_step .saved-number i {
        font-size: 9px !important;
        transform: translate(0, -1px) !important;
    }

    #payment_step h4 {
        font-size: 1rem !important;
    }

    #payment_step .saved-new, #payment_step .pay-with-selector-text {
        font-size: 20px !important;
    }

    #payment_step .saved-new {
        line-height: 20px !important;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    #delivery_form input, #delivery_container select {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .reduction_char {
        width: 15px !important;
    }

    .more .reduction_char:nth-of-type(1) {
        font-size: 28px !important;
    }

    .more .reduction_char:nth-of-type(2) {
        font-size: 26px !important;
    }

    .more .reduction_char:nth-of-type(3) {
        font-size: 24px !important;
    }

    .more .reduction_char:nth-of-type(4) {
        font-size: 22px !important;
    }

    .less .reduction_char:nth-of-type(1) {
        font-size: 12px !important;
    }

    .less .reduction_char:nth-of-type(2) {
        font-size: 14px !important;
    }

    .less .reduction_char:nth-of-type(3) {
        font-size: 16px !important;
    }

    .less .reduction_char:nth-of-type(4) {
        font-size: 18px !important;
    }

    #vouchers_add {
        width: 50px !important;
        margin-left: -54px !important;
    }

    #pictos img {
        width: 40% !important;
        margin: 5% !important;
    }

    #card-save, #credit-use {
        font-size: 16px !important;
    }

    #price_single {
        margin-top: 100px !important;
        margin-bottom: 50px !important;
    }

    #pay_with_container, #cards_container, #services_container {
        width: 100% !important;
        font-size: 1rem !important;
    }

    #card_expiration_container, #card_cvv, #card_number, #card_holder {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    #card_expiration_container {
        padding: 0 !important;
    }

    #save_card_checkbox {
        margin-left: -5px !important;
    }

    #saved_cards_container {
        padding: 0 !important;
    }

    #new_card_title {
        margin-bottom: 20px !important;
    }

    #card_help {
        margin: 0 !important;
        margin-bottom: 50px !important;
    }

    #card_expiration_container select {
        font-size: 16px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #card_cvc_container {
        width: 100% !important;
    }

    #card_cvc_help_button {
        width: 20px !important;
        font-size: 25px !important;
        top: 22.5px !important;
    }

    #save_card_checkbox, #use_credit_checkbox, #card_error {
        font-size: 16px !important;
    }

    #use_credit_checkbox {
        margin-left: 0 !important;
        width: 100% !important;
    }

    #success_frame {
        width: 100% !important;
    }

    #presets_error, #games_error, #players_error {
        font-size: 16px !important;
        width: 100% !important;
    }

    .pay-with-selector-details {
        font-size: 12px !important;
    }

    .loading_status {
        font-size: 16px !important;
        margin-top: calc(100% + 20px) !important;
    }

    #fallback_redirect {
        font-size: 16px !important;
        margin-top: 20px !important;
    }

    #centers_step table {
        width: 100% !important;
        font-size: 18px !important;
        height: 50px !important;
    }

    #centers_step .centers_hint {
        width: 100% !important;
    }

    #centers_step .centers_hint td {
        font-size: 16px !important;
        padding-left: 20px !important;
    }

    #centers_step .flag {
        height: 30px !important;
        border-radius: 5px !important;
    }

    #centers_step .name {
        padding-left: 20px !important;
    }

    .forward_container.left {
        margin-top: 0px !important;
    }

    .forward_container {
        width: 100% !important;
        margin-top: 0px !important;
    }

    .forward_container.left img, .forward_container.right img {
        float: unset !important;
    }

    #forward_loading_container {
        width: 45px !important;
        margin: auto !important;
    }

    #forward_loading_container span {
        float: unset !important;
    }

    .forward_container.forward_loading_container {
        height: 190px !important;
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .autocompletion {
        margin-top: -72px !important;
        max-height: 410px !important;
    }

    .autocompletion .first-line {
        height: 44px !important;
    }

    .autocompletion .table-container {
        max-height: 320px !important;
    }

    #centers_step h4 {
        width: calc(100% - 20px) !important;
        font-size: 16px !important;
    }

    #register_rgpd_checkbox_text {
        line-height: 35px !important;
    }

    #account_login #password_reset {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #facebook_login, #google_login, #apple_login {
        width: 100%;
    }

    #price_table {
        width: 100% !important;
        margin: 0 !important;
    }

    #price_table .pricing {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #price_table .pricing_amount {
        font-size: 30px !important;
    }

    #price_table .pricing_title {
        font-size: 16px !important;
    }

    #price_table .pricing_days {
        font-size: 16px !important;
    }

    #price_table .pricing_title, .pricing_amount {
        margin-bottom: 10px !important;
    }

    #amount_table {
        width: 100% !important;
        table-layout: fixed;
    }

    #amount_table td {
        padding: 0 !important;
        text-align: center !important;
    }

    #amount_table .amount_title {
        font-size: 20px !important;
        padding-top: 20px !important;
    }

    #amount_table .amount_title i {
        font-size: 30px !important;
    }

    #amount_table .amount_value, #amount_table .amount_minus, #amount_table .amount_plus {
        padding-top: 20px !important;
        padding-bottom: 50px !important;
        font-size: 30px !important;
    }

    #games_list .floating, #games_more {
        display: none !important;
    }

    #games_privatized {
        width: calc(100% - 10px) !important;
        margin: 5px !important;
        margin-top: 20px !important;
        font-size: 12px !important;
    }

    #amount_height_remind {
        font-size: 16px !important;
    }

    #amount_switch_center {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        margin-top: 10px !important;
    }

    #games_content, #presets_games_content {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #games_content h4, #presets_games_content h4 {
        font-size: 16px !important;
    }

    .mode-preview {
        height: 60px !important;
        padding: 15px !important;
    }

    .mode-preview i {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    .mode-preview-icon-modal, .mode-preview-text-modal {
        height: 30px !important;
    }

    .mode-preview-text-modal {
        margin-left: 10px !important;
    }

    #phone_field_container {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #pricing {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    #amount_table {
        margin-bottom: 0px !important;
    }

    #amount_height_remind {
        margin-bottom: 40px !important;
    }

    #games_date_field {
        width: 100% !important;
        margin-right: -25px !important;
        font-size: 16px !important;
    }

    #games_date i {
        font-size: 22px !important;
    }

    #games_legend_green, #games_legend_yellow, #games_arrival_hint, #games_merge_hint, #games_pause_hint, #games_select_hint {
        font-size: 16px !important;
        text-align: justify !important;
    }

    #games_arrival_hint, #games_merge_hint, #games_pause_hint {
        width: 100% !important;
    }

    #games_legend_green, #games_legend_yellow {
        width: calc(100% - 50px) !important;
        margin-left: 50px !important;
    }

    #games_legend_green i, #games_legend_yellow i {
        font-size: 18px !important;
        margin-left: -50px !important;
        margin-top: 0 !important;
    }

    #privatization_widget_container {
        width: 100% !important;
        margin-bottom: 0 !important;
    }

    #privatization_widget, #privatization_widget_info, #privatization_checkbox, #privatization_checkbox p {
        font-size: 14px !important;
    }

    #privatization_widget {
        width: calc(100% - 50px) !important;
        position: relative !important;
    }

    #privatization_widget .fa-chevron-down, #privatization_widget .fa-chevron-up {
        position: absolute !important;
        right: -40px !important;
        top: 20px !important;
        font-size: 30px !important;
    }

    #timer {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background: #C90E0E !important;
        color: white !important;
        height: 20px !important;
        font-size: 16px !important;
        line-height: 16px !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
        box-shadow: 0px 0px 5px #000 !important;
    }

    .mode-preview-icon, .mode-preview-text, .mode-preview-amount {
        height: 30px !important;
    }

    .mode-preview-amount {
        width: 40px !important;
        font-size: 30px !important;
        line-height: 30px !important;
        margin-left: 0 !important;
        margin-right: 10px !important;
    }

    .mode-preview-icon {
        height: 40px !important;
        margin-top: -5px !important;
    }

    .billing_title {
        font-size: 16px !important;
        line-height: 22px !important;
        border-bottom: none !important;
        width: 100% !important;
        margin-top: 0 !important;
    }

    .summary_title {
        font-size: 16px !important;
        line-height: 22px !important;
        margin-bottom: 10px !important;
    }

    #billing_address_title {
        margin-top: 40px !important;
    }

    #voucher_hint, #presets_choose_link, #presets_recommended_link {
        font-size: 14px !important;
    }

    #height_confirmation_checkbox, #center_confirmation_checkbox, #switch_center {
        font-size: 16px !important;
    }

    #height_confirmation_checkbox p, #center_confirmation_checkbox p {
        width: calc(100% - 60px);
        line-height: 30px;
    }
}