/*--responsive-css-start--*/

@media only screen and (max-width: 1280px) {
	
	.main-contact-text .contact-no-ad-bx ul li p {
		margin-left: 0;
	}

	.main-contact-text .contact-no-ad-bx ul li {
		font-size: 15px;
	}


}
@media only screen and (max-width: 1200px) {
	
	.main-item-txt h1 {
		font-size: 70px;
	}

	.about-top-heading h2 {
		font-size: 30px;
	}

	.about-top-heading .about-slogan {
		font-size: 22px;
	}

	.about-left-area h3, .about-right-area h3 {
		font-size: 28px;
	}

	.about-left-area p, .about-right-area p {
		font-size: 15px;
		margin-bottom: 16px;
	}

	.about-left-area .about-order-btns {
		margin-top: 24px;
	}

	.customers-top-heading h2 {
		font-size: 30px;
	}

	.customers-view-bx .customers-content p {
		font-size: 14px;
	}

	.customers-details h5 {
		font-size: 15px;
	}

	.restaurent-top-heading h2 {
		font-size: 30px;
	}

	.restaurent-top-heading .restaurent-slogan {
		font-size: 22px;
	}

	.our-service-bx a h4 {
		font-size: 20px;
	}

	.res-slogan-heading h2 {
		font-size: 30px;
	}

	.gallery-head h2 {
		font-size: 30px;
	}

	.gallery-head .gallery-slogan {
		font-size: 22px;
	}

	.reservation-head-bx h2 {
		font-size: 30px;
	}

	.reservation-head-bx span {
		font-size: 16px;
	}

	.reservation-head-bx p {
		font-size: 15px;
	}

	.main-contact-heading h2 {
		font-size: 30px;;
	}

	.main-contact-heading .main-contact-slogan {
		font-size: 22px;
	}

	.main-contact-text h3 {
		font-size: 22px;
	}

	.eltd-content-bx h2 {
		font-size: 60px;
	}
	
	.contact-right-area .cntct-fill-bx h4 {
		font-size: 30px;
	}

}

@media only screen and (max-width: 1080px) {
	
	.about-left-area h2 {
		font-size: 32px;
	}

	.about-left-area p {
		font-size: 17px;
	}

	.our-service-head h2 {
		font-size: 32px;
	}

	.our-service-head p {
		font-size: 17px;
	}

	.our-service-bx a h4 {
		font-size: 20px;
	}

	.reservation-head-bx h2 {
		font-size: 30px;
	}

	.reservation-head-bx span {
		font-size: 17px;
	}

	.gallery-head h2 {
		font-size: 30px;
	}

	.gallery-head p {
		font-size: 17px;
	}

	.menu-title h1 {
		font-size: 70px;
	}

	.our-menu-head h2 {
		font-size: 32px;
	}

	.our-menu-view .our-menu-txt .service-view h4 {
		font-size: 18px;
	}

	.our-menu-top h2 {
		font-size: 32px;
	}

	.our-special-bx .menu-special-item ul li {
		width: 48%;
		font-size: 13px;
	}

	.contact-left-area h2 {
		font-size: 32px;
	}

	.contact-right-area .contact-top-text h2 {
		font-size: 32px;
	}
	
}


