/*==================================================
INDIANASTROVEDIC
SERVICE BENEFITS RESPONSIVE
==================================================*/

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

@media (max-width:1200px){

.section-heading h2{

font-size:42px;

}

.benefit-card{

padding:35px 28px;

}

.benefit-card h3{

font-size:24px;

}

}

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

@media (max-width:991px){

.service-benefits{

padding:80px 0;

}

.section-heading{

margin-bottom:50px;

}

.section-heading h2{

font-size:36px;

}

.section-heading p{

font-size:17px;

}

.benefit-card{

text-align:center;

padding:35px 25px;

}

.benefit-icon{

margin:0 auto 25px;

}

.benefit-number{

font-size:60px;

right:18px;

bottom:10px;

}

}

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

@media (max-width:767px){

.service-benefits{

padding:60px 0;

}

.section-heading span{

font-size:12px;

padding:8px 18px;

}

.section-heading h2{

font-size:30px;

line-height:1.3;

}

.section-heading p{

font-size:16px;

}

.benefit-card{

padding:30px 22px;

border-radius:20px;

}

.benefit-icon{

width:70px;

height:70px;

font-size:28px;

}

.benefit-card h3{

font-size:22px;

}

.benefit-card p{

font-size:15px;

line-height:1.8;

}

.benefit-number{

font-size:52px;

}

}

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

@media (max-width:480px){

.section-heading h2{

font-size:26px;

}

.benefit-card{

padding:25px 20px;

}

.benefit-icon{

width:65px;

height:65px;

font-size:24px;

}

.benefit-card h3{

font-size:20px;

}

.benefit-card p{

font-size:14px;

}

.benefit-number{

font-size:44px;

right:15px;

bottom:10px;

}

}