@media (max-width: 1024px) {
    
    section.blog-details-section .blog-head h1 {
    width: 100%;
    font-size: 32px;
}
    
    section.blog-section.blog-main .widget-info .post-img {
    width: 100%;
    height: 200px;
}
    
    section.blog-section.blog-main .widget-info .post-img img {
    width: 100%;
    min-width: 100%;
    height: 300px;
}
    
    section.blog-section.blog-main .widget-info .recent-list {
    display: block;
  
  }
    
    .banner_form {
    width: 54%;
    
}

 section.services-section .services-info { 
    height: 450px;
}

section.services-section {
    padding-top: 115px;
}
 

  section.inds-services {
    padding-bottom: 50px;
}

  .right-img {
    width: 36%;
    right: -5%;
    top: -16%;
}

.left-img {
    width: 40%;
    top: 78%;
    right: 65%;

}
  
section.blog-section.blog-main {
    padding-top: 120px;
}
  .banner-text h1 {
    text-align: center;
    font-size: 40px;
}
.logo-div img{
      width: 50%;
}
section.home-choice .choice-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
section.marketing_sec .head-sec {
    width: 100%;
    text-align: center;
}
section.home-choice .choice-cards{
  border-radius: 20px;
}

   .left-img {
    width: 38%;
    top: 7%;
    right: 84%;
   
    }
    
    .right-img {
    width: 38%;
    top: 82%;
    right: 20%;
  
}

}

@media (max-width: 980px) {
    
    .other-btn {
    margin-top: 0;
}
    
    section.blog-section .blog-content span.blog-date {
    margin-top: 20px;
}
    
    section.blog-section .blog-img img {
    width: 100%;
    height: 350px;
}
 
    section.blog-details-section .blog-head h1 {
    width: 100%;
    font-size: 28px;
    margin-bottom: 10px;
}
    
    section.blog-section .row{
            gap: 30px 0;
    justify-content: center;
        
    }
    
    section.faq-sec{
           padding-top: 0;
        
    }
    
    section.choose-service{
        padding-bottom: 0;
    }
    
    
    section.choose-service .choose-service-info {
    padding-left: 0;
    margin-top: 25px;
    }
    
    section.choose-service .row {
            flex-direction: column;
    }
    
    .banner_form {
        width: 71%;
    }
    
    header img {
        width: 50%!important;
    }

          section.services-section {
        padding-top: 40px;
    }
          section.services-section {
        padding-top: 60px;
    }

      
          .left-img {
        width: 29%;
        top: 66%;
        right: 74%;
    }
    
    .right-img {
        width: 25%;
        right: -3%;
        top: -5%;
    }
       section.inds-services .row{
             flex-direction: column-reverse;
             gap: 30px;
        }

      section.inds-services {
    padding-top: 60px;
}


          section.blog-section.blog-main {
        padding-top: 120px;
    }


      section.blog-section .blog-content {
    padding: 0;
}
        section.about-upper {
          padding-top: 110px;
      }

      section.abt-home{
        padding-top: 30px;
      }

/*      section {*/
    /*padding: var(--p60) var(--p12);*/
/*}*/
      .home-service-info{
        margin-bottom: 20px;
      }
      footer .footer-middle li {
    padding-top: 8px;
    padding-bottom: 8px;
}
      section.abt-home .row{
        flex-direction: column-reverse;
        gap: 20px;
      }
    
      .home-abt-img{
        order: 1;
      }

      .home-abt-info{
          order: 2;
      }
      section.home-services .home-service-info:hover, section.home-services .home-service-info.active {
       margin-bottom: 20px;
     }
      .banner_form {
      width: 70%;
     }

      header{
         display: none;
        }
         header.mob {
        display: block;
        z-index: 9;
        padding: 10px 0;
        position: absolute;
        width: 100%;
        background: #fff;
      }
    header .row {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    header a.logo {
        width: auto;
        padding: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    header img {
        width: 100px;
    }
    header div#menu-toggle1 {
        width: auto;
    }
    .menu-toggle1 i {
        color: var(--black-color);
        font-size: var(--f28);
        cursor: pointer;
        margin-top: 11px;
    }
    div#tag1 .mobile-nav {
        padding: 2rem 20px 20px;
        background: #fff;
        text-align: center;
        width: 350px;
        height: 100vh;
        position: relative;
    }
#close-menu {
        right: 1rem;
        position: absolute;
        top: 10px;
    }
    i#close-menu1 {
        cursor: pointer;
        font-size: var(--f28);
        color: var(--black-color);
    }

    div#tag1 .mobile-nav {
        padding: 2rem 20px 20px;
        background: #fff;
        text-align: center;
        width: 350px;
        height: 100vh;
        position: relative;
    }
    header a.logo {
        width: 80%;
        padding: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }
    .mobile-menu-logo img {
        width: 120px;
    }
    #close-menu {
        right: 1rem;
        position: absolute;
        top: 10px;
    }
    header nav.navbar.navbar-expand-lg {
        width: 100%;
    }
    header #main_nav {
        justify-content: center !important;
        margin-top: 30px;
    }
    header ul.navbar-nav {
        display: block;
    }
    div#tag1 .mobile-nav li {
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 500;
    }
       
        div#tag1 {
        position: fixed;
        left: -1px;
        top: 0;
        width: 100%;
        transform: translateX(-47em);
        height: 100%;
        transition: all .5s ease-in-out;
        display: block;
        padding: 0px;
    }
        div#tag1 .mobile-nav li a {
        color: var(--black-color);
    }
}

   @media (max-width: 540px) {
       
       
       .blog-banner {
    margin-bottom: 15px;
}
       
       blog-banner .blog-banner-img img {
    height: 300px;

}
       
       section.blog-details-section .blog-share {
    margin-top: 15px;
}
       
       section.blog-details-section .blog-head {
    display: block;
}
       
       section.blog-details-section .blog-upper-right p {
    margin-top: 10px;
    text-align: center;
}
       
       section.blog-details-section .blog-upper a {
    display: block;
    margin: auto;
}
       
       section.blog-details-section {
    padding-top: 110px;
}


          section.blog-details-section .blog-upper {
    display: block;
}
       section.about-video iframe {
    border-radius: 32px;
    height: 300px;
}
       
       section.about-upper p {
    font-size: 18px;
    }

       .about-upper-head h1{
           font-size:28px;
       }
       
       section.service-details-banner {
    padding-top: 100px;
    height: 80vh;
}

.choose-service-info p{
    font-size: 16px;
}
      
       .tab-text {
    margin-top: 25px;
}
       
       .tab-text h3{
       font-size: 20px;
       }
       
       .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        font-size: 20px;
        }
       
       .nav-tabs .nav-link {
         font-size: 20px;
 
        }
       
       section.ser_sec_box {
       padding-top:40px;
       padding-bottom: 40px;
       }
       
       section.choose-service .choose-service-content h3 {
    font-size: 20px;
}
       
       section.choose-service img {
    height: 300px;

}
       
           section.choose-service {
            padding-top: 30px;
         }
       
       section.website-services .row {
        gap: 15px 0;
      }
       
       section.website-services .col-md-6{
           padding:0;
       }
       
       section.details-services .details-service-info {
           padding: 0 20px;
           text-align: center;
           padding-top: 25px;
}