@media only screen and (max-width: 992px) {
	
	.top-head-bx {
		display: none;
	}
	
	.feature-section .row {
		justify-content: center;
	}
	
	.feature-bx:last-child {
		margin-top: 24px;
	}
	
	.about-left-area {
		margin-bottom: 30px;
	}

	.about-right-area {
		margin-left: 0;
	}

	.about-left-area h2, .about-right-area h3 {
		font-size: 30px;
	}

	.about-left-area p, .about-right-area p {
		font-size: 16px;
	}
	
	.our-service-head h2 {
		font-size: 30px;
	}

	.our-service-head p {
		font-size: 16px;
	}

	.our-service-bx a h4 {
		font-size: 18px;
	}

	.gallery-head p {
		font-size: 16px;
	}

	.footer-link-bx h3 {
		font-size: 18px;
	}

	.follow-bx li {
		width: 104px;
	}

	.menu-title h1 {
		font-size: 56px;
	}

	.menu-title p {
		font-size: 17px;
	}

	.column-pg #myImg {
		width: 226px !important;
	}

	.feature-bx .feature-dtl h3 {
		font-size: 17px;
	}

	.feature-bx .feature-dtl p {
		font-size: 13px;
	}
	
	.feature-bx .feature-dtl p br {
		display: none;
	}

	.our-special-bx {
		display: block;
	}

	.menu-special-item {
		margin-top: 20px;
	}

	.our-special-bx .menu-special-item ul li {
		width: 49%;
		font-size: 13px;
	}

	.our-menu-top h2 {
		font-size: 30px;
	}

	.our-menu-head h2 {
		font-size: 30px;
	}

	.contact-left-area h2 {
		font-size: 30px;
	}

	.contact-right-area .contact-top-text h2 {
		font-size: 30px;
	}

	.contact-left-area p {
		font-size: 17px;
	}

	.contact-right-area {
		margin-top: 26px;
	}

	.main-item-txt {
		top: 20%;
	}

	.main-item-txt h1 {
		font-size: 60px;
	}

	.main-item-txt p {
		font-size: 17px;
	}
	
	.eltd-content-bx h2 {
		font-size: 52px;
	}
	
	.main-contact-text .contact-no-ad-bx ul {
		text-align: center;
	}
	
	.main-contact-text .contact-no-ad-bx ul li {
		width: 49%;
		text-align: left;
	}
	
	.main-contact-text .contact-no-ad-bx ul .cntnt-ad-bx {
		margin-top: 16px;
	}
	
}

@media only screen and (max-width: 991px) {
	
	.top-head-bx {
		display: none;
	}

	.about-top-heading h2 {
		font-size: 28px;
	}

	.about-top-heading .about-slogan {
		font-size: 20px;
	}

	.about-left-area h3, .about-right-area h3 {
		font-size: 26px;
	}

	.about-left-area p, .about-right-area p {
		font-size: 15px;
	}

	.customers-top-heading h2 {
		font-size: 28px;
	}

	.customers-design {
		width: 242px;
	}

	.restaurent-top-heading h2 {
		font-size: 28px;
	}

	.restaurent-top-heading .restaurent-slogan {
		font-size: 20px;
	}

	.res-slogan-heading {
		padding: 120px 80px;
	}

	.res-slogan-heading h2 {
		font-size: 28px;
	}

	.gallery-head h2 {
		font-size: 28px;
	}

	.gallery-head .gallery-slogan {
		font-size: 20px;
	}

	.reservation-head-bx h2 {
		font-size: 28px;
	}

	.reservation-head-bx span {
		font-size: 15px;
	}

	.reservation-head-bx p {
		font-size: 14px;
	}

	.reservation-head-bx p {
		font-size: 14px;
	}

	.main-contact-heading h2 {
		font-size: 28px;
	}

	.main-contact-heading .main-contact-slogan {
		font-size: 20px;
	}

	.main-contact-text h3 {
		font-size: 20px;
	}

	.main-contact-text .contact-no-ad-bx ul li {
		font-size: 15px;
	}

	.main-contact-text .contact-no-ad-bx ul li p {
		margin-left: 0;
		float: unset;
	}

	.footer-link-bx ul li a {
		font-size: 15px;
	}

	.footer-link-bx ul li span {
		padding: 4px 8px;
	}

	.footer-link-bx ul li {
		font-size: 15px;
	}

	.res-opening-dtl p {
		font-size: 15px;
	}

	.contact-right-area .cntct-fill-bx h4 {
		font-size: 28px;
	}

}

