@media only screen and (max-width: 1199px){
    .hero .hero-content.dark .section-title h1.main {
        font-size: 32px;
        line-height: 40px;
    }
    .hero .hero-content.dark .section-title p.main {
    font-size: 16px;
    line-height: 24px;
}
.section-title h2 {
    font-size: 26px;
    line-height: 36px;
}
.approach-item{
            min-height: 300px;
        padding: 20px;
}
body{
    font-size: 16px;
}
}

@media only screen and (max-width: 991px){
 .about-us .row.align-items-center{
    align-items: start!important;
 }
}

@media only screen and (max-width: 767px){
    .about-us-image-1 figure img{
        margin-bottom: 20px;
    }
    .tavi-who-content{
        padding: 25px 0px;
    }
    .tavi-who-image{
        margin-bottom: 30px;
    }
        .our-testimonials-elite {
        padding:35px 0;
    }
    .our-testimonials-elite::before{
            background: #000000ab;
    }
    .our-testimonials-elite{
        background-position: left center;
    }
    .contact-us-form{
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 575px){
.navbar-brand .logo .logo-icon img {
    max-height: 50px;
}
.navbar .container{
    gap: 9px;
}
.slicknav_btn{
    width: 28px;
    height: 28px;
}
.slicknav_icon .slicknav_icon-bar{
    height: 2px;
    width: 15px;
}
   .header-btn .btn-default {
        font-size: 14px;
        padding: 11px 6px 11px 40px;
    }
      .header-btn .btn-default::before {
        height: 27px;
        width: 27px;
    }
        .hero .hero-content.dark .section-title h1.main {
        font-size: 26px;
        line-height: 34px;
    }
        .hero {
        padding: 70px 0 0;
    }
    .about-us-image-1 figure{
                margin-right: -120px;
    }
    .btn-default{
        line-height: 26px;
                padding: 8px 7px 8px 50px;
    }   
.service-item-image{
        width: 160px;
    height: 160px;
}
    .service-item .icon-box {
        padding-top: 10px;
    }
        .section-title h2 {
        font-size: 24px;
        line-height: 34px;
    }
        .page-header {
        padding: 90px 0 30px;
    }
        .page-header-box h1 {
        font-size: 22px;
        line-height: 32px;
    }
    .navbar-toggle .slicknav_nav {
    width: 300px;
}
    .service-entry h2 {
        font-size: 20px;
        line-height: 30px;
    }

}