/*=============================================
        ABOUT RESPONSIVE
=============================================*/

/*==================================================
            1200px
==================================================*/

@media (max-width:1200px){

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

.our-story h2{
    font-size:46px;
}

.section-heading h2{
    font-size:46px;
}

.ready-grow-box h2{
    font-size:50px;
}

.process-line{
    left:8%;
    width:84%;
}

}


/*==================================================
            992px
==================================================*/

@media (max-width:991px){

.about-hero{

    padding:120px 0 70px;

}

.about-hero .row{

    min-height:auto;

}

.about-hero .col-lg-6{

    text-align:center;

}

.about-breadcrumb{

    justify-content:center;

}

.about-tag{

    margin:0 auto 25px;

}

.about-hero h1{

    font-size:48px;

}

.about-hero p{

    max-width:100%;

}

.hero-buttons{

    justify-content:center;

}

.about-hero-image{

    margin-top:60px;

}

.about-hero-image img{

    max-width:430px;

}

.our-story{

    padding:80px 0;

}

.story-image{

    margin-bottom:50px;

}

.story-image img{

    max-width:500px;

}

.our-story h2{

    font-size:42px;

    text-align:center;

}

.our-story p{

    text-align:center;

}

.story-features{

    max-width:500px;

    margin:35px auto;

}

.feature-item{

    justify-content:center;

}

.our-story .consultation-btn{

    display:table;

    margin:30px auto 0;

}

.why-choose{

    padding:80px 0;

}

.section-heading{

    margin-bottom:50px;

}

.section-heading h2{

    font-size:42px;

}

.process-line{

    display:none;

}

.process-card{

    margin-bottom:40px;

}

.impact-card{

    margin-bottom:30px;

}

.ready-grow{

    padding:80px 0;

}

.ready-grow-box{

    padding:60px 40px;

}

.ready-grow-box h2{

    font-size:42px;

}

}

/*==================================================
            768px
==================================================*/

@media (max-width:768px){

.about-hero{

    padding:100px 0 60px;

}

.about-hero h1{

    font-size:40px;

    line-height:1.2;

}

.about-hero p{

    font-size:16px;

    line-height:1.8;

}

.about-hero-image{

    margin-top:50px;

}

.about-hero-image img{

    max-width:360px;

}

.hero-buttons{

    flex-direction:column;

    gap:15px;

}

.hero-buttons .btn{

    width:100%;

    max-width:320px;

}

.our-story{

    padding:70px 0;

}

.story-image{

    margin-bottom:40px;

}

.story-image img{

    max-width:100%;

}

.our-story h2{

    font-size:36px;

}

.our-story p{

    font-size:16px;

}

.feature-item{

    font-size:16px;

}

.section-heading{

    margin-bottom:45px;

}

.section-heading h2{

    font-size:36px;

}

.section-heading p{

    font-size:16px;

}

.why-card{

    min-height:auto;

    padding:35px 25px;

}

.process-card{

    padding:35px 25px;

}

.process-card h4{

    font-size:24px;

}

.impact-card{

    padding:35px 25px;

}

.impact-card h3{

    font-size:46px;

}

.ready-grow{

    padding:70px 0;

}

.ready-grow-box{

    padding:50px 30px;

}

.ready-grow-box h2{

    font-size:36px;

}

.ready-grow-box p{

    font-size:16px;

}

.ready-grow-box .consultation-btn{

    width:100%;

    max-width:320px;

}

.faq-section{

    padding:70px 0;

}

.contact-section{

    padding:70px 0;

}

}

/*==================================================
            576px
==================================================*/

@media (max-width:576px){

.about-hero{

    padding:90px 0 50px;

}

.about-breadcrumb{

    font-size:14px;

    text-align:center;

}

.about-tag{

    font-size:14px;

    padding:10px 18px;

}

.about-hero h1{

    font-size:32px;

    line-height:1.25;

}

.about-hero p{

    font-size:15px;

}

.about-hero-image img{

    max-width:290px;

}

.hero-buttons .btn{

    width:100%;

    padding:14px 22px;

}

.our-story{

    padding:60px 0;

}

.story-tag{

    font-size:14px;

    padding:10px 18px;

}

.our-story h2{

    font-size:30px;

}

.our-story p{

    font-size:15px;

}

.story-image img{

    border-radius:20px;

}

.feature-item{

    font-size:15px;

}

.section-heading h2{

    font-size:30px;

}

.section-heading p{

    font-size:15px;

}

.why-card{

    padding:30px 22px;

}

.why-icon{

    width:75px;

    height:75px;

    font-size:28px;

}

.why-card h4{

    font-size:22px;

}

.process-card{

    padding:30px 20px;

}

.process-number{

    width:42px;

    height:42px;

    font-size:16px;

}

.process-icon{

    width:75px;

    height:75px;

    font-size:28px;

}

.process-card h4{

    font-size:22px;

}

.impact-card{

    padding:30px 20px;

}

.impact-card h3{

    font-size:40px;

}

.impact-card h5{

    font-size:20px;

}

.ready-grow{

    padding:60px 0;

}

.ready-grow-box{

    padding:40px 20px;

    border-radius:25px;

}

.ready-grow-box h2{

    font-size:30px;

}

.ready-grow-box p{

    font-size:15px;

}

.ready-grow-box .consultation-btn{

    width:100%;

}

.faq-section{

    padding:60px 0;

}

.contact-section{

    padding:60px 0;

}

}

/*==================================================
            400px
==================================================*/

@media (max-width:400px){

.about-hero h1{

    font-size:28px;

}

.about-hero-image img{

    max-width:240px;

}

.about-tag{

    font-size:13px;

}

.story-tag{

    font-size:13px;

}

.our-story h2{

    font-size:26px;

}

.section-heading h2{

    font-size:26px;

}

.ready-grow-box h2{

    font-size:26px;

}

.hero-buttons .btn{

    font-size:14px;

}

.ready-grow-box .consultation-btn{

    font-size:15px;

}

}