@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; }
.roc-title { font-size: 1.8em; line-height: 1.3; }
.header { z-index: 12; }
.logo img { width: 180px; }
.sticky .logo img { width: 140px; transition: 0.5s; }
.header .container-flex { display: flex; padding: 0em; }
.header { padding: 4em 1em 2em 1em; }
.page-id-29 .header { padding: 2em 1em 2em 1em; }
.sticky .header { padding: 1em 1em; }
.top-header .slick-prev { left: 10px; }
.top-header .slick-next { right: 10px; }
.top-header .container { width: 100% !important; }
.top-header .slick-prev,
.top-header .slick-next { width: 30px; height: 30px; background: #fff; color: #000; border-radius: 0; }
.top-header .slick-list { margin: 0 40px; }
.banner-content { width: 90%; }
.banner h2 { font-size: 2.3em; line-height: 1.2; }
.banner h4 { font-size: 1em; margin-bottom: 10px; }
.banner .slick-slide img { height: 500px; }
.rotating { right: 35%; top: -60px; width: 100px !important; }
.hotels p { width: 100%; }
.track li { font-size: 2em; }
.career img { border-radius: 20px; width: 100%; margin-bottom: 50px; }
.career { padding: 4em 2em 4em 2em; border-bottom: solid 1px #eee; }
.testimonial { padding: 5em 0 7em 0; }
.testimonial .slick-list,
.home-news .slick-list { width: 100%; }
.testimonial .slick-slide { margin: 10px; padding: 40px 20px; }
.testimonial p { line-height: 26px; }
.news-slider { margin: 30px 0 30px 0; }
.location-grid { padding-right: 0; margin-left: 0; flex: 0 1 calc((100% / 2) - 1.5em); }
.location-grid:before { display: none; }
.location-grid h3 { font-size: 1.5em; }
.footer .container-flex { display: flex; flex-wrap: wrap; gap: 40px; }
.copyright { margin-top: 40px; }
.home-about img.rotating { display: none; }
.marquee { margin-top: 80px; }
.home-video img { width: 50px; }
.hotels .slick-track { margin: 0; }
.home-about p { padding: 10px 0; line-height: 28px; }
.social-icon li { padding: 10px; }
.footer { padding: 4em 0 3em 0; }
.bookin-form .container-flex > div { flex: 1 1 calc((100% / 1) - 2em); }
.featured-image img { height: auto; }
.bookin-form form > div { flex: 1 1 calc((100% / 1) - 2em); }
.rotating img.text-rotat { width: 100% !important; }
.text-logo { width: 66px !important; }
.bookin-form .rotating { right: 13px; bottom: -43px; }
.footer-logo img { width: 200px; }
.bookin-form { padding: 3em 0 5em 0; }
.inner-banner h2 { font-size: 2em; }
.slick-dots { bottom: 0; position: relative; margin-top: 20px; }
.hotels .slick-slide > div { margin: 15px 0; }
.testimonial-slider { margin-top: 30px; }
.hotels .hotels-slider { margin-top: 30px; }
}
 @media only screen and (max-width: 992px) {
.menu { margin-left: 0; background: #fff; position: fixed; left: -100%; top: 0; height: 100%; border-top: solid 3px #f8cf27; width: 100%; transition: 0.1s; }
.open-menu .menu { left: 0; z-index: 99; transition: 0.1s; }
.menu ul { margin-right: 0; margin-top: 3em; }
.menu ul li { display: inline-block; width: 100%; padding: 15px; border-bottom: solid 1px #eee; }
.main-wrapper .border-but { width: 90%; text-align: center; margin: 20px auto 0 auto; display: block; background: #f8cf27; border-color: #f8cf27; }
.menu ul li a { color: #000; 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: 17px; border: solid #fff; border-width: 2px 0px; position: absolute; top: 0; left: 0; transition: 0.1s; }
.toggle-menu:after { content: ""; width: 100%; height: 2px; background: #fff; 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: #000; }
.open-menu .toggle-menu:before { content: ""; width: 100%; height: 2px; border: none; border-width: 2px 0px; position: absolute; top: 0; left: 0; background: #000; 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; }
.container-flex { display: flex; flex-wrap: wrap; }
.header { padding: 3em 1em 1em 2em; }
.header .thi-but { margin-left: auto; }
.logo img { width: 180px; }
.top-header .slick-prev { left: 0; }
.top-header .slick-next { right: 0; }
.banner .slick-slide img { height: 410px; }
.banner-content { width: 60%; }
.banner h2 { font-size: 3em; }
.banner-content h3 { font-size: 2em; }
.hotels .hotels-slider { margin-top: 30px; }
.roc-title { font-size: 3em; }
.services ul.container-flex { flex-wrap: wrap; }
.services ul li h3 { font-size: 1.8em; }
.services ul li:nth-child(even) { top: 0; }
.services ul li { flex: 0 1 calc((100% / 2) - 1em); }
.service-cta { margin-top: 5em; }
.our-story .thi-title { margin: 0; }
.our-story .container-flex { gap: 2em; }
.rotating { right: 30px; top: -70px; }
.rotating img.text-rotat { width: 140px !important; }
.text-logo { width: 90px !important; }
.hotels .slick-slide > div { margin: 7px; }
.hotels aside { bottom: 25px; left: 15px; }
.hotels p { width: 90%; }
.career .container-flex { gap: 2em; }
.tab-content li { margin: 7px 0; }
.tab-content li:before { width: 7px; height: 9px; }
.home-about p { line-height: 28px; }
.testimonial .slick-slide { margin: 10px; padding: 40px 20px; }
.testimonial p { line-height: 22px; }
.footer .container-flex { gap: 3em; }
.location-grid { padding-right: 20px; margin-left: 20px; flex: 1 1 calc((100% / 3) - 4em); }
}
 @media (min-width: 1024px) and (max-width: 1200px) {
html { font-size: 80%; }
p { font-size: 16px; }
.container { width: 90% !important; }
.services ul.container-flex { gap: 1em; }
.services ul li h3 { font-size: 1.3em; }
.banner-content h3 { font-size: 1.5em; }
.roc-title { font-size: 2.5em; }
.price ul li h3 { font-size: 1.4em; }
.price ul li { padding: 20px 15px; }
.logo img { width: 180px; }
.menu ul li a { padding: 0 12px; margin: 0 12px; }
.header .thi-but { font-size: 15px; }
.rotating img.text-rotat { width: 160px !important; }
.text-logo { width: 100px !important; }
.bookin-form .rotating { right: 13px; bottom: -73px; }
.banner .slick-slide img { height: auto; }
.banner-content { width: 75%; }
.banner h2 { font-size: 4em; }
.top-header .slick-prev { left: 0; }
.top-header .slick-next { right: 0; }
}
 @media (min-width: 1201px) and (max-width: 1500px) {
html { font-size: 80%; }
.container { width: 1140px; margin: 0 auto; }
p { font-size: 16px; }
.services ul.container-flex { gap: 1em; }
.services ul li h3 { font-size: 1.3em; }
.news-slider { margin: 50px 0 0px 0; }
.location-grid { padding-right: 20px; margin-left: 20px; }
.banner .slick-slide img { height: auto; }
.banner-content { width: 75%; }
.rotating img.text-rotat { width: 160px !important; }
.rotating { top: -80px; }
}