/* ------------------------------- Start Ferdi Here ------------------------------- */


@media (min-width:320px) and (max-width: 900px) {
  .section-reserve_first .box ._content aside {
    width: 100%;
  }
}

@media (min-width: 320px) {
  .first-class_item {
    width: 90%;
  }
}

@media (min-width: 320px) and (max-width: 640px) {
  .first-class_expand .wrap-image {
    width: 100%;
  }
  .first-class_expand .desc {
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
   .first-class_item .caption.frs-cls_caption-height {
    min-height: 90px;
   }
}

@media (min-width: 320px) and (max-width: 414px) {
   .first-class_item .caption.frs-cls_caption-height {
    min-height: 80px;
   }
}

@media (min-width: 375px) {
  .first-class_item {
    width: 91.5%;
  }
}

@media (min-width: 376px) and (max-width: 568px) {
  .first-class_item {
    width: 80%;
  }
}

@media (min-width: 414px) {
  .first-class_item {
    width: 92.5%;
  }
}


@media (min-width: 567px) and (max-width: 666px) {
  .first-class_item {
    width: 46%;
  }
}

@media (min-width: 667px) and (max-width: 736px) {
  .first-class_item {
    width: 46.6%;
  }
  .first-class_expand .desc.frs-class_txt-width ._text-scroll {
    height: 130px;
  }
}

@media (min-width: 901px) {
  body {
  }
  .section-reserve_first .box ._content aside {
    width: 50%;
  }
}

@media (max-width: 550px) {
  .section-reserve_first .box ._content aside .grid {
    width: 100%;
  }
    .first-class_item .caption {
    min-height: 80px;
  }
}

@media (min-width: 641px) {
  .first-class_expand .wrap-image {
    width: 30%;
    margin-top: 20px;
  }
  .first-class_item .caption.serv-height {
    min-height: 200px;
  }
   .first-class_expand .desc.frs-class_txt-width {
    width: 60%;
    height: 10%;
    margin-top: 20px;
  }
}

@media (min-width: 736px) and (max-width: 1023px) {
  .first-class_item {
    width: 46.9%;
  }
}

@media (min-width: 768px) {
    .first-class_expand .desc {
    margin-left: 0;
    width: 60%;
  }
  .first-class_expand .desc ._text-scroll {
    max-height: 140px;
  }
  .first-class_expand.frs-cls_ctn-width {
    width: 100%;
    margin-left: -3px;
  }
   .first-class_expand .desc.frs-class_txt-width ._text-scroll {
    width: 100%;
    height: 140px;
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .first-class_expand.serv_gridder-width {
    width: 100%;
    margin-left: -3px;
  }
}
@media (max-width: 1024px) {
  .nav-container {
  min-height: 59px;
  }
}

@media (min-width: 1024px) {
  .first-class_expand .desc ._text-scroll {
    max-height: 200px;
  }
  .first-class_item .caption.serv-height {
    min-height: 180px;
  }
  .first-class_item {
    width: 31.1%;
  }
  .first-class_expand.serv_gridder-width {
    margin-left: -1px;
  }
  .first-class_expand.frs-cls_ctn-width {
    width: 100%;
    margin-left: -1px;
  }
   .first-class_item .caption.frs-cls_caption-height {
    min-height: 100px;
   }
   .nav-container .navbar {
      /*min-height: 80px;*/
      margin-top: 40px;
    }
   .first-class_expand .desc.frs-class_txt-width ._text-scroll {
    width: 100%;
    height: 185px;
    margin-top: 20px;
  }
  .first-class_expand .desc.frs-class_txt-width {
    width: 65%;
  }
}

@media (max-width: 1200px) {
  .login-elem-align.forgot-button,
  .login-elem-align.forgot-txt {
    padding-left: 0;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .login-elem-align {
    padding-right: 0;
    line-height: 34px;
  }
  .login-elem-align {
    text-align: right;
  }
}

@media (min-width: 1366px) {
  .first-class_expand.serv_gridder-width {
    width: 99.5%;
    margin-left: 4px;
  }
  .first-class_expand.frs-cls_ctn-width {
    width: 99.5%;
    margin-left: 3px;
  }
}

/*Update textarea gridder service.php*/
.first-class_expand.serv_gridder-width .desc {
    width: 100% !important;
    margin-top: 30px;
  }
/*END*/

.first-class_item .caption .read_btn {
  text-align: right;
}
.section-reserve_first .box ._content aside.border .grid a {
    width: auto;
  }

.first-class_expand {
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.first-class_expand .desc ._text-scroll {
  margin-bottom: 0;
  overflow-y: auto;
  max-height: 180px;
}

.first-class_expand .desc h4 {
  margin-bottom: 10px;
}

.first-class_expand .desc ._text-scroll p {
  margin-top: 0;
}

.first-class_item .image img {
  width: 100%;
  height: auto;
}

.section-public .breadcrumb {
  width: auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.first-class_expand ._social {
  position: inherit;
  right: 0;
  text-align: right;
}

/*===== START FADE ANIMATION FOR MAIN HEADER MENU =====*/

/*.navbar.affix {
  position: fixed !important;
  top: 0;
  animation: affixFadeIn 0.5s  ease-in;
  -webkit-animation: affixFadeIn 0.5s;
  -moz-animation: affixFadeIn 0.5s;
  -o-animation: affixFadeIn 0.5s;
}

@keyframes affixFadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@-webkit-keyframes affixFadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
} */

/*===== END FADE ANIMATION FOR MAIN HEADER MENU =====*/

/*========== START OVERRIDE UNTUK HEADER MENU STICKY TOP ===========*/

.public-banner_image, .content-section-slider {
    width: 100%;
  }

.lang-order {
  z-index: 10;
  position: relative;
}

/*========== END OVERRIDE UNTUK HEADER MENU STICKY TOP ===========*/

/*Added no scrolling when overlay menu active*/
body .fixed {
  overflow: hidden;
}
/*End*/


/* START SKYPRIORITY Class OVERRIDE */

.skypriority_skyteam_logo,
.skyteam_logo_list {
    margin: 0 auto;
} 

.skypriority_skyteam_logo {
  margin-top: 30px;
}

.skyteam-logos > div {
  height: 50px;
}

  .skyteam_logo-list {
    margin: 0 auto;
    height: auto;
  } 

@media (min-width: 320px) and (max-width: 567px) {
  .skyteam-logos > div {
    margin-bottom: 20px;
  }

  .skypriority_skyteam_logo {
    width: 100px;
    margin-bottom: 30px;
  }

  .skyteam_logo-list {
    width: 100px;
  }  
}

@media (min-width: 568px) and (max-width: 736px) {
  .skyteam-logos > div {
    margin-bottom: 50px;
  }

  .skypriority_skyteam_logo {
    width: 150px;
    margin-bottom: 30px;
  }

  .skyteam_logo-list {
    width: 130px;
  } 
}

@media (min-width: 737px) {
    .skyteam-logos > div {
    margin-bottom: 30px;
  }

  .skypriority_skyteam_logo {
    width: 130px;
    margin-bottom: 30px;
  }

  .skyteam_logo-list {
    width: 120px;
  } 
}
/* END SKYPRIORITY Class OVERRIDE 

/* ------------------------------- End Ferdi Here ------------------------------- */