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

    .title_block {
        width: calc(100% - 20px);
        padding: 30px 10px;
    }

    .puzzle_bg {
        width: 70%;
        justify-content: center;
        margin: auto;
    }

    .hidden_circle {
        display: block;
    }

    .puzzle_block {
        margin-top: 5px;
    }

    .to_hidde_puzzle {
        display: none;
    }

    .email_message_bg {
        flex-direction: column;
        width: 100%;
    }

    .email_icon {
        border: 0;
        margin-right: 0;
    }

    .close {
        border-left: 0;
        padding-left: 0px;
        margin-left: 0px;
    }
}

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

    .puzzle_bg {
        width: 95%;
    }
    

}

@media only screen and (max-width: 730px) {
    .puzzle_bg {
        width: 100%;
    }

    .puzzle_block {
        width: 100%;
    }

    .in_content_bg {
        width: calc(100% - 30px);
    }

    .to_content_bg {
        width: calc(100% - 30px);
        margin-left: 5px;
    }

    .pb_circle {
        display: none;
    }

    .to_hidde_mobile {
        display: none;
    }

    .title_block {
        font-size: 28px;
    }

    .pb_empty_circle {
        display: none;
    }

    .modal_window {
        width: calc(80% - 60px);
        height: auto;
        left: calc(50% - 40%);
        top: calc(50% - 205px);
    }

}