@media(min-width:768px) and (max-width:1024px) {
.header-container .header{justify-content:flex-start;position:relative;padding:6px 0}
.mobile-menu{display:block;position:absolute;right:0;top:28px;padding:1px 10px;cursor:pointer}
.header-container .header .logo a img{height:60px;width:auto}
.header-container .header .navbar{position:fixed;right:-120%;top:0;width:89.3%;background:#fff;height:100vh;z-index:999}
.header-container .header .navbar .menu-close{position:absolute;left:-40px;background:#fff;display:block;width:40px;height:40px;text-align:center;line-height:40px}
.header-container .header .navbar .menu-close a{color:#000;text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:600;font-display:swap}
.header-container .header .navbar ul{list-style:none;padding-top:40px}
.header-container .header .navbar ul li{width:100%}
.header-container .header .navbar ul li a{font-family:'Montserrat',sans-serif;text-decoration:none;padding:10px 26px;color:#000;font-weight:500;font-size:.8em;text-transform:uppercase;display:inline-block;letter-spacing:1px;width:100%;font-display:swap;color:#000!important;font-size:13px!important;padding:13px 30px!important}
.mobile-menu-show{right:0!important;display:block!important}
.menu-overlay{position:fixed;background:rgba(0,0,0,0.8);height:100%;width:100%;z-index:998;left:0;top:0;display:none}
.header-container .header .navbar ul li a:hover{background:#F36D35;color:#fff!important}
.banner-yatra-container .banner-yatra{grid-template-columns:100%}
.banner-yatra-container .banner-yatra .banner-content{padding:5% 10%}
.banner-yatra-container .banner-yatra .banner-content h1{font-size:50px}
.banner-yatra-container .banner-yatra .banner-content .supporting-heading{font-size:28px}
.banner-yatra-container .banner-yatra .banner-content p{padding:15px 0 8px;font-size:22px}
.package-content-container h2{font-size:30px;padding:15px 0}
.more-pacakges-container h2{font-size:30px;padding:15px 0}
.banner-yatra-container .banner-yatra .banner-thumb img{width:100%;height:auto}
}
@media(min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.banner-yatra-container .banner-yatra{grid-template-columns:50% 50%}
.banner-yatra-container .banner-yatra .banner-content h1{font-size:40px}
}
@media(max-width:767px) {
.mobile-menu{display:block;position:absolute;right:0;top:24px;padding:1px 10px;cursor:pointer}
.header-container .header .navbar{position:fixed;right:-120%;top:0;width:89.3%;background:#fff;height:100vh;z-index:999}
.header-container .header .navbar .menu-close{position:absolute;left:-40px;background:#fff;display:block;width:40px;height:40px;text-align:center;line-height:40px}
.header-container .header .navbar .menu-close a{color:#000;text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:600;font-display:swap}
.header-container .header .navbar ul{list-style:none;padding-top:40px}
.header-container .header .navbar ul li{width:100%}
.header-container .header .navbar ul li a{font-family:'Montserrat',sans-serif;text-decoration:none;padding:10px 26px;color:#000;font-weight:500;font-size:.8em;text-transform:uppercase;display:inline-block;letter-spacing:1px;width:100%;font-display:swap;color:#000!important;font-size:13px!important;padding:13px 30px!important}
.mobile-menu-show{right:0!important;display:block!important}
.menu-overlay{position:fixed;background:rgba(0,0,0,0.8);height:100%;width:100%;z-index:998;left:0;top:0;display:none}
.header-container .header .navbar ul li a:hover{background:#F36D35;color:#fff!important}
.top-bar-container .top-bar .top-bar-social{display:none}
.header-container .header .logo a img{height:50px;width:auto}
.top-bar-container .top-bar .top-bar-info ul li{margin-right:2px}
.top-bar-container .top-bar .top-bar-info ul li a{font-size:11px}
.header-container .header{justify-content:center;position:relative;padding:6px 0}
.banner-yatra-container .banner-yatra{grid-template-columns:100%}
.banner-yatra-container .banner-yatra .banner-content{padding:4% 8% 10%}
.banner-yatra-container .banner-yatra .banner-content h1{font-size:32px;line-height:44px}
.banner-yatra-container .banner-yatra .banner-content .supporting-heading{font-size:20px;font-weight:300}
.banner-yatra-container .banner-yatra .banner-content p{padding:18px 0 6px;font-size:18px}
.banner-yatra-container .banner-yatra .banner-content .button a{font-size:16px}
.banner-yatra-container .banner-yatra .banner-content .button a:hover::before{width:178px}
.package-content-container h2{font-size:22px;padding:15px 0}
.package-booking-btn .booknow-btn{position:fixed;bottom:0;z-index:999;left:0;width:100%;margin:0;background:#F36D35;color:#fff}
.package-booking-btn .booknow-btn::before{display:none!important}
.copyright-container{padding-bottom:40px}
.footer-container .footer-top{flex-direction:column}
.footer-container .footer-top .footer-links,.footer-container .footer-top .footer-col{width:100%;margin:12px 10px}
.footer-container .footer-top .footer-col h2{font-size:16px;margin-bottom:10px}
.footer-container .footer-top .footer-col ul li a{padding:6px 0 6px 18px;font-size:14px}
.footer-container .footer-top .footer-col address ul li{font-size:14px;line-height:22px}
.copyright-container .footer-bottom{flex-direction:column}
.copyright-container .footer-bottom .footer-social ul li a{padding:10px 6px}
.copyright-container .footer-bottom .footer-social{margin-top:14px}
.copyright-container .footer-bottom .copyright-info p{font-size:13px}
.package-booking-btn{margin-bottom:30px}
.more-pacakges-container h2{font-size:26px;padding:15px 0}
.banner-yatra-container .banner-yatra .banner-thumb img{width:100%;height:auto}
.banner-yatra-container .banner-yatra .banner-thumb{text-align:center;display:none}
.header-container{height:70px}
.banner-yatra-container{height:300px}
.mobile-thumb{display:block}
.mobile-thumb img{width:100%;height:auto}
}