/* xl screen */
@media screen and (max-width:1800px) {
  .inner-gallery {
    padding: 140px 0px;
  }

  .inner-banner {
    padding: 70px 0px;
  }

  .banner-left {
    padding-left: 30px;
    padding-top: 62px;
  }
}



@media screen and (min-width:1665px) and (max-width:1861px) {
  .map-container {
    border: 6px solid #fff;
    position: absolute;
    top: 33%;
    left: 18%;
    z-index: 999;
    width: 540px;
    height: 540px;
  }
}

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

  .map-container {
    border: 6px solid #fff;
    top: 36%;
    left: 18%;
    width: 490px;
    height: 490px;
  }

  .location-overlay-1 img {
    width: 60%;
  }

  .location-overlay-1 {
    position: absolute;
    top: 36%;
    right: -8%;
    opacity: 0.8;
  }

}

@media screen and (max-width:1600px) {
  .map-container {
    border: 6px solid #fff;
    top: 38%;
    left: 17%;
    width: 470px;
    height: 470px;
  }

}

@media screen and (max-width:1330px) {
  .inner-program .container {
    width: 100%;
    max-width: 1100px !important;
  }

  .program-left .program-overlay {
    position: absolute;
    left: -25%;
    top: 15%;
  }

  .program-right .program-overlay-1 img {
    width: 70%;
  }

  .program-right .program-overlay-1 {
    position: absolute;
    right: -44%;
    top: 3%;

  }


}


@media screen and (max-width:1500px) {
  .map-container {
    border: 6px solid #fff;
    top: 40%;
    left: 20%;
    width: 375px;
    height: 375px;
  }

  .map-container {
    border: 6px solid #fff;
    top: 40%;
    left: 16%;
    width: 440px;
    height: 440px;
  }

  .revire-overlay {
    position: absolute;
    top: 22%;
    left: 7%;
  }

  .revire-overlay-1 {
    position: absolute;
    top: 19%;
    right: 10%;
  }

  .map-container {
    border: 6px solid #fff;
    top: 37%;
    left: 18%;
    width: 460px;
    height: 460px;
  }

  .location-overlay {
    position: absolute;
    bottom: 15%;
    right: 38px;
  }

}

