/*=================================================
Large Devices (1200px)
=================================================*/

@media (max-width:1200px){

.hero-title{
    font-size:60px;
}

.hero-image img:first-child{
    max-width:520px;
}

}

/*=================================================
Laptop
=================================================*/

@media (max-width:992px){

.navbar{
    padding:18px 0;
}

.navbar-collapse{
    /* margin-top:20px; */
    background:rgba(31,16,61,.98);
    border-radius:15px;
    padding:20px;
}

.navbar-nav{
    text-align:center;
}

.nav-link{
    margin:12px 0;
}

.theme-btn{
    margin-top:20px;
}

.hero{
    text-align:center;
    padding-top:130px;
    padding-bottom:80px;
}

.hero-title{
    font-size:52px;
}

.hero-text{
    margin:25px auto 35px;
}

.hero-buttons{
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
}

.border-btn{
    margin-left:0;
}

.hero-image{
    margin-top:70px;
}

.hero-image img:first-child{
    max-width:450px;
}

.plane{
    width:140px;
    top:-20px;
    left:0;
}

}

/*=================================================
Tablet
=================================================*/

@media (max-width:768px){

.hero-title{
    font-size:42px;
}

.hero-tag{
    font-size:14px;
    padding:8px 20px;
}

.hero-text{
    font-size:16px;
    line-height:28px;
}

.hero-image img:first-child{
    max-width:380px;
}

.plane{
    width:130px;
    top:15%;
}

.theme-btn,
.border-btn{
    width:220px;
    justify-content:center;
}

.scroll-down{
    display:none;
}

}

@media(max-width:992px){

.hero-plane{

    width:170px;
    top:18%;

}

}


/*=================================================
Mobile
=================================================*/

@media (max-width:576px){

.navbar-brand img{
    height:65px;
}

.hero{
    padding-top:110px;
}

.hero-title{
    font-size:34px;
    line-height:1.2;
}

.hero-text{
    font-size:15px;
    line-height:26px;
}

.hero-buttons{
    flex-direction:column;
}

.theme-btn,
.border-btn{
    width:100%;
}

.hero-image{
    margin-top:50px;
}

.hero-image img:first-child{
    max-width:290px;
}

.hero-plane{
    width:90px;
    top:12%;
} 

.hero::after{
    width:280px;
    height:280px;
}

}

/*=================================================
Small Mobile
=================================================*/

@media (max-width:400px){

.hero-title{
    font-size:30px;
}

.hero-tag{
    font-size:13px;
}

.hero-text{
    font-size:14px;
}

.navbar-toggler{
    font-size:20px;
}

}


/* Partners */

@media(max-width:768px){

.section-title h2{

font-size:34px;

}

.logo-track img{

height:42px;

margin:0 30px;

}

}


/*=====================================
About Responsive
======================================*/

@media(max-width:992px){

.section-heading{

font-size:40px;

}

.about-image img{

height:500px;

}

.experience-card{

right:20px;

bottom:20px;

}

}

@media(max-width:768px){

.section-space{

padding:80px 0;

}

.section-heading{

font-size:32px;

}

.feature-list{

grid-template-columns:1fr;

}

.about-image img{

height:400px;

}

.experience-card{

padding:20px;

}

.experience-card h2{

font-size:40px;

}

}





@media(max-width:992px){

.why-image img{

height:500px;

}

.floating-box{

left:20px;

bottom:20px;

}

}

@media(max-width:768px){

.why-us{

padding:80px 0;

}

.why-image img{

height:380px;

}

.floating-box{

padding:18px;

}

.floating-box h4{

font-size:26px;

}

.why-item{

padding:18px;

}

.why-icon{

width:55px;

height:55px;

}

}

@media only screen and (max-width: 426px){
    .why-item{
        width: 80%;
    }
}



/*=========================================
CINEMATIC DESTINATION RESPONSIVE
=========================================*/

@media (max-width:1200px){

.destination-cards{

grid-template-columns:repeat(2,1fr);
grid-template-rows:auto;

height:auto;

position:relative;

padding-top:180px;

opacity:1 !important;

pointer-events:auto !important;

}

.card-1,
.card-2,
.card-3,
.card-4{

grid-column:auto;
grid-row:auto;

height:420px;

}

}


/*=========================================
TABLET
=========================================*/

@media (max-width:991px){

.cinematic-destination{

height:auto;

padding:100px 0;

}

.pin-wrapper{

position:relative;

height:auto;

display:block;

}

.destination-heading{

position:relative;

left:auto;
top:auto;

transform:none;

width:100%;

padding:0 20px;

margin-bottom:70px;

}

.heading-title{

font-size:58px;

}

.destination-heading p{

font-size:18px;

line-height:30px;

}

.destination-cards{

display:grid;

grid-template-columns:1fr;

gap:25px;

position:relative;

height:auto;

width:100%;

padding:0 20px;

opacity:1 !important;

pointer-events:auto !important;

}

.destination-card{

height:400px;

transform:none !important;

}

}


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

