.module-s3 {margin: 10px 20px !important;}
@media screen and (max-width: 992px) {
    .module-s3 {width: 180px;height: 180px;font-size: 14px;margin: 10px !important; padding: 5px !important;}
}
@media screen and (max-width: 768px) {
    .module-s3 {width: 130px;height: 130px;font-size: 14px;margin: 10px !important; padding: 5px !important;}
}
@media screen and (max-width: 568px) {
    .logo{height: 100px;width: auto;}
     .rowpad-resp {padding: 0 5px !important;}
    .prog-bar{margin-top: 1rem !important;}
    .quiz-header{font-size: 22px;margin-top: 10px;margin-bottom: 15px;}
    .step-header{font-size: 16px;}
    .gender-section{margin-top: 1rem;}
    .gender{width: 150px;}
    .gender img{width: 150px;margin-top: 1rem;}
    .gender-or{margin:10px !important;}
    .gender-or img{margin-top: 10px !important;margin-bottom: 10px !important;width: 30px;}
    #male img{margin-top: 0;}
    
    .daily-activity-header{margin-top: 1rem;font-size: 22px;}
    .daily-activity-answers{margin-top: 1rem;margin-bottom: 0 !important;font-size: 16px;}
    .daily-activity-answers .mt-5{margin-top: 1rem !important;}
    #step-2 button{font-size: 14px;}
    .module-s3 {width: 120px;height: 120px;font-size: 14px;margin: 10px !important; padding: 5px !important;}
    .module-s3 img{width: 45px;}
    .quest-header{margin-top: 1rem !important;margin-bottom: 1rem !important; font-size: 24px;}
    .sub-quest-header{margin: 0 !important;}
    .next-btn{margin-top: 0;width: 180px;}
    .next-btn img{margin-top: 0 !important;width: 160px;}
}