header .navbar .navbar-brand img,
header .sidebar-nav-menu .navbar-brand img,
header.side-menu .logo img {
    max-height: max-content;
}

.navbar-brand {
    width: 370px;
    height: auto;
}

.btn-theme {
    background-color: #202e89;
    color: #fff;
    background-size: 200% auto;
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
}

.footer-hotel-resort {
    background-color: #202e89;
    color: white !important;
}

.theme-bg {
    background-color: #1659b5;
}

.navbar-brand {
    width: 450px;
    height: auto;
}

.navbar.navbar-boxed {
    padding-left: 35px;
    padding-right: 25px;
}

.navbar {
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
}

.carousel-caption h5,
.carousel-caption p {
    text-shadow: 2px 2px #000000;
}


/* travels  */

.service-16 h1,
.service-16 h2,
.service-16 h3,
.service-16 h4,
.service-16 h5,
.service-16 h6 {
    color: #3e4555;
}

.service-16 .font-weight-medium {
    font-weight: 500;
}

.service-16 .op-7 {
    opacity: 0.7;
}

.service-16 .wrap-service-16 .spacing {
    padding: 80px 35px;
}

.service-16 .wrap-service-16 .with-bg {
    width: 100%;
    min-height: 200px;
    background-size: cover;
    background-position: center center;
}

.service-16 .wrap-service-16 .with-text {
    max-width: 500px;
    margin-left: 80px;
}

.service-16 .list-style-none {
    list-style: none;
}

.service-16 .bg-info-gradiant {
    background: #188ef4;
    background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
    background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
    background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
    background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
    background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}

.service-16 .btn-md {
    padding: 15px 45px;
    font-size: 16px;
}
header .top-bar {
    position: static;
    
}
html {
    scroll-behavior: smooth;
  }

  .logo-main{
      width: 100%;
  }
 
  @media only screen and (max-width: 600px) {
    .logo-main{
        width: 100%;
    }
    .navbar-light .navbar-brand {
        width: 100%;
    }
    #hompage{
        margin-top: 75px;
    }
    section{
        padding-top: 150px;
    
      }
      .service-content {
          padding: 25px;
      }
  }