/*==================================================
INDIANASTROVEDIC
SERVICE HERO RESPONSIVE
==================================================*/

/*=========================================
Large Laptop
=========================================*/

@media (max-width:1400px){

.hero-left h1{
font-size:56px;
}

.hero-right{
height:650px;
}

.premium-circle{
transform:scale(.90);
}

.floating-card{
width:220px;
}

}

/*=========================================
Laptop
=========================================*/

@media (max-width:1200px){

.hero-left h1{
font-size:48px;
}

.hero-description{
font-size:17px;
}

.hero-features{
grid-template-columns:1fr;
}

.hero-right{
height:620px;
}

.premium-circle{
transform:scale(.82);
}

.rating-card{
left:10px;
}

.consultation-card{
left:10px;
}

.experience-card{
right:10px;
}

.confidential-card{
right:10px;
}

.hero-bottom{
grid-template-columns:repeat(2,1fr);
}

}

/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

.service-hero{

padding:70px 0;

text-align:center;

}

.hero-left{

margin-bottom:60px;

}

.hero-left h1{

font-size:42px;

}

.hero-description{

font-size:17px;

}

.hero-buttons{

justify-content:center;

}

.hero-price{

justify-content:center;

}

.hero-right{

height:auto;

padding-top:30px;

}

.premium-circle{

transform:scale(.75);

margin:0 auto 40px;

}

/* Floating cards become normal cards */

.floating-card{

position:relative;

left:auto !important;

right:auto !important;

top:auto !important;

bottom:auto !important;

margin:15px auto;

width:320px;

max-width:95%;

}

.hero-bottom{

margin-top:40px;

grid-template-columns:1fr 1fr;

gap:18px;

}

}

/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

.service-hero{

padding:55px 0;

}

.hero-breadcrumb{

display:none;

}

.hero-badge{

font-size:13px;

padding:10px 18px;

}

.hero-left h1{

font-size:34px;

line-height:1.2;

}

.hero-description{

font-size:16px;

line-height:1.8;

}

.hero-price{

flex-direction:column;

gap:10px;

}

.old-price{

font-size:22px;

}

.new-price{

font-size:42px;

}

.hero-buttons{

flex-direction:column;

gap:15px;

}

.btn-book,
.btn-whatsapp,
.btn-call{

width:100%;

justify-content:center;

}

.hero-right{

padding-top:0;

}

.premium-circle{

width:300px;

height:300px;

transform:scale(.62);

}

.center-card{

width:220px;

height:220px;

}

.service-icon{

width:70px;

height:70px;

font-size:30px;

}

.center-card h2{

font-size:22px;

}

.floating-card{

width:100%;

max-width:340px;

height:auto;

min-height:90px;

}

.hero-bottom{

grid-template-columns:1fr;

}

}

/*=========================================
Extra Small
=========================================*/

@media (max-width:480px){

.hero-left h1{

font-size:30px;

}

.hero-description{

font-size:15px;

}

.premium-circle{

transform:scale(.52);

}

.center-card{

width:190px;

height:190px;

}

.service-icon{

width:60px;

height:60px;

font-size:26px;

}

.center-card h2{

font-size:18px;

}

.floating-card{

padding:16px;

}

.floating-card h4{

font-size:18px;

}

.floating-card p{

font-size:13px;

}

.trust-box{

padding:16px;

font-size:14px;

}

}