@media only screen and (max-width: 768px) {
	
	.hamburger div {
		width: 22px;
		height: 2px;
		margin: 5px;
		transition: .3s;
	}

	.about-left-area h2 {
		font-size: 26px;
	}

	.about-left-area p {
		font-size: 15px;
	}

	.our-service-head h2 {
		font-size: 26px;
	}

	.our-service-head p {
		font-size: 15px;
	}

	.reservation-head-bx h2 {
		font-size: 26px;
	}

	.reservation-head-bx span {
		font-size: 15px;
	}

	.reservation-head-bx p {
		font-size: 15px;
	}

	.gallery-head h2 {
		font-size: 26px;
	}

	.gallery-head p {
		font-size: 15px;
	}

	.gallery-bx {
		margin: 0;
		display: flex;
		-webkit-place-items: center;
		justify-content: center;
	}

	.follow-bx li {
		width: 78px;
	}

	.footer-btm-text p {
		font-size: 15px;
	}

	.menu-title h1 {
		font-size: 50px;
	}

	.menu-title p {
		font-size: 15px;
	}

	.our-menu-top h2 {
		font-size: 24px;
	}

	.our-menu-top p {
		font-size: 14px;
	}

	.our-menu-head h2 {
		font-size: 24px;
		margin-bottom: 8px;
	}

	.our-menu-view .our-menu-txt .our-menu-type span {
		font-size: 14px;
	}

	.our-menu-view .our-menu-txt .service-view h4 {
		font-size: 17px;
	}

	.feature-section .row {
		justify-content: center;
	}

	.feature-bx {
		margin-top: 14px;
	}

	.column-pg #myImg {
		width: 32% !important;
	}

	.contact-left-area h2 {
		font-size: 26px;
	}

	.contact-left-area p {
		font-size: 16px;
	}

	.contact-bx .contact-icon span {
		padding: 8px 13px;
		font-size: 20px;
	}

	.contact-bx .contact-icon .contact-dtl h3 {
		font-size: 18px;
	}

	.contact-bx .contact-icon .contact-dtl p {
		font-size: 14px;
	}

	.contact-bx .contact-icon .contact-dtl .contact-cntnt {
		font-size: 14px;
	}

	.contact-social ul li .abt-social {
		padding: 10px 14px;
		font-size: 20px;
	}

	.contact-right-area .contact-top-text h2 {
		font-size: 26px;
	}

	.contact-form-bx input {
		font-size: 15px;
	}

	.contact-form-bx select {
		font-size: 15px;
	}

	.contact-form-bx textarea {
		font-size: 15px;
	}

	.contact-form-bx .contact-btn {
		font-size: 15px;
	}

	.main-item-txt {
		top: 14%;
	}

	.main-item-txt h1 {
		font-size: 46px;
	}

	.main-item-txt p {
		font-size: 16px;
	}
	
	.contact-right-area .cntct-fill-bx h4 {
		font-size: 26px;
	}

}

