@media only screen and (max-width: 1370px) {
    .content .left-part .awards { left: -262px; max-width: 160px; }
}

@media only screen and (max-width: 1150px) {
    .content .left-part .awards { bottom: 10px; left: -99px; top: auto; }
}

@media only screen and (max-width: 1080px) {
    .content .left-part .side-img { display: none; }
    .content .left-part .celebrate { display: none; }
}

@media only screen and (max-width: 800px) {
    .content .left-part .voucher { bottom: 37px; left: -34px; }
    .content .left-part .awards { left: auto; right: 20px; }
    .content .left-part p { font-size: 35px; }
    .content .right-part .survey { font-size: 19px; }
    footer.main .social { display: none; }
}

@media only screen and (max-width: 650px) {
    .mobile { display: block; }
    #content { background: none; }

    /* headers */
    header.sub { background: white }
    header.main h2 { font-size: 23px; }
    .content .right-part .awards { display: none; }
    .content .voucher-wrapper { display: inline-block; }
    .content .right-part .survey { display: none; }

    /* content */
    .middle-part { padding-top: 35px; }
    .content { display: block; text-align: center; }
    .content .left-part {display: none; }
    .content .right-part { width: 100%; }
    .options { min-height: 365px; }

    /* footer */
    footer.main { display: none; }

    /* congratulations text */
    .content .voucher-wrapper .voucher-text.f-page { font-size: 24px; padding-top: 28px; }
}

@media only screen and (max-width: 580px) {
    .content .voucher-wrapper .voucher-text { padding: 7px 10px; }
}

@media only screen and (max-width: 500px) {
    /* header */
    header.main .logo { width: 50px; }
    header.main .crown { width: 40px; }
    header.main h2 { font-size: 18px; }
    header.main h1 { font-size: 45px;}

    /* header voucher */
    .content .voucher-wrapper { margin-left: -10%; width: 120%; padding-top: 12px}
    .content .voucher-wrapper .voucher-text { font-size: 19px; }

    /* content */
    .content { padding: 0; }
    .options .answer { height: 55px; }

    form .row input[type=text],
    form .row.selects select,
    form .row.select select, form .row select { box-shadow: none; }
    #state-container select { margin-bottom: 6px; }

    /* gender settings */
    form .row.gender { margin-left: 0; width: 100%; }
    form .row.gender label span { line-height: 37px; }
    form .row.gender input[type=radio] { margin-right: 0; }

    /* congratulations text */
    .content .voucher-wrapper .voucher-text.f-page { font-size: 23px; padding-top: 29px; }
}

@media only screen and (max-width: 400px) {
    /* header voucher */
    .content .voucher-wrapper .voucher-text { font-size: 17px; }

    /* section */
    .section-wrap { padding: 10px; }

    /* congratulations text */
    .content .voucher-wrapper .voucher-text.f-page { font-size: 22px; padding-top: 25px; }
}

@media only screen and (max-width: 359px) {
    /* header */
    header.main h2 { font-size: 15px; line-height: 13px; }
    header.main h1 { font-size: 38px; }

    /* header voucher */
    .content .voucher-wrapper .voucher-text { font-size: 16px; padding: 3px; }
    .header.mobile { font-size: 18px; }
    /*.content .right-part h4 { font-size: 19px; }*/

    /* congratulations text */
    .content .voucher-wrapper .voucher-text.f-page { font-size: 18px; padding-top: 21px; }
}