.mobile-menu {
	display: none;
}
.uk-offcanvas-bar .uk-navbar-container.uk-navbar {
    background: none;
    float: none;
}
.uk-offcanvas-bar li, .uk-offcanvas-bar li a {
    display: block;
    float: none;
    height: auto;
}
.uk-offcanvas-bar li a {
    font-size: 20px !important;
    margin-bottom: 20px;
}
.uk-offcanvas-bar ul.uk-navbar-nav.nav.menu {
    display: block;
}
.uk-width-1-2.offcanvas-button a {
    color: #fff;
    margin: 30px 20px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
@media (min-width: 1024px) and (max-width: 1400px) {

}
@media (max-width: 1024px) {
    
    .top-a ul {
        grid-template-columns: repeat(5,minmax(100px,1fr));
    }
    .top-a ul li {
        height: auto;
        padding: 20px;
    }

.uk-navbar-nav > li > a {
    font-size: 0 20px;
    padding: 0 10px;
    font-size: 14px;
}
.top-cd {
	background: #f8f8f8;
	margin: 0;
}
.image-text {
	padding: 20px;
}
.image-top {
	height: 200px;
	background-size: cover;
}
.image-text {
	padding: 20px;
	position: relative;
	height: auto;
}
.module-imagetop::after {
    content: none;

}
.custom.module-imagetop:hover .image-text {
	background: rgba(27, 91, 99, .8);
	height: auto;
}
.offcanvas-button {
    display: block !important;
    position: absolute;
    right: 30px;
    top: 30px;
}
.offcanvas-button a {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

}
@media (max-width: 850px) {
    .menu .phone, .menu #button-booking {
        display: none !important;
    }    
.hidden-small {
	display: none;
}
.uk-width-6-10.menu .moduletable {
    display: none;
}
.wbg-text {
    width: auto;
    padding: 40px;
}
.top-a {
    padding: 70px 0;
}
.uk-width-1-2.step-img {
    display: none;
}
.top-b {
    position: relative;
    background-size: cover !important;
    padding: 50px;
}
.top-b:before {
    content: "";
    background: rgba(0,0,0,.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.uk-container {
    position: relative;
}
.top-b .moduletable {
    max-width: 100%;
    padding: 50px 0;
}
.top-c {
    padding: 50px 0;
}
.top-cd::before{
	content: none;
}
.top-cd::before{
	content: none;
}
.tours .offcanvas-button a {
    color: #000;
}
.pull-left.item-image {
    margin-right: 0;
    margin-bottom: 40px;
}
.book-banner .wbg-text {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
}
a.logo {
    text-align: 0;
    top: 0;
    left: 0;
    margin: 20px;
}

.uk-width-5-10 {
    width: 100%;
}


.offcanvas-button {
    display: block !important;
}
.offcanvas-button {
    text-align: right;
}
.mobile-menu {
	display: block;
}
a.logo-small {
	margin: 20px;
	display: block;
}

.uk-width-1-2.offcanvas-button {
	text-align: right;
}
.uk-width-1-2.offcanvas-button a {
	color: #fff;
	margin: 30px 20px;
	display: block;
}

.uk-width-1-2 {
	width: 100%;
}

#visformcontainer {
    width: auto;
    padding: 0;
}

.mobile-menu .uk-width-1-2 {
	width: 50%;
}
.logo-small p {
	margin: 0;
}
.moduletable_menu {
    display: none;
}
.visforms-form {
    padding: 40px;
}
.top-cd {
	background: #f8f8f8;
	margin: 0;
}
.image-text {
	padding: 20px;
}
.image-top {
	height: 200px;
	background-size: cover;
}
.image-text {
	padding: 20px;
	position: relative;
	height: auto;
}
.module-imagetop::after {
    content: none;

}
.custom.module-imagetop:hover .image-text {
	background: rgba(27, 91, 99, .8);
	height: auto;
}
}
@media (max-width: 667px) {
    .top-a ul {
        display: block;
        /* margin-bottom: 30px; */
    }
    .top-a ul li {
        height: auto;
        padding: 40px;
        margin-bottom: 40px;
    }
    .top-a ul li img {
        max-width: 150px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    .bottom-info {
        display: block;
        text-align: center;
    }
    .bottom-info a {
        display: block;
        margin: 10px auto;
    }
    .uk-width-1-4.footer-right {
        justify-content: center;
    }
.uk-width-3-5, .uk-width-6-10 {
    width: 100%;
}
a.logo img {
    max-width: 70%;
    margin-left: 20px;
}
.uk-width-4-10.panel1 {
    height:80px;
}

a.logo {
    text-align: 0;
    top: 0;
    left: 0;
    text-align: left;
    display: inline-block;
    margin: 20px 0;
}

.offcanvas-button {
    float: right;
    margin: 0 30px;
}

.offcanvas-button {
    float: right;
    margin: 0 20px;
    height: 100%;
}


a.logo-small {
	margin: 20px;
	display: block;
}

.uk-width-1-2.offcanvas-button {
	text-align: right;
}
.uk-width-1-2.offcanvas-button a {
	color: #fff;
	margin: 30px 20px;
	display: block;
}

.uk-width-1-2 {
	width: 100%;
}
.uk-width-1-3 {
	width: 100%;
}
#visformcontainer {
    width: auto;
    padding: 0;
}

.visforms-form {
    padding: 40px;
}
.uk-grid.main-top {
    margin-left: 0;
}

.top-d li.uk-width-1-3 {
    margin-bottom: 30px;
}
.offcanvas-button {
    display: block !important;
}

}
@media (max-width: 400px) {
.offcanvas-button {
    float: right;
    margin: 0 20px;
}
.uk-width-6-10.menu .moduletable {
	display: none;
}
.step-text {
	padding: 0;
}
.top-b .moduletable {
	max-width: 100%;
	padding: 0;
}
.uk-width-3-5, .uk-width-6-10 {
	width: 50%;
}
.offcanvas-button {
	align-items: center;
	margin-right: auto;
}
.banner-content {
	height: 600px;
}
.wbg-text {
	width: auto;
	padding: 40px;
}
.top-a {
	padding: 50px;
	overflow: hidden;
}
.step-nav{
	bottom: 0;
}
.step-text::before{
	content: none;
}
.top-b {
    padding: 50px;
}
.top-b {
    position: relative;
    background-size: cover !important;
    padding: 50px;
}
.uk-container {
    position: relative;
}
.top-b:before {
    content: "";
    background: rgba(0,0,0,.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.top-c {
    padding: 50px;
}
.top-cd::before{
	content: none;
}
.uk-width-2-3, .uk-width-4-6 {
    width: 100%;
}
.footer {
    margin-top: 40px;
    text-align: center;
}
.bottom-a h1 {
    font-size: 30px;
}
.pull-left.item-image {
    margin-right: 0;
}
.pull-left.item-image {
    margin-right: 0;
    margin-bottom: 40px;
}
.item-page h1 {
    margin-bottom: 20px;
}
.row-fluid .span4 {
    width: 100%;
    margin: 0;
}
.row-fluid div {
    margin: 0;
}
div#visformcontainer {
    padding: 40px 10px;
}
.uk-width-1-4 {
    width: 100%;
}
.uk-width-2-4.footer-center {
    width: 100%;
}
.uk-width-1-4.footer-right {
    text-align: center;
}
.top-e .module-text {
    padding: 50px;
}
.top-d .module-text {
    padding: 50px;
}
.tours .offcanvas-button a {
    color: #000;
}
.tours-text {
    margin: 0;
    padding: 50px;
}
.tours-text .uk-width-2-3 {
    font-size: 20px;
}
.item-page.tours {
    padding: 0;
}
.item-page.tours td {
    display: block;
}
.switch-nav {
    margin: 0;
    padding: 0;
}
.bottom-content > .moduletable > h3 {
    margin-bottom: 20px;
}
.wbg-text2 {
    background: #fff;
    max-width: 500px;
    padding: 40px;
}
.book-banner .banner-content {
    align-items: end;
    position: relative;
}
.book-banner .wbg-text {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
}
.banner h1 {
	font-size: 30px;
}
}
