/* Media Queries for Responsive Design */

  /* Tablet devices (768px and up) */
  @media screen and (max-width: 992px) {
    .footer-col {
        height: auto;
    }
    .footer-row {
        grid-template-columns: 1fr;
    }
    .top-bar, .sb_sidebar, .prefix-service-section {
        display: none !important;
    }
    .navbar {
        padding: 10px;
    }

    .nav-menu,
    .contact-btn {
        display: none;
    }

    .hamburger {
        display: flex;
    }
      /* Container adjustments */
      .container {
          padding: 30px 10px !important;
      }

      /* Hero section adjustments */
      .main-heading {
          font-size: 2.5rem;
      }

      /* About section adjustments */
    .awadh-content-wrapper {
        flex-direction: column;
    }

    .awadh-left,
    .awadh-right {
        flex: 1 1 100%;
        padding: 0;
    }

    .awadh-right {
        margin-top: 30px;
    }
      .about {
          flex-direction: column;
      }

      .image-section,
      .content-section {
          width: 100%;
      }

      .content-section {
          padding: 20px 0;
      }

      /* Services section adjustments */
      .category-tabs {
          flex-wrap: wrap;
      }
      .services-grid {
          justify-content:center;
        display: flex;
        flex-wrap: wrap;
    }
    .service-card{
        width: 30%;
    }

      /* Blog section adjustments */
      .blog-page {
          grid-template-columns: 1fr;
      }

      .main-content {
          grid-template-columns: repeat(2, 1fr);
      }

      /* Why Choose Us section */
      .row {
          flex-direction: column;
      }

      /* Gallery Grid */
      .gallery-grid {
          grid-template-columns: repeat(3, 1fr);
      }

      /* Project page */
      .sb_content_wrapper {
          flex-direction: column;
      }

      .sb_main_content {
          padding-right: 0;
          margin-bottom: 30px;
      }

      /* Service Box */
      .service-box {
          flex-direction: column !important;
      }

      .service-img {
          max-width: 100%;
      }
    .satisfied-customers {
        bottom: 100px;
        right: 0px;
        position: absolute;
        width: 100px;
        height: 100px;
        background-color: var(--white-color);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        border: 2px solid var(--primary-color);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }
  }

  /* Mobile devices (up to 767px) */
