@media only screen and (min-width: 992px) {	
    .hero-img-box::after { display: none; }
    .hero-top-text h1 { display: flex; align-items: center; }
    .hero-logo { margin-bottom: 0; position: relative; top: 0.7rem; margin-right: 0.6rem; left: -0.6rem; }
    .hero-top-text { max-width: 378px; width: 100%; }
    .hero-top-text h4 { color: #4BF053; font-size: 1.45rem; text-align: right; margin-top: -1.1rem; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1400px) {	
    .section-row { padding: 4rem 0; }    
    h1, .h1 { font-size: 3.1rem; }    
    h2, .h2 { font-size: 2.725rem; }     
    h3, .h3 { font-size: 2.3rem; }    
    h4, .h4 { font-size: 1.675rem; }    
    .section-title { margin-bottom: 2.5rem; }    
    .app-step-box h2 { font-size: 5rem; }    
    .hero-img-box { max-width: 60%; }    
    .footer-top { margin-top: 4rem; }
    .hero-top-text { max-width: 347px; }
    .hero-top-text h4 { font-size: 1.3rem; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1199px) {    
    body, .form-check-label { font-size: 16px; }    
    .hero-logo { max-width: 60px; width: 100%; margin-bottom: 0.3rem; }    
    h1, .h1 { font-size: 2.9rem; }    
    h2, .h2 { font-size: 2.425rem; }    
    h3, .h3 { font-size: 2.2rem; }    
    h4, .h4 {font-size: 1.575rem; }    
    .hidden-crisis-box h3 { padding-right: 2rem; }    
    .hidden-crisis-box figure { width: 100px; right: auto; bottom: -20%; left: calc(100% - 1.6rem); }    
    h6, .h6 { font-size: 1.15rem; }    
    .biohealth-app-box { font-size: 14px; }    
    .biohealth-app-box figure { height: 70px; width: 70px; margin: calc(1.3rem - 80px) auto 0.5rem; }    
    .app-step-list { padding-left: 0; }    
    .app-step-box h2 { font-size: 4.5rem; min-width: 60px; }    
    .app-step-sub-box { padding: 0 1rem; }    
    .form-control { height: 45px; }   
    .form-group .btn { min-height: 45px; }
    .hero-top-text { max-width: 320px; }
    .hero-top-text h4 { font-size: 1.2rem; }
    .step .form-check .form-check-label::after { top: 2px; }
    .step .form-check .form-check-label::before { left: 1px; top: 3px; }
    .step .form-check .form-check-input[type="radio"] + .form-check-label::before { top: 6px; }

}
/*==========================================================================================================*/
@media only screen and (max-width: 991px) {        
    .section-row { padding: 3rem 0; }    
    .footer-top { margin-top: 3rem; }    
    .section-title { margin-bottom: 2rem; }    
    h2, .h2 { font-size: 2.225rem; }    
    h3, .h3 { font-size: 2rem; }    
    .hero-box, .hidden-crisis-box, .hidden-crisis-box p { max-width: 100%; }    
    .hidden-crisis-box figure { display: none; }    
    .hidden-crisis-box h3 { padding-right: 0; }	
    .biohealth-app-list { padding-top: 1.5rem; }    
    .biohealth-app-list .row > div { margin-top: 60px; margin-bottom: 0; }    
    .biohealth-app-img-box .app-arow-ico { display: none; }    
    .biohealth-app-img-box figure { margin: 0; }    
    .app-step {  width: 100%; }    
    .app-step-box h2 { font-size: 4rem; min-width: 50px; }    
    .contact-form-box { padding: 1.5rem; }    
    .hero-text { text-align: center; width: 100%; max-width: 100%; padding-top: 1.5rem; border-radius: 0.6rem; position: relative; }    
    .hero-logo { position: absolute; left: 0; top:0.6rem; margin: 0; max-width: 55px; }    
    .hero-text h1 { padding-left: calc(55px + 0.2rem); margin-bottom: 0.3rem; display: inline-block; width: auto; position: relative; }    
    .hero-text h4 { color: #4BF053; }
    .hero-img-box::after { display: none; }
    
    .hero-top-text { max-width: 320px; margin: 0 auto; width: 100%; }
    .hero-top-text h4 { text-align: right; margin-top: -0.3rem; font-size: 1.2rem; }
    .about-new-img { display: block; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 767px) {    
    body, .form-check-label, .biohealth-app-box { font-size: 15px; }    
    .btn { font-size: 0.9rem; }    
    .btn figure { min-width: 10px; width: 10px; height: 10px; }    
    .hero-logo { max-width: 50px; margin-bottom: 0; }    
    h1, .h1 { font-size: 2.6rem; }    
    h2, .h2 { font-size: 1.925rem; }    
    h3, .h3 { font-size: 1.8rem; }    
    h4, .h4 { font-size: 1.375rem; }    
    h5, .h5 { font-size: 1.3rem; }    
    h6, .h6 { font-size: 1.05rem; }    
    .hidden-crisis-box { margin-bottom: 2rem; }    
    .app-step-box h2 { font-size: 3.5rem; min-width: 40px; }    
    .app-step-btn { min-width: 175px; }    
    .app-step-box { margin-bottom: 0; }    
    .form-control { padding: 0.6rem 1rem; border-radius: 0.4rem; }    
    .form-group .btn { border-radius: 0.4rem; }    
    .footer-bottom p { padding: 1.3rem 0; }    
    .footer-bottom { padding-top: 50px; margin-top: -50px; }    
    .modal-age-better .modal-header { position: fixed; right: 10%; }    
    .stepper { padding: 1rem 0.5rem; }    
    .form-check .form-check-input { margin-left: -1.8em; }    
    .hidden-crisis-video { height: 70vh; }
    .hidden-crisis-video video { transform: scale(1.3); transform-origin: bottom center; }
    .hidden-crisis-box h3 br { display: none; }    
    .biohealth-app-img-box h5 { display: none; }
    .hero-top-text { max-width: 285px; }
    .question-title { min-width: 180px; max-width: 180px; }
    .section-row.hero-row { min-height: 100vh; display: flex; flex-direction: column; background-size: auto 160%; }
    .test-free-box { margin-top: auto; background-color: transparent; margin-top: 2rem; }
    .hero-box p { max-width: 280px; margin-left: auto; margin-right: auto; }
    .section-row.hero-box { padding: 0; }
    .hero-box p { margin: 2rem auto; }
    .hero-img-box { max-width: 67%; }
    .hero-img-01 { z-index: 0; }
    .hero-img-01::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: #072728; background: linear-gradient(0deg, rgb(7, 39, 40) 0%, rgba(7, 39, 40, 0) 100%); height: 40%; }
    .hero-img-02 { top: -19%; left: -36.4%; max-width: 68%; }
    .hero-img-03 { max-width: 75%; top: -28%; right: -39%; }
    .hero-img-04 { max-width: 85%; right: -41.6%; bottom: -40%; left: auto; } 
    .hero-img-05 { left: -36%; bottom: -13.8%; max-width: 59%; z-index: 3; right: auto; }
    .hero-img-box { margin: 4rem auto !important; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 575px) {    
    .app-step-box { flex-direction: column; align-items: start; border: 1px solid #ffffff50; padding: 1rem; text-align: center; border-radius: 0.7rem; margin-top: 1rem; }    
    .app-step-box h2 { display: none; }    
    .app-step-btn { min-width: inherit; text-align: left; margin: 0.6rem 0 0 0; margin-left: auto; margin-right: auto; } 
    .app-step-sub-box p { opacity: 1; }    
    .app-step-sub-box { padding: 0 0; width: 100%; }        
    .section-row { padding: 2.5rem 0; }    
    .footer-top { margin-top: 2.5rem; }    
    h1, .h1 { font-size: 2.3rem; }    
    h2, .h2 { font-size: 1.625rem; }    
    h3, .h3 { font-size: 1.35rem; }    
    h4, .h4 { font-size: 1.175rem; }    
    h5, .h5 { font-size: 1.1rem; }    
    h6, .h6 { font-size: 1rem; }    
    .section-title { margin-bottom: 1.2rem; }    
    .card { padding: 1rem; }    
    .the-facts-box h6 { margin-bottom: 0.3rem; }    
    .contact-form-box { padding: 1.3rem; }    
    .form-control { font-size: 0.9rem; }    
    .modal-age-better .modal-header { position: fixed; right: 10%; }
    .hero-top-text { max-width: 246px; }
    .hero-top-text h4 { font-size: 0.9rem; }
    .hero-logo { max-width: 40px; top: 0.4rem; }
    .hero-text h1 { padding-left: calc(45px + 0.2rem); }
    .question-title { min-width: inherit; max-width: inherit; margin: 0 0 -0.7rem 0; font-size: 16px; width: 100%; }
    .coming-soon-box figure { padding: 0.6rem; width: 70px; height: 70px; }
    .section-row.hero-box { padding: 0; }
    
}
@media only screen and (max-width: 480px) {  
    h1, .h1 { font-size: 2rem; }
}