@media screen and (max-width: 1024px) {
    .coming-soon-section h1{font-size: 60px;}
    .coming-soon-section .countdown .time-box {padding: 8px ;min-width: 130px;}
    .coming-soon-section .countdown .time-box span {font-size: 28px;}
    .coming-soon-section  h2 { font-size: 28px; }
}
@media screen and (max-width: 767px) {
    .coming-soon-section .logo {width: 120px;height: 100px;}
    .coming-soon-section h1{font-size: 42px;}
   
    .coming-soon-section .countdown .time-box span {font-size: 22px;}
    .coming-soon-section .countdown {column-gap: 18px;}
    .coming-soon-section .countdown .time-box label, .coming-soon-section .notify-form input[type="email"], .coming-soon-section .notify-form button {font-size: 16px;}
    .coming-soon-section .notify-text {font-size: 18px;}  
    .coming-soon-section .notify-form button {padding: 10px 18px;}
    .coming-soon-section .countdown .time-box {min-width: 130px;}
}
@media screen and (max-width: 600px) {
    .coming-soon-section .logo {width: 100px;height: 90px;}
    .coming-soon-section h1{font-size: 35px;}
    .coming-soon-section  h2 {   font-size: 18px;}
        .coming-soon-section .countdown {column-gap: 8px;margin: 30px auto;}
    .coming-soon-section .countdown .time-box span {font-size: 18px;}


    .coming-soon-section .countdown .time-box label, .coming-soon-section .notify-form input[type="email"], .coming-soon-section .notify-form button {font-size: 14px;}
    .coming-soon-section .countdown .time-box {padding: 6px 8px;flex-direction: column;  row-gap: 2px;}
    .coming-soon-section .notify-text {font-size: 15px;}   
    .coming-soon-section{padding:40px 10px}
    .coming-soon-section .notify-form {max-width: 100%;height: 45px;}
    .coming-soon-section .countdown .time-box {min-width: unset;}
    .coming-soon-section .respiratory-content {column-gap: 10px;}
}