.menu-toggle { display: none; }
.mobile-menu { display: none; }
@media screen and (max-width: 1280px) {
	.site-header {
		padding: 10px 0;
	}
	.site-search, .site-account, .main-navigation {
		display: none;
	}
	.site-title {
		max-width: 80px;
	}
	.menu-toggle {
		display: flex;
		width: 30px;
		height: 30px;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.menu-toggle span {
		height: 3px;
		width: 100%;
		position: relative;
		background: #C66376;
	}
	.menu-toggle span:before {
		content: '';
		height: 3px;
		width: 100%;
		position: absolute;
		background: #C66376;
		top: -8px;
	}
	.menu-toggle span:after {
		content: '';
		height: 3px;
		width: 100%;
		position: absolute;
		background: #C66376;
		bottom: -8px;
	}
	.mobile-menu {
		position: fixed;
		background: #fff;
		padding: 20px;
		top: auto;
		left: 0;
		width: 100%;
		display: block;
		opacity: 0;
		pointer-events: none;
		transition: all .5s ease;
		height: calc(100vh - 45px);
		z-index: 20;
	}
	.mobile-menu.active {
		opacity: 1;
		pointer-events: auto;
		transition: all .5s ease;
	}
	.mobile-menu .menu-close {
		width: 25px;
		height: 25px;
		position: absolute;
		right: 25px;
		top: 20px;
		z-index: 50;
		display: block;
	}
	.mobile-menu .menu-close:before {
		content: '';
		height: 3px;
		width: 100%;
		position: absolute;
		background: #C66376;
		top: 18px;
		transform-origin: 50% 50%;
		transform: rotate(45deg);
	}
	.mobile-menu .menu-close:after {
		content: '';
		height: 3px;
		width: 100%;
		position: absolute;
		background: #C66376;
		top: 17px;
		transform-origin: 50% 50%;
		transform: rotate(-45deg);
	}
	.mobile-menu .content {
		height: 100%;
		padding-top: 15px;
		overflow: auto;
	}
	.mobile-menu .content h3 {
		font-size: 1rem;
		text-align: center;
		line-height: 1.5em;
		display: block;
		margin: 0 0 15px;
	}
	.mobile-menu .content ul {
		list-style: none;
		margin: 0 0 20px;
		padding: 0;
		border-bottom: 1px solid rgba(198, 99, 118, 0.3);
	}
	.mobile-menu .content ul li {
		border-top: 1px solid rgba(198, 99, 118, 0.3);
		padding: 0;
		position: relative;
	}
	.mobile-menu .content ul li.menu-item-has-children:after {
		content: '+';
		position: absolute;
		font-size: 30px;
		top: 10px;
		right: 10px;
		color: #C66376;
	}
	.mobile-menu .content ul li a {
		font-weight: bold;
		color: #C66376;
		padding: 8px 0;
		display: inline-block;
	}
	.mobile-menu .content ul ul {
		margin: 0;
		border: none;
		padding-left: 10px;
		display: none;
	}
	.mobile-menu .content ul ul li {
		border: none;
	}
	.mobile-menu .content ul li:focus > ul,
	.mobile-menu .content ul li:hover > ul {
		display: block;
	}
	.mobile-menu .content > ul:last-child li {
		text-align: center;
	}
	.search-panel {
		padding: 50px 0;
	}
	.search-panel form {
		margin-top: 20px;
	}
	.search-panel form ul {
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.search-panel form ul li {
		width: 100%;
		margin-bottom: 15px;
	}
	.search-panel form ul li input.search {
		margin: 15px 0;
	}
	.place-listing .item {
		display: flex;
		flex-flow: row nowrap;
	}
	.place-listing .item .image {
		width: 35%;
		padding-top: 35%;
		flex-shrink: 0;
	}
}
@media screen and (max-width: 1024px) {
	.single-header .row .col-lg-6:nth-child(2) {
		display: flex;
		flex-flow: row-reverse nowrap;
		justify-content: space-between;
		text-align: left;
		align-items: center;
		font-size: 13px;
		padding-top: 20px;
	}
	.single-header .share a {
		margin-left: 5px;
	}
	.search-result-header h3 {
		display: block;
		cursor: pointer;
		margin: 0;
		font-size: 16px;
	}
	.search-result-header form {
		display: none;
	}
	.search-result-header form ul {
		flex-flow: row nowrap;
		justify-content: center;
	}
	.search-result-header form ul li {
		padding-top: 10px;	
	}
	.panel-radius {
		position: relative;
		width: 100% !important;
		padding: 10px 0;
		display: block;
	}
	.home .panel-radius {
		background: none;
		color: #fff;
	}
	.place-listing .item {
		flex-flow: column nowrap;
	}
	.place-listing .item .image {
		width: 100%;
		padding-top: 0;
	}
}
@media screen and (max-width: 768px) {
	.container-fluid {
		padding: 0 15px;
	}
	.search-panel {
		background-attachment: scroll;
	}
	#places-map {
		position: relative;
		top: auto;	
		width: 100% !important;
	}
	#places-map.sticky {
		position: relative !important;
		top: auto !important;
		width: 100% !important;
	}
}
@media screen and (max-width: 480px) {
	.search-result-header form ul {
		flex-flow: column nowrap;
	}
	.search-result-header form ul li {
		width: 100%;
	}
	.search-result-header form ul li .SumoSelect {
		width: 100%;
	}
	.place-results {
		flex-flow: column nowrap;
	}
	.ordering {
		padding-top: 10px;
	}
	.comment-rating-list-wrapper {
		width: 100%;
	}
	.comment-search {
		width: 100%;
		margin-top: 20px;
	}
}