/* xl */
@media (min-width: 1199px) and (max-width: 1920px) {
 }
/* lg */

/* md */
@media (min-width: 1199px) and (max-width: 1400px) {
.navbar-custom .nav-link {
  color: #fff;
    font-size: 15px;
    }
}

@media (max-width: 1199px) {
    .body {
    padding-top: 110px;
}    
header {
  height: 110px; 
}
  header p {
  margin-bottom: 5px;
}  
header .logo-blk {
    text-align: left;
    padding-right: 10px;
}

}
/******************************************* sm ****************************************************/
@media (max-width: 991px) {
 section, footer {
  padding: 40px 0;
  margin: 0;
}
    .navbar-custom .nav-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(255,255,255,0.50) !important;
  transition: height 0.3s;
  z-index: 0;
}

.navbar-custom .nav-link:hover::before {
  height: 2px;
}
}
/******************************************** xs *********************************************************/
@media (max-width: 768px) {
.body {
    padding-top: 90px;
}    
header {
  height: 90px; /* Fixed height for header */
}
  header p {
  margin-bottom: 5px;
}
    
  h1, .h1 {
  font-size: 28px;
  font-weight: 600;
}
h2, .h2 {
  font-size: 24px;
  font-weight: 600;
}
h3, .h3 {
  font-size: 22px;
  font-weight: 400;
}
h4, .h4 {
  font-size: 20px;
  font-weight: 400;
}
h5, .h5 {
  font-size: 16px;
    margin-bottom: 2px;
}
h6, .h6 {
  font-size: 15px;
}
  p {
  font-size: 14px;
      line-height: 16px;
}
}
/**************************************** XS Portrait **********************************/
@media (max-width: 480px) {
  
}

@media (max-width: 380px) {
  .body {
    padding-top: 100px;
}    
header {
  height: 100px; /* Fixed height for header */
}
}