@media (max-width:568px) {
   .navbar-nav {
      align-items: start;
   }

   .navbar-toggler {
      border: 0;
   }

   .navbar-toggler:focus {
      box-shadow: none;
   }

   .footer-logo {
      width: 50% !important
   }

   .purplesq {
      position: absolute;
      height: 20%;
      width: 100%;
      z-index: 0;
      top: auto;
      bottom: 0;
      right: 0;
      background-color: #3C2A99;
      border-radius: 40px 40px 0 0;
   }

   .rounded-left {
      border-radius: 20px 20px 0 0;
   }

   .homeBannerText {
        position: absolute;
        top: unset;
        width: 100%;
        padding: 25px;
        max-width: 100%;
        left: 0;
        bottom: 0%;
   }
    .homeBannerImage {
        height: 90vh;
        background: #323092;
    }
  
   .quality {
      left: 0;
      bottom: -10px;
      transform: none;
      width: 100%;
      max-width: 100%;
   }

   .quality .text-center {
      flex: 1 0;
      padding: 20px 10px;

   }

   .rounded-full-start,
   .rounded-full-end {
      border-radius: 0;
   }

   .homeBannerImage .sq-white::after {
      right: -10px;
   }

   .homepage nav {
      background: #fff0;
      position: relative;
      transition: background-color 0.2s ease;

      border-bottom: 0 !important;
   }

   .homepage nav::after {
      content: '';
      width: 90%;
      margin: auto;
      height: 1px;
      background: #fff;
      position: absolute;
      left: 5%;
      bottom: -5px;
   }
   .homepage nav.hide-after::after{
      display:none;
   }

   .homepage header .bi {
      color: #fff;
      transition: color 0.2s ease;
   }

   .homeBanner {
      margin-top: -100px;
   }

   .girl-svg,
   .tablet-svg {
      display: none;
   }

   .links>li>a::after {
      height: 1px;
   }

   .home-ban .owl-nav {
      display: none !Important;
   }

   .bg-pink {
      padding: 40px 0;
      background: #FFD1F9;
   }

   .bg-pink h4 {
      text-align: center;
   }

   .text-xs-center {
      text-align: center !Important;
   }

   .reverse-col {
      flex-direction: column-reverse;
   }

   .bg-blue {
      align-items: center !Important;
      background: #74C0FF;
      padding: 40px 0;

   }

   .aboutus {
      background-image: none;
   }

   .bg-gradient-blue {
      margin: 20px;

      border-radius: 20px;
   }


   .bg-gradient-blue .col-md-3 {
      padding: 20px 0;
   }

   .bg-gradient-blue .br-l>.fw-bold {
      margin: 0;
   }

   .bg-gradient-blue .br-l>.fw-bold>.display-4 {
      font-size: 45px;
   }

   .hover-content {
      position: relative;
      background: #fff0;
      margin-top: 15px;
      padding: 0;
   }

   .slick-slide h5 {line-height: 25px; margin-top: 0!important;}

   .text-img-hover:hover .hover-content h5 {margin-bottom: 10px; line-height: 25px; margin-top: 0!important;}

   .hover-content p,
   .hover-content .btn-link-white {
      display: block
   }

   .hover-content p {
      color: #808080 !Important;
   }

   .hover-content h5 {
      color: #3C2A99 !important;
      font-weight: 600 !important;
      margin-bottom: 10px;
      text-align: left!important;

   }

   .hover-content .btn-link-white {
      color: #3C2A99 !important;

   }

   .hover-content .btn-link-white,
   .hover-content .btn-link-white svg {
      color: #3C2A99 !important;


   }

   .hover-content .btn-link-white::after {
      background: #3C2A99;
   }

   .products-card-home .product-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }

   .products-card-home .owl-nav {
      display: block !important;
   }

   .products-card-home {
      position: relative;
   }

   .products-card-home .owl-nav button {
      background: #ffffff !important;
      border: 1px solid #3C2A99 !important;
      color: #fff !important;
      border-radius: 100% !important;
      height: 30px;
      width: 30px;
      display: flex !important;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: calc(50% - 30px);
   }

   .products-card-home .owl-prev {
      left: calc(0% - 15px);
   }

   .products-card-home .owl-next {
      right: calc(0% - 15px);
   }

   .py-10 {
      margin: 0;
      padding: 30px 0;
   }

   .cstm-b {
      border: 1px solid #fff;
      border-radius: 20px;
      margin-top: 30px
   }

   .cstm-b .border-right {
      border-bottom: 1px solid #fff !important;
   }

   .bg-earth {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
   }

   .bg-handshake {
      height: 300px !important;
      border-radius: 0 0 20px 20px;
   }

   /* footer {
      text-align: center;
   } */

   .footer-logo {
      width: 30% !important;
      margin-bottom: 0px !important;
   }

   .cstm-col {
      grid-template-columns: auto;
   }

   .cstm-col a {
      width: 90%;
      margin: auto;
   }

   .cstm-col img {
      width: 100%;
   }

   .products-card-home .product-card img {
      width: 140px;
      height: 35px;
      margin: auto
   }

   .products-card-home .product-card p {
      font-size: 16px;
      text-align: center;
   }

   .text-img-hover:hover .hover-content {padding: 0;}

   .product-card h5 {
      margin-bottom: 10px;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
  }

   .product-card .btn-link {
      font-size: 16px;
   }

   .products-card-home .product-card {
      background-color: #F5F2FF;
      border: 1px solid #3C2A99 !important;
      padding: 30px 10px !important;
   }

   .products-card-home .owl-dots,
   .products-card-home .owl-nav {
      display: block;
   }

   .infra-owl .after::after {
      right: calc(0% - -25px);
   }

   .infra-owl .before::before {
      left: calc(0% - -25px);
   }

   header nav .navbar .links li .sub-menu {
      border: 0 !important;
   }

   .more-menu {
      position: static !important;
      margin-top: 10px;

   }

   .mt-xs-0 {
      margin-top: 10px;
   }

   .right-pattern,
   .left-pattern {
      display: none;
   }

   h5 {
      line-height: 25px;
      font-size: 17px;

   }

   .cstm-sq.sq {
      font-size: 22px;
   }

   .therapy-area .dropdown-toggle.show {
      color: #F5F2FF !important;
   }

   .fs-xs-18 {
      font-size: 18px;
   }
 
