/* ===============================
   DMailPrint Responsive Breakpoints (Mobile-First)
   =============================== */

/* XS: Extra small phones (0–359px) */
@media (max-width: 359.98px) {
  #topbar .social-links {
  text-align: center ;
    }
    #topbar {
  font-size: 14px;
  text-align: center;
}
 .hero, .hero-area, .hero-section, .banner, .banner-area, .slider, .slider-area, .home-hero, main > section:first-child {
    margin-top: 0 !important;
    padding: 60px 0 40px !important;
  }
  
  .mobibtn1 { width: 45% !important;
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
}
.mobibtn2 { width: 45% !important;
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
} 

 .banner-home__content h1 {
    font-size: 19px !important;
    line-height: 24px !important;
  }


.banner-home__content .description p {
  font-size: 15px !important;
}
.mtss {
  font-size: 11px !important;
}


.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
  font-size: 24px !important;
}
 
}

/* SM: Small phones (360–479px) */
@media (min-width: 360px) and (max-width: 479.98px) {
  
  #topbar .social-links {
  text-align: center ;
    }
 #topbar {
  font-size: 14px;
  text-align: center;
}    
 .hero, .hero-area, .hero-section, .banner, .banner-area, .slider, .slider-area, .home-hero, main > section:first-child {
    margin-top: 0 !important;
    padding: 60px 0 40px !important;
  }

.mobibtn1 { width: 45% !important;
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
}
.mobibtn2 { width: 45% !important;
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
} 

 .banner-home__content h1 {
    font-size: 19px !important;
    line-height: 24px !important;
  }


.banner-home__content .description p {
  font-size: 15px !important;
}
.mtss {
  font-size: 11px !important;
}


.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
  font-size: 22px !important;
}


.mobtex1 {
  font-size: 11px !important;
}
}



/* MD: Medium phones (480–575px) */
@media (min-width: 480px) and (max-width: 575.98px) {
  
 .hero, .hero-area, .hero-section, .banner, .banner-area, .slider, .slider-area, .home-hero, main > section:first-child {
    margin-top: 0 !important;
    padding: 60px 0 40px !important;
  }
  
  .mobtex1 {
  font-size: 13px !important;
}
}

/* LG: Large phones / small tablets (576–767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  
 .hero, .hero-area, .hero-section, .banner, .banner-area, .slider, .slider-area, .home-hero, main > section:first-child {
    margin-top: 0 !important;
    padding: 110px 0 40 !important;
  }
}

/* XL: Tablets (768–991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
 

    
}

/* 2XL: Small desktops (992–1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
 
}

/* 3XL: Desktops (1200–1399px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
 
}

/* 4XL: Large desktops (1400px+) */
@media (min-width: 1400px) {
 
}