@media only screen and (max-width: 575px) {
  .dropdown-menu.show {
    position: relative;
    top: 1rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 576px) {
  #page-home #header-container #header-features .card {
    height:30vw;
  }
  #page-apply-visa #header-container #header-features .card-title {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 768px) {
  .h-xl {
    font-size: 2.8rem;
  }
  #page-home #header-container #header-features .card-title {
    font-size: 1.25rem;
  }
  #page-home #header-container #header-features .card {
    height:30vw;
  }
  #page-apply-visa #header-container #header-features .card-title {
    font-size: 1.25rem;
  }
  #page-apply-visa #header-container #header-features .card {
    height:30vw;
  }
  #page-about-us .about-intro {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.5rem;
  }  
    #section-destination .card {
    /*height: 600px;*/
  }

  #section-destination .owl-carousel:after {
    display:block;
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    height:100%;
    width: 10%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }

  #section-destination .card .card-details .browse-more:before {
    width: 80%;
  }

  #section-tours .card-tours {
    min-height: 500px;
  }

  #section-tours .card-tours .card-img {
    min-height: 20vh;
  }

  .card-info .card-info-icon {
    font-size: 5rem;
  }
  .card-info .card-info-title {
    font-size: 1.25rem;
    line-height:1.25rem;
  }
  .card-info .card-info-desc {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 992px) {

  #page-home #header-container #header-features .card-title {
    text-align:left;
  }

  #page-home #header-container #header-features .card {
    height:unset;
  }

  #page-apply-visa #header-container #header-features .card-title {
    text-align:left;
  }

  #page-apply-visa #header-container #header-features .card {
    height:unset;
  }

  #section-contactform .contactform-list > a {
    border-bottom: none;
    width:unset;
    padding:unset;
    margin:unset;
  }


  #nav-main, #nav-main .navbar-brand > img {
    /*max-height: 100px;*/
  }

  #nav-main .nav-underline {
    gap: 3rem;
  }

  #nav-main .nav-underline .nav-item {
    width: unset;
    border-bottom: none;
    margin-top: unset;
    padding-bottom: unset;    
  }

  #nav-main .nav-link.active {
    border-bottom:solid 2px rgba(255,255,255,1);
    color: #ffffff !important;
  }

  #nav-main .nav-link:after {
    display:block;
    content:"";
    position:absolute;
    /*top:0px;*/
    top:0.7rem;
    /*right: -1.5rem;*/
    right: -1rem;
    width: 1px;
    height: 1.3rem;
    /*background-color: rgba(255,255,255,0.5);*/
  }

  #nav-main .nav-item:last-of-type .nav-link:after {
    display:none;
  }

  #nav-main .nav-link > i {
    width: 1.5rem;
  }

}

@media only screen and (min-width: 1400px) {
  .h-xl {
    font-size: 3.3rem;
  }

  body.scrolled #nav-main .navbar-brand > img {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    max-height: 70px;
  }

}