@media (min-width: 768px) {
    .flex-1{
        flex: 1;
      }

}
@media (max-width: 991px) {
    .sectionCaption{
        width: 550px;
    }
    

}

@media (max-width: 820px) {
    .container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .hero_outer{
        height: 640px;
    }
    .eq-space96 {
        padding: 64px 0;
    }
    .eq-space80{padding: 3rem 0;}
    .gap56 {
        gap: 3rem;
    }
    .sectionCaption{
        width: 384px;
    }
    .sc_innerCard {
        padding: 32px 24px;
        min-height: auto;
    }
    .sectionImg {
        width: 384px;
        overflow: hidden;
        height: 440px;
    }
    .li_count span {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .sectionCaption li{
        gap: 16px;
    }
    .li_count {
        width: auto;
    }
    .sectionCaption ul {
        gap: 16px;
    }
    .formSection::before {
        display: none;
    }
    .pageForm {
        width: 100%;
    }
    .formCards{
        flex-direction: column;
        gap:0;
    }
    .fc_heroImg{
        display: block;
    }
    .formSection.eq-space96 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .formSection.eq-space96 .container{
        margin:0 !important;
        padding: 0 !important;
    }
    .pageForm{
        padding: 64px 40px;
    }
    .fc_imgCard {
        width: 100%;
    }
    .fc_imgCard .fc_heroImg{
        width: 100%;
        height: 576px;
        object-fit: cover;
        object-position: center;
    }
    .aboutVivilo .sectionTitle {
        flex-direction: column;

    }
    .aboutVivilo .sectionTitle.gap48 {
        gap: 1rem;
    }
    .aboutVivilo .sectionImg{
        height: auto;
    }
    .cta_sections {
        padding: 64px 40px;
    }
    .usp_list img{
        max-width: 88px;
    }
    .tabSection .nav-pills {
        max-width: none;
        width: 100%;
    }
    .nav-pills li{
        width: 50%;
    }
    .formSection.eq-space80 {
        padding: 0;
    }
    .formSection.eq-space80 .container{
        padding: 0;
    }

}

@media (max-width: 767px) {
    .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .tabSection .nav-link{
        min-width: auto;
        height: 48px;
    }
    .nav-pills{
        width: 100%;
    }
    .nav-item{
        width: 50%;
    }
    .tabSection .nav-link{
        width: 100%;
    }
    .faq_accordion .accordion-button{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    

}


@media (max-width: 640px) {

    .hero_outer {
        min-height: 540px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        
    }
    .herosection {
        padding-top: 2.5rem;
    }
    .website_logo {
        padding-top: 40px;
    }
    .gap56 {
        gap: 2.5rem;
    }
    .sectionCaption {
        width: 100%;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .sectionImg {
        width: 100%;
        height: auto;
    }
    .sectionImg img{
        width: 100%;
    }
    .featureCard{
        flex-direction: column !important;
    }
    .sc_innerCard {
        padding: 32px 0;
        min-height: auto;
        box-shadow:inherit !important
    }
    .helpTooltip{
        left: 0;
        right: 0;
        margin: 0 auto;
        position: fixed;
        bottom: 16px;
        height: auto;
        top: auto;
    }
    .helpTooltip::after{
        display: none;
    }
    .usp_list{
        flex-direction: column;
        gap: 48px;
    }
    .usp_list img{
        max-width: 80px;
        
    }
    .fc_imgCard .fc_heroImg {
        height: 320px;
    }
    .pageForm {
        padding: 64px 24px;
    }

    .form-control, .form-select {
        height: 56px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .button_Primary{
        height: 48px;
        font-size: 16px;
    }
    .tabSection .nav-link{
        font-size: 16px;
    }
    
    .why_vivilo .sectionImg img {
        height: 280px;
        object-fit: cover;
        object-position: center;
    }
    .aboutVivilo .sectionImg img {
        height: 320px;
        object-fit: cover;
        object-position: center;
    }
   
}