section.details-services .details-service-content h3{
    font-size: 20px;
}
       
       section.services-info {
    padding-bottom: 30px;
}
       
       section.faq-sec .head-sec {
    margin-bottom: 30px;
}
       
       section.blog-section {
    padding-bottom: 40px;
}
       
       section.abt-cta {
    padding-top: 0;
    padding-bottom: 40px;
}

       section.service-details-banner h1 {
            font-size: 28px;
            margin-bottom: 20px;
       }
       
       
       section.home-choice .right-head p {
      width: 78%;
     }
           
    section.home-choice .right-head p {
    width: 75%;
    margin-top: 15px;
     }

        .footer-middle {
    padding-bottom: 45px;
}

        section.blog-section .blog-info {
    margin-bottom: 20px;
}

section.services-section .head-sec {
    margin: auto auto 45px;
}

        section.services-section .services-info {
    margin-bottom: 20px;
}

        section.services-section .col-12{
          padding: 0;
        }

        section.website-services .col-12{
           padding: 0;
        }

section.details-services .col-12{
  padding: 0;
}

section.website-services .website-services-info img {
    width: 45px;

}
        .banner-img-box {
    position: relative;
    margin-bottom: 90px;
}
    .left-img {
        width: 40%;
        top: 78%;
        right: 66%;
    }
           .right-img {
        width: 38%;
        right: -7%;
        top: -31%;
    }
            section.inds-services {
        padding-top: 120px;
    }

            section.blog-section.blog-main {
                      padding-top: 100px;
                      padding-bottom: 0;
    }

        section.blog-section.blog-main .side-widget {
           padding: 20px;
  
             }

        .footer-bottom-left p{
          margin-bottom: 0;
        }

        section.blog-section .col-12{
          padding: 0;
        }

         section.blog-section .row{
          padding: 0;
        }

        section.choose-us img {
         height: 300px;
         object-fit: cover;
         }

          section.about-upper {
        padding-bottom: 30px;
    }

        .footer-logo img{
          display: block;
          margin: auto;
        }

        .top-footer {
        display: block;
      }
         h1{
          font-size: 38px;
        }
        h2{
          font-size: 24px;
        }
            header img {
        width: 70px;
    }
        .banner-text h1 {
        text-align: center;
        font-size: 34px;
    }
    .main-btn {
    border-radius: 50px;
    min-width: 80%;
    margin-top: 7px;
}
    .banner_form {
        width: 100%;
                padding: 12px;
    }
        .banner-text h1 {
        margin-top: 24%;
        margin-bottom: 30px;
    }
    .banner_form {
    margin-top: 6px;
}
section.banner_section input::placeholder{
  font-size: 14px;
}
    .logo-div img {
        width: 90%;
    }
    section.banner_section {
    height: 100%;
}

