@media (max-width: 1250px) {
  .header-menu nav ul li .hfe-menu-item{padding-left: 7px;padding-right: 7px;}
  .elementor-13 .elementor-element.elementor-element-d28a91a .menu-item a.hfe-menu-item.elementor-button {
    padding: 12px 51px 12px 21px;}
}
@media (max-width: 1024px) {
  .timeline-container {
      grid-template-columns: repeat(2, 1fr);

    }
    .garifuna-exclusives-container{
   
      grid-template-columns: repeat(1, 1fr);
}
.header-logo .hfe-site-logo-container img{width: 116px;}
.header-menu nav ul li .hfe-menu-item{background-color: black !important;}
.btn-icon .elementor-button-icon svg { width: 19px !important;}
.btn-icon-big .elementor-button-icon svg {
    width: 35px !important;
    height: 35px;
}
    .timeline-section {
    padding: 50px 0px;
}
section {
  padding-top: 50px;
  padding-bottom: 50px;
}
.black-card-icon img{width: 60px !important;}
}
 @media (max-width:990px) {
    .book-home {font-size: 24px;}
 }
 @media (max-width: 768px) {
    .header-main {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
    .header-logo{width: 50%;}
    .header-menu {width: 50%;}
  .timeline-container {
      grid-template-columns: repeat(1, 1fr);
    }
    .garifuna-exclusives-card {padding: 18px;}
    .garifuna-exclusives-card h3 {
    font-size: 19px;margin: 0;}
    .garifuna-exclusives-card p {
    font-size: 14px; line-height: 24px;}
    .garifuna-product {margin-bottom: 10px;}
    .garifuna-product {font-size: 12px;}
    .garifuna-exclusives-card .read-more-btn {font-size: 14px}
    .timeline-year {padding: 6px 0px;min-width: 99px;font-size: 13px;margin-bottom: 10px;}
    .timeline-card p {font-size: 14px;}
    section {padding: 30px 0;}
    .read-more-btn {font-size: 14px;}
    .timeline-card {padding: 18px;}
    .bookform .form-group{width: 100%;}
    .bookform .form-control {width: 100%;}
    .bookform {gap: 5px;}
    .booksubmit {width: 100%;padding: 16px 19px;font-size: 15px}
    .footer-logo img{width: 116px;}
    .btn-icon-big .elementor-button-icon svg { width: 30px !important; height: 30px;}
    .btn-icon-big .elementor-button-content-wrapper {align-items: center !important;gap: 10px !important;}
    .btn-icon .elementor-button-icon svg {width: 17px !important;}
    .submit-left-icon-form { top: 15px; width: 19px;}
    .bookform .form-control {padding: 12px 19px;margin-bottom: 9px;}
    .timeline-section {
    padding: 30px 0px;
}
 section {
  padding-top: 30px;
  padding-bottom: 30px;
}
.black-card-icon img{width: 30px !important;}
.black-card-new{display: block;}
.black-card-inner{display: block;margin-bottom: 20px !important;}
}