/* ====================== */
/*         Header         */
/* ====================== */
#inner-navigation .navbar {
  background: transparent;
}

#inner-navigation
  .navbar.navbar-default
  .navbar-collapse
  ul.nav.navbar-nav
  li
  a,
#inner-navigation .nav.navbar-nav > li > a {
  color: #fff;
}

#inner-navigation .navbar-default .navbar-nav > .active > a,
#inner-navigation .navbar-default .navbar-nav > .active > a:focus,
#inner-navigation .navbar-default .navbar-nav > .active > a:hover {
  color: #f7c068 !important;
}

#inner-navigation .navbar.navbar-sticky-in {
  background: #fff;
}

#inner-navigation
  .navbar.navbar-sticky-in
  .navbar-collapse
  ul.nav.navbar-nav
  li
  a,
#inner-navigation .navbar.navbar-sticky-in .nav.navbar-nav > li > a {
  color: #777;
}

#inner-navigation .navbar-default.navbar-sticky-in .navbar-nav > .active > a,
#inner-navigation
  .navbar-default.navbar-sticky-in
  .navbar-nav
  > .active
  > a:focus,
#inner-navigation
  .navbar-default.navbar-sticky-in
  .navbar-nav
  > .active
  > a:hover {
  color: #333a65 !important;
}

/* ============================= */
/*          Banner         */
/* ============================= */

#mt_banner {
  position: relative;
  padding: 0;
  height: 650px !important;
  margin-top: 0px;
  /* background: url(../images/travel/sliders/bg5.jpg) no-repeat; */
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}

section#mt_banner:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #00000073;
  left: 0;
  right: 0;
}

#mt_banner .banner-title {
  width: 50%;
  margin: 0 auto;
}

#mt_banner .swiper-container {
  top: 270px;
}

#mt_banner .half-slide,
#mt_banner .pre-half-slide {
  width: 40%;
  top: 0;
  left: 8%;
  border-radius: 26px;
  overflow: hidden;
  border: 2px solid #fff;
  height: 300px;
}

#mt_banner .half-slide {
  left: 52%;
}

#mt_banner .pre-half-slide .banner_caption_text,
#mt_banner .half-slide .banner_caption_text {
  width: 90%;
}

#mt_banner .swiper-button-next,
#mt_banner .swiper-button-prev {
  top: 43%;
}

@media (max-width: 1100px) {
  #mt_banner .banner-title {
    width: 96%;
  }
}

@media (max-width: 991px) {
  #mt_banner .swiper-container {
    top: 90px;
  }

  #mt_banner .half-slide {
    width: 90%;
    left: 5%;
  }

  #mt_banner .pre-half-slide {
    display: none;
  }
}

@media (max-width: 567px) {
  #mt_banner {
    background: #333a65;
    height: 680px !important;
  }
  #mt_banner .swiper-container {
    top: 50px;
  }
}

@media (max-width: 360px) {
  #mt_banner .banner_caption_text h1 {
    font-size: 28px;
  }
}

/* ============================= */
/*          blog post        */
/* ============================= */

.row.slider-foods {
  margin: 0 -15px;
}

#mt_blog .fullwidth .blog-post_wrapper {
  display: flex;
  position: relative;
  background: #fff;
  overflow: hidden;
  height: inherit;
  box-shadow: 0 0 15px #cccccc30;
  border: 5px solid #fff;
}

#mt_blog .fullwidth .blog-post_wrapper h2 {
  max-height: 3em;
}

#mt_blog .fullwidth .blog-post_wrapper .blog-post-image {
  width: 45%;
  position: relative;
  overflow: hidden;
}

#mt_blog .fullwidth .blog-post_wrapper .post-content {
  width: 55%;
  padding: 30px 30px 22px;
}

#mt_blog .fullwidth .blog-post_wrapper .post-content.post-blank {
  width: 100%;
}

#mt_blog .fullwidth .blog-post_wrapper .post-date p a {
  color: #333a65;
}

@media (max-width: 1100px) and (min-width: 991px) {
  #mt_blog .fullwidth .blog-post_wrapper .blog-post-image {
    width: 60%;
  }
}

@media (max-width: 991px) {
  section#mt_blog.category-list {
    padding-bottom: 50px;
  }
  section#mt_blog.hot-travel .blog-post_wrapper {
    margin-bottom: 0;
  }
  section#mt_blog.travel-list {
    padding-bottom: 20px;
  }
}

@media (max-width: 735px) {
  #mt_blog .fullwidth .blog-post_wrapper {
    display: block;
  }
  #mt_blog .fullwidth .blog-post_wrapper .blog-post-image,
  #mt_blog .fullwidth .blog-post_wrapper .post-content {
    width: 100%;
  }
}

/*widget category*/

.widget-category ul li {
  padding: 13px 15px;
  border-bottom: 1px dashed #f1f1f1;
  width: 100%;
  margin: 0;
  position: relative;
}

.widget-category ul li:last-child {
  border: none;
}

.widget-category ul li:before {
  content: "\f101";
  font-family: "fontawesome";
  padding-right: 8px;
}
#mt_footer .container {
  position: relative;
  z-index: 1;
}

#mt_footer:before {
  content: "";
  background: #0b0e1ca8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}