@media only screen and (max-width: 767px) {
html { font-size: 85%; }
.container { width: 90% !important; }
.container-flex { display: block; }
.top-header { font-size: 0.7em; }
.arrow-title { font-size: 2em; }
.header { z-index: 12; }
.logo img { width: 150px; }
.sticky .logo img { width: 120px; transition: 0.5s; }
.header .container-flex { display: flex; padding: 0em; }
.header { padding: 1em; }
.sticky .header { padding: 1em 1em; }
.header .arrow-but { position: fixed; bottom: 0; width: 80%; text-align: center; left: 50%; transform: translateX(-50%); bottom: 19px; }
.banner img { height: 560px; }
.banner-content h1 { font-size: 2em; }
.banner-content p { font-size: 1em; line-height: 1.7; padding: 2em 0 2em 0; }
.banner-content ul li { font-size: 1em; padding-right: 0.5em; }
.banner-usp { width: 100%; flex-wrap: wrap; gap: 0.5em; margin: 2em auto 0 auto; }
.arrow-but,
 .arrow-line-but { padding: 12px 15px 12px 15px; font-size: 1em; }
.banner-usp-grid strong { font-size: 1.5em; }
.banner-usp-grid span { font-size: 1em; line-height: 1.4; }
.banner-usp-grid { flex: 1 1 calc((100% / 2) - 2em); padding: 1em; }
.banner-content ul { gap: 1em; margin-bottom: 2.5em; flex-wrap: wrap; }
.slick-dots { position: absolute; bottom: 22px; }
.about-home { padding: 4em 0 2em 0; }
.about-home img { width: 150px; }
.about-home .about-grid img { width: 100%; height: 100%; }
.about-home strong { font-size: 1.8em; padding: 10px 0 0px 0; }
.about-grid { margin-bottom: 20px; }
.about-home p { font-weight: 300; }
.about-grid .about-overlay { bottom: 25px; left: 6%; }
.about-overlay .arrow-line-but { padding: 12px 20px 12px 20px; font-weight: normal; }
.services-home { padding: 4em 0; }
.services-tab { padding: 3em 1em; }
.tabs-wrapper { margin-top: 2em; }
.services-tabs-nav { padding: 1em; gap: 1em; flex-wrap: wrap; }
.services-tab-btn { padding: 14px 12px; font-size: 1em; flex: 1 1 calc((100% / 1) - 2em); }
.services-tab-content .container-flex { flex-wrap: wrap; gap: 2em; }
.tab-img,
 .tab-content { flex: 1 1 calc((100% / 1) - 2em); }
.services-tab-content { padding-top: 10px; }
.services-tab-content h3 { margin-bottom: 15px; }
.leisure-travel-left p { line-height: 28px; font-size: 1.1em; }
.leisure-travel .slick-track { gap: 0; }
.leisure-travel .slick-dots { position: relative; bottom: -10px; }
.business-travel img { height: 220px; object-fit: cover; }
.about-usp-grid { width: 100%; bottom: 0; margin-top: 20px; }
.about-usp { border-right: none; padding-right: 0; border-bottom: solid 1px #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.benefits-overlay { padding: 2em; }
.benefits-overlay h2 { font-size: 1.5em; }
.benefits-overlay ul { gap: 2em 1em; }
.benefits-overlay ul li { flex: 1 1 calc((100% / 1) - 2em); }
.benefits-overlay h3 { font-size: 1.3em; line-height: 1.4; }
.faq,
 .home-blog,
 .cta { padding: 4em 0; }
.faq .arrow-title { font-size: 2em; }
.acc-content p { line-height: 1.8; font-weight: 300; }
.acc-item:last-child,
 .blog-grid:last-child { margin: 0px; }
.cta .container { padding: 2em 1.5em; }
.cta p { font-size: 1em; }
.blog-grid { margin-bottom: 20px; }
.footer-grid { flex: 1 1 calc((100% / 4) - 2em); margin-bottom: 20px; border-bottom: solid 1px #ffffff30; padding-bottom: 20px; }
.footer-grid:last-child { border: none; margin: 0; padding: 0px; }
.footer-grid ul li { padding: 5px 0; }
.footer { padding: 3em 0 7em 0; }
.partnerships { padding: 3em 1em; }
.partnerships .arrow-title { width: 100%; margin: 0 auto 20px auto; }
.arrow-services-grid figure img { height: auto; }
.arrow-services-grid:last-child figure img { height: 340px; }
.arrow-services .container-flex { display: flex; flex-wrap: wrap; }
.arrow-services-grid { flex: 1 1 calc((100% / 2) - 2em); }
.leisure-travel .slick-slide { margin: 1em; }
.partnerships .container-flex { width: 100%; margin-top: 2em; padding: 1em 1em; }
.partnerships-img img { height: auto; margin-bottom: 20px; }
.leisure-travel-left { padding: 2em 1em; }
.banner-content ul li:nth-child(2) { border: none; }
.arrow-services-grid h3 { top: 20px; left: 8px; font-size: 1.2em; }
.partnerships-content p { padding-bottom: 10px; }
.copyright ul li a { padding: 0 10px; }
.arrow-services-grid:hover { flex: 1 1 calc((50% / 1) - 2em); }
.about-company { padding: 4em 0 1em 0; }
.banner-section { height: 190px; }
.banner-title p { width: 100%; font-size: 1.1em; line-height: 1.5; margin: 5px auto 0 auto; }
.about-img-2 { display: none; }
.experience { top: 90%; right: auto; left: 10%; }
.about-company-right { margin-top: 8em; }
.about-page-usp ul.container-flex { display: flex; flex-wrap: wrap; gap: 2em 1em; margin: 0 auto; }
.about-page-usp ul li { display: inline-flex; align-items: center; flex: 1 1 calc((100% / 2) - 3em); flex-wrap: wrap; }
.about-page-usp ul li figure { width: 86px; height: 86px; margin: 0 auto; }
.about-page-usp ul li h3 { font-size: 1.1em; width: 100%; text-align: center; }
.choose-us .about-company-right { margin-top: 0em; }
.about-choose ul li { flex: 1 1 calc((100% / 1) - 2em); border: solid 1px #ddd !important; padding: 1em !important; }
.about-choose { margin-top: 3em; }
.about-choose ul { gap: 1em; }
.about-logo .container-flex li { border: solid 1px #ddd; padding: 1em; flex: 1 1 calc((100% / 2) - 1em); }
.cta-inner { max-width: 100%; }
.about-logo { padding: 2em 0; }
.about-logo .container-flex { display: flex; flex-wrap: wrap; gap: 0.5em; }
.cta-banner { padding: 40px 0; }
.about-page-usp { padding: 3em 0; }
.corporate-travel { padding: 3em 0 3em 0; }
.corporate-travel1 ul li,
.corporate-travel3 ul li { padding: 10px 18px 10px 28px; position: relative; text-align: left !important; left: 0 !important; right: auto !important; }
.corporate-travel2 { margin: 2em 0; }
.corporate-travel1 ul li:before,
.corporate-travel3 ul li:before { left: 0; right: auto !important; }
.personalized { padding: 3em 0; }
.personalized-right { margin-top: 2em; }
.contact-section { padding: 3em 0; }
.contact-info { margin-top: 2em; }
.inquiry-form ul { gap: 1.5em 0.8em; }
.card { padding: 24px; }
.inquiry-form ul li { flex: 1 1 calc((100% / 1) - 2em); }
.step { padding: 3em 0; }
.step ul li figure:before { display: none; }
.step ul li { margin-bottom: 30px; }
.specialized-grid { margin-bottom: 20px; }
.step ul li:last-child,
.specialized-grid:last-child { margin-bottom: 0px; }
.about-company-img { margin-top: 2em; }
.about-company.services-grid .container-flex:nth-child(even) { margin-top: 3em; }
.page-id-30 .about-company-right { margin-top: 0em; }
.page-id-30 .about-home { padding: 2.5em 0 0em 0; border-bottom: solid 1px #0000002e; }
.specialized-services { padding: 3em 0; }
.cta-actions ul li { margin-right: 0; margin-bottom: 10px; }
}
 @media only screen and (max-width: 320px) {
html { font-size: 80%; }
.arrow-title { font-size: 1.8em; }
.banner img { height: 600px; }
.about-overlay h3 { font-size: 1.5em; }
.about-overlay p { padding: 7px 0 14px 0; line-height: 1.4; }
.copyright ul li a { padding: 0 7px; font-size: 11px; }
}
 @media only screen and (max-width: 992px) {
.arrow-menu { margin-left: 0; background: #3C197C; position: fixed; left: -100%; top: 0; height: 100%; width: 100%; transition: 0.1s; }
.open-menu .arrow-menu { left: 0; z-index: 99; transition: 0.1s; }
.arrow-menu ul { margin-right: 0; margin-top: 3em; width: 100%; }
.arrow-menu ul li { display: inline-block; width: 100%; padding: 15px; border-bottom: solid 1px #ffffff2e; }
.main-wrapper .border-but { width: 90%; text-align: center; margin: 20px auto 0 auto; display: block; background: #f8cf27; border-color: #f8cf27; }
.arrow-menu ul li a { color: #fff; padding: 0; }
.toggle-menu { display: inline-block; margin-left: auto; z-index: 99; width: 30px; height: 20px; position: relative; }
.toggle-menu:before { content: ""; width: 100%; height: 20px; border: solid #000000; border-width: 2px 0px; position: absolute; top: 0; left: 0; transition: 0.1s; }
.toggle-menu:after { content: ""; width: 100%; height: 2px; background: #000000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.1s; }
.sticky .toggle-menu:before { border: solid #000; border-width: 2px 0px; }
.sticky .toggle-menu:after { background: #000; }
.open-menu .toggle-menu { height: auto; position: absolute; right: 20px; top: 30px; }
.open-menu .toggle-menu:after { transform: translateY(-50%) rotate(45deg); transition: 0.1s; background: #fff; }
.open-menu .toggle-menu:before { content: ""; width: 100%; height: 2px; border: none; border-width: 2px 0px; position: absolute; top: 0; left: 0; background: #fff; transform: rotate(-45deg); transition: 0.1s; }
.slick-prev { right: 40px; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 80%; }
.container { width: 90% !important; }
.header,
 .sticky .header { padding: 1em 2em 1em 2em; }
.toggle-menu { margin-left: 0; }
.header .thi-but { margin-left: auto; }
.logo img { width: 160px; }
.banner img { height: 500px; }
.banner-content p { font-size: 1.3em; padding: 2em 0 1em 0; line-height: 1.6; }
.banner-content h1 { font-size: 3em; }
.banner-content ul li { font-size: 1.3em; 58
}
.banner-usp-grid strong { font-size: 2em; }
.banner-usp { gap: 1em; width: 100%; }
 .arrow-but ., arrow-line-but {
 padding: 13px 24px 13px 25px;
 font-size: 1.2em;
}
.sticky .logo img { width: 150px; }
.arrow-but,
 .arrow-line-but { padding: 12px 25px 12px 25px; font-size: 1em; }
.banner-usp-grid span { font-size: 1em; }
.slick-prev,
 .slick-next { width: 40px; height: 40px; }
.banner-content ul.banner-button { gap: 1em; margin-bottom: 2.5em; }
.banner-usp-grid { padding: 1.2em 0.5em; }
.partnerships { padding: 3em 3em; }
.about-home { padding: 4em 0; }
.about-home img { width: 140px; }
.about-grid img { width: 100%; }
.about-home .container-flex { gap: 1.5em; }
.about-overlay p { padding: 2px 0 15px 0; line-height: 21px; }
.about-overlay .arrow-line-but { padding: 12px 25px 12px 25px; }
.services-home { padding: 5em 0; }
.services-tabs-nav { gap: 1em; }
.services-tab-btn { padding: 14px 4px; }
.services-tab-content h3 { font-size: 1.7em; margin-bottom: 10px; }
.leisure-travel .container-flex { flex-wrap: wrap; }
.leisure-travel-slider { width: 100%; }
.leisure-travel .slick-track { gap: 1em; }
.leisure-travel-left { padding: 2em 2em; flex: 1 1 calc((100% / 1) - 2em); margin-bottom: 15px; }
.leisure-travel .arrow-title { font-size: 1.8em; }
.leisure-travel-left p { line-height: 24px; font-size: 1em; }
.leisure-travel-left span { font-size: 2.5em; }
.leisure-travel-grid aside h3 { font-size: 2em; }
.leisure-travel-grid aside { gap: 8px; }
.business-travel { padding: 4em 0 1em 0; }
.about-usp-grid { width: 92%; gap: 2em; }
.about-usp { padding-right: 1em; }
.benefits-overlay ul { gap: 1em; }
.business-travel img { height: 250px; object-fit: cover; }
.about-usp h4 { font-size: 2em; }
.benefits-overlay { padding: 2em; }
.faq { padding: 5em 0; }
.cta .arrow-title { font-size: 2em; }
.home-blog .container-flex { gap: 1.5em; }
.footer .container-flex { flex-wrap: wrap; gap: 3em; }
.footer-grid:nth-child(1) { flex: 1 1 calc((100% / 1) - 2em) !important; }
.footer-grid:nth-child(2) { flex: 1 1 calc((14% / 1) - 2em) !important; }
.footer-grid { flex: 1 1 calc((100% / 3) - 2em) !important; }
.benefits-overlay h2 { font-size: 1.5em; }
.about-grid .about-overlay { bottom: 35px; left: 6%; width: 90%; }
.footer .copyright .container-flex { gap: 1em; flex-wrap: nowrap; }
.blog-grid img { height: 140px; }
.arrow-services-grid { flex: 1 1 calc((100% / 4) - 2em); }
.arrow-services-grid figure img { height: 100%; }
.arrow-overlay { padding: 10px; }
.partnerships .arrow-title { width: 90%; }
.home-blog,
 .cta { padding: 4em 0; }
.partnerships .container-flex { width: 90%; }
.partnerships-img img { height: 270px; }
.partnerships-content p { padding-bottom: 10px; }
.arrow-services .container-flex { flex-wrap: wrap; }
.banner-title { width: 100%; }
.banner-section { height: 200px; }
.about-img-2 { height: 120px; }
.about-company .container-flex { gap: 8em; }
.arrow-title { font-size: 2em; }
.experience { width: 140px; font-size: 1.2em; }
.about-company { padding: 4em 0 1em 0; }
.about-page-usp ul li figure { width: 76px; height: 76px; margin: 0 auto; }
.about-page-usp ul li { flex-wrap: wrap; }
.about-page-usp ul li h3 { width: 100%; text-align: center; }
.choose-us .container-flex { flex-wrap: wrap; }
.choose-us { padding: 4em 0 4em 0; }
.about-logo .container-flex { gap: 4em; }
.cta-inner { max-width: 100%; }
.corporate-travel1 ul li,
.corporate-travel3 ul li { padding: 10px 18px 10px 28px; position: relative; text-align: left !important; left: 0 !important; right: auto !important; }
.corporate-travel2 { margin: 2em 0; order: 1; flex: 1 1 calc((100% / 1) - 2em) !important; }
.corporate-travel1 ul li:before,
.corporate-travel3 ul li:before { left: 0; right: auto !important; }
.corporate-travel .container-flex { flex-wrap: wrap; }
.corporate-travel .container-flex > div { flex: 1 1 calc((100% / 2) - 2em); }
.corporate-travel1 { order: 2; }
.corporate-travel3 { order: 3; }
.contact-section .container-flex { gap: 2em; }
.card { padding: 20px; }
.contact-section .container-flex { gap: 2em; }
.inquiry-form ul { gap: 1.5em 0.5em; }
.step ul li img { width: 60px; height: 60px; }
.step ul li h4 { line-height: 1.4; font-size: 1.2em; padding: 6px 0 12px 0; }
.page-id-30 .about-home { padding: 4em 0 0em 0; background: no-repeat; }
.specialized-services { text-align: center; padding: 5em 0; }
}
 @media (min-width: 1024px) and (max-width: 1200px) {
html { font-size: 80%; }
.container { width: 90% !important; }
.arrow-but { padding: 12px 30px 12px 30px; }
.logo img { width: 160px; }
.header,
.sticky .header { padding: 1em 2em 1em 2em; }
.banner img { height: 600px; }
.banner-content p { font-size: 1.3em; padding: 2em 0 1em 0; }
.banner-usp-grid { padding: 1.5em 0.5em; }
.services-tab-btn { padding: 30px 11px; }
.leisure-travel-slider { flex: 0 1 calc((80% / 1) - 1.5em); }
.leisure-travel .slick-track { gap: 1em; }
.leisure-travel-left { padding: 2em 2em; }
.leisure-travel .arrow-title { font-size: 1.8em; }
.leisure-travel-left p { line-height: 24px; font-size: 1em; }
.leisure-travel-left span { font-size: 2.5em; }
.leisure-travel-grid aside h3 { font-size: 2em; }
.benefits-overlay { padding: 2em; }
.benefits-overlay h2 { font-size: 1.5em; }
.about-grid .about-overlay { bottom: 35px; left: 6%; width: 90%; }
.arrow-services-grid figure img { height: 340px; }
.arrow-services-grid h3 { top: 15px; left: 15px; width: 100px; }
.banner-section { height: 200px; }
.banner-title { width: 100%; }
.about-img-2 { height: 160px; }
.experience { width: 160px; font-size: 1.3em; }
.about-page-usp ul li h3 { font-size: 1.2em; }
.about-page-usp ul li figure { height: 80px; }
.about-logo .container-flex { gap: 6em; }
.cta-inner { max-width: 60%; }
.footer .container-flex { gap: 3em; }
.footer-grid:nth-child(1) img { width: 150px; }
.footer-grid ul.social-icon li img { width: auto; }
.corporate-travel2 { padding: 15px; }
.corporate-travel1 ul li,
.corporate-travel3 ul li { padding: 12px 18px; }
.step ul li img { width: 70px; height: 70px; padding: 16px; }
}
 @media (min-width: 1201px) and (max-width: 1365px) {
html { font-size: 90%; }
.container { width: 90%; margin: 0 auto; }
.arrow-but { padding: 12px 30px 12px 30px; }
.leisure-travel-slider { flex: 0 1 calc((90% / 1) - 1.5em); }
.banner img { height: 600px; }
.arrow-title { font-size: 2em; }
.leisure-travel-left { padding: 2em 2em; }
.leisure-travel-left p { font-size: 1.1em; }
.banner-content p { font-size: 1.3em; }
.benefits-overlay { padding: 3em; }
.corporate-travel1 ul li,
.corporate-travel3 ul li { padding: 18px 18px; }
.step ul li img { padding: 15px; width: 80px; height: 80px; }
}
 @media (min-width: 1366px) and (max-width: 1800px) {
html { font-size: 90%; }
.logo img { width: 172px; }
.container { width: 1150px; margin: 0 auto; }
.banner-section { height: 220px; }
.arrow-but { padding: 12px 30px 12px 30px; }
.leisure-travel-slider { flex: 0 1 calc((90% / 1) - 1.5em); }
.banner img { height: 600px; }
.arrow-title { font-size: 2em; }
.leisure-travel-left { padding: 2em 2em; }
.banner-content p { font-size: 1.3em; padding: 2em 0 1em 0; }
.banner-content h1 { font-size: 3.5em; }
.benefits-overlay { padding: 3em; }
.arrow-services-grid h3 { width: 130px; }
.arrow-services-grid figure img { height: auto; }
.corporate-travel1 ul li,
.corporate-travel3 ul li { padding: 18px 18px; }
.step ul li img { padding: 15px; width: 80px; height: 80px; }
}