/* =========================
LARGE LAPTOP
========================= */
/* =========================
15.6 INCH LAPTOP TWEAK
========================= */

@media (min-width:1366px) and (max-width:1920px){

.headline{

font-size:
clamp(44px,4.3vw,72px);

}

}

@media(max-width:1200px){

/* COMMON */

.container{

padding-inline:40px;

}

/* LANDING */

.hero-content{

max-width:1480px;

}

.headline{

font-size:
clamp(64px,6vw,108px);

}

.headline-container{

min-height:360px;

}

/* HOME */

.hero-title{

font-size:
clamp(54px,5vw,78px);

}

.country-number{

font-size:110px;

}

.step-number{

font-size:90px;

}

.know-btn{

right:-100px;

}

/* KNOW MORE */

.protocol-grid{

grid-template-columns:
repeat(3,1fr);

}

.blog-grid{

grid-template-columns:
repeat(3,1fr);

}

}

/* =========================
TABLET
========================= */

@media(max-width:992px){

/* COMMON */

.container{

padding-inline:30px;

}

/* LANDING */

.hero{

padding:
70px 0 70px;

min-height:100vh;

}

.hero-content{

padding-inline:24px;

margin-top:-10px;

}

.logo-wrap{

margin-bottom:70px;

}

.logo-image{

max-width:350px;

}

.headline-container{

min-height:280px;

margin-bottom:30px;

}

.headline{

font-size:
clamp(54px,7vw,82px);

line-height:.94;

letter-spacing:-2px;

}

.hero-subtext{

font-size:17px;

max-width:640px;

}

.hero-btn{

width:300px;
height:74px;

}

/* HOME */

.home-hero{

padding-bottom:120px;

}

.hero-title{

font-size:
clamp(44px,6vw,68px);

line-height:1.04;

}

.countries{

grid-template-columns:1fr;

gap:50px;

margin:
70px auto 60px;

}

.know-btn{

position:relative;

right:auto;
bottom:auto;

margin:
20px auto 0;

}

.steps{

grid-template-columns:1fr;

gap:90px;

}

.step-text{

max-width:500px;

margin:auto;

}

.step-number{

font-size:80px;

}

.bottom-row,
.address{

font-size:18px;

}

/* KNOW MORE */

.protocol-grid{

grid-template-columns:
1fr 1fr;

}

.blog-grid{

grid-template-columns:
1fr 1fr;

}

.protocol-card{

padding:
52px 34px;

}

}

/* =========================
MOBILE
========================= */

@media(max-width:768px){

/* COMMON */

.container{

padding-inline:24px;

}

.topbar{

padding-top:34px;

}

.lang{

top:34px;
right:24px;

font-size:15px;

}

#countdownTimer {

    top: 70%;}
    .btn {
    height: auto;padding:20px;text-align: center;}
    .studies-title{font-size: 30px;}
    .mint-title{font-size: 23px;font-weight: 700;}

/* LANDING */

.hero{

padding:
42px 0 60px;

min-height:100svh;

}

.hero-content{

padding-inline:24px;

margin-top:-10px;

}

.logo-wrap{

margin-bottom:0px;

}
.health-action {
    margin-top: 10px;}
.logo-image{

max-width:350px;

}

.headline-container{

min-height:220px;

margin-bottom:26px;

}

.headline{
font-size:
clamp(42px,11vw,64px);

line-height:.94;

letter-spacing:-2px;

}

.hero-subtext{

max-width:80%;

font-size:23px;

line-height:1.9;

margin-bottom:20px;

}

.hero-btn{

width:100%;
max-width:320px;

height:68px;

font-size:12px;

letter-spacing:3px;

}

.progress{

margin-top:40px;

}

/* HOME */

.home-hero{

padding-top:10px;
padding-bottom:40px;

}

.hero-title{

font-size:
clamp(38px,9vw,56px);

line-height:1.04;

letter-spacing:-1.4px;

margin-bottom:26px;

}

.countries{

gap:44px;

margin:
60px auto 50px;

}

.country-number{

font-size:84px;

}

.info h3{

font-size:
clamp(36px,8vw,54px);

margin-bottom:22px;

}

.bottom-info{

padding:
90px 0 100px;

}

.bottom-row,
.address{

line-height:1.9;

}

.how-section{

padding:
110px 0;

}

.step-number{

font-size:90px;

}

.step-title{

font-size:36px;

}

.step-text{

max-width:100%;
}

.mint{

padding:
90px 24px;

}

.mint p{

font-size:
clamp(30px,7vw,44px);

line-height:1.26;
margin-bottom: 20px;

}

.booking-grid{

grid-template-columns:
1fr;

gap:50px;

}

/* KNOW MORE */

.protocol-grid,
.blog-grid{

grid-template-columns:1fr;

}

.protocol-card{

padding:
42px 28px;

}

.protocol-number{

font-size:68px;

}

.blog-card img{

height:420px;

}

.blog-content{

padding:22px;

}

.blog-content h3{

font-size:25px;

}
.hero-video{
object-position:center 30%;
transform:scale(1.0);
}
    .steps {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 10px;
    }
    .hale-note {
    font-size: 20px;}
        .booking-section {
        padding: 30px 0;
        text-align: center;
    }
    .doctor-intro{
    position:relative !important;
}
.doctor-layout {
    grid-template-columns: auto;}

.protocol-hero .hero-title, .health-section .section-title, .protocol-card h3{font-size: clamp(30px, 5.8vw, 50px);}
.contenttitle{font-size: 35px;}
html[lang="hi"] .hero-title, html[lang="hi"] .editorial-title, html[lang="hi"] .studies-title, html[lang="hi"] .section-title {
    font-size: 22px !important;
    font-weight: 300;
    letter-spacing: 0px;
}
    .checksizes strong, .bottom-row, .address,.step-title { 
    font-size: 20px;
}
    .step-text, .protocol-card p {
        font-size: 18px;
    }
        .health-section, .bottom-info, .editorial-section, .how-section, .mint {
        padding: 40px 0 40px;
    }
    .how-title{margin: 22px auto 20px;}




}



































/* =========================
SMALL MOBILE
========================= */

@media(max-width:480px){

/* COMMON */

.container{

padding-inline:20px;

}

/* LANDING */

.hero{

padding:
34px 0 50px;

}

.logo-image{

max-width:170px;

}



.headline{

    font-size: clamp(30px, 9vw, 42px);

    line-height: .96;

    letter-spacing: -1.5px;

}

.hero-subtext{

font-size:20px;

line-height:1.2;

}

.hero-btn{

height:60px;

font-size:16px;

letter-spacing:2px;

}

/* HOME */

.hero-title,
.section-title,
.editorial-title,
.how-title{

font-size:
clamp(30px,9vw,42px);

line-height:1.08;

}

p{

font-size:14px;

line-height:1.9;

}

.country-number{

font-size:68px;

}

.step-number{

font-size:50px;

}

.step-title{
font-size:25px;
}



/* KNOW MORE */
.protocol-number{
font-size:58px;

}

.protocol-card{
padding:
38px 24px;
}

.blog-card img{
height:200px;
}
.protocol-text {
    font-size: 22px;
    line-height: 1.9;    margin: 38px auto 0;}

    .editorial-title{
        margin-top: 20px;
    }
    .editorial-line {
    display: none;}
    .margintpcls{margin-top: 0px}
}