/* 1600px  */
@media only screen and (max-width:1600px){
    .homepage-search-title h1{
        font-size: 60px;
    }
}

/* 1400px */
@media only screen and (max-width:1400px){
    .homepage-search-title h1{
        font-size: 55px;
    }
}

/* 1366 */
@media only screen and (max-width:1366px){
    .restaurant-detailed-header{
        padding: 120px 100px 30px 100px;
    }
}

/* 1200px */
@media only screen and (max-width:1200px){
    .navbar-brand{
        margin-right: 0;
    }
    .carrnival-nav .nav-link{
        font-size: 14px;
        padding: 20px 8px !important;
    }
}

/* 1024px */
@media only screen and (max-width:1024px){}

/* 991px */
@media only screen and (max-width:991px){
    .readml{
        height: 100px;
    }
    .readml-btn{
        display: block;
    }
    .carrnival-nav{
        padding-left: 0;
        padding-right: 0;
    }
    .homepage-search-title h1{
        font-size: 40px;
    }
    .homepage-search-title h1 .stroke{
        -webkit-text-stroke-width: 1px;
    }
    .homepage-search-title h1 .break{
        display: block;
    }
    .banner-trip .item a{
        font-size: 16px;
    }
    .banner-trip .col-lg-3:nth-child(2n) .item{
        border-right: 0;
    }
    .navbar-collapse{
        background-color: #e1f4ff;
        padding: 0 15px;
    }
    .navbar-collapse .nav-link{
        color: #0b3b59;
    }
    .call-section h5{
        font-size: 30px;
    }
    .restaurant-detailed-header{
        padding: 120px 15px 15px;
    }
    .restaurant-detailed-header-right{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
    }
    .restaurant-detailed-header-left h1{
        font-size: 35px;
    }
    .pricing_wrap_top{
        display: block;
    }
    .pkg-nav-tab{
        flex-direction: column;
        align-items: flex-start;
    }
    .pkg-nav-filter{
        align-self: flex-end;
        padding: 15px 0;
    }
    
    #pills-tab{
        flex-wrap: nowrap;
        overflow: auto;
        width: 100%;
    }
}

/* 768px */
@media only screen and (max-width:768px){
    .homepage-search-title h5{
        font-size: 16px;
        line-height: 1.4;
    }
    /* .banner-trip .item{
        height: 45px;
    } */
    .banner-trip .item a{
        font-size: 14px;
    }
    .section-header h2, .section-header h3{
        font-size: 30px;
    }
    .call-section{
        padding: 50px 0;
    }
    .call-section h5{
        font-size: 25px;
    }
    .restaurant-detailed-header-left h1{
        font-size: 30px;
    }
    .restaurant-detailed-header-right{
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .restaurant-detailed-header-right .call-btn-border{
        margin-bottom: 0;
    }
}

/* 575px */
@media only screen and (max-width:575px){
    .homepage-search-title h1 .stroke{
        display: block;
    }
    .banner-trip{
        /* width: 80%;
        margin: 0 auto; */
        margin-bottom: 15px;
    }
    /* .banner-trip .item {
        height: 30px;
    } */
    .banner-trip .item a {
        font-size: 12px;
        padding: 15px 0;
    }
    .homepage-search-title{
        margin-bottom: 15px;
    }
    .homepage-search-title h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .homepage-search-title h5{
        font-size: 14px;
    }
    .section-header h2, .section-header h3{
        font-size: 25px;
        margin-bottom: 15px;
    }
    .section-header h4{
        font-size: 20px;
    }
    .section-header p{
        font-size: 14px;
    }
    .products-box, .offer-slider, .offer-slider .swiper-wrapper, .offer-slider .swiper-slide{
        height: 160px;
    }
    .card-img-overlay{
        display: block;
    }
    .call-section h5 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .call-section .btn-search{
        padding: 12px 20px;
        font-size: 12px;
    }
    .footer h6{
        font-size: 16px;
    }
    .footer p{
        margin: 0;
    }
    .footer ul li a{
        margin-bottom: 6px;
    }
    .card-img-overlay a{
        font-size: 11px;
        padding: 4px 12px;
        margin-top: 10px;
    }
    .products-box p{
        font-size: 10px;
        overflow: hidden;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }
    .fixedCTA{
        display: flex;
    }
}

/* 480px */
@media only screen and (max-width:480px){
    .section-header h2, .section-header h3{
        font-size: 20px;
    }
    .card-img-overlay{
        padding: 12px;
    }
    .products-box .card-title {
        font-size: 13px;
        margin-bottom: 6px;
    }
    .card-img-overlay a {
        font-size: 9px;
        padding: 4px 8px;
        margin-top: 6px;
    }
    /* .restaurant-detailed-banner{
        min-height: 55vh;
    } */
    .restaurant-detailed-header {
        padding: 200px 15px 15px;
    }
    .restaurant-detailed-header-right {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .restaurant-detailed-header-left h1{
        font-size: 24px;
    }
    .restaurant-detailed-header-left h4 {
        font-size: 14px;
    }
    .restaurant-detailed-header-left h1 .badge {
        font-size: 14px;
        padding: 8px;
        font-weight: 400;
    }
    .restaurant-detailed-header-right .call-btn-border{
        margin-top: 12px;
        display: block;
        width: 100%;
    }
    .pkg-text .col-12{
        padding-right: 0;
    }
    .day-card{
        flex-wrap: wrap;
    }
    .day-card .dayDetailsImg{
        width: 70px;
        height: 70px;
        margin-right: 0;
        margin-bottom: 12px;
    }
    .pkg-text h5{
        font-weight: 600;
        font-size: 16px;
    }
    .day-card p{
        font-size: 12px;
    }
}

/* 360px */
@media only screen and (max-width:360px){
    .banner-trip .item a {
        font-size: 10px;
        padding: 10px 0;
    }
}