/* mobile layout */
@media (max-width: 419px) {
    div.logo-bar {
        height: 90px; /* was 80px */
    }

    div.logo-bar #left-logo {
        top: 5px;
        left: 0;
        width: 200px; /* was 160px */
        height: 100px;  /* was 80px */
        background-image: url('../images/adcg.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    div.logo-bar #right-logo {
        top: 25px;
        right: 0;
        width: 200px; /* was 160px */
        height: 100px;  /* was 80px */
        background-image: url('../images/em.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    #page-top div.title-bar {
        width: 98%;
    }

    a.btn {
        padding-top: 14px;
    }

    .row {
        margin-left: -15px;
        margin-right: 17px;
    }

}

/* wider screen mobile layout */
@media (min-width: 420px) {
    div.logo-bar {
        height: 100px; /* was 90px */
    }

    div.logo-bar #left-logo {
        top: 5px;
        left: 0;
        width: 200px; /* was 160px */
        height: 100px;  /* was 80px */
        background-image: url('../images/adcg.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    div.logo-bar #right-logo {
        top: 25px;
        right: 0;
        width: 200px; /* was 160px */
        height: 100px;  /* was 80px */
        background-image: url('../images/em.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    a.btn {
        padding-top: 14px;
    }

    .row {
        margin-left: -15px;
        margin-right: 17px;
    }
}

/* smallscreen layout */
@media (min-width: 600px) {
    @media (min-width: 600px) {
        div.logo-bar {
            height: 140px; /* slightly reduced from 150px */
        }

        div.logo-bar #left-logo {
            top: 5px;
            left: 0;
            width: 200px; /* was 160px */
            height: 100px;  /* was 80px */
            background-image: url('../images/adcg.png');
            background-size: contain;
            background-repeat: no-repeat;
        }

        div.logo-bar #right-logo {
            top: 25px;
            right: 0;
            width: 200px; /* was 160px */
            height: 100px;  /* was 80px */
            background-image: url('../images/em.png');
            background-size: contain;
            background-repeat: no-repeat;
        }

    }
    a.btn {
        padding-top: 12px;
    }

    .row {
        margin-left: -15px;
        margin-right: 17px;
    }
}


/* desktop layout */
@media (min-width: 800px) {
    div.logo-bar {
        height: 180px; /* was 160px */
    }

    div.logo-bar #left-logo {
        position: relative;
        top: 10px;
        left: 10px;
        width: 400px;   /* increased width to fit bigger em.png */
        height: 160px;
        background-image: url('../images/em.png'), url('../images/adcg2.png');
        background-repeat: no-repeat, no-repeat;
        background-size: 220px auto, 160px auto;
        background-position: right 10px center, left 10px center;
    }


    div.logo-bar #right-logo {
        top: 70px;  /* was 80px */
        right: 10px;
        width: 280px; /* was 250px */
        height: 72px;  /* was 64px */
        background-image: url('/_resources/images/Orima_Logo.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
}

.survey-full .question-box .option-box,
.survey-split .question-box .option-box {
    padding-left: 3em !important;
}

.survey-full .question-box .option-box .option-row,
.survey-split .question-box .option-box .option-row {
    margin: 7px 0 0 0 !important;
    padding: 2px !important;
    font-size: 17px;
}

.survey-full .question-box .option-box .sub-heading,
.survey-split .question-box .option-box .sub-heading {
    margin: 13px 0 3px 0;
    font-weight: bold;
    min-height: 13px;
    margin-top: 25px !important;
}

.option-row.sub-heading {
    padding-top: 30px;
}

.survey-full .question-heading,
.survey-split .question-heading {
    font-size: 20px;
}

.survey-full .question-box .option-box .option-row .rb-label,
.survey-split .question-box .option-box .option-row .rb-label,
.survey-full .question-box .option-box .option-row .cb-label,
.survey-split .question-box .option-box .option-row .cb-label {
    padding: 0;
    margin: 0;
    font-size: 17px;
}

.survey-full .question-heading .question-label {
    padding-bottom: 30px;
}

li {
    font-size: 17px
}