@media only screen and (min-width: 991px) and (max-width: 1199px) {

}

@media only screen and (min-width: 991px) and (max-width: 1024px) {

	.hero-banner,
	.hero-banner .main-content,
	.hero-banner .main-content .bg-hero {
		max-height: 640px;
	}

	.card-panel .card-details .btn-food {
		left: 8%;
	}

	.card-panel .card-details .btn-beverage {
		left: 13%;
	}

	.card-panel .card-details .btn-accommodation {
		right: 3%;
	}

	.card-panel .card-details .btn-incentive {
		right: 10%;
	}

	.card-panel .card-details .btn-vouchers {
		right: 24%;
	}	

}

@media only screen and (min-width: 320px) and (max-width: 992px) {

}

@media (max-width:812px) { 

}

@media only screen and (min-width: 320px) and (max-width: 992px) {

}

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

	.hero-banner,
	.hero-banner .main-content,
	.hero-banner .main-content .bg-hero {
		max-height: 640px;
	}

	.hero-banner .side-contact,
	.filler-panel .side-email {
		display: none;
	}

	.about-panel .social-media {
		right: 24px;
	}

	.about-panel .content,
	.filler-panel .content {
		width: 520px;
	}

	.card-panel .card-details img {
		max-width: 300px;
	}

	.card-panel .card-details .btn-food {
		left: 6%;
	}

	.card-panel .card-details .btn-beverage {
		left: 8%;
	}

	.card-panel .card-details .btn-accommodation {
		right: 3%;
	}

	.card-panel .card-details .btn-incentive {
		right: 4%;
	}

	.card-panel .card-details .btn-vouchers {
		right: 18%;
	}

	footer .footer-panel,
	.filler-panel .item-panel {
		flex-flow: row wrap;
	}

	footer .info-footer {
		width: 35%;
		margin: 8px auto;
	}

	.filler-panel .item-panel .item {
		flex-basis: 50%;
	}

	.filler-panel .item-panel .item:nth-child(3),
	.filler-panel .item-panel .item:nth-child(4) {
		margin-top: 40px;
	}

	.filler-panel .item-panel .item:nth-child(even) {
		padding-right: 0;
		border: none;
	}

	.filler-panel .item-panel .item:nth-child(odd) {
		padding-left: 0;
	}

	footer .info-footer:nth-child(4) ul {
		width: 120px;
	}

	footer .info-footer:nth-child(4) ul li {
		flex: 1;
	}

}

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

	.hero-banner,
	.hero-banner .main-content {
		max-height: 100vh;
	}

	.hero-banner .main-content .bg-hero {

	}

	.hero-banner .container img {
		margin-top: 120px;
	}

	.helpers {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 12px 12px -12px rgba(0,0,0,.4);
	}

	.helpers ul li {
		flex-grow: 1;
		flex-basis: 0;
		margin: 0;
	}

	.helpers ul li:first-child {
		border-right: 1px solid rgba(0,0,0,.16);
	}

	.helpers ul li a:hover {
		background: #b2892f;
		color: #fff;
	}

	.helpers ul li a {
		display: block;
		padding: 16px 16px !important;
		background: #fff !important;
		text-align: center;
		color: #262d39 !important;
		border-radius: 0 !important;
	}

	.helpers ul li a:hover {
		background: #b2892f !important;
		color: #fff !important;
	}

	.hero-banner .header {
		top: 39%;
		bottom: auto;
	}

	.hero-banner .header small,
	.hero-banner .header h2,
	.hero-banner .header h3 {
		position: relative;
		left: 0;
		right: 0;
	}

	.hero-banner .header h2,
	.hero-banner .header h3 {
		font-size: 56px;
		line-height: 52px;
	}

	.hero-banner h3:before {
		display: none;
	}

	.hero-banner .hero-object {
		bottom: -200px;
	}

	.hero-banner .hero-object img {
		left: 0;
		width: 70%;
	}

	.about-panel .content,
	.filler-panel .content {
		width: 100%;
	}

	.about-panel .social-media {
		position: static;
		margin-top: 32px;
	}

	.about-panel .social-media ul li {
		display: inline-block;
	}

	.about-panel .social-media ul li a {
		width: 48px;
		height: 48px;
		padding: 0;
		line-height: 48px;
	}

	h2 br {
		display: none;
	}

	.card-panel .card-details{
		margin-top: 48px;
	}

	.card-panel .card-details img {
		max-width: 100%;
	}

	.card-panel .btn-list {
		display: flex;
		flex-flow: row wrap;
		margin-bottom: 40px;
	}

	.card-panel .btn-list a {
		width: 100%;
		padding: 8px 0;
		position: static !important;
		border-bottom: 1px solid #eee;
		text-align: left;
	}

	.card-panel .btn-list a i {
		text-align: center;
	}

	.filler-panel img {
		top: 0;
		left: auto;
		right: 0;
		width: auto;
		height: 100%;
	}

	footer .info-footer {
		width: 100%;
	}

	.about-panel {
	    padding: 220px 0 48px 0;
	}

	.card-panel,
	footer {
		padding: 48px 0;
	}

	footer{
		text-align: center;
	}

	footer h3{
		display: inline-block;
		margin-bottom: 16px;
	}

	footer h3:after {
		display: none;
	}

	footer .info-footer:nth-child(4) ul {
		margin: 0 auto;
	}

	.filler-panel {
		padding: 80px 0 56px 0;
	}

	footer .footer-helper {
		flex-direction: column;
	}

	footer .footer-helper .links,
	footer .footer-helper .copyright {
		width: 100%;
	}

	footer .footer-helper .links ul li {
		float: none;
		display: inline-block;
	}

	footer .footer-helper .copyright {
		margin-top: 12px;
		text-align: center;
	}

	footer .footer-helper .copyright span {
		display: none;
	}

	.card-panel .btn-helper .btn-shop {
		padding: 12px 16px;
		margin: 0 2px;
	}

	.filler-panel .item-panel .item {
		padding: 0 24px;
	}

	.filler-panel .item-panel .item ul li {
		display: block;
		padding: 8px 0;
		border-right: none;
		border-bottom: 1px dashed rgba(255, 255, 255, .1);
	}

}

@media (max-width:360px) { 

}

@media (max-width:320px) { 

}