@media only screen and (min-width: 2500px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }
#services-new-hn .col-md-2 {
    max-width: 50%;
    flex: 50%;
    margin: 0;
    margin-bottom: 20px;
}


.join-us-footer.circle i {
    font-size: 22px !important;
}

.banner-items .thumb {
  transform: ;
  left: 50%;
  width: 227px;
  top: 0;
}
.about-style-two .thumb img:nth-child(2) {
  display: block;
  right: auto;
  left: 0;
  width: 100%;
  top: 0;
  bottom: auto;
  height: 100%;
}
.about-style-two .thumb {
  padding: 0 !important;
}
.about-style-two .thumb {
  margin-inline: 0 !important;
}
.about-style-two .thumb .fun-fact {
  bottom: 0 !important;
  top: auto;
  width: 100px;
  height: 100px;
  padding: 10px;
}
.about-style-two .thumb .fun-fact .counter {
  font-size: 22px;
}
.mis-vis-block {
  margin-bottom: 20px;
  height: calc(100% - 20px);
}
.faq-content {
  width: 100%;
  padding: 35px;
  direction: rtl;
  text-align: start;
}
.faq-area .faq-content .accordion-item .accordion-header button {
  text-align: start;
  font-size: 16px;
}
div#features .row .col-md-3 {
  max-width: 50%;
  flex: 50%;
}

.navbar-toggle i {
  font-family: "Font Awesome 5 Pro" !important;
}
.banner-items .thumb {
  left: 50% !important;
  top: 0;
  width: 200px;
  opacity: 0.3;
}
.appinment-forms.standard form {
  padding-inline: 20px;
}
.about-list-item .services-list {
  padding-right: 0px;
}
.about-list-item .info {
  padding-right: 0;
}
.fun-fact span {
  font-size: 12px;
}
.join-us-footer.circle {
    bottom: 0 !important;!i;!;
    width: 50%;
    border-radius: 0 !important;!i;!;!;!;
    right: auto !important;! !important;!i;!;
    left: 0 !important;!i;!;!;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: 10px;
}

.join-us-footer.circle::after {
    display: none;
}

.join-us-footer.circle::before {
    display: none;
}

.join-us-footer.circle.whats-app-i {
    left: 50% !important;!i;!;
}

.join-us-footer.circle.messenger {left: 66.666666666% !important;!i;!;}
.footer-bottom {
    padding-bottom: 45px;
}	
.join-us-footer.circle i {
    font-size: 24px !important;
}
.join-us-footer.circle a {
    display: block;
    width: 100%;
    height: 100%;
    align-content: ;
    display: flex;
    justify-content: center !important;
}


.services-list {
  padding: 0 !important;
  margin: 0 !important;
}
.banner-area {
  overflow: hidden;
}
#form-book-h {
  overflow: hidden;
}
#serv-sec-h {
  overflow: hidden;
}
#about {
  overflow: hidden;
}
#services-new-hn {
  overflow: hidden;
}
#faq-sec-n {
  overflow: hidden;
}
#features {
}
#features {
  overflow: hidden;
}
.projects-area {
  overflow: hidden;
}
}

@media (max-width: 768px) {}

@media (max-width: 767px) {}

@media (max-width: 600px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 480px) {}

@media (max-width: 390px) {}

@media (max-width: 360px) {}



