/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 5 version
*/

/*
CSS RESPONSIVE ON DEVICE
 */

/*=============== START DESKTOP ====================*/


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

    .container {
        max-width: 98%;
    }    

}

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

    .container {
        max-width: 97%;
    }

}

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

    .container {
        max-width: 1350px;
    }

    .header-wrapper>.container {
        max-width: 1400px;
    }

}


@media only screen and (min-device-width: 1200px) and (max-device-width: 1399px) and (orientation:landscape) {
    .wrapper-menu ul#menu-main>li.menu-item-has-children>a {
        padding-right: 20px;
    }

    .wrapper-menu ul#menu-main>li:before {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .wrapper-menu ul#menu-main>li.menu-item-has-children:after {
        right: 10px;
    }

    .wrapper-menu ul#menu-main>li>a {
        font-size: 14px;
    }
    section.video-home.video-background {
        height: 750px;
    }
}





/*=============== END DESKTOP ====================*/

/*=============== START IPAD ====================*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) {

    .slide-content-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .slide-content-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        top: 0;
        text-align: center;
        padding: 0 50px;
    }

    .slide-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; 
    }

    .slide-content-left>h2 {
        padding: 0;
        font-size: 36px;
    }

    .search-slide-box {
        position: static;
        margin-top: 30px;
    }

    .search-slide-box .search-tour-form form .search-tour-form-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 2rem;
    }

    .slide-content-left>p {
        font-size: 16px;
    }

    .slide-content-right>img {
        max-width: 49%;
        margin: 0;
        aspect-ratio: 2 / 1.1;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 10px;
    }

    .slide-content-right>img:last-child {
        top: 0;
    }

    section.slide-homepage {
        padding-bottom: 0rem;
    }

    section.type-tour {
        padding: 8rem 0;
    }

    .type-tour-list {-ms-grid-columns: 1fr;grid-template-columns: 1fr;}

    .search-tour-form form .search-tour-form-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .search-tour-form-box-item, .search-tour-form-box-item_text {
        width: 100%;
    }

    .search-tour-content h3, h2.title-home, .testimonial-header>h2, .hot-tour-content>h2 {
        font-size: 3rem;
    }

    .hot-tour-content {
        padding-left: 0;
    }

    .hot-tour-content-text ul {
        padding-left: 0;
    }

    section.vide-home {
        height: 450px;
    }

    .brand-box {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }

    .brand-box-item>a>img {
        height: 110px;
    }

    .testimonial-header {
        width: 100%;
    }

    div#owl-testimonial {
        padding: 0;
    }

    .packpage-pricing-item {
        padding: 3rem 1.5rem;
    }

    .packpage-pricing-item ul li {
        font-size: 14px;
    }

    .packpage-pricing-item>h3 strong {
        font-size: 36px;
    }

    .blogs-header {
        max-width: 75%;
    }

    section.packpage {
        padding: 8rem 0;
    }

    .blogs-small-list {
        margin-top: 3rem;
    }

    .footer-logo>a {
        text-align: center;
    }

    .footer-logo>a>img {
        margin: auto;
    }

    .hot-tour-img img {
        height: 450px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    div#owl-diemden .owl-dots {
        bottom: -10%;
    }

    button.owl-next {
        right: -25px;
    }

    button.owl-prev {
        left: -25px;
    }

    div#owl-testimonial button.owl-next {
        right: -20px;
    }

    div#owl-testimonial button.owl-prev {
        left: -20px;
    }

    .page-contact-form-wrapper {
        padding: 3rem;
    }

    .page-contact-form-wrapper-main {
        padding: 0;
    }

    .page-contact-form-header {
        max-width: 80%;
    }

    .single-tour-header_info>ul>li {
        margin-right: 3rem;
    }

    .single-tour-header-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .single-tour-header_title {
        margin-bottom: 30px;
    }

    .single-tour-feature-images {
        min-height: 350px;
    }

    .single-desinations-feature-images {
        min-height: 375px;
    }

    .single-desinations-info-item>span {
        margin-right: 10px;
    }

    .single-desinations-info-item_right p {
        font-size: 14px;
    }

    .single-desinations-info-item_right strong {
        font-size: 15px;
    }

    .single-desinations-info {
        padding: 30px 20px;
    }

    .single-desinations-main-img {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 5rem;
    }

    .single-desinations-main-img>img {
        margin: 0 15px;
    }

    section.video-home.video-background, section.video-home.video-background iframe {
        height: 380px;
    }

    section.page-about-us.page-template {
        min-height: 300px;
    }

    section.page-about-us.page-template>h1 {
        font-size: 3rem;
    }

    section.about-mission-vision>.container>.row>div:nth-of-type(3) {
        order: 4;
    }

    .about-mission-vision-text {
        margin-bottom: 3rem;
    }

    .banner-about-ads-right-text>a {
    }

    .banner-about-ads-right-text h3 {
        flex: 0 0 65%;
    }

    .banner-about-ads-right-text {
        top: 35%;
    }

    section.banner-certificate {
        padding: 4rem 0px;
        margin-bottom: 0rem;
    }

    .banner-certificate-img img {
        position: static;
    }

    .banner-certificate-content {
        padding: 0;
    }

    section.banner-about {
        margin-bottom: 6rem;
    }

    .header-main-language {
        display: none;
    } 

.header-top-inner {
    justify-content: center;
}
a.header-top-hotline {
    text-align: center;
}


}       
/*=============== END IPAD ====================*/



