/* Responsive overrides for Brexmoncaps */
/* Make media elements fluid */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

/* Logo adjustments */
.navbar-brand img {
  max-width: 180px;
  width: auto;
  height: auto;
}

/* Ensure hero layout stacks on small screens */
.hero .row { gap: 12px; }
.hero .col-md-7, .hero .col-md-5 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Make nav items wrap & stack on small screens */
.navigation .nav.navbar-nav { flex-wrap: wrap; }

/* Card and plan responsiveness */
.col-md-4 { display: block !important; width: 100% !important; }

/* Utility spacing and typography tweaks */
.section-padding { padding: 40px 0; }

/* Buttons and forms */
.theme-btn, .theme-btn-s2 { white-space: normal; }

/* Header and nav adjustments at breakpoints */
@media (max-width: 991px) {
  .navbar-brand img { max-width: 150px; }
  .navbar-header { justify-content: flex-start; }
  .navbar-brand { margin-right: 200px; }
  .hero { padding: 50px 0; }
  .navigation-holder { display: none; }
}

@media (max-width: 600px) {
  .navbar-brand img { max-width: 130px; }
  .hero { padding: 36px 0; }
  .section-title h2 { font-size: 1.6rem; }
  .services-phone img { max-width: 120px; }
}

/* Improve partner logos and grid images */
.partners-slider .grid img { width: auto; max-width: 100%; }

/* Ensure embedded iframes (YouTube, TradingView) scale correctly */
.tradingview-widget-container, .tradingview-widget-container iframe { width: 100% !important; }