@media(max-width:768px){

.cinematic-destination{

padding:80px 0;

}

.heading-tag{

padding:10px 22px;

font-size:13px;

}

.heading-title{

font-size:42px;

line-height:1.1;

}

.destination-heading p{

font-size:16px;

line-height:28px;

}

.destination-card{

height:300px;

border-radius:20px;

}

.card-content{

padding:25px;

}

.card-content h3{

font-size:26px;

}

}


/*=========================================
SMALL MOBILE
=========================================*/

@media(max-width:480px){

.heading-title{

font-size:34px;

}

.destination-card{

height:260px;

}

.card-content{

padding:20px;

}

.card-content h3{

font-size:22px;

}

}





/*=========================================
PREMIUM PACKAGES RESPONSIVE
=========================================*/

/************* Laptop *************/

@media (max-width:1200px){

.package-grid{

grid-template-columns:repeat(2,1fr);

gap:30px;

}

.tour-card{

min-height:720px;

}

}


/************* Tablet *************/

@media (max-width:991px){

.premium-packages{

padding:90px 0;

}

.premium-packages .section-title{

font-size:46px;

}

.premium-packages .section-description{

font-size:17px;

line-height:30px;

}

.package-grid{

grid-template-columns:repeat(2,1fr);

gap:25px;

}

.tour-image{

height:340px;

}

.tour-content{

padding:24px;

}

.tour-content h3{

font-size:25px;

}

.tour-info{

grid-template-columns:1fr;

}

.tour-card{

min-height:670px;

}

}


/************* Mobile *************/

@media (max-width:767px){

.package-grid{

grid-template-columns:1fr;

}

.premium-packages .section-title{

font-size:34px;

}

.premium-packages .section-description{

font-size:16px;

line-height:28px;

}

.tour-image{

height:230px;

}

.tour-content{

padding:22px;

}

.tour-footer{

flex-direction:column;

align-items:flex-start;

gap:20px;

}

.tour-btn{

width:100%;

text-align:center;

}

.tour-card{

min-height:auto;

}

}


/************* Small Mobile *************/

@media (max-width:480px){

.premium-packages{

padding:70px 0;

}

.premium-packages .section-title{

font-size:30px;

}

.tour-content h3{

font-size:22px;

}

.tour-footer h4{

font-size:28px;

}

.tour-image{

height:400px;

}

.tour-info li{

font-size:14px;

}

}







/*=========================================
BOOKING PROCESS RESPONSIVE
=========================================*/

/************** Large Tablet **************/

@media(max-width:1200px){

.booking-timeline{

grid-template-columns:repeat(2,1fr);

gap:35px;

}

.timeline-line{

display:none;

}

.timeline-plane{

display:none;

}

}


/************** Tablet **************/

@media(max-width:991px){

.booking-process{

padding:90px 0;

}

.booking-process .section-title{

font-size:44px;

}

.booking-process .section-description{

font-size:17px;

line-height:30px;

}

.booking-timeline{

grid-template-columns:repeat(2,1fr);

gap:30px;

}

.booking-step{

padding:30px 24px;

}

.step-icon{

width:80px;
height:80px;
font-size:30px;

}

.booking-step h3{

font-size:24px;

}

}


/************** Mobile **************/

@media(max-width:767px){

.booking-timeline{

grid-template-columns:1fr;

gap:25px;

}

.booking-step{

padding:30px 22px;

}

.step-icon{

width:75px;
height:75px;

font-size:28px;

}

.booking-process .section-title{

font-size:34px;

}

.booking-process .section-description{

font-size:16px;

line-height:28px;

}

.booking-step h3{

font-size:22px;

}

.booking-step p{

font-size:15px;

line-height:26px;

}

.booking-step::before{

top:15px;
right:15px;

width:40px;
height:40px;

font-size:14px;

}

}


/************** Small Mobile **************/

@media(max-width:480px){

.booking-process{

padding:70px 0;

}

.booking-process .section-title{

font-size:30px;

}

.booking-process .section-description{

font-size:15px;

}

.booking-step{

padding:25px 18px;

}

.step-icon{

width:65px;
height:65px;

font-size:24px;

}

.booking-step h3{

font-size:20px;

}

}








/*=========================================
LAPTOP
=========================================*/

@media(max-width:1200px){

.testimonial-card{

    flex:0 0 calc(50% - 15px);

}

.testimonial-card{

    transform:scale(.95);

    opacity:.75;

}

.testimonial-card.active{

    transform:scale(1.04);

    opacity:1;

}

.testimonial-inner{

    min-height:400px;

}

}

/*=========================================
TABLET
=========================================*/

