/*
* 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 : 1024px) {
    .container {
        max-width: 1300px;
    }
}

@media only screen 
and (min-width : 1400px) {
    .container {
        max-width: 1360px;
    }
    .slide-homepage #nextBtn {
        right: 5%;
    }

    .slide-homepage #prevBtn {
        right: 8%;
    }
}

@media only screen 
and (min-width : 1600px) {
    .container {
        max-width: 1400px;
    }
}

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

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

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

    .header-mobile-right>span {
        font-size: 22px;
        color: #fff;
        margin-right: 5px;
    }

    .slide-homepage .thumb-container {
        width: 92%;
    }

    .slide-homepage .thumbnails img {
        width: 150px;
        height: 80px;
    }

    .slide-homepage .thumb-text {
        padding-right: 30px;
        font-size: 16px;
    }

    .slide-homepage .nav-btn {
        top: 102%;
    }

    .slide-homepage #prevBtn {
        right: 34%;
    }

    .slide-homepage #nextBtn {
        right: 27%;
    }

    .header-home>h2 {
        max-width: 70%;
    }

    .locations-tour_header, div#owl-location {
        width: 100%;
        float: none;
    }

    .locations-tour_header {
        padding: 0;
        text-align: center;
    }

    .header-home.header-left {
        text-align: center;
    }

    .locations-tour_inner {
        padding: 0 30px;
    }

    .header-left.header-home>h2 {
        max-width: 100%;
    }

    .locations-tour_header>p {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .policy-box {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        row-gap: 70px;
    }

    .policy-item-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 85px;
        flex: 0 0 85px;
    }

    section.policy {
        padding: 10rem 0;
    }

    .policy-box {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        row-gap: 70px;
    }

    .policy-item-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 85px;
        flex: 0 0 85px;
    }

    section.policy {
        padding: 10rem 0;
    }

    .tour-essentials-item {
        padding: 10px;
    }

    .tour-essentials-content>h3 {
        font-size: 18px;
    }

    .tour-essentials-content>p {
        font-size: 14px;
    }

    .banner-home-text {
        max-width: 100%;
    }

    .banner-home-text>h3 {
        font-size: 3.2rem;
    }

    section.banner-home {
        padding: 10rem 0;
    }

    .blogs-home-box {
        gap: 20px;
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: 1fr 1fr;
        padding: 0 30px;
    }

    section.newsletter {
        padding: 10rem 0;
    }

    .newsletter-text>h3 {
        padding: 0;
        font-size: 2.5rem;
        margin-bottom: 3rem;
    }

    .footer-area-inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .block-footer.footer-menu {
        padding: 0;
    }

    .block-footer.footer-social {
    }

    .block-footer.footer-contact {
        margin-bottom: 3rem;
    }

    .contact-page-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 45px;
    }

    .contact-page-info {
        margin-top: 3rem;
    }

    h2.title-contact-page {
        font-size: 3.2rem;
        max-width: 100%;
    }

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

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

    .booking-travel-img>img {
        height: 300px;
        width: 100%;
    }

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



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

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

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

    .booking-travel-img {
        display: none;
    }
    
    h2.header-page-title {
        font-size: 18px;
    }

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

    .header-top {
        display: none;
    }

    .slide-homepage .content h4 {
        font-size: 20px;
    }

    .slide-homepage .content h1 {
        font-size: 3rem;
    }

    .slide-homepage .content {
        width: 90%;
    }

    .slide-homepage .thumb-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 100%;
        bottom: -2px;
        border-radius: 0;
        padding: 20px;
    }

    .slide-homepage .thumbnails img {
        width: 100px;
        height: 60px;
    }

    .slide-homepage .thumb-text {
        padding-right: 100px;
        margin-top: 25px;
        font-size: 15px;
    }

    .slide-homepage .nav-btn {
        top: 93%;
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .slide-homepage #prevBtn {
        right: 65px;
    }

    .slide-homepage #nextBtn {
        right: 25px;
    }

    .locations-tour_inner {
        padding: 0;
    }

    .locations-tour_header, div#owl-location {
        width: 100%;
        padding: 0 15px;
    }

    .header-home.header-left {
        text-align: center;
    }

    .header-left.header-home>h2 {
        max-width: 100%;
        font-size: 2.8rem;
    }

    .header-home>h4 {
        font-size: 20px;
    }

    .header-home {
        margin-bottom: 2rem;
    }

    .header-home>h2 {
        max-width: 100%;
        font-size: 2.8rem;
    }

    .tour-operator-item {
        text-align: center;
        margin-bottom: 3rem;
    }

    div#owl-location .owl-nav button {
        top: auto;
        bottom: -85px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 35px;
        height: 35px;
    }

    div#owl-location .owl-nav button.owl-prev {
        left: 45%;
    }

    div#owl-location .owl-nav button.owl-next {
        left: 55%;
    }

    div#owl-location {
        padding: 0 35px;
    }

    section.tour-operator {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    section.locations-tour {
        padding: 5rem 0;
        padding-bottom: 10rem;
    }

    .locations-tour_header>p {
        max-width: 100%;
        text-align: center;
    }

    .policy-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .policy-item-icon>span {
        font-size: 80px;
        top: -38px;
    }

    .policy-item-icon svg {
        font-size: 5rem;
    }

    .policy-item-icon {
        width: 60px;
    }

    .policy-item-content>h3 {
        font-size: 18px;
        height: 25px;
    }

    .policy-item-content p {
        font-size: 14px;
    }

    section.policy {
        padding: 5rem 0;
    }

    .tour-operator-item__number>h3 {
        font-size: 15px;
        margin-top: 0;
    }

    .tour-essentials-content>h3 {
        font-size: 20px;
    }

    .tour-essentials-content>p {
        font-size: 16px;
    }

    .tour-essentials-item {
        margin-bottom: 3rem;
    }

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

    section.banner-home {
        padding: 10rem 0;
        padding-bottom: 20rem;
    }

    .banner-home-text {
        max-width: 100%;
    }

    .banner-home-text>h3 {
        font-size: 2.5rem;
        margin-bottom: 3rem;
        text-align: center;
    }

    .readmore {
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .banner-home-play {
        top: auto;
        bottom: -130px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

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

    section.blogs-home {
        padding: 5rem 0;
    }

    .newsletter-text>h3 {
        padding: 0;
        font-size: 2.5rem;
        margin-bottom: 4rem;
        text-align: center;
    }

    section.newsletter {
        padding: 6rem 0;
    }

    .form-newsletter>p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    section.gallery-footer {
        padding: 0 15px;
    }

    .footer-area-inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .block-footer.footer-menu.block-02 {
        padding: 0;
    }

    .block-footer.footer-menu {
        padding: 0;
        margin-top: 3rem;
    }

    section.footer-area {
        padding-top: 6rem;
    }

    .footer-logo>img {
        width: 140px;
    }

    .header-mobile-right>span {
        font-size: 22px;
        color: #fff;
        margin-right: 5px;
    }

    .header-mobile-wrapper {
        padding-top: 20px;
    }

    .contact-page-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 45px 30px;
    }

    .contact-page-info {
        margin-top: 3rem;
    }

    h2.title-contact-page {
        font-size: 2.2rem;
        max-width: 100%;
    }
section.footer-area>.container {
    max-width: 100%;
}

}

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



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

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


}

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