@media (max-width: 1470px) {
  .dots {

    right: 0;
}

}



@media (max-width: 1400px) {

  .elementor-16 .elementor-element.elementor-element-46807b8 .menu-item a.hfe-menu-item {
    padding-left: 17px;
    padding-right: 17px;
}

}

@media (max-width: 1300px) {


}

@media (max-width: 1290px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
  .commitment-left h2 {
    font-size: 20px;}

    .hfe-nav-menu-icon svg {fill: #fff !important;}
    .header-sec{
      display: flex !important;
      justify-content: space-between !important;
      padding: 10px;
  
  }
 
  
  .header-sec nav{ position: absolute;
    right: 0;    top: 40px;        width: 181px !important;        left: auto !important;}
     .header-sec nav ul li a{color: black;}
  .header-bar{width: 100px !important; position: static !important;}
  .commitment-right {
    flex: auto;}
    .big-star {display: none;}  
    .color-white a{color: #000000 !important;}
    .header-contact-btn a {
      background-color: #113843ab !important;
      color: #fff !important;
      padding: 14px 18px !important;
      border-radius: 8px !important;
      box-shadow: 0px 4px 10px 0px #00000026 !important;
      border: 1px solid #FFFFFF1A !important;
      position: relative !important;
      padding-right: 50px !important;
      margin: 10px !important;
    }
    .commitment-card-number {
      right: 7px;
      top: 11px;
  }
  .blog-item {
    flex: 1 1 calc(50% - 20px);
    max-width: 333px;
}
.service-card {min-height: 341px;}
}

  @media (max-width: 900px) {
    .commitment-container {
      flex-direction: column;
      align-items: center;
    }
    
    .commitment-left, .commitment-right {
      max-width: 100%;
    }
    .commitment-left {
      flex: auto;}
    .commitment-right {
      grid-template-columns: 1fr;
    }
    }
@media (max-width: 990px) {

  .blog-item {
    flex: 1 1 100%;
}
.blog-item {

  max-width: 100%;
}

}

@media (max-width: 768px) {
  .commitment-card h3 {
    font-size: 20px;}
  .header-logo{width: 400px !important;}
  .header-logo .hfe-site-logo-container{width: 140px;}
  .commitment-card-number {
    right: 0;
    top: 0px;
  }
  .bookform .form-control {width: 100%;}
  .booksubmit-top{width: 100%;}
  .booksubmit-top input {width: 100%;}
  .booksubmit-top .submit-left-icon-form {
    position: absolute;
    left: 60%;
    bottom: 24%;
}
.elementor-16 .elementor-element.elementor-element-46807b8 .menu-item a.hfe-menu-item {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.who-we-img img{        height: 200px !important;
  object-fit: cover;}
  .blog-item {
    flex: 1 1 100%;
}
.elementor-element-538300f {width: 100% !important;}
#blog-filter {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}
#blog-filter .select-form {width: 100% !important;}
#blog-filter .form-control {width: 100% !important;}
.custom-blog-detail .blog-heading h2 {
  font-size: 20px !important;}
  .contact-form .col-md-6 {width: 100%;}
  .service-icon-content .elementor-widget-container {
    width: max-content !important;
    height: max-content !important;
}
.service-card-content .elementor-widget-image {
  width: max-content !important;
  height: max-content !important;
}
.service-card-heading{max-width: calc(100% - 75px) !important;}
.service-card-para{max-width: calc(100% - 40px) !important;}
.service-icon-content {gap: 10px !important;}
.elementor-element-3ffdd33 {width: 100% !important;}
.elementor-27 .elementor-element.elementor-element-7a15fd2 {
  font-size: 15px;
}
.custom-play-button {width: 60px;height: 60px;}
.custom-play-button::before {    width: 80px;
  height: 80px;    top: -11px;
  left: -11px;}
  .home-video-container video {
    height: 280px !important;
}
.cat-icon {margin-left: 0}
.new-post-details{display: block;}
/*.custom-blog-detail .post-meta {display: block;}*/
/* .service-card .what-we-icon {position: relative !important;width: 100% !important;} */
}
@media (max-width: 576px) {
.header-logo{width: 200px !important;}

}
