/* TABLET */
@media (max-width: 880px) {
  header .main_menu ul li {
    display: inline-block;
    font-weight: 700;
    padding: 5px;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .section_2 h2 {
    font-size: 20px;
  }

  .section_3 h6 {
    font-size: 22px;
  }

  .section_3 h1 {
    font-size: 33px;
    line-height: 1.2em;
  }

  .section_3 p {
    font-size: 17px;
  }
  
  .section_3 img {
      height: 400px;
      object-fit: cover;
    }

  .section_4 .top_area h1 {
    font-size: 33px;
    line-height: 1.2em;
  }

  .section_4 .top_area p {
    font-size: 17px;
  }

  .section_5 {
    padding: 60px 0 60px 0;
  }

  .section_5 h6 {
    font-size: 22px;
    line-height: 1.5em;
  }

  .section_5 h2 {
    font-size: 25px;
    line-height: 1.3em;
  }

  .section_5 p {
    font-size: 17px;
  }

  .section_6 {
    padding: 60px 0 60px 0;
  }

  .section_6 h6 {
    font-size: 22px;
    line-height: 1.5em;
  }

  .section_6 h1 {
    font-size: 33px;
    line-height: 1.2em;
  }

  .section_6 p {
    font-size: 17px;
  }

  .section_8 h6 {
    font-size: 22px;
    line-height: 1.5em;
  }

  .section_8 h1 {
    font-size: 33px;
    line-height: 1.2em;
  }

  .section_8 p {
    font-size: 17px;
  }
  
  .section_8 img {
    margin-top: 40px;
  }

  header .main_menu {
    position: absolute;
    left: 0;
    padding: 20px 0 0 0;
    width: 100%;
    background-color: #e6a728;
    display: none;
    z-index: 50;
  }
  
  header .slogan{
    font-size:8px;
    right:0;
    top: -14px;
  }

  header .navToggle i {
    font-size: 30px;
  }

  header .main_menu ul li {
    display: block;
    font-weight: 700;
    padding: 10px 10px;
  }

  header .main_menu ul li a {
    display: block;
    width: 100%;
  }

  header .main_menu ul li:hover {
    background-color: #263668;
  }

  header .main_menu ul li:hover a {
    color: #fff;
  }

  .header_bottom p {
    font-size: 15px;
  }

  .umarah_packages h2 {
    font-size: 30px;
  }

  .location_sec .sec_title h2 {
    font-size: 28px;
  }

  .location_sec .sec_title p {
    font-size: 17px;
  }

  .location_sec h3 {
    font-size: 33px;
  }

  .location_sec .inner ul h4 {
    font-size: 22px;
  }

  .location_sec .inner ul li a {
    font-size: 17px;
  }

  .destination_sec_1 h6 {
    font-size: 22px;
  }

  .destination_sec_1 h1 {
    font-size: 33px;
  }

  .destination_sec_1 p {
    font-size: 17px;
  }

  .destination_sec_2 h2 {
    font-size: 22px;
  }

  .destination_sec_2 p {
    font-size: 17px;
  }

  .destination_sec_2 img {
    border-radius: 0 50px 0 50px;
  }
  
  .destination_sec_2 {
    padding: 30px 0 0px 0;
  }
}