section.home-services{
  padding-top: 40px;
  padding-bottom: 40px;
}

section.home-services .col-12{/* padding: 0; */}

section.home-services .home-service-info {
    margin-bottom: 20px;
    padding: 24px;
}


section.home-choice .choice-cards {
    width: 100%;

}


section.home-choice .head-sec {
    display: block;

}

footer .col-3{
  width: 100%;
}

footer .col-2{
  width: 100%;
}

.footer-middle .col-4 {
    /* padding: 0px; */
    width: 100%;
}
.bottom-footer {
    display: block;

}
.footer-bottom-left p{
  text-align: center;
}
.bottom-footer ul {
    justify-content: center;
}
.footer-social ul {
    justify-content: center;
    margin-top: 20px;
}
.abt-cta-content {
    padding: 25px;
  
}
.choice-cards{
  margin-bottom: 20px;
}
    section.home-choice .choice-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    section.home-choice {
    padding-bottom: 30px;
    padding-top: 39px;
}
    section.abt-home {
        padding-top: 20px;
        padding-bottom: 35px;
    }

    section.contact-banner .banner-content {
    padding-top: 45px;
}

.banner-content h1{
    text-align: center;
    font-size: 32px;
    margin-bottom: 12px;
}

section.contact-form-sec .contact-form {
    padding: 40px;
    margin-top: -185px;
}

section.contact-form-sec {
    padding-top: 0;
    padding-bottom: 20px;
}


/*---- benefits ---------*/

@media (max-width: 768px) {
  .website-services {
    padding: 40px 15px;
  }

  .website-services .head-sec h2 {
    font-size: 1.75rem;
  }

  .website-services .row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .website-services .head-sec h2 {
    font-size: 24px;
  }

  .website-services .website-services-info {
    padding: 20px;
  }

  .website-services .website-services-info img {
    width: 50px;
    height: 50px;
  }

  .website-services .website-services-info h3 {
    font-size: 20px;
  }

  .website-services .website-services-info p {
    font-size: 16px;
  }
}


/* FAQ Section Default (Desktop) */
.faq-sec h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #222;
}

.faq-sec p {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
}

/* Tablet (≤ 768px) */
@media (max-width: 768px) {
  .faq-sec h4 {
    font-size: 16px;  /* Slightly smaller */
  }

  .faq-sec p {
    font-size: 15px;
  }

  .faq-sec .accordion-button {
    padding: 12px 15px;
  }
}

/* Mobile (≤ 480px) */
@media (max-width: 480px) {
  .faq-sec h4 {
    font-size: 18px;
  }

  .faq-sec p {
    font-size: 16px;
    color: black;
  }

  .faq-sec .accordion-button {
    font-size: 14px;
    padding: 10px 12px;
  }
}


/* ========== Mobile Only (320px width) ========== */
@media (max-width: 320px) {
  .page-header.mob {
    padding: 16px 10px;
    background: #fff;
    border-bottom: 1px solid #eee;
  }

  /* Logo */
  .page-header.mob .logo img {
    max-width: 270px;
    height: auto;
  }

  /* Hamburger menu */
  .menu-toggle1 {
    font-size: 20px;
    cursor: pointer;
    color: #222;
    position: absolute;
    top: 15px;
    right: 15px;
  }

  /* Mobile menu overlay */
  .menu-bar-in {
    position: fixed;
    top: 0;
    right: 0;
    width: 85%;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 6px rgba(0,0,0,0.15);
    transition: transform 0.3s ease;
    z-index: 9999;
    padding: 15px;
  }

  .mobile-nav {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  /* Mobile menu logo + close button */
  .mobile-menu-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
  }

  .mobile-menu-logo img {
    max-width: 110px;
    height: auto;
  }

  #close-menu1 {
    font-size: 22px;
    cursor: pointer;
    color: #444;
  }

  /* Navbar links */
  .navbar-nav {
    margin-top: 20px;
    padding-left: 0;
    list-style: none;
    width: 100%;
  }

  .navbar-nav .nav-item {
    margin-bottom: 10px;
  }

  .navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    padding: 8px 0;
    display: block;
  }

  .navbar-nav .nav-link.active {
    color: #007bff;
  }

  /* Dropdowns */
  .navbar-nav .dropdown-menu {
    position: relative;
    background: #f9f9f9;
    border: none;
    padding-left: 10px;
  }

  .navbar-nav .dropdown-item {
    font-size: 13px;
    padding: 6px 0;
    color: #444;
  }

  .navbar-nav .dropdown-item:hover {
    color: #007bff;
  }
}




