@media only screen and (max-width: 1399px) {}


@media only screen and (max-width: 1199px) {
  #hero .carousel {
    margin-left: 0px !important;
  }
}

@media only screen and (max-width: 991px) {
 

}

@media only screen and (max-width: 767px) {
  #hero {
    height: 80vh !important;
  }

  #hero .carousel {
    transform: translate(0%, 25%) !important;
  }
  #hero h2 {
    margin-bottom: 20px!important;
    font-size: 40px!important;
  }
  .ftr-nw-title {
    margin-top: 10px !important;
  }
  
}

@media only screen and (max-width: 576px) {
  


}
@media only screen and (max-width: 420px) {
  
  #hero h2 {
    font-size: 24px !important;
  }
  .ftr-nw-subcribe-btn {
    font-size: 18px !important;
    padding: 10px 20px !important;
   
  }
  #hero .carousel {
    transform: translate(0%, 30%) !important;
  }
  h2 {
    font-size: 25px !important;
  }

}

@media only screen and (max-width: 320px) {
  

}