@media screen and (max-width: 1024px) {
    figure {
        padding-left: 0;
        padding-right: 0;
        height: auto
    }

    .controls {
        height: 1.876rem
    }
}

@media screen and (max-width: 42.5em) {
    .controls {
        height: auto
    }
    #surveys .question .sub-title strong {
        font-size: 16px;
        font-weight: 700;
        font-family: Montserrat, sans-serif
    }
    
    #surveys .question .sub-num {
        display: inline;
        padding-bottom: 20px;
        float: left;
        margin-right: 5px
    }
    
    #surveys .surv-radio+label {
        margin-left: 10px
    }
    
    #surveys .surv-radio::before {
        content: " ";
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 2px solid #f69d27;
        display: block;
        top: -5.6px;
        left: -5.5px; /* left: -6px; */
        position: relative
    }
    
    #surveys .surv-radio:checked {
        background: #f69d27
    }
    
    #surveys .surv-sub li label {
        padding-right: 5px;
        width: 100%;
        display: block
    }
    
    #surveys .question h4 {
        border-bottom: 1px solid #c39e6d;
        margin-bottom: 8px
    }
    
    #surveys .question .surv-center h4 {
        padding-left: 130px
    }
    
    #surveys .question .surv-center .surv-sub {
        width: 75%;
        float: right;
        padding-right: 10px
    }
    
    #surveys .surv-btn {
        padding: 10px 15px;
        color: #c39e6d
    }
    
    #surveys .btn-email, #surveys .btn-next, #surveys .btn-print {
        color: #302b29;
        font-weight: 700;
        padding: 10px 20px;
        background-color: #f69d27
    }
    
    #surveys .surveys-form .form-control {
        height: 35px;
        color: #302b29;
        background-color: #fff
    }
    
    #surveys .surveys-form .note {
        font-style: italic;
        padding-top: 5px;
        color: #939598
    }
    
    #surveys .surv-result, #surveys .survey-thanks {
        font-size: 20px
    }
    
    #surveys .surv-result .score {
        border: 1px solid #f69d27;
        padding: 35px 10px
    }
    
    .score span {
        line-height: 34px;
        font-size: 24px
    }
    
    #yourscore {
        font-size: 42px;
        font-weight: 700;
        color: #f69d27
    }
    
    #surveys .sub-title {
        color: #f69d27;
        font-size: 24px
    }
    
    #surveys .surv-email, #surveys .surv-error, #surveys .surv-print, #surveys .surv-send {
        display: block;
        margin: 0 auto;
        width: 100px;
        height: 100px
    }
    
    #surveys .surv-print {
        background: url(../images/common/eye.svg) center center no-repeat
    }
    
    #surveys .surv-email {
        background: url(../images/common/mail.svg) center center no-repeat
    }
    
    #surveys .surv-choose label {
        line-height: 24px;
        font-style: italic;
        font-size: 16px
    }
    
    #surveys .surveys-navi h5 {
        font-size: 20px;
        margin-bottom: 20px
    }
    
    #surveys .surv-link {
        display: block;
        padding: 10px 15px;
        color: #c39e6d;
        font-weight: 700;
        text-decoration: none
    }
    
    #surveys .surv-link.active {
        display: inline-block;
        color: #302b29;
        font-weight: 700;
        padding: 10px 20px;
        background-color: #f69d27
    }
    
    #surveys .surv-two {
        padding-top: 37px;
        padding-bottom: 37px
    }
    
    #surveys .surv-or {
        display: inline-block;
        z-index: 1;
        position: relative;
        background: #1f1a18;
        padding: 0 10px
    }
    
    #surveys strong {
        font-weight: 700
    }
    
    #surveys .surv-two::after {
        content: " ";
        width: 145%;
        height: 1px;
        top: 50px;
        left: -53px;
        right: -55px;
        position: absolute;
        background-color: #5e5e5e
    }
    
    #surveys .btn-email, #surveys .btn-print {
        padding: 6px 25px;
        font-size: 15px;
        line-height: 24px
    }
    
    #surveys .btn-email i, #surveys .btn-print i {
        position: relative;
        top: 1px
    }
    
    #surveys .surv-send {
        background: url(../images/common/send.svg) center center no-repeat
    }
    
    #surveys .surv-error {
        background: url(../images/common/error.svg) center center no-repeat
    }
    
    .surv-ques__title {
        font-size: 16px;
        color: #ffead7;
        font-family: Montserrat;
        font-weight: 500
    }
    
    .surv-ques__note {
        font-size: 14px;
        color: #939598;
        font-weight: 400;
        font-style: italic
    }
    
    #surveys .survey__footer {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #5e5e5e;
        font-size: 20px
    }
    
    #surveys .survey__footer a {
        color: #f69d27
    }
    
    #surveys .survey__footer p {
        font-size: inherit
    }
    
    .controls>* {
        display: block;
        width: 16.6667%;
        margin-left: 0;
        height: 2.5rem;
        margin-top: 2.5rem
    }

    .controls .progress {
        position: absolute;
        top: 0;
        width: 100%;
        float: none;
        margin-top: 0
    }

    .controls .progress progress {
        width: 98%;
        margin: 0 auto
    }

    .controls button {
        background-position: center center
    }
}

.page__vi .map-disclaimer p {
    font-family: OpenSans, sans-serif;
    font-size: .75rem
}

#map-noti {
    font-weight: 500
}