/*
 * mobile-fix.css - Updated
 * Sky Spark Digital — Mobile Responsive Fixes
 */

html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100% !important;
  height: auto;
}

.back-to-top {
  bottom: 90px !important;
  right: 20px !important;
}

/* =============================================
   STATS SECTION - 3rd box akela fix
   ============================================= */
@media (max-width: 767px) {
  .funfact-wrapper .row > [class*="col-"] {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .funfact-wrapper .row > [class*="col-"]:last-child:nth-child(odd) {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* =============================================
   PRICING - 1 column mobile pe
   ============================================= */
@media (max-width: 767px) {
  .price-wrapper .row > [class*="col-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .price-wrapper .price-item {
    margin-top: 20px !important;
  }
}

/* =============================================
   AWARDS - 1 column mobile pe
   ============================================= */
@media (max-width: 767px) {
  .awards-wrapper .row > [class*="col-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .awards-wrapper .awards-item {
    margin-bottom: 15px !important;
  }
}

/* =============================================
   BLOG - 1 column mobile pe
   ============================================= */
@media (max-width: 767px) {
  .news-1 .row > [class*="col-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* =============================================
   FOOTER "Have a In Mind" TEXT OVERFLOW FIX
   ============================================= */
@media (max-width: 767px) {
  .footer-widget-wrapper-2 .footer-text h2 {
    font-size: 48px !important;
    letter-spacing: -1px !important;
    word-break: break-word !important;
    white-space: normal !important;
    line-height: 1.1 !important;
  }
  .scrolling-wrap .comm .cmn-textslide {
    font-size: 48px !important;
    line-height: 70px !important;
  }
}

/* =============================================
   FOOTER COLUMNS - 1 column mobile pe
   ============================================= */
@media (max-width: 767px) {
  .footer-widget-wrapper-3 .row > [class*="col-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
  }
  .footer-widget-wrapper-3 .single-footer-main-item.style-2 {
    flex-direction: column !important;
    padding: 0 !important;
  }
  .footer-widget-wrapper-3 .single-footer-main-item.style-2::before,
  .footer-widget-wrapper-3 .single-footer-main-item.style-2::after {
    display: none !important;
  }
  .footer-bottom .footer-bottom-wrapper {
    flex-direction: column !important;
    text-align: center !important;
    gap: 15px !important;
  }
  .footer-bottom .footer-bottom-wrapper .footer-list {
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
  }
}

/* =============================================
   PORTFOLIO - 1 column mobile pe
   ============================================= */
@media (max-width: 767px) {
  .project-wrapper .row > [class*="col-"],
  .project-wrapper-2 .row > [class*="col-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* =============================================
   SERVICE SECTION FIXES
   ============================================= */
@media (max-width: 575px) {
  .service-wrapper .services-item {
    padding: 16px !important;
  }
  .service-wrapper .services-item .head {
    width: 100% !important;
  }
  .service-wrapper .services-item .link-btn {
    left: 0 !important;
  }
  .service-wrapper .services-item .link-btn a {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* =============================================
   SECTION PADDING
   ============================================= */
@media (max-width: 767px) {
  .section-padding {
    padding: 60px 0 !important;
  }
  .footer-widget-wrapper {
    padding: 60px 0 !important;
  }
  .footer-widget-wrapper-2 {
    padding: 60px 0 !important;
  }
}

@media (max-width: 400px) {
  .scrolling-wrap .comm .cmn-textslide {
    font-size: 36px !important;
  }
  .footer-widget-wrapper-2 .footer-text h2 {
    font-size: 36px !important;
  }
}
/* =============================================
   HAMBURGER MENU FIX
   ============================================= */
@media (max-width: 1199px) {
    .mean__menu-wrapper {
        display: none !important;
    }

    .header__hamburger {
        display: flex !important;
        align-items: center;
    }

    .sidebar__toggle {
        display: block !important;
        cursor: pointer;
        font-size: 28px;
        color: white;
        padding: 5px 10px;
    }

    .header-right {
        display: flex !important;
    }

    .header-main {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
}

@media (min-width: 1200px) {
    .header__hamburger {
        display: none !important;
    }
    .header-right {
        display: none !important;
    }
}