@media only screen and (min-width: 768px) and (max-width: 1149px) {
	

}

@media only screen and (max-width: 767px) {

	ul.navbar-nav {
	    display: none;
	}
	a.navbar-brand-logo img {
	    width: 150px;
	    height: auto;
	}
	header.main-header{
		padding:0 ;
	}
	.top-head{
		padding: 50px 0;
	}
	.banner-form-wraper {
	    margin-top: 30px;
	}
	.offcanvas-body li.nav-item {
	    margin-bottom: 15px;
	}
	.banner-form-title {
	    font-size: 25px;
	}

	.header-search-bar form.search-bar {
		display: none;
	}

	.offcanvas-body ul.navbar-nav {
		display: block;
	}

	.offcanvas-body ul.navbar-nav a.nav-link {
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: 16px;
	}

	.offcanvas-body ul.navbar-nav a.nav-link i.fa-solid {
		font-size: 18px;
	}

	header button.navbar-toggler {
		display: block;
		border: none;
		color: #fff;
	}

	header i.fa-solid.fa-bars {
		font-size: 0;
	}

	.header-search-bar input[type="text"],
	header .link-menu {
		display: none;
	}

	.view-img {
	    margin: 5px 0;
	}
	h2.section-title {
	    font-size: 22px;
	}
	section#about .thumbnail-box {
	    margin-top: 30px;
	}
	.event-palning-content{
		padding:50px 0 ;
	}
	.event-palning-content .section-title {
	    font-size: 30px;
	    line-height: 1;
	}
	.booking-details a.call,
	.event-palning-content strong {
	    font-size: 25px;
	}
	.availability-list-locations{
		padding:50px 0;
	}
	section#contact,
	section#Photos {
	    padding: 50px 15px;
	}
	.contact-form button {
	    width: 60%;
	}
	.map-section iframe {
	    height: 280px;
	}
	.contact-form .form-group.row .col-md-6 {
	    margin-bottom: 10px;
	}
	.footer-bttom {
	    padding: 25px 0;
	}
	.footer-bttom .col-md-6 {
	    text-align: center !important;
	}
	.events-viewed .col-md-3 {
	    width: 50%;
	    padding: 5px 10px;
	}
	.banner-slider .btn.btn-primary{
		display: none !important;
	}
	.footer-bttom p {
	    margin: 0 0 10px;
	}

	.pb-40,
	.pb-30 {
		padding-bottom: 20px !important;
	}

	.pt-40,
	.pt-30 {
		padding-top: 20px !important;
	}

	.pb-60 {
		padding-bottom: 40px;
	}

	.pt-60 {
		padding-top: 40px;
	}

	.pb-80 {
		padding-bottom: 50px;
	}

	.pt-80 {
		padding-top: 50px;
	}

	.pb-80 {
		padding-bottom: 50px !important;
	}

	.banner-slider h2 {
		font-size: 30px;
	}



}