@media screen and (max-width:1440px) {
  .navbar .navbar-nav {
    position: absolute !important;
    top: 68% !important;
    left: 50%;
    transform: translateX(-50%);
    height: 78px;
    display: flex;
    justify-content: center;
    gap: 20px;
  }

  .navbar-nav {
    width: 100%;
    max-width: 880px;
  }

  .banner-overlay-2 img {
    width: 50%;
  }

  .banner-overlay-2 {

    right: 0%;
  }

  .inner-gallery {
    padding-top: 30px;
    padding-bottom: 70px;
  }

  .map-container {
    border: 6px solid #fff;
    top: 37%;
    left: 17%;
    width: 461px;
    height: 460px;
  }

  .location-overlay-2 {
    position: absolute;
    top: 77%;
    left: 1%;
  }

  .location-overlay-6 {
    position: absolute;
    top: 93%;
    left: 33%;
  }

  .about-overlay-5 img {
    width: 70% !important;

  }

  .about-overlay {
    position: absolute;
    top: 85%;
    left: 67%;
  }

  .left-men-footer {
    position: absolute;
    left: 14%;
    top: 15.5%;
  }

  .right-women-footer {
    position: absolute;
    right: 6%;
    top: 44%;
  }

  .inner-banner {
    padding: 55px 0px;
  }

  .banner-left {
    padding-top: 68px;
    padding-left: 30px;
  }

  .banner-right img {
    width: 70% !important;
  }

  .footer-overlay img {
    width: 60%;
  }

  .footer-overlay {
    position: absolute;
    right: 0px;
    top: 39%;
  }

  .review-text {
    max-width: 214px;
  }

  .review-card p {
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .review-text {
    max-width: 260px;
  }

  .location-overlay-1 img {
    width: 40%;
  }

  .location-overlay-1 {
    position: absolute;
    top: 36%;
    right: -8%;
    opacity: 0.8;
  }

  .location-overlay-1 {
    position: absolute;
    top: 40%;
    right: -14%;
    opacity: 0.8;
  }


}

/* lg screen */
@media screen and (max-width:1300px) {
  .map-container {
    border: 6px solid #fff;
    top: 37%;
    left: 13%;
    width: 460px;
    height: 460px;
  }

  .program-left {
    width: 550px;
    height: 550px;
  }
  .program-right {
    width: 550px;
    height: 550px;
  }
  .program-inner {
    padding: 2px 0px;
}
}

  @media screen and (min-width:1301px) and (max-width:1380px) {

    .map-container {
      border: 6px solid #fff;
      top: 37%;
      left: 12%;
      width: 461px;
      height: 460px;
    }



  }

  @media screen and (max-width:1200px) {
    .navbar-nav {
      width: 100%;
      max-width: 750px;
      gap: 10px;
    }

    .navbar .navbar-nav .nav-item a {
      font-size: 18px;
    }

    .banner-overlay-2 {
      right: 37%;
      bottom: 55%;
    }

    .banner-right img {
      width: 80% !important;

    }

    .banner-overlay-3 {
      position: absolute;
      right: 5%;
      bottom: 30%;
    }

    .banner-overlay-4 {
      position: absolute;
      right: 7%;
      bottom: 78%;
    }

    .navbar .navbar-nav {
      gap: 10px;
    }

    .inner-banner {
      padding-bottom: 60px;
    }

    .inner-faq::after {
      width: 400px;
      height: 400px;
    }

    .revire-overlay-1 {
      position: absolute;
      top: 18%;
      right: 2%;
    }

    .revire-overlay-3 img {
      width: 870%;
    }

    .revire-overlay-3 {
      position: absolute;
      top: 30%;
      left: 45%;
    }


    .inner-footer {
      position: absolute;
      z-index: 999 !important;
      width: 100%;
      background-image: url(../images/home/footer-bg2.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      padding-top: 0px;
      padding-bottom: 0px;
    }

    .footer-content-1 {
      padding-top: 110px;
    }

    .inner-foot-content {
      top: 249px;
    }

    .map-container {
      border: 6px solid #fff;
      top: 38%;
      left: 10%;
      width: 450px;
      height: 450px;
    }


    .program-left {
      width: 500px;
      height: 500px;
    }

    .program-right {
      width: 500px;
      height: 500px;
    }

    .program-right .program-content {
      width: 100%;
      max-width: 280px;
    }

    .program-left .program-content {
      width: 100%;
      max-width: 280px;
    }

    .inner-program .container {
      width: 100%;
      max-width: 950px !important;
    }

    .program-left .program-overlay img {
      width: 65%;
    }

    .program-left .program-overlay {
      position: absolute;
      left: -30%;
      top: 14%;
    }

    .program-right .program-overlay-1 img {
      width: 55%;
    }

    .program-right .program-overlay-1 {
      position: absolute;
      right: -62%;
      top: 8%;
    }

    .program-overlay-3 img {
      width: 50%;
    }

    .program-overlay-2 img {
      width: 50%;
    }

    .program-overlay-4 img {
      width: 50%;
    }

    .program-inner {
      padding: 1px 0px;
    }

    .location-overlay-4 {
      position: absolute;
      top: 42%;
      left: 1%;
      z-index: 1;
    }

    .left-men-footer {
      position: absolute;
      left: 13%;
      top: -15.5%;
    }

    .right-women-footer {
      position: absolute;
      right: 2%;
      top: 19%;
    }

    .banner-left {
      padding-top: 40px;
    }

    .inner-about {
      padding: 50px 0px;
    }

    .footer-overlay-1 {
      position: absolute;
      top: 22%;
      right: 41%;
    }

    .footer-overlay-6 {
      position: absolute;
      bottom: 12%;
      right: 70%;
    }

    .review-text {
      max-width: 300px;
    }

    .contact-form-wrapper h2 {
      font-weight: 900;
      font-size: 32px;
      color: #fff;
    }

    .contact-form input {
      width: 100%;
      max-width: 340px;
      padding: 12px 16px
    }

    .location-overlay-1 {
      position: absolute;
      top: 32%;
      right: -16%;
      opacity: 0.8;
    }

    .contact-form-wrapper {
      padding-right: 43px;
    }

    .location-overlay {
      position: absolute;
      bottom: -3%;
      right: 38px;
    }

    .location-overlay img {
      width: 60%;
    }
    .about-overlay-5{
      display: none;
    }
  }

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

    .map-container {
      border: 6px solid #fff;
      top: 39%;
      left: 10%;
      width: 440px;
      height: 440px;
    }

    .location-inner {
      width: 100%;
      background-image: url(../images/home/location-bg-1.png);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      padding: 100px 0px;
    }

    .location-overlay {
      position: absolute;
      bottom: 2%;
      right: 38px;
    }
  }

  @media screen and (max-width:1100px) {
    .map-container {
      border: 6px solid #fff;
      top: 39%;
      left: 10%;
      width: 415px;
      height: 415px;
    }

    .navbar-nav {
      width: 100%;
      max-width: 700px;
    }

  }

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

    .map-container {
      border: 6px solid #fff;
      top: 41%;
      left: 10%;
      width: 390px;
      height: 390px;
    }


  }

  @media screen and (max-width:1110px) {
    .inner-program .container {
      width: 100%;
      max-width: 840px !important;
    }

    .program-left .program-overlay {
      position: absolute;
      left: -42%;
      top: 16%;
    }

    .program-right .program-overlay-1 {
      position: absolute;
      right: -77%;
      top: 7%;
    }

    .program-inner {
      padding: 4px 0px;
    }

  }

  /* md screen */
  @media screen and (max-width:991px) {
    .inner-banner {
      padding-top: 90px;
      padding-bottom: 60px;
    }

    .banner-left h2 {
      font-size: 26px;
    }

    .banner-right {
      padding-top: 25px;
    }

    .banner-overlay-2 img {
      width: 40%;
    }

    .banner-overlay-3 img {
      width: 40%;
    }

    .banner-overlay-4 img {
      width: 40%;
    }

    .inner-faq::after {
      width: 300px;
      height: 300px;
    }

    .map-container {
      display: none;
    }

    .location-inner {
      background-image: none !important;

    }

    .contact-form-wrapper {
      background-color: #BAD4BF;
      padding: 20px 40px;
      border-radius: 20px;
    }

    .location-inner {
      padding: 30px 0px;
    }

    .inner-location {
      background-color: #fff;
      padding: 0px 0px;
    }

    .about-left img {
      width: 70%;
    }

    .inner-about {
      padding-top: 40px;
      padding-bottom: 10px;
    }

    .program-left {
      width: 450px;
      height: 450px;
    }

    .program-right {
      width: 450px;
      height: 450px;
    }

    .program-left .program-content {
      width: 100%;
      max-width: 250px;
    }

    .program-right .program-content {
      width: 100%;
      max-width: 250px;
    }

    .program-right .program-content h4 {
      font-size: 20px;
    }

    .program-left .program-content h4 {
      font-size: 20px;

    }

    .program-left .program-overlay {
      position: absolute;
      left: -43%;
      top: 16%;
    }

    .inner-program .container {
      width: 100%;
      max-width: 770px !important;
    }

    .program-right .program-overlay-1 {
      position: absolute;
      right: -88%;
      top: 8%;
    }

    .inner-review {
      padding: 0px 0px;
    }

    .location-overlay-2 {
      display: none;
    }

    .location-overlay {
      position: absolute;
      bottom: 9%;
      right: 40px;
    }

    .location-overlay-1,
    .location-overlay-4,
    .location-overlay {
      display: none;
    }

    .location-overlay-6 {
      position: absolute;
      top: 97%;
      left: 33%;
    }

    .location-overlay-4 {
      position: absolute;
      top: 46%;
      left: 65%;
    }

    .section-header img {
      width: 180px;
    }

    .inner-faq {
      padding: 50px 0px;
    }

    .about-overlay-2 {
      position: absolute;
      top: 3%;
      left: 9%;
    }

    .about-overlay-4 {
      position: absolute;
      top: 8%;
      left: 78%;
    }

    .about-overlay-1 {
      position: absolute;
      top: 46%;
      left: 78%;
    }

    .about-overlay {
      position: absolute;
      top: 40%;
      left: 10%;
    }

    .about-overlay-5 {
      display: none;
    }

    .location-overlay-5 {
      position: absolute;
      top: 0%;
      left: 8%;
    }

    .test-overlay {
      position: absolute;
      top: 3%;
      left: 6%;
    }

    .location-overlay-6 {
      position: absolute;
      top: 86%;
      left: 33%;
    }

    .left-men-footer {
      display: none;
    }

    .right-women-footer {
      display: none;
    }

    .banner-left {
      padding-top: 3px;
      padding-left: 30px;
    }

    .banner-left {
      padding-top: 0px;
    }

    .banner-overlay-1 {
      position: absolute;
      left: 39%;
      top: 8%;
    }

    .foot-right-1 {
      padding-top: 50px;
      padding-left: 40px;
    }

    .footer-left {
      padding-left: 15px;
    }

    .footer-overlay-1 img {
      width: 50%;
    }

    .footer-overlay-6 {
      position: absolute;
      bottom: 12%;
      right: 80%;
    }

    .review-text {
      max-width: 490px;
    }

    .revire-overlay-3 {
      position: absolute;
      top: 55%;
      left: 84%;
    }

    .contact-form input {
      width: 100%;
      max-width: 410px;
    }
    .about-right {
      width: 100%;
      max-width: 756px;
  }

  }

  @media screen and (max-width:950px) {
    .inner-program .container {
      width: 100%;
      max-width: 755px !important;
    }

    .program-left .program-overlay img {
      width: 50%;
    }


    .program-left .program-overlay {
      position: absolute;
      left: -34%;
      top: 18%;
    }

    .program-right .program-overlay-1 img {
      width: 50%;
    }


  }

  @media screen and (min-width:1200) and (max-width:1300px) {
    .map-container {
      border: 6px solid #fff;
      top: 37%;
      left: 10%;
      width: 460px;
      height: 460px;
    }

  }

  @media screen and (min-width:760) and (max-width:900px) {

    .program-left {
      width: 425px;
      height: 425px;
    }

    .program-right {
      width: 425px;
      height: 425px;
    }

    .program-left .program-content {
      width: 100%;
      max-width: 210px;
    }

    .program-right .program-content {
      width: 100%;
      max-width: 210px;
    }


  }

  /* sm screen */
  @media screen and (max-width:767px) {
    .navbar .social-icons {
      display: none !important;
    }

    .inner-banner {
      padding: 50px 0px;
    }

    .banner-overlay-1 {
      position: absolute;
      left: 44%;
      top: 1%;
    }

    .banner-overlay-1 img {
      width: 70%;
    }

    .inner-footer-row {
      margin-top: 10px;
    }

    .banner-overlay-2 {
      right: 6%;
      bottom: 55%;
    }

    .banner-right img {
      width: 60% !important;
      padding-left: 40px;
    }

    .banner-right {
      display: flex;
      justify-content: end;
      align-items: end;
    }

    .banner-overlay-4 {
      display: none;
    }

    .banner-overlay-1 {
      position: absolute;
      left: 55%;
      top: 3%;
    }

    .banner-overlay-2 {
      right: 46%;
      bottom: 30%;
    }

    .section-header img {
      width: 150px;
      height: auto;
    }

    .revire-overlay-3 {
      position: absolute;
      top: 80%;
      left: 82%;
    }

    .inner-foot-content {
      position: absolute;
      top: 21px;
      left: 5%;
    }

    .footer-overlay-1 {
      display: none;
    }

    .footer-overlay img {
      width: 40%;
    }

    .footer-overlay-3 img {
      width: 60%;
    }

    .footer-overlay-3 {
      position: absolute;
      top: 40%;
      left: 68%;
    }

    .footer-overlay {
      position: absolute;
      right: 12px;
      top: 3%;

    }

    /* footer section */
    .inner-footer {
      position: absolute;
      z-index: 999 !important;
      width: 100%;
      background-image: none;
      background-color: #A6C6DD;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      padding-top: 38px;
      padding-bottom: 4px;
    }

    .footer-content-1 {
      padding-top: 0px;
    }

    .footer-copy {
      margin-top: 23px;
    }

    .contact-map-section {
      padding: 20px 20px;
    }

    .program-left {
      width: 500px;
      height: 500px;
    }

    .program-right {
      width: 500px;
      height: 500px;
    }

    .program-inner {
      padding: 20px 0px;
    }

    .program-right .program-content h4 {
      font-size: 22px;
    }

    .program-left .program-content h4 {
      font-size: 22px;
    }

    .program-left .program-content p {
      font-size: 14px;

    }

    .program-right .program-content p {
      font-size: 14px;

    }

    .program-left .program-overlay {
      position: absolute;
      left: -13%;
      top: 20%;
    }

    .program-right .program-overlay-1 {
      position: absolute;
      right: -52%;
      top: 8%;
    }

    .inner-banner .owl-dots {
      position: absolute;
      bottom: -65%;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }

    .program-overlay-2 {
      position: absolute;
      left: 9%;
      top: 8%;
    }

    .program-overlay-3 {
      position: absolute;
      right: 1%;
      top: 11%;
    }

    .revire-overlay {
      position: absolute;
      top: 16%;
      left: 5%;

    }

    .revire-overlay-1 {
      position: absolute;
      top: 6%;
      right: 2%;
    }

    .review-card {
      background-color: var(--secondary-bg-color);
      margin: 20px 30px;
      padding: 20px 0px;
      border-radius: 0px 80px 0px 80px;
      position: relative;
    }

    .review-text {
      max-width: 300px;
    }

    .foot-right-1 {
      padding-top: 35px;
      padding-left: 15px;
    }

    .footer-overlay-2 {
      position: absolute;
      top: 67%;
      right: 16%;
    }

    .location-overlay-6 {
      display: none;
    }

  }

  /* sm screen */
  @media screen and (max-width:575px) {
    .banner-overlay-3 {
      display: none;
    }

    .banner-left h3 {
      font-size: 16px;
    }

    .inner-faq::after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      background-color: #B3DAE1;
      border-radius: 50%;
      top: 20%;
      left: 20%;
    }

    /* .revire-overlay img {
    display: none;
  } */
    .revire-overlay {
      position: absolute;
      top: 5%;
      left: 8%;
    }

    .test-overlay img {
      width: 50%;
    }

    .test-overlay {
      position: absolute;
      top: 7%;
      left: 76%;
    }

    .revire-overlay-1 {
      position: absolute;
      top: 27%;
      right: 3%;
    }

    .revire-overlay-1 img {
      width: 60%;
    }

    .review-card {
      background-color: var(--secondary-bg-color);
      margin: 20px 30px;
      padding: 20px px;
      border-radius: 0px 80px 0px 80px
    }

    .review-text {
      max-width: 375px;
    }

    .review-card {
      background-color: var(--secondary-bg-color);
      margin: 20px 0px;
    }

    .contact-form-wrapper {
      background-color: #BAD4BF;
      padding: 20px 20px;
    }

    .contact-map-section {
      padding: 20px 0px;
    }

    .about-right h2 {
      font-size: 24px;
    }

    .program-left {
      width: 400px;
      height: 410px;
    }

    .program-right {
      width: 400px;
      height: 410px;
    }

    .program-left .program-overlay img {
      width: 40%;
    }

    .program-left .program-overlay {
      position: absolute;
      left: -13%;
      top: 20%;
    }

    .program-right .program-overlay-1 img {
      width: 40%;
    }

    .program-right .program-overlay-1 {
      position: absolute;
      right: -72%;
      top: 6%;
    }

    .accordion-button {
      font-size: 18px;
    }

    .program-overlay-2 img {
      width: 30%;

    }

    .program-overlay-3 img {
      width: 40%;

    }

    .program-overlay-2 {
      position: absolute;
      left: 9%;
      top: 96%;
    }

    .about-overlay-2 {
      position: absolute;
      top: 0%;
      left: 9%;
    }

    .about-overlay img {
      width: 50%;
    }

    .about-overlay {
      position: absolute;
      top: 31%;
      left: 5%;
    }

    .inner-banner {
      padding-top: 50px;
      padding-bottom: 10px;
    }

    .about-overlay-2 img {
      width: 60%;
    }

    .location-overlay-4 {
      position: absolute;
      top: 36%;
      left: 65%;
    }

    .location-overlay-5 {
      position: absolute;
      top: 0%;
      left: 3%;

    }

    .revire-overlay img {
      width: 51%;
    }

    .revire-overlay-1 img {
      width: 44%;
    }

    .revire-overlay-1 {
      position: absolute;
      top: 17%;
      right: 0%;
    }

    .footer-overlay-2 {
      position: absolute;
      top: 67%;
      right: 1%;
    }

    .footer-overlay {
      position: absolute;
      right: 8px;
      top: 16%;
    }

    .revire-overlay-3 {
      position: absolute;
      top: 95%;
      left: 7%;
    }

    .revire-overlay-3 img {
      width: 60%;
    }
  }

  /* xs screen */

  @media screen and (max-width:425px) {
    .nav-social {
      display: none !important;
    }

    .navbar-brand img {
      width: 100px;
    }

    .inner-faq::after {
      display: none;
    }

    .program-left {
      width: 350px;
      height: 350px;
    }

    .program-right {
      width: 350px;
      height: 350px;
    }

    .program-right .program-overlay-1 {
      display: none;
    }

    .program-left .program-overlay {
      display: none;
    }

    .program-right {
      width: 360px;
      height: 360px;
      margin-top: 20px;
      padding: 30px;
    }

    .program-left {
      width: 360px;
      height: 410px;
      padding: 30px;
    }



    .program-right {
      width: 360px;
      height: 360px;
      background-image: url(../images/home/program-4.png);
    }

    .about-overlay {
      position: absolute;
      top: 26%;
      left: 5%;
    }

    .program-right .program-content h4 {
      font-size: 18px !important;
    }

    .foot-right-1 .foot2 {
      padding-left: 25px;
    }

    .review-text {
      max-width: 250px;
    }
  }


  @media screen and (max-width:375px) {
    .review-text {
      max-width: 200px;
    }

    .review-overlay img {
      width: 85px !important;
    }

    .review-card p {
      padding-top: 30px;
    }
  }

  @media screen and (max-width:340px) {
    .navbar-brand img {
      width: 88px;
    }

    .head-social a img {
      width: 25px;
      height: auto;
    }

    .program-right {
      width: 350px;
      height: 324px;
    }

  }


  @media screen and (min-width:768px) and (max-width:991px) {
    .review-card {
      background-color: var(--secondary-bg-color);
      margin: 20px 30px;
      padding: 20px 0px;
      border-radius: 0px 80px 0px 80px;
    }

  }


  @media screen and (min-width:1200px) and (max-width:1345px) {
    .program-left .program-content {
      width: 100%;
      max-width: 310px;
    }

    .program-right .program-content {
      width: 100%;
      max-width: 310px;
    }


  }