/* ==========================================================================
   Mobile First Approach (Min-Width)
   ========================================================================== */

/* Extra Small Devices (Phones, 0-575px) */
/* Default styles - no media query needed */


/* Small Devices (Phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium Devices (Tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large Devices (Desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra Large Devices (Large Desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* Extra Extra Large Devices (Larger Desktops, 1400px and up) */
@media (min-width: 1400px) {}


/* ==========================================================================
   Desktop First Approach (Max-Width)
   ========================================================================== */

/* Extra Extra Large Devices (Larger Desktops, down to 1399px) */
@media (max-width: 1399px) {}

/* Extra Large Devices (Large Desktops, down to 1199px) */
@media (max-width: 1199px) {}

/* Large Devices (Desktops, down to 991px) */
@media (max-width: 991px) {
   .mouse {
      display: none;
   }

   .groups .group-item img {
      width: 100%;
   }

   .info-area .special-text {
      bottom: 0px !important;
      font-size: 0.9rem !important
   }
}

/* Medium Devices (Tablets, down to 767px) */
@media (max-width: 767px) {
   .numbers3 .numbers3-item .number-item-content h2 {
      font-size: 2rem;
   }

   .numbers3 .numbers3-item .number-item-content p {
      font-size: 1.3rem;
   }

   .numbers3 .numbers3-item {
      padding: 0px 0;
   }

   .numbers3 .numbers3-item {
      border-right: none;
   }

   .numbers3 .numbers3-item .number-item-image img {
      max-width: 70px;
      padding: 20px 0 10px 0;
   }

   .numbers.pt-5 {
      padding-top: 10px !important;
   }

   .numbers3 .sub-items .sub-item img {
      max-width: 35px;
   }

   .numbers3 .sub-items .sub-item .number-content {
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: -0.3px;
      line-height: 17px;
   }

   .numbers3 .sub-items .sub-item {
      margin-bottom: 15px;
   }

   .stat-card {
      padding: 30px 13px;
   }

   .groups-v2 {
      padding: 20px 0 !important;
      overflow: hidden;
   }

   .groups-v2>.container>.row>* {
      padding-left: 0;
      padding-right: 0;
   }

   .groups-v2 .info-cover {
      border-radius: 0 !important;
   }

   .footer-column {
      margin-top: 0;
   }

   .footer-links li {
      text-align: center;
   }

   .footer-brand {
      text-align: center;
   }

   .announcement-list-wrapper ul {
      padding-left: 0;
   }

   .footer-column h4 {
      text-align: center;
   }

   .footer-social {
      justify-content: center;
   }

   .icon-list-section .features-explain-wrapper {
      margin-left: 8px;
   }

   .icon-list-section .features-top-wrapper {
      padding: 9px 0;
   }

   .features-explain-wrapper h4 {
      font-size: 17px;
   }

   .features-explain-wrapper p {
      font-size: 14px;
   }

   .region-btn {
      padding: 9px 18px;
   }

   .icon-list-section {
      padding: 20px 0 0 0;
   }
}

/* Small Devices (Phones, down to 575px) */
@media (max-width: 575px) {}


/* ==========================================================================
   Specific Range Media Queries
   ========================================================================== */

/* Only Small Devices */
@media (min-width: 576px) and (max-width: 767px) {}

/* Only Medium Devices */
@media (min-width: 768px) and (max-width: 991px) {}

/* Only Large Devices */
@media (min-width: 992px) and (max-width: 1199px) {}


/* ==========================================================================
   Landscape & Portrait
   ========================================================================== */

/* Landscape Orientation */
@media (orientation: landscape) {}

/* Portrait Orientation */
@media (orientation: portrait) {}


/* ==========================================================================
   High Resolution Displays (Retina)
   ========================================================================== */

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {}


/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {}


/* ==========================================================================
   Common Breakpoint Combinations
   ========================================================================== */

/* Mobile & Tablet (up to 991px) */
@media (max-width: 991px) {}

/* Tablet & Desktop (768px and up) */
@media (min-width: 768px) {}

/* Desktop Only (992px and up) */
@media (min-width: 992px) {}