@media only screen and (min-width:1024px) and (max-width:1139px){
.container-fluid{width: 1021px;}
.btn-call span{font-size: 10px;}
.hero-cards{display: inline-flex;overflow-x: scroll; width: 100%; white-space: nowrap;}
.hero-card{flex: 0 0 160px; display: inline-block; min-width: auto;}
.hero-card:hover {flex: 0 0 200px;}
.testimonial-group-box .tripTab.overV{width: 48%;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
.container-fluid{width: 100%;padding: 0px 20px;}
.site-header-inner{max-width: 100%;padding: 10px 15px;gap: 20px;}
.btn-call{display: none;}
.hero-cards{display: inline-flex;overflow-x: scroll; width: 100%; white-space: nowrap;}
.hero-card{flex: 0 0 160px; display: inline-block; min-width: auto;}
.hero-card:hover {flex: 0 0 200px;}
.hero-inner{padding: 50px 0px;}
.hero-title{font-size: 24px;}
.hero-tagline{font-size: 9px;}
.feature-label{font-size: 10px;}
.feature-icon{font-size: 12px;}
.avatar-stack img{width: 28px; height: 28px;}
.site-nav a{padding: 4px 10px;}
.testimonial-group-box .tripTab.overV{    width: 48%;}

}
@media only screen and (min-width: 600px) {
.modal-content.slideupcontent{height: 80vh;}
.modal-content.slideupcontent{width: 70%;}
}
@media only screen and (max-width: 600px) {
    .modal-content.slideupcontent{width: 100%;}
.modal-content.slideupcontent{ height: 75vh !important;}
.close-btn {position: relative !important; top: -38px !important;left: 0px !important;margin: -29px auto !important;} 
}
@media only screen and (max-width:767px){
.container-fluid{width: 100%;padding: 0px 20px;}
.site-header-inner{max-width: 100%;padding: 10px 10px;gap: 20px;}
.site-nav{gap: 13px;}
.logo-icon{width: 32px; height: 32px;}
.logo-title{font-size: 16px;}
.logo-sub{font-size: 8px;}
.site-nav a{font-size: 13px;}
.btn-call{display: none;}
.secondary-nav-inner{width: 100%;    height: 32px;}
.secondary-nav a{ font-size: 12px;    padding: 0 12px;height: 32px;}
.hero-cards{display: inline-flex;overflow-x: scroll; width: 100%; white-space: nowrap;margin-top: 30px;}
.hero{min-height: 420px;}
.hero-card{flex: 0 0 160px; display: inline-block; min-width: auto;}
.hero-card:hover {flex: 0 0 200px;}
.hero-inner{padding: 50px 0px;    display: block;}
.hero-title{font-size: 24px;}
.hero-tagline{font-size: 12px; max-width: 100%; text-align: left;}
.hero-title br{display: none;}
.feature-label{font-size: 10px;}
.feature-icon{font-size: 12px;}
.avatar-stack img{width: 28px; height: 28px;}
.an-deals .social-proof,.an-deals .hero-tagline + .justify-content-center{    justify-content: start !important;}
.addons-track{scrollbar-width: none;}
.site-nav a{padding: 4px 3px;}
.testimonial-group-box .tripTab.overV{width: 100%;}
.menuslideopen::before,.menuslide{top:90px}
.review-photo ul li{    flex: 0 0 41%;}

}
@media only screen and (max-width:575px){
    .hero-inner {padding: 50px 0px 20px;}
    .hero-bg{background: url('../images/mob-banner.webp') center/cover no-repeat;}
    .hero-card-sub{white-space:break-spaces;    line-height: 12px;font-size: 9px;}
    .site-nav {gap: 10px; overflow-x: scroll; overflow-y: hidden;scrollbar-width: none; }
    .mobile-menu a{font-size: 14px;padding: 10px 24px;}
    .site-header-inner{padding: 5px 10px;gap: 15px;}
    .logo-icon {width: 22px; height: 22px;}
    .logo-title {font-size: 12px;}
    .logo-sub {font-size: 5px;}
    .site-nav a {font-size: 12px;}
    .btn-menu{width: 30px; height: 30px;padding: 7px;}
    .secondary-nav-inner{height: 22px;}
    .secondary-nav a {font-size: 10px; padding: 0 7px; height: 22px;}
    .hero-badge{font-size: 10px; padding: 5px 7px;margin-bottom: 10px;}
    .hero-title {font-size: 21px;}
    .hero-desc{font-size: 13px;margin-bottom: 22px;}
    .btn-primary,.btn-secondary{padding: 8px 14px;font-size: 13px;}
    .hero-stat-label{font-size: 12px;}
    .hero-stats{gap: 5px;}
    .hero-ctas{margin-bottom: 16px;}
    .hero-stat-icon{width: 26px; height: 26px;}
    .hero-stat-label {font-size: 11px;}
    .hero-card-title{font-size: 12px;line-height: 14px;white-space: break-spaces;}
    .hero-stat-sub{font-size: 10px;}
    .hero-badge {font-size: 9px;}
    .hero-card{min-height: 170px;}
    .hero-card {flex: 0 0 94px;}
    .hero-card-btn{height: 18px; width: 18px;}
    .hero-cards{scrollbar-width: none;}
    .hero-title {font-size: 19px;}
    .an-deals .social-proof{margin-top: 10px;}
    .feature-icon {font-size: 18px;}
    .menuslideopen::before, .menuslide {top: 80px;}
    .site-nav li a::after{    bottom: 0px;}
    .site-nav ul{white-space: nowrap; width: 100%; overflow-x: scroll; overflow-y: hidden; scrollbar-width: none;}
    .whyus .modeltitle{font-size: 18px;}
    .modalpopupform {width: 100%;  margin: 0px auto 20px;}
    .scrollfix {padding-bottom: 47%;}
    .excluisve-box {padding: 30px 0px;}
    .excluisve-box h2{font-size: 21px;}
    .exclusive-box{margin-top: 30px;}
    .exclusive-content h3{font-size: 17px;}
    .exclusive-content p{font-size: 12px;}
    .review-left,.review-right{padding: 10px 15px;}
    .review-item .platform{    width: 74px;}
    .footerfirst .details_form { margin-top: 30px;}
    .copyright p {text-align: center; padding: 4px 0;font-size: 11px;}
    .card-footer{background: transparent;}
    .price-value{font-size: 12px;}
    .modal-content.slideupcontent{    border-radius: 29px 29px 0px 0px;}
     .mobile-cta{position: fixed;bottom: 0;    left: 0;    width: 100%;    display: flex;    background: #1a3430;    box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);    z-index: 99;}
    /* .mobile-cta a:nth-child(1){background: #2297fa;}
    .mobile-cta a:nth-child(2){    background: #906be6;}
    .mobile-cta a:nth-child(3){background: #7abf00;} */
    .mobile-cta .btn {text-align: center;   font-size: 12px;    letter-spacing: 0.5px;    font-weight: 300;    max-width: 33.33%;    flex: 0 0 33.33%;    padding: 0;    min-height: auto; position: relative;color: #fff; border-radius: 0;}
    .mobile-cta p{position: absolute;margin-bottom: 0;width: 100%; top: -12px;height: 150%; opacity: 0;}
    .mobile-cta  .btn .icon_bg {height: 27px; width: 37px;  margin: auto;  display: flex;  align-items: center;   justify-content: center; }
    .mobile-cta .icon { width: 18px;height: 18px;  object-fit: contain;  display: block;margin: auto;}
    footer{padding-bottom: 80px;}
    .card-inner{padding-top: 20px;}
}