/* PC */
@media screen and (min-width: 992px) {
    /* Header */
    .menu-drawer {
        display: none;
    }
    body.overlay-visible {
        overflow: unset;
    }
}

/* Tablet & mobile */
@media screen and (max-width: 1150px) {
    /* Header */
    .navbar__tracking {
        width: 300px;
    }

    .navbar-actoion__language {
        display: none;
    }

    .navbar-action span {
        display: none !important;
    }
    
    .navbar__bottom::after {
        left: 40px;
        right: 40px;
    }

    /* Blog */
    .blog .blog-list {
        grid-template-columns: 1fr 1fr;
    }

    /* Common */
    .section-heading {
        font-size: 4rem;
    }

    .hero .hero-menu {
        flex-direction: column;
    }
    .hero .body h1 {
        font-size: 4rem;
    }
    .hero .body p {
        font-size: 20px;
        text-align: center;
    }

    /* About */
    .about__inner {
        display: flex;
        flex-direction: column;
        row-gap: 50px;
    }
    .about__heading, .about__desc {
        width: 100%;
    }
    .about__checklist{
        display: flex;
        flex-wrap: wrap;
    }
    .about__desc-bottom {
        width: 100%;
    }
    .about__media:nth-child(3) {
        display: none;
    }

    .about__img {
        width: 300px;
        height: 400px;
        margin: auto;
    }
    
    .tab__list {
        display: flex;
        justify-content: space-between;
    }
    .tab__content-desc {
        width: 100%;
    }
    
    .review-item__quote {
        max-width: 100%;
    }

    .review-item {
        flex-direction: column;
    }

    .review-item__media {
        margin-top: 0px;
    }

    /* Technology */
    .technology__body {
        grid-template-columns: 1fr;
    }
    .technology__media {
        display: none;
    }
    .technology-item{
        width: 100%;
    }
    .technology__column {
        margin-bottom: 12px;
    }
    
    /* Contact */
    .contact {
        padding: 50px 0;
    }
    .contact-info {
        display: none;
    }
    .contact .body {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    /* Footer */
    .footer .row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
    /* Header */
}

/* Mobile */
@media screen and (max-width: 767px) {
    /* Header */
    .navbar__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .navbar-logo-pc {
        display: none;
    }
    .navbar__bottom::after {
        display: none;
    }
    .navbar-toggle-menu svg {
        width: 24px;
        color: #333;
        cursor: pointer;
    }
    .navbar-logo-mobile,
    .navbar-toggle {
        display: unset;
    }
    .navbar__tracking,
    .navbar-action {
        display: none;
    }

    .navbar__list {
        display: none;
    }
    
    /* Hero */
    .hero {
        padding: 50px 0;
    }

    .hero .body h1 {
        font-size: 3rem;
        line-height: 1.2;
    }
    .hero .body p {
        font-size: 1.4rem;
    }
    .hero .hero-item {
        width: 100%;
    }
    .hero .hero-menu {
        flex-direction: column;
    }
    
    /* Outstanding */
    .about {
        margin-top: 0;
    }
    .about__inner {
        display: flex;
        flex-direction: column;
    }
    .about__heading, .about__desc {
        width: 100%;
    }
    .about__checklist{
        display: flex;
        flex-wrap: wrap;
    }
    .about__img-wrap {
        width: 100%;
    }
    .tab__list {
        flex-direction: column;
    }
    
    /* Partner */

    /* Technology */
    .technology {
        margin-top: 0;
    }
    .technology__body {
        grid-template-columns: 1fr;
    }
    .technology__media {
        display: none;
    }
    .technology-item{
        width: 100%;
    }
    .technology__column {
        margin-bottom: 12px;
    }

    /* Review */
    .review__control {
        display: none;
    }
    .review-item__img {
        width: 50%;
    }
    .review-item__media::after {
        height: 100%;
    }
    /* Blog */
    .blog {
        margin-top: 0;
        padding: 40px 0;
    }
    .blog .blog-list {
        grid-template-columns: 1fr;
    }
    .blog .blog-top .desc {
        width: 100%;
    }

    /* Contact */
    .contact .contact-input .contact-desc {
        font-size: 2.6rem;
        width: 100%;
        margin: unset;
        text-align: center;
    }
    .contact .contact-input {
        background-color: unset;
        box-shadow: unset;
        padding: 0;
    }
    .contact .body {
        grid-template-columns: 1fr;
    }

 

    /* Footer */
    .footer .row {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    /* Tracking */
    .history__inner,
    .infor__inner {
        padding: 20px;
    }
    .infor__status {
        font-size: 2.4rem;
    }
    .infor-country {
        width: 100%;
    }
    .infor-country__name{
        font-size: 1.4rem;
    }
    .infor__tracking {
        flex-direction: column;
    }
    .infor-tracking__title,
    .infor-tracking__estimated {
        text-align: center;
        font-size: 1.2rem;
    }
    .history-heading__title, 
    .history-heading__service {
        font-size: 2rem;
    }
    .history-travel-item {
        display: ;
    }

    /* Fee Charge */
    .navbar-fee__list {
        top: -80px;
        flex-direction: column;
        align-items: center;
    }
    .fee__inner {
        top: -65px;
        padding: 20px;
    }
    .fee__title {
        font-size: 2.4rem;
    }
    .fee__desc--content {
        font-size: 1.2rem;
    }
    .fee-title,
    .fee-desc {
        padding: 5px 10px;
    }
    .fee-service:not(:last-child) {
        margin-bottom: 40px;
    }
}