/*==================================================
INDIANASTROVEDIC
SERVICE PROCESS RESPONSIVE
==================================================*/

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

@media (max-width:1200px){

.process-wrapper{

max-width:850px;

}

.process-content{

padding:30px;

}

.process-content h3{

font-size:26px;

}

}

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

@media (max-width:991px){

.service-process{

padding:80px 0;

}

.process-wrapper{

margin-top:50px;

}

.process-wrapper::before{

left:40px;

}

.process-item{

padding-left:90px;

gap:25px;

}

.process-icon{

width:80px;

height:80px;

font-size:30px;

}

.process-content{

padding:28px;

}

.process-content h3{

font-size:24px;

}

}

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

@media (max-width:767px){

.service-process{

padding:60px 0;

}

.process-wrapper::before{

display:none;

}

.process-item{

display:block;

padding-left:0;

margin-bottom:35px;

}

.process-number{

position:relative;

margin:0 auto 20px;

left:auto;

top:auto;

}

.process-icon{

margin:0 auto 20px;

width:75px;

height:75px;

font-size:28px;

}

.process-content{

text-align:center;

padding:25px 22px;

}

.process-content h3{

font-size:22px;

}

.process-content p{

font-size:15px;

line-height:1.8;

}

}

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

@media (max-width:480px){

.process-icon{

width:65px;

height:65px;

font-size:24px;

}

.process-number{

width:38px;

height:38px;

font-size:14px;

}

.process-content{

padding:22px 18px;

}

.process-content h3{

font-size:20px;

}

.process-content p{

font-size:14px;

}

}