/* ========================================
         RESPONSIVE TYPOGRAPHY SYSTEM
         ======================================== */
      
      /* Base font size scales with viewport */
      html {
        font-size: clamp(14px, 1vw, 18px);
      }
      
      /* Body text */
      body {
        font-size: clamp(16px, 1.2vw, 20px);
        line-height: 1.6;
      }
      
      /* Headings with fluid sizing */
      h1, .h1 {
        font-size: clamp(28px, 3.5vw, 48px);
        line-height: 1.2;
      }
      
      h2, .h2 {
        font-size: clamp(24px, 3vw, 40px);
        line-height: 1.3;
      }
      
      h3, .h3 {
        font-size: clamp(20px, 2.5vw, 32px);
        line-height: 1.3;
      }
      
      h4, .h4 {
        font-size: clamp(18px, 2vw, 26px);
        line-height: 1.4;
      }
      
      h5, .h5 {
        font-size: clamp(16px, 1.5vw, 22px);
        line-height: 1.4;
      }
      
      /* Paragraph text */
      p {
        font-size: clamp(16px, 1.2vw, 20px);
      }
      
      /* ========================================
   HEADER NAVIGATION - LOGO LEFT, MENU RIGHT
   ======================================== */

/* Logo and menu on opposite sides */
.rd-navbar-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.rd-navbar-panel {
    position: relative;
    left: auto;
}

.rd-navbar-main-element {
    display: flex;
    justify-content: flex-end;
}

.rd-navbar-nav-wrap {
    display: flex;
    justify-content: flex-end;
}

.rd-navbar-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
      
      /* ========================================
         SPECIFIC BREAKPOINT ADJUSTMENTS
         ======================================== */
      
      /* Extra large screens (1920px+) */
      @media (min-width: 1920px) {
        html {
          font-size: 18px;
        }
        
        .rd-navbar-nav > li > a {
          font-size: 22px !important;
        }
        
        body {
          font-size: 20px;
        }
      }
      
      /* Large screens (1440px - 1919px) */
      @media (min-width: 1440px) and (max-width: 1919px) {
        html {
          font-size: 16px;
        }
        
        .rd-navbar-nav > li > a {
          font-size: 19px !important;
        }
      }
      
      /* Medium screens (1024px - 1439px) */
      @media (min-width: 1024px) and (max-width: 1439px) {
        html {
          font-size: 15px;
        }
        
        .rd-navbar-nav > li > a {
          font-size: 17px !important;
        }
      }
      
      /* Tablets (768px - 1023px) */
      @media (min-width: 768px) and (max-width: 1023px) {
        html {
          font-size: 14px;
        }
        
        .rd-navbar-nav > li > a {
          font-size: 16px !important;
        }
      }
      
      /* Mobile (below 768px) */
@media (max-width: 767px) {
    /* REMOVED: .rd-navbar-main padding override 
       Let the framework handle mobile layout */

    html {
        font-size: 14px;
    }
    
    .rd-navbar-static .rd-navbar-nav > li > a {
        font-size: 18px !important;
        padding: 14px 18px !important;
    }
}
      
      /* ========================================
         BLOG GRID FIX
         ======================================== */
      .blog-grid-area .col-sm-6 {
          flex: 0 0 50% !important;
          max-width: 50% !important;
          display: flex;
      }
      .blog-grid-area .post-classic {
          width: 100%;
          margin-bottom: 30px;
      }
      .blog-grid-area .post-classic-media img {
          width: 100%;
          height: 250px;
          object-fit: cover;
      }
      /* Prevent footer gallery from being affected */
      .footer-advanced .col-3 {
          flex: 0 0 25% !important;
          max-width: 25% !important;
      }