.quize_popup_case{}
.dimensions{ display: flex; flex-wrap: wrap; justify-content: space-between}
.dimensions > div{ width: calc(50% - 10px); margin-bottom: 10px;}

.quize-input-field.col2 .quize-inputs-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between}
.quize-input-field.col2 .quize-inputs-wrapper .quize-input-item-wrapper{ width: calc(50% - 10px); }
.quize-button{ color: #fff; background-color:  #2b4f9c; opacity: 1;     border: none; border-radius: 4px;}

.quize-fields{ max-width: none;}
.quize-title, .quize-input-item-title{ line-height: 1.2}

@media only screen and (min-width: 768px) {

    .quize_popup_case { max-width: 640px !important; padding-right: 280px;    }
    .quize_popup_case:after{ content: ''; display: block; position: absolute; height: 100%; width: 240px;
        top:0; right:0; bottom:0; margin:auto; background-image: url(quize-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center }

}


@media only screen and (min-width: 1100px) {

    .quize_popup_case { max-width: 800px !important; width:800px;  padding-right: 400px;    }
    .quize_popup_case:after{ width: 360px;  }

}