@media (min-width: 1600px) and (max-width: 1880px) {
}
@media (min-width: 1400px) and (max-width: 1599px)  {
}
@media (min-width: 1360px) and (max-width: 1399px) { 

}
@media (min-width: 1280px) and (max-width: 1359px)  {
}
@media (min-width: 992px) and (max-width: 1279px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 320px) and (max-width: 767px) {

    .hero-banner .content h1.heading {
        display: none;
    }
    .search-area {
        margin-top: 0px !important;
    }

    .popular-destination.testimonial.testimonial-2 .image img {
    height: 250px;
    object-fit: cover;
}
.promotion.promotion-white-bg {
    padding: 60px 0;
}
.border

 {
    border: var(--bs-border-width) var(--bs-border-style) #b4b8bc !important;
}

.FromCodeSearchBox.pe-lg-1.search-form-field-one {
    flex: 0 0 auto;
    width: 100%;
}
.fromTofromBox .row .col-6:not(:last-child) {
    margin-bottom: 15px;
}

.hero-banner .section-padding {
    padding-top: 15px;
}
.search-nav ul.nav.nav-pills li.nav-item {
    width: 48%;
}
.search-nav ul.nav.nav-pills li.nav-item button {
    width: 100%;
}

.border-wrapper .promotion-bg {
    text-align: center;
}

.promotion.promotion-white-bg .border-wrapper .promotion-icon {
    margin: auto;
}



            .travel-cta {

                padding: 70px 0;

            }

            .travel-cta h2 {

                font-size: 30px;

            }

            .travel-cta p {

                font-size: 16px;
                line-height: 28px;

            }

            .btn-book,
            .btn-deals {

                width: 100%;
                justify-content: center;
                margin: 10px 0;

            }

 .travel-cta  .offer-card {

                padding: 30px 20px;

            }

            about-area{

padding:70px 0;

}

.about-title{

font-size:30px;

}

.about-text{

font-size:16px;
line-height:29px;

}

.about-btn{

width:100%;
justify-content:center;

}

.about-box{

padding:18px;

}

.experience{

padding:18px 22px;

}

.experience h2{

font-size:30px;

}


.services-section{

padding:80px 0;

}

}

@media(max-width:576px){

.service-card{

padding:30px 20px;

}

.service-icon{

width:70px;
height:70px;
font-size:28px;

}

.service-card h4{

font-size:21px;

}

.section-subtitle{

font-size:16px;
line-height:28px;

}

.core-values{

padding:70px 0;

}

.value-card{

padding:30px 20px;

}

.value-icon{

width:75px;
height:75px;
font-size:28px;

}

.hero-bg-video .media video {
    display: none;
}

.hbx-grid  , .hbk_grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 20px;
}

header.header-1 .header-logo img ,  .footer-top .footer-logo img {
    width: 100%;
    max-width: 200px;

}
.inner-travel-cta {
    padding: 20px;
    border-radius: 10px;
}

.footer-top {
    padding: 60px 0 60px;
}

nav.header-nav.drawer-menu.show {
    background: var(--theme-color);
}

nav.header-nav.drawer-menu.show drawer-opener.svg-wrapper.menu-close i.fa-solid.fa-bars {
    color: #fff;
    font-size: 26px;
}

.header-submenu.menu-absolute.submenu-color.radius4.main-show {
    background-color: #fff;
}

.hotel-banner h1.heading {
    display: none;
}
.hotel-banner picture.media.media-bg {
    display: none;
}
}