@media (max-width: 767px) {

	body {
		overflow-x: hidden;
	}

	.container {
		width: auto;
	}

	.site-logo {
		max-width: 200px;
		margin: 0 auto;
	}

	.info {
		text-align: center;
	}

	.info li {
		margin-right: 15px;
		font-size: 13px;
	}

	ul.sociallinks {
		text-align: center;
	}

	.site-navigation ul li {
		display: block;
	}

	div#n2-ss-2 .n2-ss-layer .n2-font-29e3fe6c66aae2388852f122f781a542-hover {
		font-size: 14px !important;
	}

	div#n2-ss-2 .n2-ss-layer .n2-font-515cded86fa5127d324cf8762f07d606-paragraph {
		font-size: 14px !important;
	}

	.site-navigation ul li a {
		padding: 10px 15px;
		font-size: 14px;
	}

	.site-navigation .container {
		padding: 0;
	}

	.welcome {
		padding: 20px 0;
	}

	.sectiontitle {
		font-size: 17px;
	}

	.welcome p {
		font-size: 14px;
	}

	.welcome-list ul li {
		margin-right: 0px;
		width: 49%;
		margin: 0 0 20px;
	}

	.attractions {
		padding: 20px 0;
	}

	.attractions .sectiontitle {
		margin: 0 0 20px;
	}

	.attractions-block {
		margin: 0 0 10px;
	}

	.foo-widgets {
		margin: 0 0 20px;
	}

	.foo-widgets ul li {
		font-size: 14px;
	}

	.foo-widgets h4 {
		margin: 0 0 10px;
	}

	.site-footer {
		padding: 0 0 10px;
	}

	.site-footer p {
		font-size: 12px;
	}

	.site-footer .thumbnail-img {
		margin: 15px 0 0;
	}

	.site-navigation {
		display: none;
	}
	
	button.toggle-btn {
		display: block;
	}

}