.js-sub-menu .nav-item .nav-link {
  padding: 0;
}
.r-xs-0.sq-white::after{
   right: 0 !important;
}

.timeline-item:nth-child(even) .timeline-content:before,
.timeline-item:nth-child(odd) .timeline-content:before {
  
  display:none;
}
.contact-details{
   position: relative;
  width: 95%;
  margin: auto;
  margin-bottom: 20px;
   
}

.cstm-right.sq-white::after{
   right:0;
   }
.mw-90{
   min-width: 90px !important;
}
.timeline .text-start .d-flex{
   flex-direction: column;
   align-items: flex-start !important;
   text-align:left;
}
.timeline  .d-flex{
   flex-direction: column;
   align-items: flex-start !important;
   text-align:left;
}
.timeline-item .timeline-content{
   width:95%; 
   padding-left:20px !important;
}
.timeline  .d-flex .ms-3{
   margin-left:0 !important;
}
.timeline-item{
   margin-left: 20px;

}
.timeline p img{
   margin-bottom:10px;
}
.timeline:before{
   left:1%;
}
.timeline-item .timeline-dot{
   left: calc(0% - 25px);

}
#history{
   border-radius:0%;
}

.homeBannerText .sq-white {font-size: 27px;}

.states .purpleSquare {font-size: 25px;}

.fs-18 {font-size: 16px;}

.job-card .posted-date::after {right: calc(0% - 75px);}

.product-btn {margin: 0 auto; left: 0;}

.mf-data .-mt-5 {margin-top: -15px;}

.mf-data .rounded {border-radius: 0!important;}
}




@media (min-width:768px) and (max-width:1199px) {
.contact-details{
width: 30%;
top: 33%;
   }
   .quality {

      position: relative;
    margin-top: 40px ;
    transform: translateX(0);
    margin-bottom: -130px;
   }
   .bg-earth {
      padding-bottom: 0;
   }
   
  
   
}

@media(max-width:576px){
    .popupContent{width:300px!important;}
}


@media (min-width:600px) and (max-width:767px) {
   .footer-logo {width: 20% !important;}
   .footerLogo {text-align: left!important;}
   .homeBannerText {top: 15%; width: 60%;}
   .quality {position: absolute; transform: translateX(0%); bottom: -35px;}
}

@media (max-width:767px) {
   .text-start .timeline-content {text-align: start !important;}
   .timeline-year {margin-bottom: 10px; width: 100%;}
   .bg-gradient-blue .br-l {border-bottom: 1px solid #fff; border-right: 0;}
   .vision-content {padding-top: 30px;}
   .navbar .links li .sub-menu a {color: #fff; font-size: 13px; font-weight: 500;}
   .infra-owl .owl-item .item {transform: scale(0.9)!important;}
   .banner-domain h2 {font-size: 26px; line-height: 42px;}
   h3{font-size: 26px; line-height: 38px;}
   .product-card {text-align: center; min-height: 70px;}
   .productt-img {height: 20px;}

}
@media only screen and (max-width: 768px) and (orientation: landscape) {
       .home-ban .owl-nav, .home-ban.owl-theme .owl-nav.disabled+.owl-dots{display:none!important;}
   /*   .homeBannerImage .object-cover {*/
   /* height: 54vh;*/
   /* object-fit: contain;*/
   /*}*/
    /*.homeBannerImage {*/
    /*    height: 125vh;*/
    /*    background: #323092;*/
    /*}*/
    /*    .homeBannerText {*/
    /*    position: absolute;*/
    /*    top: unset;*/
    /*    width: 100%;*/
    /*    padding: 25px;*/
    /*    max-width: 100%;*/
    /*    left: 0;*/
    /*    bottom: 0%;*/
    /*}*/
}

@media (max-width:992px) {
   .bg-secondary {background: unset;}
   .js-sub-menu .nav-link::after {display: none;}
   .no-bg{background: unset!important;}
   .border-right {
      border: 0 !important;
   }
   .homeBannerText{display:none;}
}


@media (min-width:992px) and (max-width:1199px) {
   header nav .navbar .links li a {font-size: 12px;} 
   header>nav>.navbar .links li {padding: 25px 5px;}
}