/*-------health care seo page reponsive css-----------------*/


/* Large desktops */
@media (min-width: 1200px) {
  .inds-services h1 { font-size: 48px; }
  .inds-services h3 { font-size: 24px; }
}

/* Tablets (768px – 991px) */
@media (max-width: 991px) {
  .inds-services {
    padding: 60px 0;
    text-align: center;
  }
  .inds-services h1 { font-size: 36px; }
  .inds-services h3 { font-size: 20px; }
  .inds-services p { font-size: 16px; }

  .banner-img-box {
    margin-top: 40px;
  }

  .left-img, .right-img {
    width: 140px;
    padding: 10px 14px;
  }
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
  .inds-services {
    padding: 50px 0;
    text-align: center;
  }

  .inds-services h1 { font-size: 28px; }
  .inds-services h3 { font-size: 18px; }
  .inds-services p { font-size: 16px; }

  .main-btn { 
    padding: 10px 22px;
    font-size: 14px;
  }

  .banner-img-box {
    margin-top: 30px;
  }

  /* Place stat boxes below image for clarity */
  .left-img, .right-img {
    position: static;
    display: inline-block;
    margin: 10px;
    width: 140px;
  }
}






/*------seo services ---------------*/

/* Tablets */
@media (max-width: 992px) {
  .service-details-banner .banner-info h1 {
    font-size: 34px;
  }

  .service-details-banner .banner-info p {
    font-size: 16px;
    padding: 0 20px;
  }
}

/* Mobile Landscape */
@media (max-width: 768px) {
  .service-details-banner {
    padding: 50px 15px;
  }

  .service-details-banner .banner-info h1 {
    font-size: 28px;
    line-height: 1.3;
  }

  .service-details-banner .banner-info p {
    font-size: 16px;
  }
}

/* Mobile Portrait (small devices) */
@media (max-width: 480px) {
  .service-details-banner {
    padding: 40px 10px;
  }

  .service-details-banner .breadcrumb ul {
    gap: 6px;
    font-size: 12px;
  }

  .service-details-banner .banner-info h1 {
    font-size: 28px;
  }

  .service-details-banner .banner-info p {
    font-size: 16px;
  }

  .service-details-banner .main-btn {
    padding: 10px 25px;
    font-size: 14px;
  }
}


/*-----overview -----------*/


/* ==========================
   RESPONSIVE DESIGN
   ========================== */

/* Tablets */
@media (max-width: 992px) {
  .services-info {
    padding: 50px 15px;
  }

  .services-info h2 {
    font-size: 28px;
  }

  .services-info p {
    font-size: 16px;
  }
}

/* Mobile Landscape */
@media (max-width: 768px) {
  .services-info {
    padding: 40px 15px;
  }

  .services-info h2 {
    font-size: 24px;
    text-align: center;
  }

  .services-info h2::after {
    margin: 8px auto 0; /* center underline */
  }

  .services-info p {
    font-size: 15px;
    text-align: center;
  }
}

/* Mobile Portrait (small devices) */
@media (max-width: 480px) {
  .services-info {
    padding: 30px 10px;
  }

  .services-info h2 {
    font-size: 24px;
  }

  .services-info p {
    font-size: 16px;
    line-height: 1.6;
  }
}


/*------------services section-------------*/


/* Tablets */
@media (max-width: 992px) {
  .details-services {
    padding: 50px 15px;
  }

  .details-services .head-sec h2 {
    font-size: 28px;
  }

  .details-service-content p {
    font-size: 14px;
  }

  .col-4 {
    width: 50%; /* 2 columns per row on tablets */
    float: left;
  }
}

/* Mobile Landscape */
@media (max-width: 768px) {
  .col-4 {
    width: 100%; /* full width for each card */
    float: none;
  }

  .details-service-info {
    padding: 20px;
  }

  .details-services .head-sec h2 {
    font-size: 24px;
  }
}

/* Small Mobile (Portrait) */
@media (max-width: 480px) {
  .details-services {
    padding: 40px 10px;
  }

  .details-service-info {
    padding: 15px;
  }


  .details-service-content h4 {
    font-size: 16px;
    
  }

  .details-service-content p {
    font-size: 16px;
    color: black;
    /*line-height: 1.5;*/
  
}

       }