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


  /* .main-navbar .navbar .navbar-nav .nav-item:hover .dropdown-menu{
    top: 85%;
  } */


 
    .appointment-area{
        display: block !important;
    }
   .appointment-area .col-lg-6,
    .appointment-area .col-md-6,
    .appointment-area .col-6{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .appointment-area iframe{
        height: 350px;
        margin-top: 30px;
    }


    
 .col-md-4 .cat-gastro-diseases{
    width: 100%;
}
  .default-btn{
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .about_content{
    padding-bottom: 15px;
  }
  
  .about_section{
    padding: 30px 0;
  }

  .services-area{
    padding: 20px 0;
  }
  .service-procedure-box {
    border-radius: unset; 
    padding: 24px;
}
  .pb-70 {
    padding-bottom: 20px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .ptb-100 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .section-title {
    max-width: 100%;
    margin: 0 auto 30px;
  }
  .section-title span {
    font-size: 15px;
  }
  .section-title h2 {
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 8px;
  }
  .top-header .top-list {
    text-align: center;
    margin-top: 10px;
  }
  .top-header .top-list li {
    margin-bottom: 10px;
  }
  .top-header .top-list li:last-child {
    margin-bottom: 0;
  }
  .top-header .top-social {
    text-align: center;
    margin-top: 16px;
  }
  .top-header .top-social li {
    margin-bottom: 10px;
  }
  .top-header .top-social li:last-child {
    margin-bottom: 0;
  }
  .mean-container a.meanmenu-reveal {
    padding: 6px 0 0 0;
  }
  .mean-container a.meanmenu-reveal span {
    display: block;
    background: #000;
    height: 4px;
    margin-top: 30px;
    border-radius: 3px;
    position: relative;
    top: 8px;
  }
  .mean-container .mean-bar {
    background-color: unset;
  }

  .mean-container .mean-nav {
    margin-top: 52px;
    z-index: index 1;
    overflow-y: auto;
    
  }

  

  .main-banner {
    height: 100%;
    padding-top: 110px;
    padding-bottom: 0;
    background-image: unset;
    background-color: #eaf7fd;
  }
  .main-banner .main-banner-content {
    margin-top: 0;
    max-width: 100%;
    text-align: center;
  }
  .main-banner .main-banner-content h1 {
    font-size: 26px;
    line-height: 1.4;
  }
  .banner-btn {
    text-align: center;
  }
  .banner-image {
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
  }
  .banner-image img {
    max-width: 100%;
  }
  .default-shape {
    display: none;
  }
  .video-btn {
    left: 0;
    right: 0;
  }
  .top-services-content .icon {
    margin-bottom: 18px;
  }
  .top-services-content .icon i {
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 30px;
  }
  .about-content {
    margin-top: 30px;
  }
  .about-content h3 {
    font-size: 25px;
  }
  .about-content .about-features li {
    -ms-flex: unset;
    -webkit-box-flex: unset;
    flex: unset;
    max-width: unset;
    display: inline-block;
    width: 100%;
  }
  .about-content .about-features li span {
    font-size: 15px;
  }
  .services-item .icon {
    margin-bottom: 15px;
  }
  .services-item h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .services-item .read-btn {
    margin-top: 8px;
  }
  .pl-0, .px-0 {
    padding-left: 15px !important;
  }
  .app-content {
    max-width: 100%;
    margin-top: 30px;
  }
  .app-content h3 {
    font-size: 25px;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .app-content .app-text p {
    font-size: 14px;
  }
  .solutions-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 7px;
  }
  .solutions-content .solutions-features li span {
    font-size: 15px;
    width: 100%;
  }
  .solutions-image {
    margin-top: 30px;
    top: 0;
  }
  .doctor-item .content {
    bottom: 0;
  }
  .appointment-form {
    padding: 30px 20px;
  }
  .appointment-form::before {
    display: none;
  }
  .appointment-form .content {
    margin-bottom: 25px;
  }
  .appointment-form .content h3 {
    font-size: 20px;
    margin-top: 6px;
  }
  .consult-content {
    margin-top: 30px;
  }
  .consult-content h3 {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pl-5, .px-5 {
    padding-left: 0 !important;
  }
  .main-banner.bg-two {
    height: 100%;
    padding-top: 120px;
    padding-bottom: 50px;
  }
  .services-item-two h3 {
    font-size: 20px;
  }
  .goal-content-item {
    padding: 15px 15px 50px;
    margin-left: 0;
  }
  .goal-content-item .item-content h3 {
    font-size: 26px;
  }
  .goal-content-item .item-content .goal-btn {
    margin-top: 20px;
  }
  .goal-content-item .item-content .list li {
    font-size: 15px;
  }
  .testimonials-area .container-fluid {
    padding-left: 15px !important;
  }
  .testimonials-slider .testimonials-item {
    max-width: 100%;
  }
  .testimonials-slider .testimonials-item .content {
    margin-top: 30px;
  }
  .testimonials-slider .testimonials-item .content h3 {
    font-size: 26px;
    margin-top: 8px;
    margin-bottom: 15px;
  }
  .testimonials-slider .testimonials-item .content p {
    font-size: 16px;
  }
  .testimonials-slider .owl-dots {
    position: relative;
    bottom: 0;
  }
  .partner-list .partner-item {
    -ms-flex: unset;
    -webkit-box-flex: unset;
    flex: unset;
    max-width: unset;
    display: inline-block;
    width: 100%;
  }
  .partner-list .partner-item:nth-child(6) {
    margin-left: 0;
  }
  .main-banner.bg-three {
    height: 100%;
    padding-top: 120px;
    padding-bottom: 60px;
  }
  .video-image {
    margin-top: 30px;
  }
  .video-image img {
    max-width: 100%;
  }
  .emergency-area {
    margin-top: 0;
  }
  .emergency-form {
    padding: 40px 25px;
  }
  .emergency-form .content h3 {
    font-size: 18px;
  }
  .emergency-form .content i {
    font-size: 20px;
  }
  .treatment-content h3 {
    font-size: 25px;
  }
  .treatment-content .treatment-features li span {
    font-size: 14px;
  }
  .choose-content h3 {
    font-size: 25px;
  }
  .choose-overview-content {
    padding: 20px;
  }
  .choose-image {
    position: relative;
    top: 0;
  }
  .choose-area {
    padding-bottom: 0;
  }
  .main-banner.bg-four {
    height: 100%;
    padding-top: 185px;
    padding-bottom: 0;
  }
  .main-banner.bg-four .banner-form {
    background-color: #fff;
  }
  .main-banner.bg-four .container-fluid {
    padding-right: 15px;
  }
  .main-banner.bg-four .main-banner-content {
    max-width: 100%;
  }
  .main-banner.bg-four .main-banner-content h1 {
    font-size: 26px;
  }
  .emergency-area.two {
    padding-top: 50px;
  }
  .image-sliders {
    margin-top: 30px;
  }
  .emergency-form.two {
    padding: 30px 20px;
  }
  .services-item-three h3 {
    font-size: 20px;
  }
  .services-item-three p {
    font-size: 15px;
  }
  .step-one-image {
    margin-bottom: 30px;
  }
  .step-one-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .step-one-content p {
    font-size: 15px;
  }
  .step-one-content b {
    font-size: 16px;
    color: #7b7c93;
    font-weight: 500;
  }
  .step-two-content {
    margin-bottom: 30px;
  }
  .step-two-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .step-two-content p {
    font-size: 15px;
  }
  .step-two-content b {
    font-size: 16px;
    color: #7b7c93;
    font-weight: 500;
  }
  .step-three-image {
    margin-bottom: 30px;
  }
  .step-three-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .step-three-content p {
    font-size: 15px;
  }
  .step-three-content b {
    font-size: 16px;
    color: #7b7c93;
    font-weight: 500;
  }
  .step-four-content {
    margin-bottom: 30px;
  }
  .step-four-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .step-four-content p {
    font-size: 15px;
  }
  .step-four-content b {
    font-size: 16px;
    color: #7b7c93;
    font-weight: 500;
  }
  .clients-area.bg-ffffff .clients-item {
    background-color: #e3f2fc;
  }
  .page-title-area {
    height: 230px;
  }
  .page-title-content {
    margin-top: 0;
  }
  .page-title-content h2 {
    font-size: 30px;
  }
  .page-title-content ul {
    margin-top: 8px;
  }
  .service-details-content .service-details-info .single-info-box {
    -ms-flex: unset;
    -webkit-box-flex: unset;
    flex: unset;
    max-width: unset;
    margin-bottom: 20px;
  }
  .faq-accordion-content {
    padding: 25px;
  }
  .widget-projects-area {
    margin-top: 30px;
  }
  .solution-details-overview {
    margin-top: 30px;
  }
  .solution-details-overview .image img {
    margin-bottom: 10px;
  }
  .solution-details-overview .text {
    margin-top: 20px;
  }
  .solution-details-overview .solution-details-video .video-btn {
    width: 60px;
    height: 60px;
    line-height: 70px;
  }
  .solution-details-sidebar {
    margin-top: 30px;
  }
  .woocommerce-result-count {
    margin-bottom: 20px;
  }
  .cart-table table thead tr th {
    padding: 0 40px 15px;
  }
  .text-end {
    text-align: center !important;
    margin-top: 20px;
  }
  .cart-totals {
    padding: 20px;
    text-align: center;
  }
  .cart-totals ul {
    text-align: left;
  }
  .pagination-area .page-numbers {
    width: 35px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .order-details {
    margin-top: 30px;
  }
  .product-details-desc h3 {
    margin-top: 25px;
  }
  .product-details-desc .product-add-to-cart .default-btn {
    margin-top: 20px;
  }
  .product-details-desc .custom-payment-options .payment-methods a img {
    width: 38px;
  }
  .products-details-tab {
    margin-top: 30px;
  }
  .products-details-tab .tab_content {
    padding: 8px;
  }
  .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
    width: 45%;
  }
  .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .default-btn {
    display: none;
  }
  .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
    padding-right: 0;
  }
  .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
    position: relative;
    top: 4px;
  }
  .related-products {
    margin-top: 50px;
  }
  .single-privacy h3 {
    font-size: 22px;
  }
  .privacy-image .video-btn {
    width: 60px;
    height: 60px;
    line-height: 70px;
  }
  .contact-area .section-title {
    margin-top: 20px;
  }
  .contact-info-box {
    margin-bottom: 30px;
  }
  .single-blog-details .details-features {
    margin-bottom: 20px;
  }
  .single-blog-details .details-features li {
    font-size: 16px;
  }
  .single-blog-details .content h3 {
    font-size: 22px;
  }
  .single-blog-details .comments-area .comment-body {
    padding: 30px;
  }
  .single-blog-details .comments-area .comment-body .reply {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 10px;
  }
  .single-blog-details .comments-area .comment-author {
    margin-bottom: 10px;
  }
  .single-blog-details .comments-area .comment-author .avatar {
    position: relative;
    left: -5px;
  }
  .single-blog-details .comments-area .comment-list .children {
    margin-left: 0;
  }
  .widget-area {
    margin-top: 30px;
  }
  .doctor-item .image img {
    border: none;
  }
  .doctor-item:hover .image img {
    border: none;
  }
  .appointment-area .single-fun-fact {
    margin-top: 0;
    padding: 30px 30px;
  }
  .main-banner-item {
    height: 100%;
    padding-top: 70px;
    padding-bottom: 60px;
  }
  .main-banner-item .main-banner-content {
    text-align: center;
    max-width: 100%;
  }
  .main-banner-item .main-banner-content h1 {
    font-size: 26px;
  }
  .main-banner-item .main-banner-content p {
    font-size: 15px;
  }
  .main-banner-item .main-banner-content .banner-btn {
    margin-top: 20px;
  }
  .about-image .video-btn {
    width: 65px;
    height: 60px;
    line-height: 65px;
  }
  .about-image .video-btn i {
    font-size: 20px;
  }
  .single-counter h3 {
    font-size: 30px;
  }
  .single-counter h3 .sign-icon {
    font-size: 30px;
  }
  .single-services h3 {
    font-size: 20px;
  }
  .team-item .content h3 {
    font-size: 20px;
  }
  .faq-image {
    height: 500px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .faq-image .video-btn {
    width: 65px;
    height: 60px;
    line-height: 65px;
  }
  .faq-image .video-btn i {
    font-size: 20px;
  }
  .projects-item-two .content h3 {
    font-size: 20px;
  }
  .services-image {
    height: 500px;
    margin-bottom: 30px;
  }
  .main-banner-single {
    height: 100%;
    padding-top: 70px;
  }
  .main-banner-single .main-banner-content {
    text-align: center;
  }
  .main-banner-single .main-banner-content h1 {
    font-size: 26px;
  }
  .main-banner-single .main-banner-content p {
    font-size: 15px;
  }
  .main-banner-single .main-banner-content .banner-btn {
    margin-top: 20px;
  }
  .main-banner-single .main-banner-image {
    margin-top: 30px;
  }
  .about-wrap {
    height: 450px;
  }
}


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

    .navbar-area{
        position: relative;
        z-index: 9999;
    }

    .main-responsive-nav{
        position: relative;
        z-index: 9999;
        background: #fff;
    }

    .main-responsive-menu{
        position: relative;
    }

    /* Mobile Menu */
    .mean-container .mean-nav{
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 99999;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

    .mean-container .mean-nav ul li a{
        padding: 12px 20px;
        color: #000;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* .about_content,
    .about_images,
    .col-md-6{
        width: 100% !important;
    } */
  .top-header .top-list {
    text-align: center;
    margin-top: 10px;
  }

   .default-btn{
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .service-procedure-box {
    border-radius: unset; 
    padding: 24px;
}
  .pb-70 {
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 80px;
  }
  .ptb-100 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pb-100 {
    padding-bottom: 80px;
  }
  .top-header .top-list {
    text-align: center;
  }
  .top-header .top-social {
    text-align: center;
    margin-top: 16px;
  }
  .mean-container a.meanmenu-reveal {
    padding: 36px 0 0 0;
  }
  .mean-container a.meanmenu-reveal span {
    display: block;
    background: #000;
    height: 4px;
    margin-top: -5px;
    border-radius: 3px;
    position: relative;
    top: 8px;
  }
  .mean-container .mean-bar {
    background-color: unset;
  }
  .mean-container .mean-nav {
    margin-top: 52px;
  }
  .main-banner {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 0;
    background-image: unset;
    background-color: #eaf7fd;
  }
  .main-banner .main-banner-content {
    margin-top: 0;
    max-width: 100%;
    text-align: center;
  }
  .main-banner .main-banner-content h1 {
    font-size: 26px;
    line-height: 1.4;
  }
  .banner-btn {
    text-align: center;
  }
  .banner-image {
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
  }
  .banner-image img {
    max-width: 100%;
  }
  .video-btn {
    left: 0;
    right: 0;
  }
  .default-shape {
    display: none;
  }
  .top-services-content .icon {
    margin-bottom: 18px;
  }
  .top-services-content .icon i {
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 30px;
  }
  .about-content {
    margin-top: 30px;
  }
  .about-content h3 {
    font-size: 25px;
  }
  .about-image {
    text-align: center;
  }
  .services-item .icon {
    margin-bottom: 15px;
  }
  .services-item h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .services-item .read-btn {
    margin-top: 8px;
  }
  .pl-0, .px-0 {
    padding-left: 15px !important;
  }
  .app-content {
    max-width: 100%;
    margin-top: 30px;
  }
  .app-content h3 {
    font-size: 25px;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .app-content .app-text p {
    font-size: 14px;
  }
  .solutions-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 7px;
  }
  .solutions-content .solutions-features li span {
    width: 100%;
  }
  .solutions-image {
    margin-top: 30px;
    text-align: center;
    top: 0;
  }
  .doctor-item .content {
    bottom: 0;
  }
  .appointment-form {
    padding: 30px 20px;
  }
  .appointment-form::before {
    display: none;
  }
  .appointment-form .content {
    margin-bottom: 25px;
  }
  .appointment-form .content h3 {
    font-size: 20px;
    margin-top: 6px;
  }
  .consult-content {
    margin-top: 30px;
  }
  .consult-content h3 {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pl-5, .px-5 {
    padding-left: 0 !important;
  }
  .main-banner.bg-two {
    height: 100%;
    padding-top: 170px;
    padding-bottom: 100px;
  }
  .services-item-two h3 {
    font-size: 20px;
  }
  .goal-content-item {
    padding: 15px;
    margin-left: 0;
  }
  .goal-content-item .item-content h3 {
    font-size: 26px;
  }
  .goal-content-item .item-content .goal-btn {
    margin-top: 20px;
  }
  .goal-content-item .item-content .list li {
    font-size: 15px;
  }
  .testimonials-area .container-fluid {
    padding-left: 15px !important;
  }
  .testimonials-slider .testimonials-item {
    max-width: 100%;
  }
  .testimonials-slider .testimonials-item .content {
    margin-top: 30px;
  }
  .testimonials-slider .testimonials-item .content h3 {
    font-size: 26px;
    margin-top: 8px;
    margin-bottom: 15px;
  }
  .testimonials-slider .testimonials-item .content p {
    font-size: 16px;
  }
  .testimonials-slider .owl-dots {
    position: relative;
    bottom: 0;
  }
  .projects-item .content p {
    font-size: 15px;
  }
  .partner-list {
    text-align: center;
    display: inline-block;
  }
  .partner-list .partner-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 40%;
    display: inline-block;
    width: 100%;
  }
  .partner-list .partner-item:nth-child(6) {
    margin-left: 0;
  }
  .main-banner.bg-three {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 80px;
  }
  .video-image {
    margin-top: 30px;
  }
  .video-image img {
    max-width: 100%;
  }
  .emergency-area {
    margin-top: 0;
  }
  .emergency-form {
    padding: 40px 25px;
  }
  .emergency-form .content h3 {
    font-size: 18px;
  }
  .emergency-form .content i {
    font-size: 20px;
  }
  .treatment-content h3 {
    font-size: 25px;
  }
  .treatment-content .treatment-features li span {
    font-size: 14px;
  }
  .choose-content h3 {
    font-size: 25px;
  }
  .choose-overview-content {
    padding: 20px;
  }
  .choose-image {
    position: relative;
    top: 0;
  }
  .choose-area {
    padding-bottom: 0;
  }
  .main-banner.bg-four {
    height: 100%;
    padding-top: 185px;
    padding-bottom: 0;
  }
  .main-banner.bg-four .banner-form {
    background-color: #fff;
  }
  .main-banner.bg-four .container-fluid {
    padding-right: 15px;
  }
  .main-banner.bg-four .main-banner-content {
    max-width: 100%;
  }
  .main-banner.bg-four .main-banner-content h1 {
    font-size: 26px;
  }
  .emergency-area.two {
    padding-top: 50px;
  }
  .image-sliders {
    margin-top: 30px;
  }
  .emergency-form.two {
    padding: 30px 20px;
  }
  .services-item-three h3 {
    font-size: 20px;
  }
  .services-item-three p {
    font-size: 15px;
  }
  .step-one-image {
    margin-bottom: 30px;
    text-align: center;
  }
  .step-one-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .step-one-content p {
    font-size: 15px;
  }
  .step-one-content b {
    font-size: 16px;
    color: #7b7c93;
    font-weight: 500;
  }
  .step-two-content {
    margin-bottom: 30px;
  }
  .step-two-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .step-two-content p {
    font-size: 15px;
  }
  .step-two-content b {
    font-size: 16px;
    color: #7b7c93;
    font-weight: 500;
  }
  .step-two-image {
    text-align: center;
  }
  .step-three-image {
    margin-bottom: 30px;
    text-align: center;
  }
  .step-three-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .step-three-content p {
    font-size: 15px;
  }
  .step-three-content b {
    font-size: 16px;
    color: #7b7c93;
    font-weight: 500;
  }
  .step-four-content {
    margin-bottom: 30px;
  }
  .step-four-content h3 {
    font-size: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .step-four-content p {
    font-size: 15px;
  }
  .step-four-content b {
    font-size: 16px;
    color: #7b7c93;
    font-weight: 500;
  }
  .step-four-image {
    text-align: center;
  }
  .clients-area.bg-ffffff .clients-item {
    background-color: #e3f2fc;
  }
  .service-details-content .service-details-info .single-info-box {
    -ms-flex: unset;
    -webkit-box-flex: unset;
    flex: unset;
    max-width: unset;
    margin-bottom: 20px;
  }
  .widget-projects-area {
    margin-top: 30px;
  }
  .solution-details-overview {
    margin-top: 30px;
  }
  .solution-details-overview .image {
    text-align: center;
  }
  .solution-details-overview .image img {
    margin-bottom: 10px;
    width: 100%;
  }
  .solution-details-overview .text {
    margin-top: 20px;
  }
  .solution-details-overview .solution-details-video .video-btn {
    width: 60px;
    height: 60px;
    line-height: 70px;
  }
  .solution-details-sidebar {
    margin-top: 30px;
  }
  .solution-details-sidebar .details-image {
    text-align: center;
  }
  .order-details {
    margin-top: 30px;
  }
  .product-details-desc h3 {
    margin-top: 25px;
  }
  .contact-area .section-title {
    margin-top: 20px;
  }
  .contact-info-box {
    margin-bottom: 30px;
  }
  .single-blog-details .details-features {
    margin-bottom: 20px;
  }
  .single-blog-details .details-features li {
    font-size: 16px;
  }
  .single-blog-details .content h3 {
    font-size: 22px;
  }
  .single-blog-details .comments-area .comment-body {
    padding: 30px;
  }
  .single-blog-details .comments-area .comment-body .reply {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 10px;
  }
  .single-blog-details .comments-area .comment-author {
    margin-bottom: 10px;
  }
  .single-blog-details .comments-area .comment-author .avatar {
    position: relative;
    left: -5px;
  }
  .single-blog-details .comments-area .comment-list .children {
    margin-left: 0;
  }
  .single-blog-details .related-posts .posts-item .image img {
    width: 100%;
  }
  .single-blog-details .single-image img {
    width: 100%;
  }
  .widget-area {
    margin-top: 30px;
  }
  .widget-area .widget-image {
    text-align: center;
  }
  .emergency-item .content p {
    line-height: 1;
  }
  .appointment-area .single-fun-fact {
    margin-top: 0;
  }
  .main-banner-item {
    height: 100%;
    padding-top: 120px;
    padding-bottom: 100px;
  }
  .main-banner-item .main-banner-content {
    text-align: center;
    max-width: 100%;
  }
  .main-banner-item .main-banner-content h1 {
    font-size: 36px;
  }
  .main-banner-item .main-banner-content p {
    font-size: 15px;
  }
  .main-banner-item .main-banner-content .banner-btn {
    margin-top: 20px;
  }
  .about-image .video-btn {
    width: 65px;
    height: 60px;
    line-height: 65px;
  }
  .about-image .video-btn i {
    font-size: 20px;
  }
  .single-counter h3 {
    font-size: 30px;
  }
  .single-counter h3 .sign-icon {
    font-size: 30px;
  }
  .single-services h3 {
    font-size: 20px;
  }
  .team-item .content h3 {
    font-size: 20px;
  }
  .faq-image {
    height: 500px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .faq-image .video-btn {
    width: 65px;
    height: 60px;
    line-height: 65px;
  }
  .faq-image .video-btn i {
    font-size: 20px;
  }
  .projects-item-two .content h3 {
    font-size: 20px;
  }
  .services-image {
    height: 500px;
    margin-bottom: 30px;
  }
  .main-banner-single {
    height: 100%;
    padding-top: 100px;
  }
  .main-banner-single .main-banner-content {
    text-align: center;
  }
  .main-banner-single .main-banner-content h1 {
    font-size: 36px;
  }
  .main-banner-single .main-banner-content p {
    font-size: 15px;
  }
  .main-banner-single .main-banner-content .banner-btn {
    margin-top: 20px;
  }
  .main-banner-single .main-banner-image {
    margin-top: 30px;
  }
  .about-wrap {
    height: 450px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_section{
    padding: 30px 0;
  }
  .theme-light .black-logo{
    width: 360px;
  }
  .top-header .top-list li {
    font-size: 12px;
    margin-right: 10px;
  }
  .top-header .top-social li .log-in {
    font-size: 14px;
  }
  .top-header .top-social li .sign-in {
    font-size: 14px;
  }
  .main-banner {
    background-image: unset;
    background-color: #eaf7fd;
    height: 700px;
  }
  .main-banner-content h1 {
    font-size: 40px;
  }
  .banner-form {
    padding: 10px 12px;
  }
  .banner-form form .banner-form-btn {
    padding: 8px 10px;
    font-size: 14px;
  }
  .banner-image {
    right: 15px;
  }
  .banner-image img {
    max-width: 500px;
  }
  .about-content .about-features li span {
    font-size: 15px;
  }
  .services-item h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .app-content h3 {
    max-width: 100%;
  }
  .single-fun-fact {
    padding: 50px 16px;
  }
  .single-fun-fact p {
    font-size: 16px;
  }
  .appointment-form {
    padding: 60px 10px;
  }
  .consult-content h3 {
    font-size: 26px;
  }
  .consult-content .list li {
    font-size: 15px;
  }
  .single-footer-widget .instagram li img {
    max-width: 62px;
  }
  .services-item-two h3 {
    font-size: 20px;
  }
  .projects-item .content {
    padding: 12px;
  }
  .projects-item .content p {
    font-size: 14px;
  }
  .testimonials-slider .testimonials-item .content h3 {
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 12px;
  }
  .testimonials-slider .testimonials-item .content p {
    font-size: 16px;
  }
  .emergency-form {
    padding: 35px 30px;
  }
  .main-banner.bg-three {
    padding-top: 100px;
  }
  .emergency-area {
    margin-top: -120px;
  }
  .choose-image {
    right: 18px;
  }
  .main-banner.bg-four {
    height: 100%;
    padding-top: 155px;
    padding-bottom: 210px;
  }
  .main-banner.bg-four .main-banner-content h1 {
    font-size: 35px;
  }
  .emergency-form.two {
    padding: 40px 40px;
  }
  .service-details-content .service-details-info {
    padding: 38px 0px 18px;
  }
  .single-blog-details .details-features li {
    font-size: 16px;
  }
  .single-counter h3 {
    font-size: 30px;
  }
  .projects-item-two .content h3 {
    font-size: 20px;
  }
  .main-banner-single .main-banner-image {
    margin-top: 176px;
  }
  .about-content .about-features li {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (min-width: 1550px) {
  .banner-image {
    top: 50px;
    right: 120px;
  }
  .banner-image img {
    max-width: 100%;
  }
  .main-banner-content {
    margin-top: 0;
  }
  .projects-item .content p a {
    font-size: 15px;
    font-weight: 500;
  }
}
/*# sourceMappingURL=responsive.css.map */