.questionnaire h2{border-bottom: 3px solid #cccccc; position: relative; padding-bottom: 12px; margin-bottom: 20px;}
.questionnaire h2::before {content: ""; position: absolute; left: 0; bottom: -5px; width: 9px; height: 9px; background: #de204f; border-radius: 10px;}
.questionnaire .box{padding: 40px; background: #f1f1f1; margin: 0 0 30px; border-radius: 5px;}
.questionnaire .box span{margin-right: 20px;}
.questionnaire .box .clearfix{margin: 0 0 20px;}
.questionnaire label{font-weight: normal; color: #318eef; font-size: 17px;}
.questionnaire label span{display: block; font-size: 14px; color: #666666; font-size: 14px;}
.questionnaire .input{width: 100%; border: 1px solid #CCCCCC; line-height: 46px; height: 46px; margin: 0 0 20px; padding: 0 10px;}
.questionnaire .submit{background: #318eef; color: #FFFFFF; font-size: 18px; text-transform: uppercase; padding: 0 80px; line-height: 60px; height: 60px; border-radius: 5px; display: table; margin: 0 auto; border: none; font-weight: bold; cursor: pointer}

@media only screen and (min-width:1600px) and (max-width:1799px) {

}

@media only screen and (min-width:1400px) and (max-width:1599px) {

}

@media only screen and (min-width:1200px) and (max-width:1399px) {

}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {

}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {

}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {

}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {

}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {

}