@media screen and (max-width : 992px) {

    main {
        height: max-content;
        min-height: 75vh;
    }

    /* .menuAbsolute {
        position: absolute;
        width: 100%;
        top: 5vh;
        background-color: white;
        left: 0;
        z-index: 999999;
    }

    .topNav .navbar-nav .nav-link.active {
        border-radius: 0;
    }

    .btn-outline-light.navBtn {
        border-radius: 0;
        width: 100%;
    } */

    .roundedarea {
        width: 200%;
        border-radius: 0;
        /* min-height: 800px;
        height: 150%; */
        left: -50%;
        top: -50%;
        /* background-image: url(../images/banner-mobile-telegram.png); */
        background-image: none;
        background-repeat: no-repeat;
        background-position: 50% bottom;
        background-size: 50%;
    }

    h2.headerTxtBig {
        font-size: 300%;
        width: 100%;
        text-align: center;
    }
    
    p.headerTxt {
        width: 100%;
        font-size: 150%;
        text-align: center;
    } 
    
    .boxWhite::before {
        left: auto;
        right: 1vw;
    }
    .pgheader {
        position: static;
        transform: none;
        margin-top: 100px;
    }

    .contactForm {
        width: 96%;
        min-height: 76vh;
        right: -2%;
        top: 20px;
        position: relative;
        padding: 3%;
    }

    .socialContact {
        width: 8vw;
    }

    /* SECTION ONE */

    .txtPercentage {
        border-left: none;
        position: relative;
    }
    
    .txtPercentage::before {
        display: none;
    }

    /* END SECTION ONE */

    /* SECTION TWO */
    .icon.left, .icon.right {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* TAB */
    .multiTabContent {
        box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
        border: 2px solid #a6007b;
        border-radius: 3vh;
        /* background: #fff url(../images/tab-left-bg.svg) no-repeat left top; */
        background-size: 19.2% 100%;
        margin-inline: 0;
        padding-inline: 0;
        min-height: 50vh;
    }
    
    .leftTabBg {
        background: #fff url(../images/tab-left-bg.svg) no-repeat left top;
        border-radius: 3vh 0 0 3vh;
        padding: 1.5vh 1vw;
        width: 19%;

        display: none;
    }
    
    .leftTabBg ul.nav-tabs { 
        border: none;
    }
    
    .tabRightContent {
        width: 100%;
        padding: 1.5vh 2vw;
    }
    
    .nav-link.leftTablink {
        background-color: #fdfdfd52;
        color: #000;
        border-radius: 1.5vh;
        margin-bottom: 1vh;
        text-align: left;
        position: relative;
        width: 100%;
        border: none;
    }
    
    .nav-link.leftTablink:hover {
        border: none;
        background-color: #fdfdfd7e;
    }
    
    .leftTabBg ul li, .leftTabBg ul li:hover {
        border: none;
    }
    
    .nav-link.leftTablink::after {
        content: "";
        display: block;
        right: 2%;
        top: 12%;
        background: transparent url(../images/tab-arrow-inactive.png) no-repeat left top;
        position: absolute;
        width: 20px;
        height: 16px;
        background-size: 74%;
    }
    
    .nav-link.leftTablink.active {
        background-color: #ffbd1e;
        color: #fff;
    }
    
    .nav-link.leftTablink.active::after {
        content: "";
        display: block;
        right: 2%;
        top: 12%;
        background: transparent url(../images/tab-arrow.png) no-repeat left top;
        position: absolute;
        width: 20px;
        height: 16px;
        background-size: 74%;
    }
    
    .nav-link.subTabLink {
        background-color: transparent;
        color: #7d7d7d;
        font-weight: 600;
    }
    
    .nav-link.subTabLink.active {
        background-color: #ffbd1e;
        color: #fff;
    }
    
    .accordion-body.insurance {
        background: transparent url(../images/tab-insurance.jpg) no-repeat right top;
        height: 100%;
    }

    .star.two.right {
        display: none;
    }

     
    
    /* END TAB */

    .sectionHeadTop {
        font-size: 120%;
    }

    .logoOutline { 
        width: 100%;
    }

}

 

@media (max-width: 991px) {
  .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }
}

@media (min-width: 1200px) {
    .contactForm {
        width: 26vw;
        min-height: 64vh;
    }

    .contactForm label {
        margin-bottom: 0.2vh;
    }
}

@media (min-width: 1440px) {
    .contactForm {
        width: 26vw;
        min-height: 52vh;
    }

    .contactForm label {
        margin-bottom: 0.2vh;
    }
}

@media screen and (max-width: 1500px) {
  

.margintopPotion {
      flex-direction: column; 
      width: 40%;
      margin-inline: auto;
      height: max-content;
      margin-top: 4vh;
  }

  .timelineYear {
    background-color: transparent;
    width: auto;
    margin-block: 100px;
}

.timelineYear > span {
    font-style: italic;
    font-size: 120%;
    font-weight: 600;
    background-color: red;
    padding: 20px;
    border-radius: 10px;
    top: -78px;
}


.yrDesc, .yrDesc.even  {
    text-align: center;
}

.yrDesc.even  {
    text-align: center;
    top: -72px;
}

.timelineYear::before {
    top: 100%;
}

.timelineYear:first-child:before {
    display: block;
}

.timelineYear::after {
    display: none;
}

.timelineYear:nth-child(2)::before, .timelineYear:nth-child(4)::before, .timelineYear:nth-child(6)::before, .timelineYear:nth-child(8)::before {
    top: 76%;
}

.futureGoal {
    padding: 1em 0.5em;
    text-align: center;
    font-size: 130%;
}
  
}

@media screen and (max-width: 1199px) {
    main {
        height: max-content;
        min-height: 1150px;
    }


    .roundedarea {
        border-radius: 0;
    }

    .pgheader {
        position: static;
        transform: none;
        margin-top: 100px;
    }

    .contactForm {
        width: 96%;
        height: 64vh;
        right: -2%;
        top: 20px;
        position: relative;
    }

}