@media only screen and (max-width:767px) {
    body {
      font-size: 14px
    }
  
    p {
      line-height: 1.7
    }
  
    .ptb-100 {
      padding-top: 50px;
      padding-bottom: 50px
    }
  
    .pt-100 {
      padding-top: 50px
    }
  
    .pb-70 {
      padding-bottom: 20px
    }
  
    .pb-100 {
      padding-bottom: 50px
    }
  
    .header-top {
      padding-top: 15px;
      border-bottom: 1px solid #f2f2f2;
      text-align: center
    }
  
    .header-top-item .header-top-left ul li {
      font-size: 13px;
      margin-right: 0;
      margin-bottom: 8px;
      display: block
    }
  
    .header-top-item .header-top-left ul li i {
      font-size: 16px
    }
  
    .header-top-item .header-top-right {
      text-align: center
    }
  
    .mobile-nav .logo {
      width: 75px;
      top: 10px !important
    }
  
    .mobile-nav.mean-container .mean-nav ul li a.active {
      color: #cc9933
    }
  
    .nav-srh {
      display: none
    }
  
    .slider-item {
      height: 100%;
      padding-top: 110px;
      padding-bottom: 110px;
      text-align: center
    }
  
    .slider-item .slider-shape img {
      position: relative;
      top: 0;
      right: 0;
      left: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: 290px;
      margin-bottom: 20px
    }
  
    .slider-item .slider-shape-two img {
      position: relative;
      top: 0;
      right: 0;
      left: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: 290px;
      margin-bottom: 20px
    }
  
    .slider-item .slider-shape-three img {
      position: relative;
      top: 0;
      right: 0;
      left: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: 290px;
      margin-bottom: 20px
    }
  
    .slider-item:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: #cc9933;
      opacity: .8
    }
  
    .slider-item .slider-text {
      margin-top: 0
    }
  
    .slider-item .slider-text h1 {
      font-size: 26px;
      margin-bottom: 18px;
      max-width: 100%
    }
  
    .slider-item .slider-text p {
      margin-bottom: 30px;
      max-width: 100%
    }
  
    .common-btn a {
      font-size: 13px;
      padding: 13px 14px 12px;
      border-radius: 5px;
      margin-right: 8px
    }
  
    .home-slider .owl-prev {
      display: none !important
    }
  
    .home-slider .owl-next {
      display: none !important
    }
  
    .home-slider.owl-theme .owl-dots {
      bottom: 70px
    }
  
    .home-slider.owl-theme .owl-dots .owl-dot span {
      width: 20px;
      height: 5px;
      margin: 5px 4px;
      background-color: #cc9933
    }
  
    .home-slider.owl-theme .owl-dots .owl-dot.active span,
    .home-slider.owl-theme .owl-dots .owl-dot:hover span {
      background: #fff;
      width: 30px
    }
  
    .counter-bg {
      padding-top: 50px;
      padding-bottom: 20px;
      margin-top: 50px
    }
  
    .counter-item i {
      font-size: 30px;
      margin-bottom: 14px
    }
  
    .counter-item h3 {
      font-size: 30px;
      margin-bottom: 4px
    }
  
    .counter-item p {
      font-size: 13px
    }
  
    .about-item h2 {
      font-size: 22px;
      margin-bottom: 8px
    }
  
    .about-item p {
      margin-bottom: 20px
    }
  
    .about-item ul {
      margin-bottom: 25px
    }
  
    .about-item ul li {
      font-size: 15px;
      margin-bottom: 10px
    }
  
    .about-item ul li i {
      margin-right: 6px;
      font-size: 18px
    }
  
    .about-item a {
      font-size: 14px;
      padding: 15px 30px
    }
  
    .about-left:before {
      display: none
    }
  
    .about-left:after {
      display: none
    }
  
    @keyframes a-one {
      50% {
        transform: translate(-10px, -10px)
      }
    }
  
    @keyframes a-two {
      50% {
        transform: translate(10px, 10px)
      }
    }
  
    .about-right {
      padding-left: 0
    }
  
    .about-right img {
      right: 2px;
      width: 270px
    }
  
    .about-left img {
      animation: unset
    }
  
    .section-title {
      margin-bottom: 30px
    }
  
    .section-title h2 {
      font-size: 22px;
      padding-bottom: 12px
    }
  
    .section-title h2:before {
      width: 50px;
      height: 2px
    }
  
    .service-item:hover .service-end p {
      margin-bottom: 22px
    }
  
    .service-item .service-front i {
      margin-bottom: 12px
    }
  
    .service-item .service-front h3 {
      margin-bottom: 8px;
      font-size: 20px
    }
  
    .service-item .service-front p {
      padding-left: 15px;
      padding-right: 15px
    }
  
    .service-item .service-end h3 {
      margin-bottom: 12px;
      font-size: 20px
    }
  
    .service-item .service-end a {
      padding: 10px 15px
    }
  
    .expertise-item .expertise-inner {
      padding-top: 35px;
      padding-bottom: 30px
    }
  
    .expertise-item .expertise-inner i {
      width: 60px;
      height: 60px;
      line-height: 60px;
      font-size: 26px;
      margin-bottom: 22px;
      box-shadow: 0 0 0 5px rgba(255, 255, 255, .6509803922)
    }
  
    .expertise-item .expertise-inner h3 {
      font-size: 18px;
      margin-bottom: 10px
    }
  
    .expertise-item .expertise-right {
      padding-left: 0;
      margin-bottom: 30px
    }
  
    .expertise-item .expertise-right:before {
      display: none
    }
  
    .expertise-item .expertise-right:after {
      display: none
    }
  
    .expertise-item .expertise-right img {
      width: 100%;
      z-index: 1
    }
  
    .video-area {
      height: 490px
    }
  
    .video-item a {
      width: 80px;
      height: 80px;
      line-height: 80px;
      font-size: 25px;
      position: relative;
      top: -40px
    }
  
    .video-item .video-content {
      margin-top: 30px;
      padding-left: 25px
    }
  
    .video-item .video-content:before {
      top: 5px;
      width: 4px;
      height: 65px
    }
  
    .video-item .video-content h3 {
      font-size: 22px;
      margin-bottom: 16px
    }
  
    .video-wrap .nav-pills .nav-link.active,
    .video-wrap .nav-pills .show>.nav-link {
      border-top: 2px solid #54cde1
    }
  
    .video-wrap .video-nav .video-nav-item {
      display: block
    }
  
    .video-wrap .video-nav .video-nav-item a {
      font-size: 15px;
      padding-bottom: 18px;
      padding-top: 14px;
      border-bottom: 1px solid rgba(77, 147, 233, .3490196078);
      border-top: 2px solid transparent
    }
  
    .doctor-item .doctor-top a {
      font-size: 14px;
      padding: 12px 0
    }
  
    .doctor-item .doctor-bottom {
      padding-top: 18px;
      padding-bottom: 18px
    }
  
    .doctor-item .doctor-bottom h3 {
      font-size: 18px;
      margin-bottom: 8px
    }
  
    .doctor-item .doctor-bottom span {
      font-size: 14px
    }
  
    .doctor-btn a {
      margin-top: 5px;
      font-size: 16px;
      padding: 12px 35px
    }
  
    .blog-area {
      padding-bottom: 135px
    }
  
    .blog-item .blog-bottom {
      padding-top: 25px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 30px
    }
  
    .blog-item .blog-bottom h3 a {
      font-size: 15px;
      margin-bottom: 14px
    }
  
    .blog-item .blog-bottom p {
      padding-bottom: 22px
    }
  
    .blog-item .blog-bottom ul {
      padding-top: 20px
    }
  
    .blog-item .blog-bottom ul li {
      font-size: 14px
    }
  
    .blog-item .blog-bottom ul li:last-child i {
      font-size: 14px
    }
  
    .blog-item .blog-bottom ul li a {
      font-size: 14px
    }
  
    .blog-item .blog-bottom ul li a i {
      font-size: 20px;
      top: 3px
    }
  
    .blog-item .blog-bottom h3 a {
      font-size: 17px;
      margin-bottom: 12px
    }
  
    .newsletter-wrap {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 0;
      padding-right: 0
    }
  
    .newsletter-item h2 {
      font-size: 22px;
      margin-bottom: 10px
    }
  
    .newsletter-item p {
      font-size: 14px;
      margin-bottom: 30px
    }
  
    .newsletter-item .newsletter-form .form-group .form-control {
      height: 60px;
      padding-left: 15px;
      font-size: 14px
    }
  
    .newsletter-item .newsletter-form .form-group .newsletter-btn {
      padding: 13px 30px;
      font-size: 13px
    }
  
    .newsletter-wrap {
      border-radius: 0
    }
  
    .newsletter-item .newsletter-form .form-group .newsletter-btn {
      padding: 13px 30px;
      font-size: 13px;
      position: relative;
      width: 100%;
      left: 0;
      top: 0;
      margin-top: 15px
    }
  
    .page-title-area {
      height: 280px
    }
  
    .page-title-four .page-title-item {
      margin-top: 55px
    }
  
    footer {
      padding-top: 170px
    }
  
    .footer-item .footer-contact h3 {
      font-size: 18px;
      margin-bottom: 30px
    }
  
    .footer-item .footer-contact ul li {
      font-size: 14px;
      padding-left: 55px;
      margin-bottom: 40px
    }
  
    .footer-item .footer-contact ul li:last-child i {
      top: -1px
    }
  
    .footer-item .footer-contact ul li i {
      top: 2px;
      font-size: 38px
    }
  
    .footer-item .footer-quick h3 {
      font-size: 18px;
      margin-bottom: 30px
    }
  
    .footer-item .footer-quick ul li {
      margin-bottom: 15px
    }
  
    .footer-item .footer-quick ul li a {
      font-size: 14px
    }
  
    .footer-item .footer-feedback h3 {
      font-size: 18px;
      margin-bottom: 30px
    }
  
    .footer-item .footer-feedback .form-group .form-control {
      font-size: 14px
    }
  
    .footer-item .footer-feedback .feedback-btn {
      font-size: 13px;
      padding: 10px 32px
    }
  
    .copyright-area .copyright-item {
      padding-top: 20px;
      padding-bottom: 20px
    }
  
    .copyright-area .copyright-item p {
      font-size: 13px
    }
  
    .home-slider-two.owl-theme .owl-dots {
      bottom: 80px
    }
  
    .home-slider-two .slider-item {
      height: 100%;
      padding-top: 160px;
      padding-bottom: 150px
    }
  
    .home-slider-two .slider-item .slider-text h1 {
      font-size: 24px
    }
  
    .emergency-area {
      margin-top: 50px
    }
  
    .emergency-bg {
      padding: 40px 0 10px
    }
  
    .emergency-item .emergency-inner {
      padding-left: 70px
    }
  
    .emergency-item .emergency-inner h3 {
      margin-bottom: 15px;
      font-size: 18px
    }
  
    .welcome-left {
      height: auto;
      background-image: unset
    }
  
    .welcome-left img {
      display: inline-block
    }
  
    .welcome-item ul {
      max-width: 100%
    }
  
    .welcome-item ul li {
      margin-bottom: 35px
    }
  
    .welcome-item ul li:hover i {
      box-shadow: 0 0 0 6px #111
    }
  
    .welcome-item ul li i {
      top: 0;
      font-size: 30px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      box-shadow: 0 0 0 6px #cc9933
    }
  
    .welcome-item ul li .welcome-inner {
      padding-left: 75px
    }
  
    .welcome-item ul li .welcome-inner h3 {
      font-size: 18px;
      margin-bottom: 8px
    }
  
    .welcome-right {
      padding-left: 20px;
      padding-top: 0
    }
  
    .section-title-two {
      margin-bottom: 30px;
      max-width: 100%
    }
  
    .section-title-two span {
      font-size: 13px
    }
  
    .section-title-two h2 {
      font-size: 22px
    }
  
    .speciality-area .section-title-two {
      padding-top: 0;
      padding-left: 15px
    }
  
    .speciality-item .speciality-inner {
      padding-top: 25px;
      padding-left: 25px;
      padding-bottom: 25px;
      margin-bottom: 20px
    }
  
    .speciality-item .speciality-inner i {
      margin-bottom: 15px
    }
  
    .speciality-item .speciality-inner h3 {
      font-size: 18px;
      margin-bottom: 8px
    }
  
    .speciality-right {
      height: auto;
      background-image: unset
    }
  
    .speciality-right:before {
      display: none
    }
  
    .speciality-right img {
      display: inline-block
    }
  
    .speciality-right .speciality-emergency {
      left: 15px;
      padding: 25px 210px 20px 30px
    }
  
    .speciality-right .speciality-emergency .speciality-icon {
      width: 40px;
      height: 40px;
      line-height: 40px
    }
  
    .speciality-right .speciality-emergency .speciality-icon i {
      font-size: 18px
    }
  
    .speciality-right .speciality-emergency h3 {
      font-size: 18px;
      right: 45px
    }
  
    .speciality-right .speciality-emergency a {
      top: 52px;
      font-size: 12px;
      right: 95px
    }
  
    .speciality-left {
      padding-left: 0;
      padding-right: 0
    }
  
    .counter-area-two .counter-bg {
      margin-top: 0;
      bottom: -55px
    }
  
    .appointment-area {
      padding-top: 105px
    }
  
    .appointment-item {
      padding: 30px 15px 40px
    }
  
    .appointment-item h2 {
      font-size: 20px;
      margin-bottom: 12px
    }
  
    .appointment-item span {
      font-size: 14px;
      margin-bottom: 30px
    }
  
    .appointment-item .appointment-form .form-group {
      margin-bottom: 40px
    }
  
    .appointment-item .appointment-form .form-group i {
      font-size: 42px
    }
  
    .appointment-item .appointment-form .form-group label {
      margin-bottom: 5px;
      font-size: 14px
    }
  
    .appointment-item .appointment-form .form-group .form-control {
      font-size: 14px;
      padding-bottom: 10px
    }
  
    .appointment-item .appointment-form .appointment-btn {
      font-size: 14px;
      padding: 12px 45px
    }
  
    .banner-area {
      height: 100%;
      padding-top: 150px;
      padding-bottom: 150px
    }
  
    .banner-item {
      text-align: center
    }
  
    .banner-item h1 {
      font-size: 26px;
      margin-bottom: 20px;
      padding-top: 280px
    }
  
    .banner-item p {
      margin-bottom: 30px
    }
  
    .banner-item .common-btn-two a {
      font-size: 14px;
      padding: 14px 15px;
      margin-right: 8px
    }
  
    .banner-item .common-btn-two .cmn-btn-right-two {
      padding-left: 20px;
      padding-right: 20px
    }
  
    .banner-item .banner-right img:nth-child(1) {
      top: -55px;
      right: 0;
      left: 0;
      max-width: 285px
    }
  
    .banner-item .banner-right img:nth-child(2) {
      top: -43px;
      right: 5px;
      left: 0;
      max-width: 285px
    }
  
    .banner-item .banner-right img:nth-child(3) {
      top: -63px;
      right: -7px;
      left: 0;
      max-width: 285px
    }
  
    .banner-item .banner-right img:nth-child(4) {
      max-width: 200px;
      left: 0
    }
  
    .hospital-item .hospital-play-btn {
      width: 90px;
      height: 90px;
      line-height: 90px;
      font-size: 26px;
      top: 45%
    }
  
    .hospital-item h2 {
      font-size: 20px;
      margin-bottom: 10px
    }
  
    .hospital-item p {
      margin-bottom: 20px
    }
  
    .hospital-item ul {
      margin-bottom: 30px
    }
  
    .hospital-item ul li {
      font-size: 14px;
      margin-bottom: 12px;
      margin-bottom: 20px
    }
  
    .hospital-item ul li i {
      font-size: 18px;
      margin-right: 6px;
      bottom: -2px
    }
  
    .hospital-item .hospital-btn {
      font-size: 14px;
      padding: 12px 25px
    }
  
    .hospital-item .hospital-left-one {
      margin-top: 0
    }
  
    .hospital-item .hospital-left-one:before {
      display: none
    }
  
    .hospital-item .hospital-left-two {
      margin-bottom: 0
    }
  
    .hospital-right {
      max-width: 100%;
      margin-left: 0
    }
  
    .speciality-right-two:before {
      top: -2px
    }
  
    .welcome-left-two:before {
      display: none
    }
  
    .welcome-left-two:after {
      display: none
    }
  
    .video-wrap-two .nav-pills .nav-link.active,
    .video-wrap .nav-pills .show>.nav-link {
      border-top: 0
    }
  
    .video-wrap-two .video-nav .video-nav-item a {
      border-top: 0
    }
  
    .counter-area-three .counter-bg {
      bottom: -50px
    }
  
    .review-area {
      padding-top: 100px
    }
  
    .main {
      max-width: 100%;
      padding-bottom: 80px;
      padding-left: 10px;
      padding-right: 10px
    }
  
    .slick-dotted.slick-slider {
      margin-bottom: 15px
    }
  
    .slider-nav {
      margin-bottom: 30px;
      position: relative;
      max-width: 440px;
      margin-left: auto;
      margin-right: auto
    }
  
    .slider-nav .slick-dots {
      bottom: -180px
    }
  
    .slider-nav .slick-track {
      padding-top: 2px
    }
  
    .slider-nav div {
      text-align: center
    }
  
    .slider-nav div .review-img img {
      margin-bottom: 35px
    }
  
    .slider-nav div h3 {
      font-size: 20px;
      margin-bottom: 8px
    }
  
    .slider-for div p {
      margin-bottom: 0;
      color: #000;
      font-size: 14px;
      text-align: center;
      max-width: 580px;
      margin-left: auto;
      margin-right: auto
    }
  
    .page-title-item {
      margin-top: -20px
    }
  
    .page-title-item h2 {
      font-size: 26px;
      margin-bottom: 16px
    }
  
    .page-title-item ul li {
      font-size: 15px;
      margin-right: 0;
      margin-left: 0
    }
  
    .page-title-item ul li i {
      font-size: 17px
    }
  
    .doctor-search-item .form-group {
      padding-left: 50px
    }
  
    .doctor-search-item .form-group i {
      font-size: 40px
    }
  
    .doctor-search-item .form-group label {
      font-size: 14px
    }
  
    .doctor-search-item .doctor-search-btn {
      bottom: 5px
    }
  
    .doctors-area-two {
      padding-bottom: 130px
    }
  
    .page-title-two .page-title-item {
      margin-top: -90px
    }
  
    .appointment-area-two {
      padding-bottom: 160px
    }
  
    .appointment-item-two {
      padding: 30px 15px 40px
    }
  
    .appointment-item-two-right {
      padding-top: 30px;
      padding-bottom: 30px
    }
  
    .appointment-item-two-right .appointment-item-content {
      padding: 20px 15px 30px;
      margin: 0 10px
    }
  
    .appointment-item-two-right .appointment-item-content h2 {
      font-size: 20px;
      margin-bottom: 20px
    }
  
    .appointment-item-two-right .appointment-item-content .content-one ul li {
      font-size: 13px
    }
  
    .appointment-item-two-right .appointment-item-content .content-one ul li:before {
      width: 20px;
      left: 84px
    }
  
    .appointment-item-two-right .appointment-item-content .content-two {
      margin-left: 30px
    }
  
    .appointment-item-two-right .appointment-item-content .content-two ul li {
      font-size: 13px
    }
  
    .appointment-wrap-two {
      margin-top: -160px
    }
  
    .page-title-three {
      text-align: center
    }
  
    .page-title-item-two {
      text-align: center;
      max-width: 100%
    }
  
    .page-title-item-two h2 {
      font-size: 30px;
      margin-bottom: 10px
    }
  
    .page-title-item-two h3 {
      font-size: 22px;
      margin-bottom: 12px
    }
  
    .page-title-item-two p {
      font-size: 16px
    }
  
    .doctor-details-left {
      margin-top: 50px
    }
  
    .doctor-details-item img {
      margin-bottom: 30px
    }
  
    .doctor-details-item .doctor-details-contact {
      padding-left: 15px;
      margin-bottom: 30px
    }
  
    .doctor-details-item .doctor-details-contact h3 {
      font-size: 20px;
      margin-bottom: 25px
    }
  
    .doctor-details-item .doctor-details-contact ul li {
      font-size: 14px;
      margin-bottom: 15px
    }
  
    .doctor-details-item .doctor-details-contact ul li i {
      font-size: 18px
    }
  
    .doctor-details-item .doctor-details-work {
      padding-left: 15px;
      padding-bottom: 35px
    }
  
    .doctor-details-item .doctor-details-work h3 {
      font-size: 20px;
      margin-bottom: 25px
    }
  
    .doctor-details-item .doctor-details-biography {
      padding-left: 0;
      padding-top: 25px
    }
  
    .doctor-details-item .doctor-details-biography h3 {
      font-size: 20px;
      margin-bottom: 15px
    }
  
    .doctor-details-item .doctor-details-biography ul li {
      margin-bottom: 10px
    }
  
    .appointment-area-three {
      padding-bottom: 160px
    }
  
    .appointment-area-three .appointment-item {
      margin-right: 0;
      margin-top: 0;
      max-width: 100%
    }
  
    .appointment-area-three .appointment-item .appointment-shape {
      bottom: 0;
      top: -95px;
      left: -74px;
      width: 250px
    }
  
    .appointment-area-three .speciality-right-three {
      background-image: unset;
      height: auto
    }
  
    .page-title-four .page-title-item {
      margin-top: 40px
    }
  
    .blog-details-item .blog-details-img img {
      margin-bottom: 30px
    }
  
    .blog-details-item .blog-details-img h2 {
      font-size: 20px;
      padding-right: 0
    }
  
    .blog-details-item .blog-details-img ul {
      margin-bottom: 25px
    }
  
    .blog-details-item .blog-details-img ul li {
      font-size: 14px;
      margin-right: 25px
    }
  
    .blog-details-item .blog-details-img ul li i {
      font-size: 18px
    }
  
    .blog-details-item .blog-details-img p {
      font-size: 14px;
      margin-bottom: 20px
    }
  
    .blog-details-item .blog-details-previous h3 {
      font-size: 14px
    }
  
    .blog-details-item .blog-details-previous ul {
      margin-bottom: 30px
    }
  
    .blog-details-item .blog-details-previous .prev-next ul {
      margin: 0;
      padding: 0
    }
  
    .blog-details-item .blog-details-previous .prev-next ul li a {
      font-size: 14px;
      padding: 6px 18px
    }
  
    .blog-details-item .blog-details-search {
      margin-bottom: 30px
    }
  
    .blog-details-item .blog-details-search .form-control {
      height: 45px;
      padding-left: 25px
    }
  
    .blog-details-item .blog-details-search .blog-details-btn {
      font-size: 14px
    }
  
    .blog-details-item .blog-details-recent {
      margin-bottom: 30px
    }
  
    .blog-details-item .blog-details-recent h3 {
      font-size: 20px;
      margin-bottom: 25px
    }
  
    .blog-details-item .blog-details-recent ul li {
      padding-bottom: 15px
    }
  
    .blog-details-item .blog-details-recent ul li a {
      font-size: 13px;
      margin-bottom: 10px;
      padding-top: 2px
    }
  
    .blog-details-item .blog-details-recent ul li ul li {
      font-size: 12px;
      margin-right: 12px
    }
  
    .blog-details-item .blog-details-recent ul li ul li i {
      font-size: 15px;
      margin-right: 1px
    }
  
    .blog-details-item .blog-details-category {
      margin-bottom: 30px
    }
  
    .blog-details-item .blog-details-category h3 {
      font-size: 20px;
      margin-bottom: 25px
    }
  
    .blog-details-item .blog-details-tags h3 {
      font-size: 20px;
      margin-bottom: 25px
    }
  
    .blog-details-item .blog-details-tags ul li a {
      font-size: 14px;
      padding: 10px 20px
    }
  
    .blog-details-form .blog-details-shape {
      top: -33px;
      width: 110px
    }
  
    .blog-details-form .blog-details-form-wrap {
      max-width: 770px
    }
  
    .blog-details-form .blog-details-form-wrap h2 {
      font-size: 20px;
      margin-bottom: 25px
    }
  
    .blog-details-form .blog-details-form-wrap .form-group .form-control {
      font-size: 14px
    }
  
    .blog-details-form .blog-details-form-wrap .blog-details-form-btn {
      font-size: 14px;
      padding: 13px 25px
    }
  
    .blog-area-two {
      padding-bottom: 130px
    }
  
    .blog-area-two .section-title h2 {
      font-size: 20px;
      margin-bottom: 25px
    }
  
    .page-title-five .page-title-item {
      margin-top: 35px
    }
  
    .location-wrap {
      padding-top: 40px;
      padding-bottom: 10px;
      padding-left: 0;
      margin-top: 50px
    }
  
    .location-wrap .location-item i {
      width: 65px;
      height: 65px;
      line-height: 65px;
      font-size: 28px;
      margin-bottom: 18px
    }
  
    .location-wrap .location-item h3 {
      font-size: 20px;
      margin-bottom: 10px
    }
  
    .location-wrap .location-item p {
      margin-bottom: 12px
    }
  
    .drop-item .drop-left {
      padding-top: 0;
      padding-bottom: 30px;
      max-width: 100%;
      padding-right: 15px;
      padding-left: 15px
    }
  
    .drop-item .drop-left h2 {
      font-size: 20px;
      margin-bottom: 20px;
      padding-right: 0
    }
  
    .drop-item .drop-left .form-group .form-control {
      height: 45px;
      font-size: 14px
    }
  
    .drop-item .drop-left .drop-btn {
      font-size: 14px;
      padding: 12px 30px
    }
  
    .drop-item .drop-left .text-danger {
      margin-top: 15px;
      font-size: 18px
    }
  
    .drop-item .drop-left .text-success {
      margin-top: 15px;
      font-size: 18px
    }
  
    .drop-img {
      height: auto;
      background-image: unset
    }
  
    .drop-img img {
      display: inline-block
    }
  
    #map {
      height: 400px
    }
  
    .faq-head h2 {
      margin-bottom: 25px;
      font-size: 20px
    }
  
    .faq-wrap {
      margin-bottom: 35px
    }
  
    .accordion p {
      font-size: 14px;
      padding: 15px 15px 10px
    }
  
    .accordion a {
      font-size: 14px;
      padding: 10px 30px 10px 15px
    }
  
    .accordion a:after {
      top: 2px;
      font-weight: 600
    }
  
    .footer-two {
      padding-top: 50px
    }
  
    .error-item {
      height: 100%;
      margin-top: 0;
      padding-top: 130px;
      padding-bottom: 100px
    }
  
    .error-item h1 {
      font-size: 70px;
      margin-bottom: 2px
    }
  
    .error-item p {
      margin-bottom: 6px;
      font-size: 20px
    }
  
    .error-item a {
      padding: 14px 30px;
      margin-top: 40px;
      font-size: 14px
    }
  
    .coming-item {
      height: 100%;
      padding-top: 70px;
      padding-bottom: 70px
    }
  
    .coming-item h1 {
      font-size: 25px;
      margin-bottom: 10px
    }
  
    .coming-item p {
      margin-bottom: 30px;
      font-size: 14px
    }
  
    .coming-item .coming-wrap {
      margin-bottom: 5px
    }
  
    .coming-item .coming-wrap .coming-inner {
      padding-top: 10px;
      padding-bottom: 8px
    }
  
    .coming-item .coming-wrap .coming-inner h3 {
      font-size: 28px;
      margin-bottom: 2px
    }
  
    .coming-item .coming-wrap .coming-inner p {
      font-size: 14px
    }
  
    .coming-item ul li a {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 14px
    }
  
    .testimonial-area .owl-theme .owl-nav {
      margin-top: 15px
    }
  
    .testimonial-area .testimonial-wrap {
      padding: 30px 15px 40px
    }
  
    .testimonial-area .testimonial-wrap h2 {
      font-size: 20px;
      margin-bottom: 30px
    }
  
    .testimonial-area .testimonial-wrap .testimonial-slider .owl-prev {
      width: 35px;
      height: 35px;
      line-height: 35px !important;
      font-size: 20px !important
    }
  
    .testimonial-area .testimonial-wrap .testimonial-slider .owl-next {
      width: 35px;
      height: 35px;
      line-height: 35px !important;
      font-size: 20px !important
    }
  
    .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item img {
      width: 100px;
      height: 100px;
      margin-bottom: 25px
    }
  
    .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item h3 {
      font-size: 18px;
      margin-bottom: 8px
    }
  
    .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item p {
      padding-right: 15px;
      padding-left: 15px
    }
  
    .signup-left {
      height: auto;
      background-image: unset
    }
  
    .signup-left img {
      display: inline-block;
      padding-left: 15px
    }
  
    .signup-item .signup-head {
      margin-bottom: 30px
    }
  
    .signup-item .signup-head h2 {
      font-size: 20px;
      padding-bottom: 12px;
      margin-bottom: 12px
    }
  
    .signup-item .signup-head h2:before {
      width: 45px;
      height: 2px
    }
  
    .signup-item .signup-head p {
      font-size: 14px
    }
  
    .signup-item .signup-form .form-group .form-control {
      font-size: 14px
    }
  
    .signup-item .signup-form .signup-btn {
      font-size: 15px;
      margin-top: 0
    }
  
    .login-left {
      height: auto;
      background-image: unset
    }
  
    .login-left img {
      display: inline-block;
      padding-left: 15px
    }
  
    .privacy-area {
      padding-bottom: 120px
    }
  
    .privacy-item {
      margin-bottom: 40px
    }
  
    .privacy-item h2 {
      font-size: 20px;
      margin-bottom: 10px
    }
  
    .privacy-item ul li {
      margin-bottom: 15px
    }
  
    .departments-area {
      padding-bottom: 130px
    }
  
    .department-item {
      padding-top: 25px;
      padding-bottom: 25px
    }
  
    .department-item i {
      font-size: 35px;
      margin-bottom: 12px
    }
  
    .department-item h3 {
      margin-bottom: 8px;
      font-size: 20px
    }
  
    .services-details-img {
      margin-bottom: 30px
    }
  
    .services-details-img img {
      margin-bottom: 20px
    }
  
    .services-details-img h2 {
      font-size: 20px;
      margin-bottom: 10px
    }
  
    .services-details-img blockquote {
      font-size: 14px;
      padding: 25px 15px 25px 45px
    }
  
    .services-details-img blockquote i {
      top: 20px;
      left: 14px;
      font-size: 26px
    }
  
    .service-details-inner-left {
      height: 400px;
      margin-bottom: 20px
    }
  
    .service-details-inner h2 {
      font-size: 20px;
      margin-bottom: 10px
    }
  
    .counter-area-four {
      margin-top: 0;
      margin-bottom: 50px
    }
  
    #toTop {
      bottom: 60px
    }
  
    .back-to-top-btn i {
      height: 45px;
      width: 45px;
      line-height: 45px;
      font-size: 22px;
      margin-right: 10px
    }
  
    .appointment-area-two {
      padding-top: 60px
    }
  
    .appointment-item-two-right .appointment-item-content .content-one ul li:before {
      display: none
    }
  
    .appointment-item-two-right .appointment-item-content .content-two {
      margin-left: 10px
    }
  
    .appointment-wrap-two {
      margin: 0
    }
  
    .page-title-two .page-title-item {
      margin-top: 40px
    }
  
    .slider-item-two .slider-shape img {
      max-width: 100%
    }
  
    .slider-item-two .slider-text h1 {
      line-height: 40px;
      font-size: 25px
    }
  
    .about-area-two {
      text-align: center
    }
  
    .symptoms-content ul li {
      flex: 0 0 100%;
      max-width: 100%
    }
  
    .newsletter-item .newsletter-form .newsletter-btn {
      padding: 10px 15px;
      font-size: 15px
    }
  
    .newsletter-item .newsletter-form .form-control {
      height: 58px;
      font-size: 15px
    }
  
    .faq-area-two .section-title {
      text-align: left
    }
  
    .faq-area-two .faq-img {
      background-image: unset;
      margin-bottom: 30px
    }
  
    .faq-area-two .faq-img img {
      display: block
    }
  
    .faq-area-two .faq-img a {
      width: 65px;
      height: 65px;
      line-height: 65px;
      position: absolute;
      top: 42%;
      left: 20%;
      font-size: 25px
    }
  
    .faq-area-two .faq-content .accordion p {
      padding: 15px 20px
    }
  
    .faq-area-two .accordion a:after {
      top: 4px;
      right: 5px
    }
  
    .slider-item-three .slider-text h1 {
      margin-bottom: 12px
    }
  
    .slider-item-three .slider-text p {
      margin-bottom: 20px;
      font-size: 16px
    }
  
    .slider-item-three .slider-text ul {
      margin-bottom: 35px;
      text-align: left;
      margin-left: auto;
      margin-right: auto
    }
  
    .slider-item-three .slider-text ul li {
      font-size: 16px
    }
  
    .slider-item-three .slider-shape img {
      margin-bottom: 30px
    }
  }
  
  @media only screen and (min-width:768px) and (max-width:991px) {
    body {
      font-size: 15px
    }
  
    .ptb-100 {
      padding-top: 70px;
      padding-bottom: 70px
    }
  
    .pt-100 {
      padding-top: 70px
    }
  
    .pb-70 {
      padding-bottom: 40px
    }
  
    .pb-100 {
      padding-bottom: 70px
    }
  
    .header-top-item .header-top-left ul li {
      font-size: 14px;
      margin-right: 18px;
      margin-bottom: 5px
    }
  
    .header-top-item .header-top-left ul li i {
      font-size: 16px;
      margin-right: 0
    }
  
    .mobile-nav .logo {
      width: 80px;
      top: 9px !important
    }
  
    .mobile-nav.mean-container .mean-nav ul li a.active {
      color: #cc9933
    }
  
    .search-icon {
      display: none
    }
  
    .slider-item {
      height: 100%;
      padding-top: 140px;
      padding-bottom: 140px;
      text-align: center;
      margin-left: auto;
      margin-right: auto
    }
  
    .slider-item .slider-shape img {
      position: relative;
      top: 0;
      right: 0;
      left: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: 550px;
      margin-bottom: 30px
    }
  
    .slider-item .slider-shape-two img {
      position: relative;
      top: 0;
      right: 0;
      left: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: 550px;
      margin-bottom: 30px
    }
  
    .slider-item .slider-shape-three img {
      position: relative;
      top: 0;
      right: 0;
      left: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: 550px;
      margin-bottom: 30px
    }
  
    .slider-item .slider-text {
      margin-top: 0
    }
  
    .slider-item .slider-text h1 {
      font-size: 30px;
      margin-bottom: 30px;
      margin-left: auto;
      margin-right: auto
    }
  
    .slider-item .slider-text p {
      margin-bottom: 35px;
      margin-left: auto;
      margin-right: auto
    }
  
    .common-btn a {
      font-size: 15px;
      padding: 14px 18px
    }
  
    .common-btn .cmn-btn-right {
      padding-left: 20px;
      padding-right: 20px
    }
  
    .home-slider .owl-prev {
      width: 50px;
      height: 50px;
      line-height: 50px !important;
      font-size: 25px !important
    }
  
    .home-slider .owl-next {
      width: 50px;
      height: 50px;
      line-height: 50px !important;
      font-size: 25px !important
    }
  
    .home-slider.owl-theme .owl-dots {
      bottom: 85px
    }
  
    .counter-bg {
      margin-top: 70px
    }
  
    .counter-item i {
      font-size: 40px;
      margin-bottom: 16px
    }
  
    .counter-item h3 {
      font-size: 38px;
      margin-bottom: 5px
    }
  
    .counter-item p {
      font-size: 15px
    }
  
    .about-item h2 {
      font-size: 26px;
      margin-bottom: 10px
    }
  
    .about-item p {
      margin-bottom: 25px
    }
  
    .about-item ul {
      margin-bottom: 35px
    }
  
    .about-item ul li {
      font-size: 15px;
      margin-bottom: 12px
    }
  
    .about-item ul li i {
      margin-right: 8px;
      font-size: 20px
    }
  
    .about-item a {
      font-size: 15px;
      padding: 14px 30px
    }
  
    .about-left {
      position: relative
    }
  
    .about-left img {
      width: 100%;
      z-index: 1
    }
  
    .about-left:before {
      position: absolute;
      content: "";
      top: -10px;
      left: -10px;
      width: 430px;
      height: 375px;
      border-radius: 10px;
      z-index: -1;
      animation: a-one 5s infinite linear;
      background-color: #cc9933
    }
  
    .about-left:after {
      position: absolute;
      content: "";
      bottom: -10px;
      right: -10px;
      width: 430px;
      height: 375px;
      border-radius: 10px;
      z-index: -1;
      animation: a-two 5s infinite linear;
      background-color: #cc9933
    }
  
    @keyframes a-one {
      50% {
        transform: translate(-10px, 10px)
      }
    }
  
    @keyframes a-two {
      50% {
        transform: translate(10px, 10px)
      }
    }
  
    .about-right {
      padding-left: 0
    }
  
    .about-right img {
      right: 0;
      width: 390px
    }
  
    .section-title {
      margin-bottom: 40px
    }
  
    .section-title h2 {
      font-size: 26px;
      padding-bottom: 12px
    }
  
    .section-title h2:before {
      width: 70px;
      height: 4px
    }
  
    .service-item .service-front h3 {
      font-size: 20px
    }
  
    .service-item .service-end h3 {
      font-size: 20px
    }
  
    .expertise-item .expertise-inner {
      padding-top: 36px;
      padding-bottom: 26px
    }
  
    .expertise-item .expertise-inner i {
      width: 65px;
      height: 65px;
      line-height: 65px;
      font-size: 28px;
      margin-bottom: 25px
    }
  
    .expertise-item .expertise-inner h3 {
      font-size: 20px;
      margin-bottom: 14px
    }
  
    .expertise-item .expertise-inner p {
      margin-bottom: 0;
      color: #fff;
      padding-right: 25px;
      padding-left: 25px
    }
  
    .expertise-item .expertise-right {
      padding-left: 0;
      margin-bottom: 40px
    }
  
    .expertise-item .expertise-right:before {
      top: -15px;
      left: -10px
    }
  
    .video-area {
      height: 500px
    }
  
    .video-item a {
      width: 90px;
      height: 90px;
      line-height: 90px;
      font-size: 25px;
      position: relative;
      top: -45px
    }
  
    .video-item .video-content {
      margin-top: 30px
    }
  
    .video-item .video-content:before {
      top: 5px;
      left: 0;
      width: 4px;
      height: 110px
    }
  
    .video-item .video-content h3 {
      font-size: 26px;
      margin-bottom: 20px
    }
  
    .video-wrap .video-nav .video-nav-item {
      display: block
    }
  
    .video-wrap .video-nav .video-nav-item a {
      font-size: 15px;
      padding-bottom: 15px;
      padding-top: 15px;
      border-bottom: 1px solid rgba(77, 147, 233, .3490196078);
      border-top: 3px solid transparent
    }
  
    .video-wrap .nav-pills .nav-link.active,
    .video-wrap .nav-pills .show>.nav-link {
      border-top: 3px solid #54cde1
    }
  
    .doctor-item .doctor-top a {
      font-size: 15px;
      padding: 14px 0
    }
  
    .doctor-item .doctor-bottom {
      padding-top: 20px;
      padding-bottom: 20px
    }
  
    .doctor-item .doctor-bottom h3 {
      font-size: 20px;
      margin-bottom: 6px
    }
  
    .doctor-item .doctor-bottom span {
      font-size: 15px
    }
  
    .doctor-btn a {
      margin-top: 20px;
      font-size: 16px;
      padding: 15px 50px
    }
  
    .blog-area {
      padding-bottom: 150px
    }
  
    .blog-item .blog-bottom {
      padding-top: 30px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 30px
    }
  
    .blog-item .blog-bottom h3 a {
      font-size: 18px;
      margin-bottom: 14px
    }
  
    .blog-item .blog-bottom p {
      padding-bottom: 20px
    }
  
    .blog-item .blog-bottom ul {
      padding-top: 15px
    }
  
    .blog-item .blog-bottom ul li {
      font-size: 15px
    }
  
    .blog-item .blog-bottom ul li a {
      font-size: 15px
    }
  
    .newsletter-wrap {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 25px;
      padding-right: 25px;
      max-width: 680px
    }
  
    .newsletter-item h2 {
      font-size: 26px;
      margin-bottom: 8px
    }
  
    .newsletter-item p {
      font-size: 14px;
      margin-bottom: 25px
    }
  
    .newsletter-item .newsletter-form .form-group .form-control {
      height: 60px;
      padding-left: 20px;
      font-size: 16px
    }
  
    .newsletter-item .newsletter-form .form-group .newsletter-btn {
      padding: 11px 30px;
      font-size: 15px
    }
  
    footer {
      padding-top: 165px
    }
  
    .footer-item .footer-contact h3 {
      font-size: 20px;
      margin-bottom: 30px
    }
  
    .footer-item .footer-contact ul li {
      font-size: 15px;
      margin-bottom: 40px
    }
  
    .footer-item .footer-contact ul li:last-child i {
      top: 0
    }
  
    .footer-item .footer-contact ul li i {
      top: 2px;
      font-size: 38px
    }
  
    .footer-item .footer-quick h3 {
      font-size: 20px;
      margin-bottom: 30px
    }
  
    .footer-item .footer-quick ul li {
      margin-bottom: 16px
    }
  
    .footer-item .footer-feedback h3 {
      font-size: 20px;
      margin-bottom: 30px
    }
  
    .footer-item .footer-feedback .form-group .form-control {
      font-size: 15px
    }
  
    .footer-item .footer-feedback .feedback-btn {
      font-size: 14px;
      padding: 10px 35px
    }
  
    .home-slider-two .slider-item {
      height: 100%
    }
  
    .home-slider-two .slider-item .slider-shape img {
      position: absolute;
      top: -160px;
      left: 0;
      width: 525px;
      animation: a-three 5s infinite linear
    }
  
    .home-slider-two .slider-item:before {
      display: none
    }
  
    .home-slider-two .slider-item .slider-text h1 {
      color: #232323
    }
  
    .home-slider-two .slider-item .slider-text p {
      color: #616263
    }
  
    .home-slider-two .slider-item .slider-text .common-btn a {
      border: 2px solid #cc9933;
      color: #fff;
      background-color: #cc9933;
      position: relative
    }
  
    .home-slider-two .slider-item .slider-text .common-btn a:hover {
      color: #cc9933;
      background-color: transparent
    }
  
    .home-slider-two .slider-item .slider-text .common-btn .cmn-btn-right {
      background-color: transparent;
      color: #cc9933
    }
  
    .home-slider-two .slider-item .slider-text .common-btn .cmn-btn-right:hover {
      color: #fff;
      background-color: #cc9933
    }
  
    .emergency-area {
      margin-top: 70px
    }
  
    .emergency-bg {
      padding: 40px 0 10px 50px
    }
  
    .emergency-item .emergency-inner {
      padding-left: 75px
    }
  
    .emergency-item .emergency-inner h3 {
      margin-bottom: 15px;
      font-size: 20px
    }
  
    .welcome-item ul {
      max-width: 100%
    }
  
    .welcome-item ul li {
      margin-bottom: 40px
    }
  
    .welcome-item ul li:hover i {
      box-shadow: 0 0 0 6px #111
    }
  
    .welcome-item ul li i {
      top: 0;
      font-size: 30px;
      width: 65px;
      height: 65px;
      line-height: 65px;
      box-shadow: 0 0 0 6px #cc9933
    }
  
    .welcome-item ul li .welcome-inner {
      padding-left: 90px
    }
  
    .welcome-item ul li .welcome-inner h3 {
      font-size: 20px;
      margin-bottom: 8px
    }
  
    .welcome-item ul li .welcome-inner p {
      padding-right: 50px
    }
  
    .welcome-left {
      height: auto;
      background-image: unset
    }
  
    .welcome-left img {
      display: inline-block
    }
  
    .welcome-right {
      padding-left: 25px;
      padding-top: 0
    }
  
    .section-title-two {
      max-width: 100%
    }
  
    .section-title-two span {
      font-size: 15px
    }
  
    .section-title-two h2 {
      font-size: 26px
    }
  
    .speciality-area .section-title-two {
      padding-top: 0;
      padding-left: 15px
    }
  
    .speciality-item .speciality-inner {
      padding-top: 25px;
      padding-left: 25px;
      padding-bottom: 25px
    }
  
    .speciality-item .speciality-inner i {
      margin-bottom: 15px
    }
  
    .speciality-item .speciality-inner h3 {
      font-size: 20px;
      margin-bottom: 8px
    }
  
    .speciality-right {
      height: auto;
      background-image: unset
    }
  
    .speciality-right img {
      display: inline-block
    }
  
    .speciality-right .speciality-emergency {
      left: 15px;
      padding: 30px 295px 20px 40px
    }
  
    .speciality-right .speciality-emergency h3 {
      font-size: 22px;
      right: 80px
    }
  
    .speciality-right .speciality-emergency a {
      margin-bottom: 0;
      color: #fff;
      position: absolute;
      right: 142px;
      top: 56px
    }
  
    .speciality-left {
      padding-left: 0;
      padding-right: 0
    }
  
    .video-wrap-two .nav-pills .nav-link.active,
    .video-wrap .nav-pills .show>.nav-link {
      border-top: 0
    }
  
    .video-wrap-two .video-nav .video-nav-item a {
      padding-left: 20px;
      padding-right: 20px;
      border-top: 0
    }
  
    .counter-area-two .counter-bg {
      bottom: -70px
    }
  
    .appointment-area {
      padding-top: 140px
    }
  
    .appointment-item {
      padding: 50px 60px
    }
  
    .appointment-item h2 {
      font-size: 20px;
      margin-bottom: 12px
    }
  
    .appointment-item span {
      font-size: 15px
    }
  
    .appointment-item .appointment-form .form-group {
      margin-bottom: 40px
    }
  
    .appointment-item .appointment-form .form-group label {
      font-size: 15px
    }
  
    .appointment-item .appointment-form .form-group .form-control {
      font-size: 15px
    }
  
    .appointment-item .appointment-form .appointment-btn {
      font-size: 15px;
      padding: 16px 45px
    }
  
    .banner-area {
      height: 100%;
      padding-top: 150px;
      padding-bottom: 150px
    }
  
    .banner-item {
      text-align: center
    }
  
    .banner-item h1 {
      font-size: 26px;
      margin-bottom: 20px;
      padding-top: 380px;
      max-width: 100%
    }
  
    .banner-item p {
      margin-bottom: 30px;
      max-width: 100%
    }
  
    .banner-item .common-btn-two a {
      font-size: 15px;
      padding: 14px 15px;
      margin-right: 8px
    }
  
    .banner-item .common-btn-two .cmn-btn-right-two {
      padding-left: 20px;
      padding-right: 20px
    }
  
    .banner-item .banner-right img:nth-child(1) {
      top: -55px;
      right: 0;
      left: 0;
      max-width: 400px
    }
  
    .banner-item .banner-right img:nth-child(2) {
      top: -43px;
      right: 5px;
      left: 0;
      max-width: 400px
    }
  
    .banner-item .banner-right img:nth-child(3) {
      top: -63px;
      right: -7px;
      left: 0;
      max-width: 400px
    }
  
    .banner-item .banner-right img:nth-child(4) {
      display: none
    }
  
    .hospital-item .hospital-play-btn {
      width: 100px;
      height: 100px;
      line-height: 100px;
      font-size: 30px;
      top: 49%
    }
  
    .hospital-item h2 {
      font-size: 26px;
      margin-bottom: 12px
    }
  
    .hospital-item p {
      margin-bottom: 25px
    }
  
    .hospital-item ul {
      margin-bottom: 30px
    }
  
    .hospital-item ul li {
      font-size: 16px;
      margin-bottom: 15px
    }
  
    .hospital-item .hospital-btn {
      font-size: 15px;
      padding: 16px 38px
    }
  
    .hospital-item .hospital-left-one {
      margin-top: 0
    }
  
    .hospital-item .hospital-left-one:before {
      display: none
    }
  
    .hospital-item .hospital-left-two {
      margin-bottom: 0
    }
  
    .hospital-right {
      max-width: 100%;
      margin-left: 0
    }
  
    .speciality-right-two:before {
      display: none
    }
  
    .welcome-left-two:before {
      display: none
    }
  
    .welcome-left-two:after {
      display: none
    }
  
    .counter-area-three .counter-bg {
      bottom: -70px
    }
  
    .review-area {
      padding-top: 100px
    }
  
    .main {
      max-width: 100%;
      padding-bottom: 80px
    }
  
    .page-title-item {
      margin-top: -35px
    }
  
    .page-title-item h2 {
      font-size: 35px;
      margin-bottom: 15px
    }
  
    .page-title-item ul li {
      font-size: 16px;
      margin-right: 0;
      margin-left: 0
    }
  
    .doctor-search-wrap {
      padding-top: 45px;
      padding-bottom: 15px;
      border-radius: 10px;
      box-shadow: 0 0 20px 0 #ddd;
      margin-top: -80px;
      z-index: 1;
      position: relative;
      background-color: #fff;
      max-width: 970px;
      margin-right: auto;
      margin-left: auto
    }
  
    .doctor-search-item {
      margin-bottom: 30px;
      position: relative;
      max-width: 340px;
      margin-right: auto;
      margin-left: auto
    }
  
    .doctor-search-item .form-group {
      position: relative;
      padding-left: 60px;
      margin-bottom: 0
    }
  
    .doctor-search-item .form-group i {
      display: inline-block;
      color: #cc9933;
      font-size: 45px;
      position: absolute;
      top: 8px;
      left: 0
    }
  
    .doctor-search-item .form-group label {
      color: #4a6f8a;
      font-size: 15px;
      margin-bottom: 5px
    }
  
    .doctor-search-item .form-group .form-control {
      font-weight: 600;
      font-size: 15px;
      border-radius: 0;
      border: 0;
      padding-left: 0;
      padding-top: 0;
      padding-bottom: 10px;
      border-bottom: 1px solid #ccd9f2
    }
  
    .doctor-search-item .form-group .form-control:focus {
      border-bottom: 1px solid #111;
      box-shadow: none
    }
  
    .doctor-search-item .form-group ::-moz-placeholder {
      color: #4a6f8a
    }
  
    .doctor-search-item .form-group ::placeholder {
      color: #4a6f8a
    }
  
    .doctor-search-item .doctor-search-btn {
      position: absolute;
      bottom: 0;
      right: 0;
      color: #4a6f8a;
      font-size: 18px
    }
  
    .doctors-area-two {
      padding-bottom: 180px;
      position: relative
    }
  
    .doctors-area-two .doctor-shape {
      position: absolute;
      top: 45%;
      left: 0
    }
  
    .page-title-two .page-title-item {
      margin-top: -95px
    }
  
    .appointment-area-two {
      padding-bottom: 180px
    }
  
    .appointment-item-two-right .appointment-item-content {
      padding: 35px 40px
    }
  
    .page-title-item-two {
      text-align: center;
      max-width: 100%
    }
  
    .page-title-item-two h2 {
      font-size: 38px;
      margin-bottom: 8px
    }
  
    .page-title-item-two h3 {
      font-size: 28px;
      margin-bottom: 10px
    }
  
    .page-title-item-two p {
      font-size: 16px
    }
  
    .doctor-details-left {
      margin-top: 70px
    }
  
    .doctor-details-item img {
      margin-bottom: 40px
    }
  
    .doctor-details-item .doctor-details-contact {
      padding-left: 45px;
      margin-bottom: 35px
    }
  
    .doctor-details-item .doctor-details-contact h3 {
      margin-bottom: 24px
    }
  
    .doctor-details-item .doctor-details-contact ul li {
      font-size: 15px;
      margin-bottom: 18px
    }
  
    .doctor-details-item .doctor-details-contact ul li i {
      font-size: 18px
    }
  
    .doctor-details-item .doctor-details-work {
      padding-left: 50px;
      padding-bottom: 50px
    }
  
    .doctor-details-item .doctor-details-work h3 {
      margin-bottom: 24px
    }
  
    .doctor-details-item .doctor-details-biography {
      padding-left: 0;
      padding-top: 30px
    }
  
    .doctor-details-item .doctor-details-biography h3 {
      font-size: 22px;
      margin-bottom: 15px
    }
  
    .appointment-area-three {
      padding-bottom: 180px
    }
  
    .appointment-area-three .appointment-item {
      max-width: 100%;
      margin-right: 0;
      margin-top: 0
    }
  
    .appointment-area-three .appointment-item .appointment-shape {
      bottom: 0;
      top: -95px;
      left: -74px;
      width: 250px
    }
  
    .appointment-area-three .speciality-right-three {
      background-image: unset;
      height: auto
    }
  
    .page-title-four .page-title-item {
      margin-top: 30px
    }
  
    .blog-details-item .blog-details-img img {
      margin-bottom: 40px
    }
  
    .blog-details-item .blog-details-img h2 {
      font-size: 22px;
      margin-bottom: 15px;
      padding-right: 0
    }
  
    .blog-details-item .blog-details-img ul {
      margin-bottom: 25px
    }
  
    .blog-details-item .blog-details-img ul li {
      font-size: 15px;
      margin-right: 40px
    }
  
    .blog-details-item .blog-details-img ul li i {
      font-size: 18px
    }
  
    .blog-details-item .blog-details-img p {
      font-size: 14px;
      margin-bottom: 20px
    }
  
    .blog-details-item .blog-details-previous h3 {
      font-size: 15px;
      margin-bottom: 15px
    }
  
    .blog-details-item .blog-details-previous ul {
      margin-bottom: 30px
    }
  
    .blog-details-item .blog-details-previous .prev-next ul li a {
      font-size: 15px;
      padding: 8px 20px
    }
  
    .blog-details-item .blog-details-search {
      margin-bottom: 30px
    }
  
    .blog-details-item .blog-details-recent {
      margin-bottom: 40px
    }
  
    .blog-details-item .blog-details-recent h3 {
      font-weight: 600;
      font-size: 22px;
      margin-bottom: 30px
    }
  
    .blog-details-item .blog-details-recent ul li a {
      font-size: 15px;
      padding-top: 15px
    }
  
    .blog-details-item .blog-details-recent ul li ul li {
      font-size: 15px
    }
  
    .blog-details-item .blog-details-category {
      margin-bottom: 40px
    }
  
    .blog-details-form .blog-details-shape {
      position: absolute;
      top: 130px;
      right: 0;
      width: 360px
    }
  
    .blog-details-form .blog-details-form-wrap h2 {
      font-size: 26px;
      margin-bottom: 25px
    }
  
    .blog-details-form .blog-details-form-wrap .blog-details-form-btn {
      font-size: 15px;
      padding: 12px 34px
    }
  
    .blog-area-two {
      padding-bottom: 150px
    }
  
    .page-title-five .page-title-item {
      margin-top: 40px
    }
  
    .location-wrap {
      padding-top: 40px;
      padding-bottom: 10px;
      padding-left: 80px;
      margin-top: 70px
    }
  
    .location-wrap .location-item i {
      width: 70px;
      height: 70px;
      line-height: 70px;
      font-size: 28px;
      margin-bottom: 18px
    }
  
    .location-wrap .location-item h3 {
      font-size: 22px;
      margin-bottom: 14px
    }
  
    .location-wrap .location-item p {
      margin-bottom: 14px
    }
  
    .drop-img {
      height: auto;
      background-image: unset
    }
  
    .drop-img img {
      display: inline-block
    }
  
    .drop-item .drop-left {
      max-width: 100%;
      padding-top: 0;
      padding-bottom: 30px;
      padding-right: 15px;
      padding-left: 15px
    }
  
    .drop-item .drop-left h2 {
      font-size: 22px;
      margin-bottom: 20px
    }
  
    .drop-item .drop-left .drop-btn {
      font-size: 15px
    }
  
    .drop-item .drop-left .text-danger {
      margin-top: 20px;
      font-size: 20px
    }
  
    .drop-item .drop-left .text-success {
      margin-top: 15px;
      font-size: 18px
    }
  
    #map {
      height: 500px
    }
  
    .faq-head h2 {
      margin-bottom: 20px;
      font-size: 22px
    }
  
    .faq-wrap {
      margin-bottom: 40px
    }
  
    .accordion p {
      font-size: 15px
    }
  
    .accordion a {
      font-size: 15px
    }
  
    .footer-two {
      padding-top: 70px
    }
  
    .error-item {
      height: 100%;
      margin-top: 0;
      padding-top: 130px;
      padding-bottom: 110px
    }
  
    .error-item h1 {
      font-size: 90px;
      margin-bottom: 5px
    }
  
    .error-item p {
      margin-bottom: 5px;
      font-size: 25px
    }
  
    .error-item a {
      padding: 16px 35px;
      margin-top: 45px;
      font-size: 15px
    }
  
    .coming-item {
      height: 100%;
      padding-top: 75px;
      padding-bottom: 80px
    }
  
    .coming-item h1 {
      font-size: 45px;
      margin-bottom: 10px
    }
  
    .coming-item p {
      margin-bottom: 35px
    }
  
    .coming-item .coming-wrap {
      margin-bottom: 10px
    }
  
    .coming-item .coming-wrap .coming-inner {
      padding-top: 12px;
      padding-bottom: 10px
    }
  
    .coming-item .coming-wrap .coming-inner h3 {
      font-size: 30px;
      margin-bottom: 3px
    }
  
    .coming-item .coming-wrap .coming-inner p {
      font-size: 14px
    }
  
    .testimonial-area .owl-theme .owl-nav {
      margin-top: 20px
    }
  
    .testimonial-area .testimonial-wrap {
      padding-top: 40px;
      padding-bottom: 50px
    }
  
    .testimonial-area .testimonial-wrap h2 {
      font-size: 25px;
      margin-bottom: 30px
    }
  
    .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item img {
      width: 110px;
      height: 110px;
      margin-bottom: 20px
    }
  
    .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item h3 {
      font-size: 22px;
      margin-bottom: 10px
    }
  
    .signup-left {
      height: auto;
      background-image: unset
    }
  
    .signup-left img {
      display: inline-block;
      padding-left: 15px
    }
  
    .signup-item {
      max-width: 590px;
      margin-left: auto;
      margin-right: auto
    }
  
    .signup-item .signup-head {
      margin-bottom: 35px
    }
  
    .signup-item .signup-head h2 {
      font-size: 26px;
      padding-bottom: 13px;
      margin-bottom: 13px
    }
  
    .signup-item .signup-head h2:before {
      width: 60px;
      height: 3px
    }
  
    .signup-item .signup-head p {
      font-size: 15px
    }
  
    .signup-item .signup-form .signup-btn {
      font-size: 15px
    }
  
    .login-left {
      height: auto;
      background-image: unset
    }
  
    .login-left img {
      display: inline-block;
      padding-left: 15px
    }
  
    .privacy-area {
      padding-bottom: 140px
    }
  
    .privacy-item {
      margin-bottom: 40px
    }
  
    .privacy-item h2 {
      font-size: 22px;
      margin-bottom: 12px
    }
  
    .privacy-item ul li {
      margin-bottom: 16px
    }
  
    .departments-area {
      padding-bottom: 150px
    }
  
    .department-item {
      padding-top: 25px;
      padding-bottom: 25px
    }
  
    .department-item i {
      font-size: 40px;
      margin-bottom: 16px
    }
  
    .department-item h3 {
      margin-bottom: 10px;
      font-size: 20px
    }
  
    .services-details-img {
      margin-bottom: 40px
    }
  
    .services-details-img img {
      margin-bottom: 20px
    }
  
    .services-details-img h2 {
      font-size: 22px;
      margin-bottom: 10px
    }
  
    .services-details-img p {
      margin-bottom: 20px
    }
  
    .services-details-img blockquote {
      font-size: 15px;
      padding: 25px 15px 25px 55px
    }
  
    .services-details-img blockquote i {
      top: 16px;
      left: 20px;
      font-size: 28px
    }
  
    .service-details-inner-left {
      height: auto;
      margin-bottom: 30px;
      background-image: unset
    }
  
    .service-details-inner-left img {
      display: inline-block
    }
  
    .service-details-inner {
      max-width: 100%
    }
  
    .service-details-inner h2 {
      font-size: 25px;
      margin-bottom: 10px
    }
  
    .counter-area-four {
      margin-top: 0;
      margin-bottom: 70px
    }
  
    .slider-item-two .slider-shape img {
      max-width: 100%
    }
  
    .slider-item-two .slider-text h1 {
      line-height: 40px;
      font-size: 28px;
      margin-bottom: 16px
    }
  
    .about-area-two {
      text-align: center
    }
  
    .symptoms-content ul li {
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .newsletter-item .newsletter-form .newsletter-btn {
      padding: 10px 15px;
      font-size: 15px
    }
  
    .newsletter-item .newsletter-form .form-control {
      height: 58px;
      font-size: 15px
    }
  
    .faq-area-two .section-title {
      text-align: left
    }
  
    .faq-area-two .faq-img {
      background-image: unset;
      margin-bottom: 30px
    }
  
    .faq-area-two .faq-img img {
      display: block
    }
  
    .faq-area-two .faq-img a {
      width: 65px;
      height: 65px;
      line-height: 65px;
      position: absolute;
      top: 45%;
      left: 65px;
      font-size: 25px
    }
  
    .faq-area-two .faq-content .accordion p {
      padding: 15px 20px
    }
  
    .slider-item-three .slider-text h1 {
      margin-bottom: 25px;
      font-size: 45px
    }
  
    .slider-item-three .slider-text p {
      margin-bottom: 20px;
      font-size: 16px
    }
  
    .slider-item-three .slider-text ul {
      margin-bottom: 35px;
      text-align: left;
      margin-left: auto;
      margin-right: auto
    }
  
    .slider-item-three .slider-text ul li {
      font-size: 16px
    }
  
    .slider-item-three .slider-shape img {
      margin-bottom: 30px
    }
  }
  
  @media only screen and (min-width:992px) and (max-width:1199px) {
    .slider-item .slider-shape img {
      top: 115px;
      right: 0;
      max-width: 520px
    }
  
    .slider-item .slider-shape-two img {
      top: 135px;
      max-width: 520px;
      right: 0
    }
  
    .slider-item .slider-shape-three img {
      top: 150px;
      max-width: 500px
    }
  
    .common-btn a {
      padding: 16px 22px
    }
  
    .about-right img {
      right: 20px;
      width: 370px
    }
  
    .video-wrap .video-nav .video-nav-item a {
      font-size: 16px;
      padding: 12px 55.4px 12px 56.3px
    }
  
    .expertise-item .expertise-right:before {
      width: 395px;
      height: 355px
    }
  
    .expertise-item .expertise-right:after {
      width: 395px;
      height: 355px
    }
  
    .expertise-item .expertise-right img {
      width: 100%;
      z-index: 1
    }
  
    .blog-item .blog-bottom {
      padding-top: 30px;
      padding-left: 20px
    }
  
    .blog-item .blog-bottom h3 a {
      font-size: 16px
    }
  
    .welcome-right {
      padding-left: 40px
    }
  
    .speciality-left {
      padding-left: 30px;
      padding-right: 65px
    }
  
    .appointment-item-two-right .appointment-item-content {
      padding: 95px 20px 100px;
      margin: 0 20px
    }
  
    .doctor-details-item .doctor-details-contact ul li {
      font-size: 16px
    }
  
    .appointment-area-three {
      padding-bottom: 180px
    }
  
    .appointment-area-three .appointment-item {
      padding: 80px 15px
    }
  
    .blog-details-item .blog-details-recent ul li {
      padding-left: 110px
    }
  
    .blog-details-item .blog-details-recent ul li a {
      margin-bottom: 4px
    }
  
    .blog-details-item .blog-details-recent ul li ul li {
      font-size: 14px;
      margin-right: 2px
    }
  
    .blog-details-item .blog-details-recent ul li ul li i {
      font-size: 16px;
      margin-right: 1px
    }
  
    .banner-item .banner-right img:nth-child(1) {
      top: -70px;
      right: -20px;
      max-width: 400px
    }
  
    .banner-item .banner-right img:nth-child(2) {
      top: -61px;
      right: -9px;
      max-width: 380px
    }
  
    .banner-item .banner-right img:nth-child(3) {
      top: -70px;
      right: -19px;
      max-width: 380px
    }
  
    .speciality-item .speciality-inner {
      padding: 15px
    }
  
    .speciality-item .speciality-inner h3 {
      font-size: 20px
    }
  
    .expertise-item .expertise-inner h3 {
      font-size: 18px
    }
  
    .slider-item-two .slider-shape img {
      top: 0;
      max-width: 365px
    }
  
    .slider-item-three .slider-shape img {
      top: 0;
      max-width: 395px
    }
  }
  
  @media only screen and (max-width:991px) {
    .mobile-nav {
      display: block;
      position: relative
    }
  
    .mobile-nav .logo {
      text-decoration: none;
      position: absolute;
      top: 11px;
      z-index: 999;
      left: 15px;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 20px
    }
  
    .mean-container .mean-bar {
      background-color: #FFF;
      padding: 0
    }
  
    .mean-container a.meanmenu-reveal {
      padding: 15px 15px 0 0
    }
  
    .mobile-nav nav .navbar-nav .nav-item a i {
      display: none
    }
  
    .main-nav {
      display: none !important
    }
  
    .mobile-nav nav .navbar-nav {
      height: 300px;
      overflow-y: scroll
    }
  
    .mean-container a.meanmenu-reveal span {
      position: relative;
      top: 10px;
      margin-top: -10px
    }
  
    .mean-container .mean-nav ul li a.mean-expand {
      margin-top: 0
    }
  }
  
  @media only screen and (min-width:1800px) {
    .service-item {
      padding-left: 25px;
      padding-right: 25px
    }
  
    .speciality-left {
      padding-left: 0;
      max-width: 810px;
      margin-left: auto
    }
  
    .appointment-area-three .appointment-item {
      max-width: 710px
    }
  }
  
  @media only screen and (min-width:2700px) {
    .speciality-left {
      max-width: 875px
    }
  
    .appointment-area-three .appointment-item {
      max-width: 760px
    }
  }