/*==================================================
=            OMMED Responsive Styles               =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
  .header-middle .widget { margin-top: 5px !important; margin-bottom: 5px !important; }
  .header-middle h5 { font-size: 12px !important; }
}

/* Medium Devices, Desktops (Tablet) */
@media only screen and (max-width : 991px) {
  /* Hide desktop nav on tablet */
  .header-nav { display: none !important; }

  /* Categories grid: 3 per row on tablet */
  #about .col-sm-4 { padding-left: 8px; padding-right: 8px; }

  /* Products grid */
  #depertments .col-sm-4 { padding-left: 8px; padding-right: 8px; }

  /* Megamenu: stack columns */
  .megamenu .col3 { width: 50% !important; margin-left: 0 !important; }
}

/* Small Devices, Tablets & Phones */
@media only screen and (max-width : 767px) {
  /* Header adjustments */
  .header-middle .row { text-align: center; }
  .header-middle .widget { margin: 5px 0 !important; padding: 5px 0; }
  .header-middle .pull-left,
  .header-middle .pull-right { float: none !important; }
  .header-middle .font-32 { display: block; margin-bottom: 5px; font-size: 20px !important; }
  .header-top { padding: 5px 0; }
  .header-top .widget { font-size: 11px; margin: 2px 0 !important; }

  /* Navigation */
  .menuzord-menu > li > a { padding: 12px 14px; font-size: 13px; }

  /* Categories grid: 2 per row on mobile */
  #about .home-info-box { margin-bottom: 10px !important; }
  #about .home-info-box h5,
  #about .info-details h5 {
    font-size: 12px !important;
    padding: 6px !important;
    line-height: 1.4;
  }
  #about .col-xs-6 { padding-left: 5px; padding-right: 5px; }
  #about .section-title { margin-bottom: 30px !important; margin-top: 20px !important; }

  /* Products grid: 2 per row on mobile */
  #depertments .col-xs-6 { padding-left: 8px; padding-right: 8px; }
  #depertments .info-details h5 {
    font-size: 11px !important;
    padding: 5px !important;
    line-height: 1.3;
  }
  #depertments p { font-size: 11px; margin: 5px !important; }
  #depertments .btn { font-size: 11px; padding: 5px 12px; }
  #depertments .mb-30 { margin-bottom: 15px !important; }

  /* CTA sections */
  .call-to-action h2 { font-size: 18px; }
  .call-to-action h3 { font-size: 16px; }

  /* Contact section */
  #contact .col-sm-6 { margin-bottom: 20px; }
  .marginecontact { padding: 15px !important; }
  .opening-hours .list-border li { font-size: 12px; padding: 8px 5px !important; }
  .widget-title { font-size: 16px; }

  /* Touch-friendly */
  .btn { min-height: 40px; }
  .list-inline > li a { min-height: 36px; display: inline-flex; align-items: center; }

  /* Footer */
  .footer-bottom { text-align: center !important; }
  .footer-bottom .col-md-6 { text-align: center !important; }

  /* Floating buttons - slightly smaller on mobile */
  .floating-buttons a { width: 48px; height: 48px; }
  .floating-buttons .whatsapp-float i { font-size: 24px; }
  .floating-buttons .contact-float i { font-size: 18px; }
  .floating-buttons { bottom: 15px; right: 15px; gap: 8px; }

  /* Section spacing */
  section { padding: 20px 0 !important; }
  .container { padding-left: 10px; padding-right: 10px; }

  /* Section titles */
  .section-title h2 { font-size: 22px; }

  /* About section */
  #desprenoi .lead { font-size: 14px; }
  #desprenoi h1 { font-size: 24px; }

  /* Form iframe */
  iframe { width: 100% !important; }

  /* Hero: no padding on mobile */
  #home { padding: 0 !important; margin: 0 !important; }

  /* Hide desktop nav bar on mobile */
  .header-nav { display: none !important; }

  /* Reduce gap between hero and categories on mobile */
  #about { padding-top: 10px !important; }
  #about .section-title { margin-bottom: 15px !important; margin-top: 10px !important; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
  /* Tighter spacing */
  .header-middle { padding: 5px 0 !important; }
  .menuzord-brand img { max-height: 40px; }

  /* Even smaller text */
  #about .info-details h5,
  #depertments .info-details h5 {
    font-size: 8px !important;
    padding: 3px !important;
  }
  #depertments p { font-size: 10px; }

  /* CTA */
  .call-to-action h2 { font-size: 16px; }
  .call-to-action h3 { font-size: 14px; }

  /* Contact */
  .list-inline > li { font-size: 12px; }
}

/* Extra Small Devices */
@media only screen and (max-width : 360px) {
  .header-top .widget { font-size: 10px; }
  .section-title h2 { font-size: 18px; }
  #about .info-details h5,
  #depertments .info-details h5 {
    font-size: 7px !important;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
  .menuzord-brand img { max-height: 35px; }
}