@media (min-width: 1200px) {

    main {
        min-height: 92vh;
    }


}

@media (min-width: 1366px) {
    main {
        min-height: 80vh;
    }
}

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

    main {
        height: 800px;
    }

    

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

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

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

    .leftBanner {
        width: 100%;
    }

    .sliderImage {
        left: 50%;
        right: auto;
        top: auto;
        bottom: -160%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .swiper-slide {
        width: 350px;
        background-size: cover;
    }

    .pgheader {
        top: 100px;
    }

    h2.headerTxtBig {
        font-size: 300%;
        width: 100%;
        text-align: center;
    }
    
    p.headerTxt {
        width: 100%;
        font-size: 150%;
        text-align: center;
    } 
    
    /* SECTION TWO */
     /* 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;
        background-image: none;
        background-color: #fff;
        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-image: none;
        background-color: #fff;
        border-radius: 3vh 0 0 3vh;
        padding: 1.5vh 1vw;
        width: 19%;
        display: none;
    }

    .subTabBlock {
        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;
    }
    
    a.sub-box {
        width: 100%;
        display: block;
    }

    a.sub-box {
        border-radius: 1vh;
        margin-right: 1%;
        /* width: 49%; */
        padding: 1.5vh 5vw 1.5vh 1.5vh;
        margin-top: 1.8vh;
    }
    
    a.sub-box {
        text-decoration: none;
        color: inherit;
        transition: box-shadow 1s;
    }
    
    a.sub-box:hover {
        box-shadow: rgba(50, 50, 93, 0.158) 0px 50px 100px -70px inset, rgba(0, 0, 0, 0.219) 0px 30px 60px -30px, rgba(10, 37, 64, 0.212) 0px -2px 6px 0px inset;
    }
    
    
    
    /* END TAB */
    
    /* END SECTION TWO */

    /* SECTION THREE */

    .multiTabContent {
       
        background-image: none;
        background-color: #fff;
        /* margin-inline: 0;
        padding-inline: 0; */
    }

    .tabLeftNavigation {
        width: 36%;
    }

    .nav-link.homeTab {
        width: 100%;
    }

    .sub-box {
        width: 100%;
    }

    .sub-box.sms, .sub-box.gvm, .sub-box.ip, .sub-box.wa, .sub-box.richCo, .sub-box.telegram {
        background-image: none;
    }

    

    .logoMarqueeSection {
        margin-block: auto;
        top: auto;
        transform: none;
        position: static;
        left: auto;
      }

      .logoMarqueeSection  .default-content-container {padding-inline: 0; }

    .clientslogo {
        width: 100%;
        padding-left: 0;
    }

    section.five {
        border-radius: 0;
    }

    .clientslogo img {
        width: 100%;
    }

    .sectionHead {
        width: 100%;
        font-size: 120%;
        padding-bottom: 1vh;
    }

    .cirtificateImg img {
        width: 100%;
    }

    .cirtificateImg {
        width: 100%;
        text-align: center;
    }

    .seven {
        background: #fbf8f0;
    }

    .trustBox div span:first-child {
        border-right: none;
    }

    .rightCWtext {
        position: static;
        transform: none;
        padding-top: 4vh;
    }

    .w-70 {
        width: 100%;
    }

    .latbtm {
        width: 100%;
    }

    .latbtm img {
        width: 100%;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .arrow {
        display: none;
    }

    .star {display: none;}
    
    /* .tab-content>.tab-pane {
        display: block;
        opacity: 1;
      } */

      .clientslogo {
        width: 100%;
    }

    /* END SECTION THREE */
    /* SECTION FIVE */
    .sectorBoxImg {
        position: static;
    }
    
    .sectorBoxImg img:nth-child(1) {
        width: 100%;
        display: none;
    }
    
    .sectorBoxImg img:nth-child(2) {
        width: 100%;
        display: block;
        border-radius: 3vh 3vh 0 0;
    }

    

    .mt-10vh {
        margin-top: 2.2vh;
    }
    /* END SECTION FIVE */

    /* SECTION SIX */
    .testimonialClientImg {
        top: 0;
        left: 10%;
    }

    .textimonialsTxt i {
        min-height: max-content;
        padding-top: 1vh;
    }
    .testimonialClientImg img {
        width: 30%;
        aspect-ratio: 1 / 1;
        border-radius: 50vh;
        text-align: center;
        margin-inline: auto;
    }

    .testimonalName::before {
        width: 80px;
        right: 25%;
    }
    /* END SECTION SIX */
}

@media (max-width: 991px) {

    h2.headerTxtBig {
        font-size: 230%;
        width: 100%;
        text-align: center;
    }

    .sectionHeadTop {
        font-size: 150%;
    }

    .cardHead {
        font-size: 140%;
    }
    
    p.headerTxt {
        width: 100%;
        font-size: 150%;
        text-align: center;
    } 
    
    .boxWhite::before {
        left: auto;
        right: 1vw;
    }

    .boxWhite h3 {
        font-size: 110%;
    }

    .font120 {
        font-size: 100%;
    }


    /* 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%);
    }
    /* END SECTION TWO */

    /* SECTION THREE */

    .multiTabContent {
       
        background: #fff;
        background-size: 35% 100%;
        /* margin-inline: 0;
        padding-inline: 0; */
    }

    .tabLeftNavigation {
        width: 36%;
    }

    .nav-link.homeTab {
        width: 100%;
    }

    .sub-box {
        width: 100%;
    }

    .sub-box.sms, .sub-box.gvm, .sub-box.ip, .sub-box.wa, .sub-box.richCo, .sub-box.telegram {
        background-image: none;
    }

    .clientslogo {
        width: 100%;
        padding-left: 0;
    }

    section.five {
        border-radius: 0;
    }

    .clientslogo img {
        width: 100%;
    }

    .sectionHead {
        width: 100%;
        margin-bottom: 5%;
    }

    .cirtificateImg img {
        width: 100%;
    }

    .cirtificateImg {
        width: 100%;
        text-align: center;
    }

    .seven {
        background: #fbf8f0;
    }

    .trustBox div span:first-child {
        border-right: none;
    }

    .rightCWtext {
        position: static;
        transform: none;
        padding-top: 4vh;
    }

    .w-70 {
        width: 100%;
    }

    .latbtm {
        width: 100%;
    }

    .latbtm img {
        width: 100%;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .arrow {
        display: none;
    }

    .star {display: none;}
    
    /* .tab-content>.tab-pane {
        display: block;
        opacity: 1;
      } */

    /* END SECTION THREE */

    .seven {
        background-color: #fbf8f0;
    }
    
    .seven ::before, .seven::after {
        display: none;
    }
    
    .tab-content>.tab-pane.tabRightBg {
      display: block;
      opacity: 1;
    }

    .tab-content>.tab-pane.tabRightBg {
        display: block;
        opacity: 1;
      }

  }

  @media (min-width: 992px) {
    .navbar-expand-lg.topNav .navbar-nav .dropdown-menu {
    /* position: absolute;
    right: 0;
    width: 60%; */
}
}