@media only screen and (max-width: 1600px) {
	.navbar-nav {
		gap: 1.5rem;
	}

	.themeBtn {
		padding: 1rem 1.3em;
	}

	.navbar-brand img {
		width: 240px;
	}

	.main-slider {
		height: 100vh;
	}

	.mainHead {
		font-size: 6.5rem;
	}

	section {
		overflow: hidden;
	}

	.menusContents {
		left: 1rem;
	}

	.menusContents h3 {
		font-size: 1.8rem;
	}

	.secHeading {
		font-size: 3.375rem;
	}

	.swiper-button-next {
		right: 0;
	}

	.swiper-button-prev {
		left: 0;
	}

	.videoWraps video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.innerBanner .mainHead {
		font-size: 4.5rem;
		margin: 0;
	}

	.menuSec.quotePage {
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 1445px) {
	.mainHead {
		font-size: 5rem;
	}

	.main-slider {
		height: 80vh;
	}

	.banArrow {
		left: 3rem;
	}

	.quote img {
		width: 50px;
	}

	footer {
		padding-top: 3rem;
	}

	.innerBanner .mainHead {
		font-size: 4rem;
	}

	.galleryWrapsss.glassImg img {
		height: 400px;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}

	.menuWraps figure img {
		height: 380px;
	}

	.innerBanner .mainHead {
		font-size: 3.5rem;
	}

	.menuContent p {
		width: 100%;
	}

	.contactBox figure {
		width: 120px;
		height: 120px;
	}

	.contactinfoWrapss {
		margin-bottom: 5rem;
	}

	.contactInner {
		padding: 3rem 0;
	}

	.mapSec iframe {
		height: 400px;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}

	.navbar-brand img {
		width: 200px;
	}

	.navbar-nav .nav-item .nav-link {
		font-size: 15px;
	}

	.mainHead {
		font-size: 4rem;
	}

	.banArrow {
		left: inherit;
		right: 3rem;
	}

	.main-slider {
		height: 70vh;
	}

	.drinksSec {
		padding: 3rem 0;
	}

	.userWrap h3 {
		font-size: 17px;
	}

	.videoSec {
		padding: 3rem 0;
	}

	.contactInfo a {
		font-size: 18px;
	}

	.swiper-slide.swiper-slide-next .instaLogo img {
		height: 50px;
	}

	.homeSlider .swiper-pagination-bullet {
		width: 40px;
	}

	.drinkmenuSec {
		padding-top: 3rem;
	}

	.secHeading {
		font-size: 2.6rem;
	}

	.menuSec .subHeading {
		font-size: 2.5rem;
	}

	.contactBox figure {
		width: 100px;
		height: 100px;
	}

	.mapSec iframe {
		height: 300px;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}

	.navbar-toggler {
		border: 1px solid #fff;
		color: #fff;
	}

	.navbar-collapse {
		background: #fff;
		padding: 20px 0;
	}

	.navbar-nav .nav-item .nav-link {
		color: #000;
	}

	.menuContent .btn-group {
		flex-flow: wrap;
	}

	.menuSec {
		padding: 1rem 0 1rem 0;
	}

	.menuSec .subHeading {
		font-size: 2.4rem;
	}

	.contactInfo a {
		font-size: 16px;
	}

	.main-slider {
		height: 60vh;
	}

	header {
		padding-top: 0.8rem;
	}

	.innerBanner .mainHead {
		font-size: 3rem;
		text-align: center;
	}

	.galleryWrapsss.glassImg img {
		height: 270px;
	}

	.galleryInner {
		padding: 3rem 0;
	}

	.contactBox {
		flex-shrink: 0;
		gap: 1rem;
	}

	.contactBox figure {
		box-shadow: none;
	}

	.contactInformations h4 {
		font-size: 20px;
	}
}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}

	.banArrow a img {
		height: 40px;
		object-fit: contain;
	}
.testimonialBox p {
    height: 130px;
    overflow: overlay;
    margin: 2rem 0;
}
.mainHead {
    font-size: 4rem;
    line-height: 1.2;
}
.testimonialBox p

	.menuImg img {
		width: 50%;
		margin: auto;
		display: table;
	}

	.menuContent {
		text-align: center;
		padding-top: 2rem;
	}

	.servicesBox {
		flex-flow: wrap;
	}

	.menuWraps figure img {
		height: auto;
	}

	.footLogo img {
		width: 200px;
		margin: 0 0 2rem;
	}

	.contactInfo a span {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.footBottom p {
		text-align: center;
		margin: 0 0 1rem;
	}

	.footBottom ul {
		justify-content: center;
	}

	.homeSlider .swiper-pagination-bullet {
		width: 20px;
	}

	.main-slider {
		height: 80vh;
	}

	p {
		font-size: 15px;
	}

	.contactInfo a span {
		font-size: 16px;
	}

	.innerBanner img.w-100 {
		height: 100%;
		object-fit: cover;
	}

	.menuSec.aboutInner .menuImg img {
		width: 100%;
	}

	.contactinfoWrapss {
		flex-flow: wrap;
		gap: 1.5rem;
		margin-bottom: 3rem;
	}
	.main-slider {
    height: 100%;
    object-fit: cover;
}
.navbar-brand img {
    width: 130px;
}
}

@media (max-width: 575.98px) {
	.menuContent .btn-group .heading {
		font-size: 18px;
	}
.testimonialBox p {
    overflow: hidden;
}
	.menuContent .btn-group {
		align-items: center;
	}

	.testimonialSec {
		padding-bottom: 1rem;
	}

	.secHeading {
		font-size: 2rem;
	}

	.heading {
		font-size: 1.575rem;
	}

	.instaWraps figure img {
		width: 100%;
	}

}

@media (max-width: 320.98px) {
	.mainHead {
    font-size: 3rem;}
		.navbar-brand img {
    width: 100px;
}
.innerBanner .mainHead {
    font-size: 2rem;
    text-align: center;
    margin-top: 2rem;
}
.contactBox figure img {
    width: 40px;
}
.contactBox figure {
    width: 70px;
    height: 70px;
}
}