/*---- Bootstrap breakpoints ----*/

/*---- x-large ----*/
@media (min-width: 1200px) {

}

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

/*---- medium ----*/
@media (min-width: 768px) and (max-width: 991px) {


}

/*---- small ----*/
@media (min-width: 576px) and (max-width: 767px) {
  .header-logo { 
    width: 100%;
    display: block;
  }
  .header-logo img {
    min-height: max(100px,100%) !important;
    width: auto !important;
    
  }
  
}

@media (max-width: 575px) {
  .header-logo { 
    width: 100%;
    display: block;
  }
  .header-logo img {
    min-height: max(120px,100%) !important;
    width: auto !important;
  }

}

@media (max-width: 480px) {}

@media (max-width: 320px) {}