@media screen and (max-width: 767px) {
    .footer-col {
        height: auto;
    }

    .service-container {
        width: 100%;
    }

    .top-bar, .sb_sidebar, .prefix-service-section, .quote-icon {
        display: none !important;
    }

    .logo {
        margin-top: 20px;
        height: 100px;
        width: auto;
    }

    .why-us {
        height: auto;
        padding: 20px 10px;
    }

    .central-image {
        width: 180px;
        height: 180px;
        margin: 20px auto;
    }

    .feature-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        position: static;
    }

    .feature-box {
        margin-bottom: 10px;
        width: 100%;
        position: static;
        text-align: center;
        padding: 20px;
    }

    .feature-title,
    .feature-description {
        text-align: center !important;
    }

    .icon-circle {
        position: static;
        margin: 10px auto;
        transform: none;
    }

    .left-feature,
    .right-feature {
        text-align: center;
        padding: 0;
    }

    /* Remove all absolute positions */
    .top-left,
    .middle-left,
    .bottom-left,
    .top-right,
    .middle-right,
    .bottom-right {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        transform: none;
        padding: 20px;
    }

    .sb_hero_carousel {
        height: auto;
    }
    /* Container adjustments */
    .container {
        padding: 30px 10px !important;
    }

    /* Hero section adjustments */
    .slider-container {
        height: 50vh;
    }

    .main-heading {
        font-size: 2rem !important;
    }

    .description {
        font-size: 1rem;
    }

    .buttons {
        flex-direction: column;
        width: 100%;
    }

    .btn {
        margin: 0 auto;
        width: fit-content;
        justify-content: center;
    }
    /* About section */
    .about {
        gap: 0px !important;
    }

    .image-collage {
        height: 400px;
    }

    .main-image {
        width: 100%;
        height: 100%;
        left: 50px;
    }

    .satisfied-customers {
        bottom: 100px;
        right: 0px;
        position: absolute;
        width: 100px;
        height: 100px;
        background-color: var(--white-color);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        border: 2px solid var(--primary-color);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }
    /* Features */
    .features {
        grid-template-columns: 1fr;
    }

    /* Service section */
    .category-tab {
        padding: 10px 15px;
        font-size: 14px;
    }

    .services-grid {
        flex-direction: column;
    }

    .service-card {
        width: 100%;
        margin: 0 auto;
    }

    /* Blog section */
    .main-content {
        grid-template-columns: 1fr;
    }

    /* Footer section */
    .footer-row {
        grid-template-columns: 1fr;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    /* Gallery Grid */
    .gallery-grid {
        display: flex;
        flex-wrap: wrap;
    }

    /* Contact section */
    .contact-content {
        flex-direction: column;
    }

    /* Breadcrumb */
    .breadcrumb {
        height: 200px;
    }

    .breadcrumb-header h1 {
        font-size: 30px;
    }

    .sb_img_gallery {
        flex-direction: column;
    }

    .footer-bottom > p {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* Back to top button */
    #backToTop {
        bottom: 70px;
        right: 15px;
    }

    .whatsapp {
        bottom: 15px;
        right: 10px;
    }

    .director-card {
        flex-direction: column;
        text-align: center;
        padding: 30px 5px;
        gap: 25px;
    }

    .director-image {
        flex: 0 0 200px;
        height: 200px;
        width: 200px;
    }

    .director-card::before {
        top: -10px;
        left: 10px;
        font-size: 80px;
    }

    .director-card::after {
        bottom: -40px;
        right: 10px;
        font-size: 80px;
    }

    .quote-text {
        font-size: 14px;
        text-align: center;
    }

    .director-name {
        font-size: 20px;
    }
    .simple-contact-section p {
        text-align:center;
        width: 100%;
    }
  }

  /* Small mobile devices (up to 480px) */
  @media screen and (max-width: 480px) {
    .modal-uniq-box {
        width: 90%;
    }
    .sm-pb-0 {
        padding-bottom: 0px !important;
    }

    .sm-pt-0 {
        padding-top: 0px !important;
    }

    .sm-mb-0 {
        margin-bottom: 0 !important;
    }
    .sm-simple-contact-form {
        padding: 30px 0px !important;
    }
    .sm-awadh-modal-content {
        padding:20px !important;
    }
        .sm-pt-0 {
        padding-top: 0px !important;
    }
    .sm-d-none {
        display: none !important;
    }
    .admin-login
{
        margin-bottom:10px;
    }    .hero-section {
        height: 50vh;
    }
    .phone-nu {
        display: block;
    }
    .align-items-center {
        align-items: center !important;
    }
    .dot, .simple-contact-image, .top-bar, .con-map {
        display: none !important;
    }
    
    .logo h1 {
        font-size: 11px;
        line-height: 25px;
    }
      /* Hero section */
      .slider-container {
          height: 60vh;
      }

      .welcome {
          font-size: 12px;
      }

      .content {
          text-align:center;
/*          margin-left:56px;*/
          width: 100%;
          padding: 0 10px;
      }
    .info-item .icon {
        margin-right: 40px;
    }
    .info-item {
        padding: 25px 10px;
    }
    .contact-page-section p {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
      .main-heading {
          font-size: 1.4rem !important;
      }

      /* About section */
    .about{
        gap:0px !important;
    }
    .image-collage {
        height: 350px;
    }


    .main-image {
        width: 100%;
        height: 100%;
        left: 50px;
    }
    .satisfied-customers {
        bottom: 100px;
        right: 0px;
        position: absolute;
        width: 100px;
        height: 100px;
        background-color: var(--white-color);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        border: 2px solid var(--primary-color);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }
      /* Section headers */
    .services-section::before {
        top: -300px;
        right: -300px;
        width: 340px;
        height: 500px;
        background-color: rgba(226, 200, 105, 0.5);
    }
    .content-section h1, .awadh-main-heading, .our-story-container h2, .core-values h3, .info-card h3, .process-container h2 {
        font-size: 19px !important;
    }
    .info-card, .simple-contact-section p {
        text-align: justify;
        padding: 10px;
    }s
    .info-card, .simple-contact-section p {
        text-align: justify;
        padding: 10px;
        width: 100%;
        margin-bottom:-30px;
    }
    .contact-page-section p{
        width: 100% !important;
    }
    .our-story-container p{
        margin-bottom:0 !important;
    }
    .awadh-description, .our-story-container p, .description {
        text-align: justify;
    }
    .section-header h2, h2, h1 {
        font-size: 22px !important;
    }
    .section-title {
        font-size: 15px !important;
    }
        .services-list {
            display: flex;
            flex-direction: column;
        }

      /* Project details */
      .sb_hero_carousel {
          height: auto;
      }

      .sb_heading_primary {
          font-size: 1.5rem !important;
      }

      /* Gallery Grid */
      .gallery-grid {
          display: flex;
          flex-direction: column;
          padding: 0 10px;
      }

      .contact-info {
          padding: 0;
      }

      .contact-form {
          padding: 10px;
      }

      /* Blog image */
      .blog-page {
          display: grid;
      }

      .blog-img {
          height: 300px;
      }

      .footer-bottom>p {
          display: flex;
          flex-direction: column;
          justify-content: center;
      }
    .counter-value {
        font-size: 2rem !important;
    }
    .counter-suffix{
        font-size:2rem !important;
    }
    .counter-item {
        flex: 1;
        min-width: 100px;
        margin: 20px 10px;
        position: relative;
        overflow: hidden;
    }
    .section-img img, .section video {
        width: 100%;
        height: auto !important;
       
    }

    .section img, .section video {
        width: 100%;
        height: auto !important;
    }
  }