/* header-section */

.navbar-collapse {

  justify-content: flex-end;

  padding-right: 15px;

}

.navbar-brand {

  width: 250px;

}

#navbarNavAltMarkup .nav-link {

  color: #464646;

  padding: 0.5rem 1rem;

  border-bottom: 2px solid transparent;

  font-weight: 500;

}

#navbarNavAltMarkup .nav-link:hover {

  color: #22babb !important;

}

.navbar-brand img {

  width: 100%;

}

/* sticky header-section */

.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1200;

  background: #fff!important;

  box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.7);

  animation: slideDown 0.35s ease-out;

}

.sticky .navbar-brand {

  width: 160px;

}

@keyframes slideDown {

  from {

    transform: translateY(-100%);

  }

  to {

    transform: translateY(0);

  }

}

body #navbarNavAltMarkup .nav-link.active {

  color: #22babb !important;

  font-weight:600;

}

/*========== media query ================= */



@media (max-width: 1280px) {

  body #navbarNavAltMarkup .nav-link {

    padding: 1rem 0.5rem;

    font-size: 16px;

    transition: all 1s ease-in;

  }

  body .navbar-brand {

    width: 160px;

  }

}



@media (max-width: 991px) {

  .navbar-collapse.toggle {

    display: block;

  }

  body .banner-wrapper .owl-dots {

    padding-top: 10px;

  }

  button.navbar-toggler {

    box-shadow: none;

  }

  button.navbar-toggler:hover {

    box-shadow: none;

  }

  .navbar-light .navbar-toggler-icon {

    background: transparent;

  }

  .navbar-light .navbar-toggler {

    border-color: transparent;

  }



  body #navbarNavAltMarkup .nav-link {

    border-bottom: 1px solid #ebebeb;

  }



  body #navbarNavAltMarkup .nav-link:last-child {

    border-bottom: none;

  }

  #myHeader {

    background: #f5f5f5;



  }

}



@media (max-width: 767px) {

  .banner-content h1 {

    font-size: 25px;

    line-height: 30px;

  }

  .banner-content p {

    font-size: 16px;

    padding: 10px 0 !important;

  }

  .banner-wrapper button {

    font-size: 16px;

  }

}