@media(max-width:991px){

.testimonials{

    padding:90px 0;

}

.testimonial-slider{

    position:relative;

}

.testimonial-card{

    flex:0 0 100%;

    transform:scale(1);

    opacity:1;

}

.testimonial-card.active{

    transform:scale(1);

}

.testimonial-inner{

    min-height:380px;

    padding:35px;

}

.slider-btn{

    width:52px;

    height:52px;

    font-size:16px;

}

.prev{

    margin-right:12px;

}

.next{

    margin-left:12px;

}

}

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

@media(max-width:767px){

.testimonials{

    padding:70px 0;

}

.testimonial-slider{

    flex-direction:column;

}

.testimonial-wrapper{

    width:100%;

}

.testimonial-card{

    flex:0 0 100%;

    padding:10px;

}

.testimonial-inner{

    min-height:auto;

    padding:28px;

    border-radius:22px;

}

.review{

    font-size:15px;

    line-height:28px;

}

.client img{

    width:60px;

    height:60px;

}

.client-info h4{

    font-size:18px;

}

.quote-icon{

    width:55px;

    height:55px;

    font-size:20px;

}

.slider-btn{

    position:static;

    margin-top:25px;

}

.prev{

    margin-right:10px;

}

.next{

    margin-left:10px;

}

.slider-dots{

    margin-top:35px;

}

}

/*=========================================
SMALL MOBILE
=========================================*/

@media(max-width:480px){

.testimonial-inner{

    padding:22px;

}

.review{

    font-size:14px;

    line-height:26px;

}

.client{

    gap:12px;

}

.client img{

    width:55px;

    height:55px;

}

.client-info h4{

    font-size:16px;

}

.client-info span{

    font-size:13px;

}

.section-title{

    font-size:32px;

}

}




/*=========================================
FOOTER RESPONSIVE
=========================================*/

/************** Large Tablet **************/

@media(max-width:1200px){

.footer-grid{

grid-template-columns:repeat(2,1fr);

gap:45px;

}

.footer-logo img{

width:160px;

}

}


/************** Tablet **************/

@media(max-width:991px){

.footer{

padding:80px 0 25px;

}

.footer-grid{

grid-template-columns:1fr 1fr;

gap:40px;

}

.footer-col h3{

font-size:26px;

}

.footer-text{

font-size:15px;

line-height:28px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

gap:15px;

}

.whatsapp-btn{

width:60px;
height:60px;

font-size:28px;

right:20px;
bottom:20px;

}

}


/************** Mobile **************/

@media(max-width:767px){

.footer{

padding:70px 0 25px;

}

.footer-grid{

grid-template-columns:1fr;

gap:45px;

text-align:center;

}

.footer-logo{

display:flex;

justify-content:center;

}

.footer-logo img{

width:150px;

}

.footer-text{

max-width:100%;

margin:20px auto 30px;

}

.footer-social{

justify-content:center;

}

.footer-col ul{

padding:0;

}

.footer-contact li{

justify-content:center;

align-items:flex-start;

text-align:left;

}

.footer-col h3{

font-size:24px;

margin-bottom:20px;

}

.footer-bottom{

text-align:center;

}

.footer-bottom p{

font-size:14px;

line-height:24px;

}

.whatsapp-btn{

width:58px;

height:58px;

font-size:26px;

right:15px;

bottom:15px;

}

}


/************** Small Mobile **************/

@media(max-width:480px){

.footer{

padding:60px 0 20px;

}

.footer-logo img{

width:130px;

}

.footer-col h3{

font-size:22px;

}

.footer-text{

font-size:14px;

line-height:26px;

}

.footer-contact span,
.footer-contact a{

font-size:14px;

line-height:26px;

}

.footer-social a{

width:42px;

height:42px;

font-size:16px;

}

.footer-bottom p{

font-size:13px;

}

.whatsapp-btn{

width:55px;

height:55px;

font-size:24px;

}

}














/* MY CUSTOM RESPONSIVE CSS */

@media only screen and (max-width: 1200px){
    .feature-list{
        margin-top: -30px;
    }
    .theme-btn-2{
        margin-top: 50px !important;
    }
    .glass-card{
        padding: 10px !important;
    }
    .destination-text{
        font-size: 12px;
    }
    .why-list{
        margin-left: -80px !important;
    }
    .premium-packages{
        margin-top: -200px;
    }
}
@media only screen and (max-width: 992px){
    .theme-badge-3{
        margin-top: 20px;
    }
    .tour-footer h4{
        font-size: 18px;
    }
    .premium-packages{
        margin-top: 0px;
    }
    .navbar.scrolled .navbar-brand img{
        height: 75px;
    }
}
@media only screen and (max-width: 768px){
    
}
@media only screen and (max-width: 425px){
    
}
@media only screen and (max-width: 375px){
    
}


/* MY CUSTOM RESPONSIVE CSS */