/*=============== START MOBILE ====================*/

@media only screen 
and (max-width : 767px) {

    .slide-content-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px;
    }

    .slide-content-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        top: 0;
        text-align: center;
        padding: 0 50px;
    }

    .slide-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; 
    }

    .slide-content-left>h2 {
        padding: 0;
        font-size: 26px;
    }

    .search-slide-box {
        position: static;
        margin-top: 30px;
    }

    .search-slide-box .search-tour-form form .search-tour-form-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 2rem;
    }

    .slide-content-left>p {
        font-size: 13px;
    }

    .slide-content-right>img {
        max-width: 100%;
        margin: 0;
        aspect-ratio: 2 / 1.1;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 10px;
    }

    .slide-content-right>img:last-child {
        top: 15px;
    }

    section.type-tour {
        padding: 5rem 0;
    }

    section.slide-homepage {
        padding-top: 6rem;
        padding-bottom: 0rem;
    }

    .search-tour-form form .search-tour-form-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 2rem;
        max-width: 100%;
    }

    .type-tour-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .type-tour-content {
        padding: 0;
    }

    .type-tour-content>span, .search-tour-content>span, 
    .hot-tour-content>span, .packpage-pricing>span {
        font-size: 16px;
    }

    .type-tour-content>h2, .search-tour-content h3, 
    h2.title-home, .hot-tour-content>h2, .testimonial-header>h2,
    .packpage-pricing>h2 {
        font-size: 26px;
    }

    .type-tour-content>p, p.sub-title-home {
        font-size: 14px;
    }

    section.feature-tour {
        padding-bottom: 8rem;
    }

    section.search-tour {
        padding: 5rem 0;
    }

    section.diemden-tour {
        padding-top: 4rem;
        padding-bottom: 8rem;
    }

    .type-tour-list-item>a>span>svg {
        font-size: 32px;
    }

    .type-tour-list-item>a>h3 {
        font-size: 20px;
    }

    .type-tour-list-item>a>span {
        height: 90px;
    }

    .hot-tour-content {
        padding-left: 0;
    }

    .hot-tour-content-text ul {
        padding-left: 0;
    }

    .hot-tour-content-text {
        font-size: 14px;
    }

    section.hot-tour {
        padding: 5rem 0;
    }

    h2.title-vide0-home {
        font-size: 22px;
    }

    section.vide-home {
        height: 350px;
        background-position: center;
    }

    .vide-home-btn>span {
        border-top: 25px solid transparent;
        border-left: 50px solid #ffffffa3;
        border-bottom: 25px solid transparent;
    }

    .brand-box {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .brand-box-item>a>img {
        height: 95px;
    }

    section.testimonial {
        padding: 5rem 0;
    }

    .testimonial-header {
        width: 100%;
        text-align: center;
    }

    div#owl-testimonial {
        padding: 0;
    }

    .testimonial-item {
        padding: 2rem;
    }

    section.packpage {
        padding: 5rem 0;
    }

    .packpage-pricing-item {
        margin-bottom: 2rem;
    }

    .packpage-pricing {
        padding-bottom: 5rem;
    }

    .packpage-khampha-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .packpage-khampha-img {
        margin-top: 3rem;
    }

    .blogs-header {
        max-width: 100%;
    }

    .blogs-small-list-item>a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .blogs-small-list-item_img>img {
        aspect-ratio: 2 / 1.2;
    }

    .blogs-small-list-item_img {
        width: 100%;
    }

    .blogs-small-list-item_content {
        padding: 0;
        margin-top: 20px;
    }

    .blogs-small-list {
        margin-top: 3rem;
    }

    a.btn-view.btn-more {
    }

    .blogs-large a.btn-view.btn-more {
        display: none;
    }

    .blogs-large-thumb>a>img {
        aspect-ratio: 2 / 1.2;
    }

    .footer-logo>a {
        text-align: center;
    }

    .footer-logo>a>img {
        margin: 0;
        margin-bottom: 10px;
        width: 165px;
    }

    .footer-logo h3 {
        font-size: 22px;
    }

    .diemden-tour-item>a>img {
        aspect-ratio: 1 / 1;
    }

    .search-tour-form-box-item>span {
        font-size: 2.8rem;
    }

    .search-tour-form-box-item_text {
        width: 100%;
    }

    div#owl-testimonial .owl-dots {
        bottom: -25px;
    }

    div#owl-diemden .owl-dots {
        bottom: -30px;
    }

    /*PAGE CONTACT*/

    section.bg-breadcrumb.bg-page {
        padding: 50px 0;
    }

    h2.header-page-title {
        font-size: 23px;
    }

    .contact-info-item>h3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 16px;
    }

    .contact-info-item {
        text-align: center;
        margin-bottom: 45px;
    }

    .contact-info-item>h3>span {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .contact-info-item p {
        font-size: 15px;
        margin-top: 15px;
    }

    .page-contact {
        padding-top: 5rem;
    }

    .page-contact-form-wrapper {
        padding: 2rem;
    }

    .page-contact-form-header {
        max-width: 100%;
    }

    .page-contact-form-wrapper-main {
        padding: 0;
    }

    .right-form.my-2, .left-form.my-2 {
        width: 100%;
    }

    .full-form.my-2, .left-form.my-2 {
        margin-bottom: 10px !important;
    }

    .right-form.my-2 {
        margin-top: -5px !important;
        margin-bottom: 0px !important;
    }

    .page-contact-form-wrapper-main .wpcf7 form .wpcf7-response-output {
        margin: 0;
        font-size: 13px;
    }

    .page-contact-form-header>h2 {
        font-size: 2.6rem;
    }

    .page-contact-form-header span {
        font-size: 15px;
    }

    .page-contact-form {
        margin-bottom: 45px;
    }

    .single-tour-feature-images {
        min-height: 260px;
    }

    .single-tour-header-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .single-tour-header_title {
        margin-bottom: 25px;
    }

    .single-tour-header_info>ul>li {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .single-tour-header_info>ul>li:last-child {
        margin-bottom: 0;
    }

    section.single-tour-content {
        padding: 5rem 0;
    }

    h2.title-block-tour {
        font-size: 24px;
    }

    .tour-block-content p, .tour-block-content {
        font-size: 14px;
    }

    ul.tour-block-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    div#accordion .card .card-header a h4 {
        font-size: 16px;
    }

    .gallery-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .single-tour-related-header>span {
        font-size: 16px;
    }

    .single-tour-related-header>h3 {
        font-size: 2.6rem;
    }

    .booking-form-travel {
        padding: 30px;
    }

    .single-tour-header_title>h1 {
        font-size: 2.6rem;
    }

    .single-tour-header_info__text>strong {
        font-size: 16px;
    }

    .single-post-header {
        margin-top: 5rem;
    }

    h1.single-post-title {
        font-size: 2.4rem;
    }

    span.single-post-title-meta {
        font-size: 14px;
    }

    .post-template-default .wrapper-single:before {
        height: 350px;
    }

    .related-posts-header>span {
        font-size: 16px;
    }

    h2.v-title-widget {
        font-size: 2.4rem;
    }

    .blogs-large-content>h3 {
        font-size: 18px;
    }

    section.bg-breadcrumb {
        padding: 70px 0;
    }

    .single-desinations-info {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-top: 4rem;
    }

    .single-desinations-feature-images {
        min-height: 220px;
    }

    .single-desinations-feature-images h1 {
        font-size: 2.6rem;
    }

    .single-desinations-main-img {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
    }

    .single-desinations-main-img>img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        aspect-ratio: 2 / 1.3 !important;
        -o-object-fit: cover;
        object-fit: cover;
        margin-bottom: 15px;
    }

    .single-desinations-main {
        margin: 5rem 0;
    }

    .single-desinations-info {
        padding: 25px;
        gap: 20px;
    }

    .single-desinations-info-item_right p {
        font-size: 14px;
    }

    .single-desinations-info-item_right strong {
        font-size: 16px;
    }

    .single-desinations-main-content {
        margin-top: 2rem;
    }

    .single-desinations-tour-header>h2, .single-desinations-main-content>h2 {
        font-size: 2.4rem;
    }

    .single-desinations-tour-header>span, .single-desinations-main-content>span {
        font-size: 16px;
    }

    .single-desinations-main-content p {
        font-size: 14px;
    }


    section.video-home.video-background, section.video-home.video-background iframe {
        height: 220px;
    }

    h2.title-video-home, .packpage-khampha-content>h2 {
        font-size: 2.4rem;
    }

    .packpage-khampha-content>span {
        font-size: 16px;
    }

    section.page-about-us.page-template {
        min-height: 170px;
    }

    section.page-about-us.page-template>h1 {
        font-size: 2.2rem;
    }

    .about-us-top-box {
        flex-direction: column;
    }

    .about-us-top-text {
        padding: 0;
    }

    .about-us-top-text>h2 {
        font-size: 2.3rem;
    }

    .about-us-top-text>h3 {
        font-size: 1.8rem;
    }

    h2.title-about-us {
        font-size: 2.8rem;
    }

    section.about-mission-vision>.container>.row>div:nth-of-type(3) {
        order: 4;
    }

    section.about-mission-vision>.container>.row>div:nth-of-type(2) {
        margin-bottom: 3rem;
    }

    .about-values-box {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .about-values-item>p {
        font-size: 14px;
    }

    .about-values-item>span {
        font-size: 4rem;
    }

    .about-values-box .about-values-item:last-child {
        width: 100%;
    }

    .banner-about-ads {
        flex-direction: column;
    }

    .banner-about-ads-right-text {
        flex-direction: column;
        top: 35px;
        align-items: flex-start;
        padding: 0 15px;
    }

    .banner-about-ads-right-text h3 {
        margin-bottom: 25px;
    }

    section.banner-about {
        margin-bottom: 6rem;
    }

    section.banner-certificate {
        padding: 6rem 0;
        margin-bottom: 0rem;
    }

    .banner-certificate-content {
        padding: 0;
    }

    .banner-certificate-img img {
        position: static;
        margin-top: 25px;
    }

    .banner-certificate-content>h3 {
        font-size: 20px;
        line-height: 1.5;
    }

    .banner-certificate-content span {
        font-size: 16px;
    }

    .header-main-language {
        display: none;
    } 

.header-top-inner {
    justify-content: center;
}   

div#accordion-info ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

a.header-top-hotline {
    text-align: center;
}

}

/*=============== END MOBILE ====================*/



/*=============== START MOBILE < 320px ====================*/

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 320px) {



}

/*=============== END MOBILE < 320px====================*/