/*---------------------------------
          Mixins & Animation CSS
-----------------------------------*/
@media only screen and (max-width: 575px) {
  .page-nav {
    margin-top: 15px;
  }
  .page-nav li a {
    width: 36px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
  }

  .about-wrap.style3 .about-img-wrap {
    padding-bottom: 80px;
  }
  .about-wrap.style3 .about-img-wrap .about-img-one {
    max-width: 280px;
  }
  .about-wrap.style3 .about-img-wrap .about-img-two {
    max-width: 200px;
  }
  .about-wrap.style3 .about-img-wrap .about-promo-box {
    bottom: 20px;
    right: 0;
    padding: 20px;
  }
  .about-wrap.style3 .about-img-wrap .about-promo-box .promo-icon {
    margin-right: 15px;
  }
  .about-wrap.style3 .about-img-wrap .about-promo-box .promo-icon i {
    font-size: 45px;
  }
  .about-wrap.style3 .about-img-wrap .about-promo-box h2 {
    font-size: 30px;
  }
  .about-wrap.style3 .about-img-wrap .about-promo-box h2 span {
    font-size: 14px;
  }

  .wh-wrap.style3 .wh-img-wrap .about-doctor-box {
    min-width: 300px;
    padding: 20px;
  }

  .cta-wrap .cta-content {
    text-align: center;
  }
  .cta-wrap .cta-content .cta-logo {
    margin: 0 auto;
    display: block;
  }
  .cta-wrap .cta-content .content-title {
    width: 100%;
    margin: 20px 0 0;
  }
  .cta-wrap .cta-btn {
    margin-top: 25px;
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container-fluid {
    max-width: 540px;
    padding: 0 15px;
  }

  .about-wrap.style3 .about-img-wrap .about-img-one {
    max-width: 325px;
  }
  .about-wrap.style3 .about-img-wrap .about-img-two {
    max-width: 250px;
  }
  .about-wrap.style3 .about-img-wrap .about-promo-box {
    bottom: 60px;
    right: 30px;
  }

  .counter-card-wrap .counter-card {
    width: 50%;
  }
  .counter-card-wrap .counter-card .counter-text h2 {
    font-size: 30px;
  }
  .counter-card-wrap .counter-card .counter-text h2 .target {
    font-size: 30px;
    top: 0;
  }
  .counter-card-wrap .counter-card .counter-text p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title.mb-50,
  .content-title.mb-50 {
    margin-bottom: 30px !important;
  }
  .section-title.mb-40 {
    margin-bottom: 20px !important;
  }
  .link,
  .btn {
    font-size: 14px;
  }
  .btn {
    padding: 12px 20px 12px;
  }
  .content-wrapper {
    margin-top: 245px;
  }
  .back-to-top {
    font-size: 20px;
    width: 35px;
    height: 35px;
    line-height: 32px;
    right: 10px;
  }
  .back-to-top i {
    font-size: 18px;
  }

  .section-title.style1 span,
  .content-title.style1 span {
    font-size: 14px;
  }
  .section-title h2,
  .content-title h2 {
    font-size: 24px;
    line-height: 1.3;
  }

  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
  }
  .owl-carousel .owl-nav button.owl-prev i,
  .owl-carousel .owl-nav button.owl-next i {
    font-size: 20px;
  }
  .content-feature-list li {
    font-size: 14px;
  }
  .content-feature-list li i {
    font-size: 18px;
    top: 3px;
  }
  .testimonial-card .client-info-area .client-info-wrap .client-info h3,
  .service-card .service-info h3,
  .promo-card .promo-info h3,
  .blog-card .blog-info h3 {
    font-size: 20px;
  }
  .feature-item-wrap .feature-item {
    margin-bottom: 20px;
  }
  .feature-item-wrap .feature-item .feature-icon {
    width: 55px;
    height: 55px;
  }
  .feature-item-wrap .feature-item .feature-icon i {
    font-size: 26px;
  }
  .feature-item-wrap .feature-item .feature-text {
    width: calc(100% - 70px);
    margin-left: 15px;
  }
  .testimonial-wrap.style1::before {
    height: 35%;
  }
  .testimonial-slider-one.owl-carousel .owl-nav,
  .blog-slider-one.owl-carousel .owl-nav {
    position: relative;
    top: auto;
    right: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0 10px;
  }
  .hero-wrap {
    margin-top: 246px;
  }
  .hero-wrap .hero-content {
    margin-bottom: 30px;
  }
  .hero-wrap .hero-content span {
    margin-bottom: 8px;
  }
  .hero-wrap .hero-content h1, .hero-wrap .hero-content h2 {
    margin-bottom: 15px;
    font-weight: 700;
  }
  .hero-wrap .hero-content p {
    margin-bottom: 25px;
  }

  .hero-wrap.style3 .hero-slide-item .hero-content {
    margin-bottom: 35px;
    margin-top: 50px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content h1, .hero-wrap.style3 .hero-slide-item .hero-content h2 {
    font-size: 28px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content p {
    padding-right: 20px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap {
    height: 400px;
    width: calc(100% - 60px);
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box {
    right: -60px;
    padding: 25px 25px;
    min-width: 180px;
  }
  .hero-wrap.style3
    .hero-slide-item
    .hero-img-wrap
    .hero-promo-box
    .promo-icon
    i,
  .hero-wrap.style4
    .hero-slide-item
    .hero-img-wrap
    .hero-promo-box
    .promo-icon
    i,
  .hero-wrap.style5
    .hero-slide-item
    .hero-img-wrap
    .hero-promo-box
    .promo-icon
    i {
    font-size: 45px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box h2 {
    font-size: 34px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box h2 span {
    font-size: 14px;
  }

  .hero-slider-two.owl-carousel .owl-nav {
    bottom: 20px;
  }

  .about-wrap.style3 .about-content .content-title {
    margin-bottom: 20px;
  }
  .about-wrap.style1 .about-img-wrap .about-doctor-box {
    padding: 20px;
  }

  .promo-card {
    padding: 20px;
  }
  .promo-card .promo-icon {
    width: 50px;
  }
  .promo-card .promo-icon i {
    font-size: 50px;
  }
  .promo-card .promo-info {
    width: calc(100% - 65px);
    margin-left: 15px;
  }

  .promo-card.style3 {
    border-radius: 10px;
  }
  .promo-card.style3 .promo-info p {
    margin: 0 0 15px;
  }
  .service-card .service-img .service-icon {
    width: 55px;
    height: 55px;
  }
  .service-card .service-img .service-icon i {
    font-size: 28px;
  }
  .service-card .service-info {
    padding: 25px 20px 15px;
  }
  .service-card .service-info h3 {
    margin: 0 0 10px;
  }
  .service-card .service-info p {
    margin: 0 0 10px;
  }
  .service-card.style3 .service-info {
    padding: 45px 20px 20px;
  }
  .service-card.style4 {
    padding: 20px;
  }
  .service-card.style4 .service-icon {
    margin-bottom: 15px;
  }
  .service-desc .single-service-img {
    margin: 10px 0 20px;
  }

  .testimonial-card {
    padding: 20px 20px 18px;
  }
  .testimonial-card .client-quote {
    margin-bottom: 18px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .testimonial-card .client-info-area .client-info-wrap {
    width: calc(100% - 30px);
  }
  .testimonial-card .client-info-area .client-info-wrap .client-img {
    width: 50px;
    height: 50px;
  }
  .testimonial-card .client-info-area .client-info-wrap .client-info {
    width: calc(100% - 65px);
    margin-left: 15px;
  }
  .testimonial-card .client-info-area .client-info-wrap .client-info h3 {
    margin-bottom: 5px;
  }
  .testimonial-card .client-info-area .quote-icon i {
    font-size: 30px;
  }
  .testimonial-card.style1 .ratings,
  .testimonial-card.style3 .ratings {
    margin-bottom: 10px;
  }
  .testimonial-card.style2 .ratings {
    margin: 15px 0 10px;
  }

  .partner-item {
    padding: 0 10px;
  }
  .wh-wrap.style3 .wh-img-wrap {
    margin-left: 0;
  }
  .wh-wrap.style3 .wh-img-wrap .wh-bg-3 {
    height: 400px;
  }
  .wh-wrap.style3 .wh-img-wrap .about-doctor-box {
    left: -60px;
  }
  .wh-wrap.style3 .wh-img-wrap .about-doctor-box .btn {
    font-size: 14px;
    padding: 6px 10px;
  }

  .blog-card .blog-info h3 {
    margin-bottom: 12px;
  }
  .blog-card .blog-info .blog-metainfo li:after {
    top: 1px;
    right: -15px;
    font-size: 15px;
  }
  .blog-card.style1 .blog-info {
    padding: 30px 20px 18px;
  }
  .blog-card.style1 .blog-info .blog-date {
    top: -22px;
    right: 20px;
    font-size: 14px;
  }
  .blog-card.style1 .blog-info h3 {
    margin-bottom: 12px;
  }
  .blog-card.style2 .blog-img .blog-date {
    top: 20px;
    left: 20px;
    font-size: 14px;
  }
  .blog-card.style2 .blog-info {
    padding: 18px 20px 18px;
  }
  .blog-card.style2 .blog-info h3 {
    margin-bottom: 12px;
  }
  .blog-card.style2 .blog-info p {
    margin: 0 0 12px;
  }
  .blog-card.style3 .blog-info {
    padding: 20px 20px 18px;
  }
  .blog-card.style3 .blog-info .blog-date {
    position: absolute;
    top: -25px;
    right: 20px;
    font-size: 14px;
  }
  .blog-card.style3 .blog-info .blog-metainfo {
    margin: 0 0 12px;
  }
  .blog-card.style3 .blog-info h3 {
    margin-bottom: 12px;
  }
  .blog-card:hover .blog-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  .blog-card:hover .blog-info .blog-date {
    background-color: #2490eb;
  }
  .navbar-brand img {
    width: 60px;
  }

  .header-wrap .header-top .header-top-left .contact-item p,
  .header-wrap .header-top .header-top-left .contact-item a,
  .header-wrap
    .header-top
    .header-top-right
    .select-lang
    .navbar-language
    .dropdown-toggle {
    font-size: 14px !important;
  }

  .header-wrap.sticky {
    top: -120px;
  }

  .header-wrap .header-top {
    padding: 15px 0;
  }

  .header-wrap .header-top .header-top-left {
    margin-bottom: 10px;
  }

  .header-wrap .header-top .header-top-left .contact-info {
    width: 100%;
    flex-wrap: nowrap;
  }
  .header-wrap .header-top .header-top-right .social-profile {
    margin-left: 0;
    padding-left: 0;
  }

  .header-wrap .header-top .header-top-left .contact-info li {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin:5px 2px;
  }

  .header-wrap .header-top .header-top-left .contact-info li:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .header-wrap .header-top .header-top-left .contact-info li:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .header-wrap .header-top .header-top-left .contact-info li:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .header-wrap .header-top .header-top-left .contact-info li span {
    top: 0px;
    width: 25px;
    height: 25px;
  }

  .header-wrap .header-top .header-top-left .contact-info li span i {
    font-size: 14px;
  }

  .header-wrap .header-top .header-top-left .contact-info li a,
  .header-wrap .header-top .header-top-left .contact-info li p {
    font-size: 12px;
    margin-left:2px;
  }

  .header-wrap .header-top .header-top-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .header-wrap .header-top .header-top-right .select-lang i {
    top: 4px;
  }

  .header-wrap .header-top .header-top-right .social-profile li a {
    width: 34px;
    height: 34px;
  }

  .header-wrap.style3::after {
    height: 80%;
  }
  .service-wrap.style3::after {
    bottom: -10px !important;
  }
  .counter-card-wrap .counter-card.style2 .counter-icon {
    width: 128px;
    height: 128px;
    margin: 0 auto 20px;
}
.counter-card-wrap .counter-card .counter-text {
  margin: 0 auto;
  text-align: center;
  
}
.counter-card-wrap .counter-card.style2 .counter-icon i {
  color: #ffffff;
  font-size: 40px;
}
.counter-card-wrap .counter-card.style2 {
  margin-bottom: 20px;
}
.breadcrumb_area h1{font-size:28px;}
.inner_bnnr{padding: 200px 0 50px;}

.abt_page_area{padding:40px 0;}
.about-thumb-area {margin: 0 15px;}
.about-thumb-area ul li {padding: 0 5px;margin-bottom: 10px;}
.about-thumb-area .about-thumb1 {border-radius: 0 30px 30px;}
.about-thumb-area .about-thumb2 {border-radius: 30px 0 30px 30px;}
.about-thumb-area .about-thumb3 {border-radius: 30px 30px 30px 0;}
.about-thumb-area .exp-bx {padding: 50px 0 20px;border-radius: 30px 30px 0 30px;line-height: 55px;font-size: 70px;width: 100%;}
.about-thumb-area .exp-bx:after {border-radius: 30px 30px 0 30px;top: 8px;left: 8px;}
.about-thumb-area .exp-bx span{font-size: 14px;}
.abt_page_right{margin-top:20px;}

.contact_area{padding:40px 0;}
.cont_box{padding: 20px;border-radius: 10px;}
.cont_right{margin-top: 20px;padding: 20px;}
.map_area iframe{margin-bottom: 40px;}
.cont_info h3{font-size:20px;}
.log_right {height:200px;margin-top:20px;}

.mem_left{border:none;}
.mem_top h3{font-size:24px;}
.mem_left h2{font-size:32px;}
.mem_right p{font-size:14px;line-height:24px;}
.pdf_cont{padding: 15px; margin:20px 0;}
.pdf_cont h1{font-size:18px;}
.pdf_cont p{font-size:14px; line-height:24px;}
/* membership style start*/
.membership-sec .card{
    margin-bottom: 50px;
}
.membership-sec .card .card-body .member-head .price-box::before{
    right: -1px;
}
.membership-sec .card .card-body .member-head .price-box::after{
    left: -1px;
}
.membership-sec::before{
    opacity: 0.2;
    width: 150px;
    height: 150px;
}
.modal-content{
    width: 100%;
}
.InputGroup label{
    padding: 17px 10px;
}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-wrap.sticky {
    top: -90px;
  }
  

  .header-wrap .header-top {
    padding: 12px 0;
  }

  .header-wrap .header-top .header-top-left {
    margin-bottom: 15px;
  }

  .header-wrap .header-top .header-top-left .contact-info li {
    margin-right: 15px;
    padding-left: 28px;
  }

  .header-wrap .header-top .header-top-left .contact-info li span {
    top: 0px;
    width: 25px;
    height: 25px;
  }

  .header-wrap .header-top .header-top-left .contact-info li span i {
    font-size: 14px;
  }

  .header-wrap .header-top .header-top-left .contact-info li a,
  .header-wrap .header-top .header-top-left .contact-info li p {
    font-size: 13px;
  }

  .header-wrap
    .header-top
    .header-top-right
    .select-lang
    .dropdown-toggle
    span {
    font-size: 14px;
  }

  .header-wrap .header-top .header-top-right .social-profile li a {
    width: 25px;
    height: 24px;
  }

  .header-wrap .header-top .header-top-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: start;
  }
  .header-wrap .header-top .header-top-right {
    justify-content: end;
  }

  .header-wrap.style3:after {
    height: 78%;
  }
  .container-fluid {
    max-width: 720px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-wrap {
    margin-top: 165px;
  }

  .hero-wrap.style3 .hero-slide-item {
    padding: 100px 0 130px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content {
    margin-bottom: 35px;
    margin-top: 50px;
  }
  .wh-wrap.style3 .wh-img-wrap {
    margin-left: 0;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content h1, .hero-wrap.style3 .hero-slide-item .hero-content h2 {
    font-size: 42px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap {
    height: 400px;
    width: calc(100% - 120px);
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box {
    right: -120px;
  }

  .hero-slider-two.owl-carousel .owl-nav {
    bottom: 30px;
  }

  .wh-wrap.style3 .wh-img-wrap .wh-bg-3 {
    height: 500px;
  }

  .promo-card .promo-icon {
    width: 55px;
  }
  .promo-card .promo-icon i {
    font-size: 55px;
  }
  .promo-card .promo-info {
    width: calc(100% - 75px);
  }

  .partner-item {
    padding: 0 25px;
  }
  .counter-card-wrap .counter-card {
    width: 60%;
    margin: auto;
    margin-bottom: 30px;
  }
  .counter-card-wrap .counter-card .counter-text {
    margin: 30px auto 20px;
}
.counter-card-wrap .counter-card .counter-text h2{ font-size: 20px;}
.counter-card-wrap .counter-card .counter-text h2 .target {font-size: 20px;}

/*Membership style start*/

.membership-sec .card{
    margin-bottom: 50px;
}
.membership-sec .card .card-body .member-head .price-box::before{
    right: -1px;
}
.membership-sec .card .card-body .member-head .price-box::after{
    left: -1px;
}
.membership-sec::before{
    opacity: 0.2;
    width: 150px;
    height: 150px;
}
.modal-content{
    width: 100%;
}
.InputGroup label{
    padding: 19px 10px;
    font-size: 18px;
}


}
@media (min-width: 992px) {
  .menu-expand i {
    display: none;
  }

  .header-wrap .navbar {
    padding: 0;
  }

  .header-wrap .navbar .navbar-brand {
    padding: 10px 20px 10px 0;
  }

  .header-wrap .navbar ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
  }

  .header-wrap .navbar .navbar-nav {
    margin-left: auto;
  }

  .header-wrap .navbar .navbar-nav .nav-item {
    position: relative;
    margin: 0 30px;
  }

  .header-wrap .navbar .navbar-nav .nav-item.first-child {
    margin-left: 0;
  }

  .header-wrap .navbar .navbar-nav .nav-item a {
    color: #000;
    font-weight: 500;
    padding: 30px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: relative;
  }

  .header-wrap .navbar .navbar-nav .nav-item a:hover,
  .header-wrap .navbar .navbar-nav .nav-item a:focus,
  .header-wrap .navbar .navbar-nav .nav-item a.active {
    color: #2490eb;
  }

  .header-wrap .navbar .navbar-nav .nav-item a i {
    font-size: 16px;
    line-height: 1;
    position: relative;
    top: 4px;
    display: inline-block;
    margin-left: -3px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .header-wrap .navbar .navbar-nav .nav-item a:hover i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {
    display: block !important;
    border: none;
    top: 85px;
    right: 0;
    z-index: 99;
    opacity: 0;
    width: 250px;
    display: block;
    border-radius: 0;
    padding: 12px 0;
    position: absolute;
    visibility: hidden;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li {
    margin: 0;
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a {
    padding: 10px 20px;
    position: relative;
    display: block;
    font-weight: 500;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:before {
    position: absolute;
    top: 50%;
    left: 20px;
    content: '';
    width: 2px;
    height: 0%;
    background-color: #2490eb;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
    color: #2490eb;
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active:before,
  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover:before {
    height: 16px;
    visibility: visible;
    opacity: 1;
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
    padding-left: 30px;
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    width: 100%;
    right: auto;
    left: 0;
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a i {
    margin: 0;
    position: absolute;
    top: 55%;
    font-size: 16px;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
  }

  .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    top: 0;
    opacity: 0;
    left: -250px;
    right: auto;
    visibility: hidden;
  }

  .header-wrap
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }

  .header-wrap .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
  }

  .header-wrap .navbar .other-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-left: 15px;
  }

  .header-wrap .navbar .other-options:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    width: 1px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.18);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .header-wrap .navbar .other-options .option-item {
    margin: 0 0 0 20px;
  }
  .InputGroup label{
      padding: 20px 10px;
      font-size: 17px;
  }
  .modal-title{
      font-size: 32px;
  }
  
  
  
  
  .membership-sec .card .card-body .member-head .price-box::before{
    right: -1px;
}
.membership-sec .card .card-body .member-head .price-box::after{
    left: -1px;
}
}

@media only screen and (max-width: 991px) {
  .header-wrap .header-top .header-top-left .contact-item {
    width: 100%;
    margin: 0 0 15px;
  }

  .header-wrap .header-top .header-top-left .contact-item p,
  .header-wrap .header-top .header-top-left .contact-item a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
  }

  .header-wrap .header-bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header-wrap .header-bottom .container .search-area.open {
    top: 76px;
  }

  .header-wrap .header-bottom .navbar .navbar-collapse {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }

  .header-wrap .header-bottom .navbar .navbar-nav {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .header-wrap .header-bottom .navbar .navbar-nav .nav-item {
    position: relative;
  }

  .header-wrap .header-bottom .navbar .navbar-nav .nav-item .menu-expand {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 100%;
    display: block;
    height: 100%;
  }

  .header-wrap .header-bottom .navbar .navbar-nav .nav-item .menu-expand i {
    color: #000;
    font-size: 18px;
    line-height: 1;
    position: relative;
    top: 7px;
  }

  .header-wrap .header-bottom .navbar .navbar-nav .nav-item a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .header-wrap .header-bottom .navbar .navbar-nav .nav-item a i {
    display: none;
  }

  .header-wrap .header-bottom .navbar .navbar-nav .nav-item a.active {
    color: #2490eb;
  }

  .header-wrap .header-bottom .navbar .navbar-nav .nav-item a.btn {
    display: inline-block;
    padding: 10px 30px 10px;
    color: #fff;
    margin-top: 15px;
    font-weight: 500;
    font-size: 14px;
  }

  .header-wrap .header-bottom .navbar .navbar-nav .nav-item a.btn i {
    display: inline-block;
    top: 6px;
  }

  .header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu {
    width: 100%;
    background-color: #fff;
    border: none;
    padding: 0;
  }

  .header-wrap
    .header-bottom
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a {
    font-size: 14px;
    padding-left: 10px;
    margin-left: 10px;
  }

  .header-wrap
    .header-bottom
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a.active {
    color: #2490eb;
  }

  .header-wrap
    .header-bottom
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .dropdown-menu {
    margin-left: 20px;
  }

  .header-wrap .header-bottom .user-login span {
    position: relative;
    top: -3px;
  }

  .header-wrap .header-bottom .user-login span i {
    font-size: 20px;
  }

  .header-wrap.style3 .header-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mobile-bar-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    position: relative;
    top: 4px;
  }

  .menu-close {
    position: absolute;
    top: 13px;
    right: 16px;
  }

  .menu-close i {
    color: #000;
    font-size: 25px;
  }

  .mobile-menu {
    text-align: right;
    margin-left: 20px;
  }

  .mobile-menu a {
    width: 38px;
    height: 38px;
    /* border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%; */
    text-align: center;
    background-color: #2490eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mobile-menu a i {
    font-size: 22px;
    color: #fff;
    margin: 0 auto;
  }

  .mobile-menu {
    display: inline-block;
    position: relative;
    top: -5px;
  }

  .mobile-top-bar {
    display: inline-block;
    margin-right: 6px;
    cursor: pointer;
    position: relative;
    top: 0px;
  }

  .mobile-top-bar span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #000;
    border-radius: 20px;
    margin: 5.9px 0;
  }

  .mobile-top-bar span:nth-child(1) {
    margin-top: 0;
  }

  .mobile-top-bar span:nth-child(2) {
    width: 12px;
    margin-left: 8px;
  }

  .main-menu-wrap {
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 999;
    top: 0;
    height: 100vh;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    left: -100%;
    padding: 55px 20px 30px;
    overflow-y: auto;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .main-menu-wrap.open {
    left: 0;
  }

  .main-menu > li.has-children.menu-open > span.menu-expand {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .main-menu > li.has-children.menu-open > span.menu-expand i {
    color: #000;
  }

  .main-menu > li > ul > li.has-children.menu-open > span.menu-expand {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .main-menu li {
    position: relative;
  }

  .main-menu li:last-child {
    margin: 0;
  }

  .main-menu li > span.menu-expand {
    position: absolute;
    right: 0;
    top: 13px;
    cursor: pointer;
  }

  .main-menu li > span.menu-expand i {
    color: #000;
    font-size: 18px;
  }

  .main-menu li > span.menu-expand:hover {
    color: #000;
  }

  .main-menu li a.active {
    color: #2490eb;
  }

  .main-menu li > a {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }

  .main-menu li > a:hover {
    color: #000;
  }

  .main-menu li > ul.sub-menu {
    padding-left: 20px;
  }

  .header-wrap .header-bottom .main-menu-wrap #menu > ul > li > a::after {
    display: none;
  }

  .main-menu li a.active {
    font-weight: 600;
    color: #000;
    border-color: rgba(0, 0, 0, 0.3);
  }
  .page-wrapper {
    overflow-x: hidden !important;
  }

  .about-wrap .about-img-wrap {
    margin-bottom: 25px;
  }
  .wh-wrap .wh-img-wrap {
    margin-bottom: 30px;
  }

  .appointment-wrap.style3 .promo-bg {
    margin-bottom: 30px;
  }
  .cta-wrap .cta-btn {
    text-align: center;
  }

  .faq-wrap .faq-img-wrap {
    margin-bottom: 30px;
  }

  .testimonial-slider-two.owl-carousel .owl-dots {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: auto;
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  .testimonial-slider-two.owl-carousel .owl-dots .owl-dot span {
    width: 15px;
  }
  .testimonial-slider-two.owl-carousel .owl-dots .owl-dot.active span {
    width: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-wrap .navbar .navbar-nav .nav-item {
    margin: 0 7px !important;
  }

  .header-wrap .navbar .navbar-nav .nav-item a {
    font-size: 15px !important;
  }

  .header-wrap.sticky {
    top: -50px;
  }

  .header-wrap .header-top .header-top-left .contact-info li {
    margin-right: 15px;
  }

  .header-wrap .header-top .header-top-left .contact-info li span {
    top: 0px;
    width: 25px;
    height: 25px;
  }

  .header-wrap .header-top .header-top-left .contact-info li span i {
    font-size: 14px;
  }

  .header-wrap .header-top .header-top-left .contact-info li a,
  .header-wrap .header-top .header-top-left .contact-info li p {
    font-size: 13px;
  }

  .header-wrap
    .header-top
    .header-top-right
    .select-lang
    .dropdown-toggle
    span {
    font-size: 14px;
  }

  .header-wrap .header-top .header-top-right .social-profile li a {
    width: 25px;
    height: 24px;
  }
  .hero-wrap {
    margin-top: 131px;
  }

  .hero-wrap.style3 .hero-slide-item {
    padding: 90px 0 150px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content h1, .hero-wrap.style3 .hero-slide-item .hero-content h2 {
    font-size: 44px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content p {
    padding-right: 30px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap {
    height: 500px;
    width: calc(100% - 120px);
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box {
    right: -120px;
  }

  .hero-slider-two.owl-carousel .owl-nav {
    bottom: 30px;
  }

  .about-wrap.style3 .about-img-wrap .about-img-one {
    max-width: 325px;
  }
  .about-wrap.style3 .about-img-wrap .about-img-two {
    max-width: 250px;
  }
  .about-wrap.style3 .about-img-wrap .about-promo-box {
    bottom: 60px;
    right: 30px;
  }

  .counter-card-wrap .counter-card .counter-text h2 {
    font-size: 30px;
  }
  .counter-card-wrap .counter-card .counter-text h2 .target {
    font-size: 30px;
    top: 0;
  }
  .counter-card-wrap .counter-card .counter-text p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .sidebar {
    margin: 50px 0 0;
  }

  .hero-slider-two.owl-carousel .owl-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-prev,
  .hero-slider-two.owl-carousel .owl-nav button.owl-next {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-prev {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .xl-none {
    display: none !important;
  }
  .content-title p {
    padding-right: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .section-img.style2 {
    right: 10px;
    max-width: 60px;
  }
  .breadcrumb-wrap .section-img {
    max-width: 140px;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-prev,
  .hero-slider-two.owl-carousel .owl-nav button.owl-next {
    width: 38px;
    height: 38px;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-prev i,
  .hero-slider-two.owl-carousel .owl-nav button.owl-next i {
    font-size: 24px;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-prev {
    left: 5px !important;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-next {
    right: 5px !important;
  }
  .portfolio-slider-one.owl-carousel .owl-nav button.owl-prev,
  .service-slider-one.owl-carousel .owl-nav button.owl-prev {
    left: -30px !important;
  }
  .portfolio-slider-one.owl-carousel .owl-nav button.owl-next,
  .service-slider-one.owl-carousel .owl-nav button.owl-next {
    right: -30px !important;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero-wrap.style1 .hero-slide-item .hero-content h1, .hero-wrap.style1 .hero-slide-item .hero-content h2 {
    font-size: 58px;
  }
  .hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box-wrap {
    max-width: 735px;
    right: 35px;
  }
  .hero-wrap.style3 .hero-slide-item {
    padding: 120px 0 80px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content h1, .hero-wrap.style3 .hero-slide-item .hero-content h2 {
    font-size: 60px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content p {
    padding-right: 30px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap {
    height: 500px;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-prev {
    left: 5px;
  }
  .hero-slider-two.owl-carousel .owl-nav button.owl-next {
    right: 5px;
  }
}
@media only screen and (min-width: 1400px) {
  .header-wrap .navbar .navbar-nav .nav-item {
    margin: 0 25px;
  }

  .header-wrap .navbar .navbar-nav .nav-item a {
    font-size: 16px;
    text-transform: uppercase;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-wrap.style3 .hero-slide-item {
    padding: 120px 0 80px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content h1, .hero-wrap.style3 .hero-slide-item .hero-content h2 {
    font-size: 54px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-content p {
    padding-right: 30px;
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap {
    height: 500px;
    width: calc(100% - 120px);
  }
  .hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box {
    right: -120px;
  }
  .hero-slider-two.owl-carousel .owl-nav button.owl-prev {
    left: 25px;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-next {
    right: 25px;
  }

  .service-slider-one.owl-carousel .owl-nav button.owl-prev,
  .service-slider-one.owl-carousel .owl-nav button.owl-next {
    width: 42px;
    height: 42px;
  }
}

@media only screen and (min-width: 1600px) {
  .hero-wrap.style3 .hero-content h1, .hero-wrap.style3 .hero-content h2 {
    font-size: 68px;
  }
  .hero-wrap.style3 .hero-content p {
    padding-right: 35px;
  }

  .hero-wrap .hero-img-wrap {
    padding-left: 100px;
  }
  .header-wrap .container {
    max-width: 1520px;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-prev {
    left: 0px;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-next {
    right: 0px;
  }
}

@media only screen and (min-width: 1920px) {
  .hero-slider-two.owl-carousel .owl-nav button.owl-prev {
    left: 65px;
  }

  .hero-slider-two.owl-carousel .owl-nav button.owl-next {
    right: 65px;
  }
}