.question {
    display: flex;
}

.question .question {
    padding: 0;
    margin-bottom: 5px;
}

.question .question span {
    margin-right: 5px;
}

.question__index {
    margin-right: 8px;
    color: #dc3545;
}

.sml-35 {
    width: calc(100% + 35px);
    margin-left: -35px;
}

.sml-20 {
    width: calc(100% + 20px);
    margin-left: -20px;
}

@media (max-width: 376px) {
    .heading--mb {
        font-size: 14px;
    }
}

@media (max-width: 330px) {
    .heading--mb {
        font-size: 12px;
    }
}

@media (max-width: 767px) {


    .full--width {
        width: 100%;
    }

    .justify--between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    body {
        font-size: 14px;
    }

    .h5, h5 {
        font-size: 1rem;
    }

    .d-mb-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .change-size {
        padding: .375rem .45rem;
    }

    .mb-mb-15 {
        margin-bottom: 15px;
    }

    .list-answer {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .list-answer .group-checkbox-image {
        padding: 0 10px;
    }

    .submit__actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .submit__actions button, .submit__actions .btn {
        font-size: 12px;
        margin-bottom: 20px;
        margin-right: 10px;
    }

    .table-result-cs {
        width: 500px;
    }

    .mb-pl-0 {
        padding-left: 0 !important;
    }

    .login_form {
        max-width: 90%;
        margin: auto;
        margin-top: 40px;
    }

    .modal-dialog ul {
        padding: 0;
        padding-left: 10px;
    }

    .modal-dialog .pagination {
        flex-wrap: wrap;
    }

    .modal-dialog .pagination .page-item {
        margin-bottom: 5px;
    }

    #collapseTwo {
        margin-bottom: 10px;
    }

    .question {
        padding: 5px;
        padding-left: 10px;
    }

    .header__heading.header--scrolled {
        display: none !important;
    }

    .mb-justify-end {
        justify-content: flex-end;
    }

    .header__timeout {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 7px;
    }

    .d-flex-wrap {
        flex-wrap: wrap;
    }

    .mb-mt-0 {
        margin-top: 0 !important;
    }

    .mb-none {
        display: none !important;
    }

    .table-result-cs .row-result {
        min-height: 60px;
    }

    .doublephotos__wrapper {
        flex-wrap: wrap;
    }

    .doublephotos__wrapper img {
        width: 100%;
    }

    .box-question-gc-24 .image-qs {
        top: 3px
    }

    .image-small-lg {
        max-width: 100% !important;
    }

    .list-answer .form-check-label {

    }

    .box-qs-gc-2-2 .answer-image img {
        max-width: 32px !important;
    }

    .mb--wfull img {
        max-width: 100% !important;
    }

    .parallelogram-content {
        font-size: 14px;
        padding-left: 5%;
    }

    .parallelogram-content > div {
        width: 100%;
        max-width: 155px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .parallelogram-content span {
        margin: 0;
    }

    .parallelogram-content .btn-cs {
        width: auto;
        font-size: 12px;
    }

    .table__career table {
        width: 750px;
        overflow-x: scroll;
    }

    .table__career .job-selected {
        font-size: 14px;
    }

    .border-box-qs {
        display: inline-block;
        min-height: 20px;
    }

    .mb--wrapper--align-end {
        align-items: flex-end;
    }

    .box-aw-image .list-answer .answer-image {
        height: auto;
    }

    .box-aw-image .list-answer {
        align-items: flex-end;
    }

    .question-box-img-cs-2 .answer .list-answer .group-checkbox-image img {
        max-width: 100% !important;
    }

    .question-box-img-cs-2 .answer-image {
        max-width: 80%;
    }

    .question-box-img-cs-2 .group-checkbox-image {
        margin-left: 20px;
    }
    .mb--mw200 img{
        max-width: 200px !important;
    }
    .parent--hasbg .answer img{
         max-width: 50px !important;
    }

    .mb-image-qs-mw200 .image-qs img{
        max-width: 200px !important;
    }

    .dk--img--absolute--200 .image-qs{
        margin-top: 20px;
    }
    .img--mt .image-qs{
        margin-top: 20px;
    }
    .qs-index-gc-2{
        font-size: 13px;
        padding: 3px 9px;
        border-radius: 8px;
    }


}

@media (max-width: 350px) {
    .btn-group-lg > .btn, .btn-lg {
        font-size: 1rem;
    }
}