@media only screen and (max-width: 768px) {
	
	.main-item-txt {
		top: 20%;
	}

	.main-item-txt span {
		font-size: 14px;
	}

	.main-item-txt span b {
		font-size: 14px;
	}

	.main-item-txt h1 {
		font-size: 46px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.about-top-heading h2 {
		font-size: 26px;
	}

	.about-top-heading .about-slogan {
		font-size: 18px;
	}

	.about-left-area h3, .about-right-area h3 {
		font-size: 24px;
	}

	.about-left-area p, .about-right-area p {
		font-size: 14px;
	}

	.customers-top-heading h2 {
		font-size: 26px;
	}

	.customers-details h5 {
		font-size: 14px;
	}

	.restaurent-top-heading h2 {
		font-size: 26px;
	}

	.restaurent-top-heading .restaurent-slogan {
		font-size: 18px;
	}

	.res-slogan-heading h2 {
		font-size: 24px;
	}

	.gallery-head h2 {
		font-size: 26px;
	}

	.gallery-head .gallery-slogan {
		font-size: 18px;
	}

	.main-contact-heading h2 {
		font-size: 26px;
	}

	.main-contact-heading .main-contact-slogan {
		font-size: 18px;
	}

	.main-contact-text .contact-no-ad-bx ul li {
		font-size: 15px;
		width: 100%;
		display: block;
		padding-bottom: 16px;
	}

	.contact-fill-main-bx .cntct-fill-bx {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.contact-fill-main-bx .cntct-fill-bx h4 {
		font-size: 22px;
	}

	.footer-link-bx h3 {
		font-size: 16px;
	}

	.footer-link-bx ul li a {
		font-size: 14px;
	}

	.footer-link-bx ul li {
		font-size: 14px;
	}

	.res-opening-dtl p {
		font-size: 14px;
	}

	.footer-btm-text p {
		font-size: 14px;
	}

}

@media only screen and (max-width: 481px) {
	
	.navbar-brand {
		width: 62px;
	}

	.navbar-brand img {
		padding: 2px;
	}

	.menu-title-section {
		margin-top: 68px;
	}

	.menu-title h1 {
		font-size: 40px;
	}

	.our-menu-top {
		display: block;
	}

	.our-menu-top h2 {
		font-size: 22px;
		margin-bottom: 6px;
	}

	.our-special-bx .menu-special-item ul li {
		width: 49%;
		font-size: 12px;
	}

	.view-btn {
		font-size: 14px;
	}

	.our-menu-head h2 {
		font-size: 22px;
	}

	.our-menu-section .col-lg-12.col-md-12.col-12.mb-4 {
		margin-bottom: 10px !important;
	}

	.top-head-bx ul li .view-btn {
		font-size: 12px;
	}

	.hamburger div {
		width: 18px;
		height: 1.4px;
		margin: 5px;
		transition: .3s;
	}

	.menu-title p {
		font-size: 14px;
	}

	.feature-section .row {
		justify-content: center;
	}

	.feature-bx {
		margin-top: 14px;
	}

	.feature-bx {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		transition: all .3s ease-in;
		margin-top: 14px;
	}

	.column-pg #myImg {
		width: 100% !important;
	}

	.contact-left-area h2 {
		font-size: 22px;
	}

	.contact-left-area p {
		font-size: 15px;
	}

	.contact-bx .contact-icon span {
		padding: 6px 10px;
		font-size: 17px;
	}

	.contact-bx .contact-icon .contact-dtl h3 {
		font-size: 16px;
	}

	.contact-bx .contact-icon .contact-dtl p {
		font-size: 13px;
	}

	.contact-bx .contact-icon .contact-dtl .contact-cntnt {
		font-size: 13px;
	}

	.contact-social ul li .abt-social {
		padding: 8px 12px;
		font-size: 18px;
	}

	.contact-right-area .contact-top-text h2 {
		font-size: 22px;
	}

	.contact-form-bx input {
		font-size: 14px;
	}

	.contact-form-bx select {
		font-size: 14px;
	}

	.contact-form-bx textarea {
		font-size: 14px;
	}

	.contact-form-bx .contact-btn {
		font-size: 14px;
	}

	.contact-right-area {
		margin-top: 24px;
		padding: 0px 4px;
	}
	
	.contact-right-area .cntct-fill-bx h4 {
		font-size: 22px;
	}

	.main-banner-section {
		margin-top: 68px;
	}

	.banner-mid-area .item {
		height: 308px;
	}

	.banner-mid-area .item img {
		position: relative;
		z-index: 1;
		height: 100%;
	}

	.banner-mid-area .owl-nav .owl-prev i {
		display: none !important;
		top: 34%;
	}

	.banner-mid-area .owl-nav .owl-next i {
		display: none !important;
		top: 34%;
	}

	.main-item-txt {
		top: 30%;
		width: 100%;
	}

	.about-left-area {
		margin-top: 0px;
	}

	.feature-bx .feature-icon {
		width: 60px;
	}

	.main-item-txt span {
		font-size: 13px;
	}

	.main-item-txt span b {
		font-size: 13px;
	}

	.main-item-txt h1 {
		font-size: 30px;
		margin: 28px 0px;
	}

	.main-item-txt p {
		font-size: 14px;
		margin-bottom: 15px;
	}

	.about-top-heading h2 {
		font-size: 24px;
	}

	.about-top-heading .about-slogan {
		font-size: 16px;
	}

	.about-left-area h3, .about-right-area h3 {
		font-size: 22px;
	}

	.customers-top-heading h2 {
		font-size: 24px;
	}

	.customers-design {
		width: 220px;
	}

	.customers-details .customers-image {
		width: 48px;
	}

	.restaurent-top-heading h2 {
		font-size: 24px;
	}

	.restaurent-top-heading .restaurent-slogan {
		font-size: 16px;
	}

	.res-slogan-heading {
		padding: 88px 26px;
	}

	.res-slogan-heading h2 {
		font-size: 22px;
	}

	.gallery-head h2 {
		font-size: 24px;
	}

	.gallery-head .gallery-slogan {
		font-size: 16px;
	}

	.reservation-head-bx h2 {
		font-size: 24px;
	}

	.reservation-head-bx span {
		font-size: 14px;
	}

	.reservation-head-bx p {
		font-size: 14px;
	}

	.main-contact-heading h2 {
		font-size: 24px;
	}

	.main-contact-heading .main-contact-slogan {
		font-size: 16px;
	}

	.main-contact-text h3 {
		font-size: 18px;
	}

	.contact-fill-main-bx .cntct-fill-bx h4 {
		font-size: 20px;
	}

	.footer-link-bx h3 {
		font-size: 15px;
	}

	.footer-link-bx ul li span {
		padding: 4px 8px;
		font-size: 16px;
	}

	.eltd-content-bx h2 {
		font-size: 44px;
	}

	.footer-btm-text p a {
		font-size: 14px;
	}

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

	ul.navbar-nav.nav-links li.nav-item a.nav-link {
		padding: 6px 0!important;
	}
	
	.res-opening-dtl p:last-child {
		padding-bottom: 18px;
	}
	
	.feature-bx {
		justify-content: center;
	}

}

@media only screen and (max-width: 480px) {
	
	.gallery_wrapper img {
		display: inline-block;
		width: 102px !important;
		margin: 5px 4px;
	}

	.gallery_wrapper {
		--img-size: unset;
		display: unset;
		gap: 0.5rem;
		grid-template-columns: repeat(6, var(--img-size));
		grid-template-rows: repeat(4, var(--img-size));
	}

	.gallery_wrapper img:not(:hover) {
		animation: unset;
	}

	.gallery_wrapper img {
		max-width: unset;
		aspect-ratio: unset;
		object-fit: unset;
		grid-column: unset;
		border-radius: unset;
		clip-path: unset;
		transition: unset;
	}
}

@media only screen and (max-width: 575px) {
	
	.column-pg #myImg {
		width: 48% !important;
	}
	
}
@media only screen and (max-width: 415px) {
	
	.navbar-brand {
		width: 50px;
	}
	
	.main-item-txt ul li {
		padding: 0px 2px;
	}

	.menu-title-section {
		margin-top: 56px;
	}

	.menu-title h1 {
		font-size: 36px;
	}

	.our-menu-top h2 {
		font-size: 20px;
	}

	.our-menu-top p {
		font-size: 13px;
	}

	.our-special-bx .menu-special-item ul li {
		width: 100%;
		font-size: 13px;
	}

	.our-menu-head h2 {
		font-size: 20px;
	}

	.our-menu-view .our-menu-txt .service-view h4 {
		font-size: 16px;
	}

	.our-menu-view .our-menu-txt .our-menu-type span {
		font-size: 13px;
	}

	.top-head-bx ul li a {
		font-size: 13px;
	}

	.main-banner-section {
		margin-top: 55px;
	}

	.about-section {
		padding: 30px 0px;
	}

	.about-left-area span {
		font-size: 15px;
	}

	.about-left-area h2 {
		font-size: 22px;
	}

	.about-left-area p {
		font-size: 14px;
	}
	
	.main-contact-text .contact-no-ad-bx ul li {
		font-size: 14px;
	}

	.view-btn {
		font-size: 14px;
	}

	.our-service-head h2 {
		font-size: 22px;
	}

	.our-service-head p {
		font-size: 14px;
	}

	.reservation-head-bx h2 {
		font-size: 22px;
	}

	.reservation-head-bx span {
		font-size: 14px;
	}

	.reservation-head-bx p {
		font-size: 14px;
	}

	.gallery-head h2 {
		font-size: 22px;
	}

	.gallery-head p {
		font-size: 14px;
	}

	.gallery_wrapper img {
		width: 85px !important;
	}

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

	.gallery-head h2 {
		font-size: 22px;
	}

	.reservation-head-bx h2 {
		font-size: 22px;
	}

	.reservation-head-bx span {
		font-size: 14px;
	}

	.reservation-head-bx p {
		font-size: 14px;
	}

	.gallery-head p {
		font-size: 14px;
	}

	.column-pg #myImg {
		width: 100% !important;
	}

	.our-special-bx .menu-special-image {
		width: 100%;
	}

	.footer-link-bx h3 {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.follow-bx li {
		width: 67px;
	}

	.footer-link-bx ul li span {
		font-size: 15px;
		margin-right: 8px;
	}

	.footer-btm-text p {
		font-size: 14px;
	}

	.footer-btm-text p a {
		font-size: 14px;
	}

	.footer-logo-area .footer-logo {
		width: 68px;
	}

	.contact-left-area p {
		font-size: 14px;
	}

	.banner-mid-area .item {
		height: 308px;
	}

	.banner-mid-area .item img {
		position: relative;
		z-index: 1;
		height: 100%;
	}

	.main-item-txt h1 {
		font-size: 30px;
		margin: 26px 0px;
	}

	.main-item-txt p {
		font-size: 14px;
		margin-bottom: 20px;
		padding: 0px 10px;
	}

	.about-top-heading h2 {
		font-size: 22px;
	}

	.about-top-heading .about-slogan {
		font-size: 15px;
	}

	.about-left-area h3, .about-right-area h3 {
		font-size: 20px;
	}

	.customers-top-heading h2 {
		font-size: 22px;
	}

	.main-contact-text .contact-no-ad-bx ul li span {
		float: inline-start;
	}
	
	.restaurent-top-heading h2 {
		font-size: 22px;
	}

	.restaurent-top-heading .restaurent-slogan {
		font-size: 15px;
	}

	.res-slogan-heading h2 {
		font-size: 20px;
	}

	.gallery-head h2 {
		font-size: 20px;
	}

	.gallery-head .gallery-slogan {
		font-size: 15px;
	}

	.main-contact-heading h2 {
		font-size: 22px;
	}

	.main-contact-heading .main-contact-slogan {
		font-size: 15px;
	}

	.main-contact-text h3 {
		font-size: 17px;
	}

	.contact-fill-main-bx .cntct-fill-bx h4 {
		font-size: 18px;
	}

	.contact-fill-main-bx .cntct-fill-bx p {
		font-size: 13px;
	}

	.main-item-txt ul {
		margin-right: 4px;
	}
	
	.eltd-content-bx h2 {
		font-size: 34px;
	}

}

@media only screen and (max-width: 400px) {
	
	.column-pg #myImg {
		width: 100%!important;
	}

	.gallery_wrapper img {
		width: 98% !important;
	}

	.gallery_wrapper img:hover {
		z-index: 100;
		clip-path: unset;
	}
	
	.contact-left-area {
		padding: 30px 24px;
	}
}

@media only screen and (max-width: 380px) {
	
	.main-item-txt h1 {
		font-size: 26px;
	}
}

/*--responsive-css-end--*/