html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

* {
    box-sizing: border-box;
}

body {
    background: #fff;
    font-family: Arial, sans-serif;
    font-size: 90%;
    line-height: 1.4;
}

a:link,
a:visited {
    text-decoration: none;
    color: #338966;
}

a:hover,
a:active {
    text-decoration: underline;
}

input[type="text"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

input:focus,
textarea:focus,
select:focus {
    outline: 0;
}

/* Text formatting */

h1, h2, h3, h4, h5 {
    font-weight: 400;
    line-height: 1.2;
}

h1 {
    font-size: 260%;
    text-align: center;
    margin-bottom: 50px;
}

h2 {
    font-size: 200%;
    text-align: center;
}

h3 {
    font-size: 180%;
}

h4 {
    font-size: 140%;
}

.btn {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    white-space: nowrap;
    background: #338966;
    background: #cdaf35;
    color: #fff;
}

.btn:link,
.btn:visited,
.btn:hover,
.btn:focus,
.btn a:link,
.btn a:visited,
.btn a:hover,
.btn a:active {
    color: #fff;
    font-style: normal;
    text-decoration: none;
}

.btn:hover {
    background: #38966F;
    background: #DCBB35;
}

.bookingBtn {
    font-size: 120%;
}

.topHeader .bookingBtn {
    margin-left: 30px;
}

/* Clearfix */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/* Body */

.container { 
    width: 1188px;
    margin: 0 auto;
    position: relative;
}

/* Header */

.topHeader {
    position: relative;
    width: 95%;
    width: 100%;
    margin: 0 auto;
    padding: 115px 0 15px;
    padding: 136px 2.5% 15px;
}

.siteLogo {
    position: fixed;
    top: 18px;
    z-index: 1001;
    display: inline-block;
    line-height: 0;
}

.siteLogo img {
    height: 70px;
}

.siteLogo:hover,
.siteLogo:active {
    text-decoration: none;
}

.headerNav {
    text-align: right;
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    padding: 32px 2.5% 10px;
    border-bottom: 1px solid #000;
    background: #fff;
    z-index: 999;
    transition: top 0.2s ease-in-out;
}

.adminMode .headerNav {
    position: static;
}

/* Navigation */

.toggleMenu {
    display: none;
    background: #f0f0f0;
    padding: 10px;
    border-radius: 50%;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.breadcrumb {
    display: none;
}

.outerMenuContainer {
    display: inline-block;
}

.mainMenu {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.mainmenu-dropdown {
    list-style: none;
    *zoom: 1;
    display: inline-block;
    text-align: left;
}

.mainmenu-dropdown:before,
.mainmenu-dropdown:after {
    content: " "; 
    display: table; 
}

.mainmenu-dropdown:after {
    clear: both;
}

.mainmenu-dropdown ul {
    list-style: none;
}

.mainmenu-dropdown > li {
    display: inline-block;
    vertical-align: middle;
}

.mainmenu-dropdown li {
    position: relative;
}

.mainmenu-dropdown a {
    color: #000;
    font-style: normal;
    font-weight: 300;
}

.mainmenu-dropdown a:hover {
    text-decoration: none;
}

.mainmenu-dropdown a.parent:after {
    font-family: 'FontAwesome';
    content:"\f107";
    margin-left: 7px;
    display: inline-block;
}

.mainmenu-submenu a.parent:after {
    content:"\f105";
    float: right;
}

.mainmenu-dropdown a[href*="javascript"] {
    cursor: default;
}

.mainmenu-dropdown > li > a {
    display: block;
    padding: 0 1px 3px;
    margin: 0 5px;
    border-bottom: 2px solid transparent;
}

.mainmenu-dropdown > li > a:hover,
.mainmenu-dropdown > .hover > a,
.mainmenu-dropdown > li > a.mainmenu-dropdown_selected_menu_top {
    position: relative;
    border-bottom: 2px solid #338966;
}

.mainmenu-dropdown > li > a.mainmenu-dropdown_selected_menu_top {
    font-weight: 400;
}

.mainmenu-dropdown > li.hover > ul {
    left: 0;
}

.mainmenu-dropdown li li.hover ul {
    left: 100%;
    top: 0;
}

/* Navigation - Second level links */

.mainmenu-dropdown li ul {
    background: #fff;
    padding: 10px;
    position: absolute;
    left: -9999px;
    z-index: 9999;
    line-height: 1.4;
    min-width: calc(100% + 60px);
}

.mainmenu-dropdown li li a {
    display: block;
    position: relative;
    z-index: 100;
    padding: 5px 1px 3px;
    border-bottom: 2px solid transparent;
    text-transform: none;
}

.mainmenu-dropdown li li a:hover {
    border-bottom: 2px solid #eee;
}

/* Navigation - Third level links */

.mainmenu-submenu .mainmenu-submenu {
    padding-left: 30px;
    border-top-right-radius: 3px;
}

.mainmenu-dropdown li li li a {
    z-index:200;
}

/* Extra menu (small over the default menu) */

.extraMenuContainer {
    margin: 0 15px 10px 0;
    text-align: right;
}

.extraMenuContainer .mainMenu {
    margin-right: 0;
}

.extraMenuContainer .mainmenu-dropdown a {
    font-weight: 600;
    text-transform: none;
    font-size: 90%;
    border-bottom: none;
}

.extraMenuContainer .mainmenu-dropdown a:hover {
    border-bottom: none;
    color: #000;
}

/* Search box */

.searchbox {
    display: inline-block;
}

.searchbox-icon {
    background: #f0f0f0;
    padding: 10px;
    border-radius: 50%;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.searchbox-open .searchbox-icon {
    position: relative;
    z-index: 1001;
}

.searchbox-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.85);
    z-index: 1000;
}

.searchbox-input {
    width: 70%;
    font-size: 32px;
    text-align: center;
    background: none;
    outline: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.searchbox-input::-webkit-input-placeholder {
   color: #000;
}

.searchbox-input:-moz-placeholder { /* Firefox 18- */
    color: #000;
}

.searchbox-input::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}

.searchbox-input:-ms-input-placeholder {  
   color: #000;
}

/* Choose language */

.flagChoiceLink {
    border-right: 1px solid #d8d8d8;
    padding-right: 10px;
    margin-right: 10px;
}

.flagChoice {
    background: url(../images/flags/flags-sprite.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 16px;
    margin-right: 10px;
}

.flagChoice.english {
    background-position: 0 0;
}

.flagChoice.swedish {
    background-position: 0 -20px;
}

/* Hotel booking */

.hotelBookingContainer {
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: #2d2d2d;
    padding: 33px 2.5% 34px;
    text-align: right;
    border-bottom: 1px solid #000;
}

.hotelBookingContainer .form-group label {
    display: none;
}

.hotelBookingContainer input[type="text"] {
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    background: transparent;
}

.hotelBookingContainer select {
    position: relative;
    z-index: 2;
    padding: 10px 35px 10px 15px;
    height: 36px;
    border: none;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
    font-size: inherit;
    width: calc(100% + 70px);
}

.hotelBookingContainer .form-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    overflow: hidden;
}

.hotelBookingContainer .check-in,
.hotelBookingContainer .rooms,
.hotelBookingContainer .adults {
    margin-right: 10px;
}

.hotelBookingContainer .check-in input::-webkit-input-placeholder,
.hotelBookingContainer .check-out input::-webkit-input-placeholder {
    color: #000;
}

.hotelBookingContainer .check-in input:-moz-placeholder,
.hotelBookingContainer .check-out input:-moz-placeholder { /* Firefox 18- */
    color: #000;
}

.hotelBookingContainer .check-in input::-moz-placeholder,
.hotelBookingContainer .check-ouy input::-moz-placeholder {  /* Firefox 19+ */
    color: #000;
}

.hotelBookingContainer .check-in input:-ms-input-placeholder,
.hotelBookingContainer .check-out input:-ms-input-placeholder {
    color: #000;
}

.hotelBookingContainer .form-group:not(.promotion-code):after {
    font-family: 'simple-line-icons';
    content: "\e604";
    font-size: 80%;
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    z-index: 0;
}

.hotelBookingContainer .btn {
    padding: 0;
    vertical-align: middle;
}

.hotelBookingContainer .bookingBtn input[type="submit"] {
    -webkit-appearance: none;
    background: none;
    color: #fff;
    padding: 9px 15px;
    cursor: pointer;
}

/* Datepicker */

.ui-datepicker {
    display: none;
    z-index: 100001 !important;
}

.ui-datepicker.ui-widget {
    font-family: inherit;
}

.ui-datepicker.ui-widget-content {
    border: 1px solid #000;
    border-radius: 0;
    margin-left: -1px
}

.ui-datepicker-header.ui-widget-header {
    border: none;
    background: none;
}

.ui-widget-header .ui-icon {
    background-image: none !important;
}

.ui-datepicker td .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    background: none;
    border: none;
    color: #666;
}

.ui-datepicker-unselectable .ui-state-default {
    color: #ccc;
}

.ui-datepicker .ui-datepicker-today .ui-state-default {
    color: #000;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 5px;
}

.ui-datepicker td .ui-state-default.ui-state-hover,
.ui-datepicker td .ui-state-default.ui-state-active {
    background: #338966;
    background: #cdaf35;
    color: #fff;
}

.ui-datepicker td a.ui-state-highlight {
    height: auto;
}

.ui-datepicker-header .ui-state-hover {
    background: none;
    border: none;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon,
.ui-datepicker-header .ui-datepicker-prev .ui-icon {
    position: relative;
    text-indent: 0;
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon:before {
    content: "\e605";
    font-family: 'simple-line-icons';
    font-size: 14px;
    color: #bebebe;
    position: absolute;
    top: 0;
    right: 0;
    height: 16px;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon:after {
    content: "\e606";
    font-family: 'simple-line-icons';
    font-size: 14px;
    color: #bebebe;
    position: absolute;
    top: 0;
    right: 0;
    height: 16px;
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    right: 3px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: 2.1em;
}

/* Footer */

.mainFooter {
    background: #f2f2f2;
    text-align: center;
    margin-top: 50px;
    padding-top: 50px;
}

.bottomFooter {
    border-top: 1px solid #d8d8d8;
    margin-top: 30px;
    padding: 15px 20px;
}

.footerContact > span {
    display: inline-block;
    margin-right: 10px;
}

.footerContact > span:last-of-type {
    margin: 0;
}

.footerContact,
.footerExtras {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: left;
}

.footerExtras {
    text-align: right;
}

.footerExtras img[src*="managebase"] {
    height: 20px;
    vertical-align: middle;
    margin-left: 15px;
    opacity: .3;
}

.footerExtras img[src*="managebase"]:hover {
    opacity: .5;
}

.footerCertification {
    margin: 20px 0 10px;
    text-align: left;
}

.footerCertification > * {
    display: inline-block;
}

.footerCertification i {
    position: relative;
    bottom: 4px;
    margin: 0 2px;
    color: #ffd711;
}

.footerCertification img {
    height: 30px;
    margin-right: 5px;
}

/* Google maps */

.flexibleContainer,
.googleMap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flexibleContainer iframe,
.flexibleContainer object,
.flexibleContainer embed,
.googleMap iframe,
.googleMap object,
.googleMap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Article templates */

.mb_contentitem_container {
    position: relative;
    margin: 50px auto 0;
    width: 1188px;
}

.mb_contentitem_container:first-child {
    /*margin-top: 0;*/
}

.articleTemplate_Container {
    padding: 0 20px;
}

.articleTemplate_imageBlock {
    border-bottom: 1px solid #000;
    padding-bottom: 50px;
}

.articleTemplate_imageBlock .articleTemplate_textHeader {
    font-size: 150%;
    text-align: center;
    font-weight: 600;
}

.articleTemplate_imageBlock .articleTemplate_textHeader a:link,
.articleTemplate_imageBlock .articleTemplate_textHeader a:visited {
    color: #000;
    font-style: normal;
}

.articleTemplate_imageBlock .articleTemplate_textHeader a:hover,
.articleTemplate_imageBlock .articleTemplate_Image:hover + .articleTemplate_textHeader a {
    text-decoration: none;
    border-bottom: 2px solid #338966;
    padding: 0 2px;
}

.articleTemplate_imageBlock .articleTemplate_Image + .articleTemplate_textHeader {
    margin-top: 20px;
}

.articleTemplate_Container ol,
.articleTemplate_Container ul {
    list-style: disc;
    padding: 0 0 0 40px;
    margin: 14px 0;
}

.articleTemplate_Container ol {
    list-style: decimal;
}

.articleTemplate_Block,
.articleTemplate_Column,
.articleTemplate_Image {
    display: inline-block;
    vertical-align: top;
}

.articleTemplate_BlockContent {
    position: relative;
}

.articleTemplate_BlockContent.cf { /* Padding for block article templates*/
    padding: 0px 10px 60px;
}

.articleTemplate_BlockContent_NoButton.cf { /* Padding for block article templates*/
    padding-bottom: 0;
}

.articleTemplate_Image + .articleTemplate_BlockContent {
    margin-top: 20px;
}

.articleTemplate_Container img {
    max-width: 100%;
    height: auto;
}

.articleTemplate_Image {
    width: 100%;
}

.articleTemplate_Image img {
    vertical-align: top;
    width: 100%;
}

.articleTemplate_Block h4 {
    font-size: 120%;
}

.mb_contentitem_container > .articleTemplate_Header:first-child {
    padding: 0 20px;
}

.articleTemplate_Block .articleTemplate_Header + .articleTemplate_Image {
    margin-top: 15px;
}

.articleTemplate_Header + .articleTemplate_Container,
.articleTemplate_Block .articleTemplate_Header + .articleTemplate_BlockContent,
.articleTemplate_Block .articleTemplate_BlockContent .articleTemplate_Header + .articleTemplate_TextContent {
    margin-top: 20px;
    margin-top: 10px;
}

.articleTemplate_Block.highlight {
    border: 1px solid #000;
    padding: 20px;
}

.articleTemplate_Block.highlight .articleTemplate_Header {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.articleTemplate_Block .bookingBtn {
    left: 50%;
    -ms-transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    margin-top: 20px;
}

.articleTemplate_BlockContent.cf .bookingBtn:last-child {
    position: absolute;
    bottom: 0;
}

.mainFooter .articleTemplate_Header {
    font-size: 170%;
    margin-bottom: 15px;
}

.mainFooter .articleTemplate_Content {
    font-size: 120%;
}

.mainFooter .mb_contentitem_container:first-child {
    margin-top: 0;
}

/* Border with centered dala horse will be positioned after every slideshow that is placed first on a page or before every article template if no slideshow exists */
.mb_contentitem_container_imagesliderpro:first-child:after,
.contentSection > .container:first-of-type:before {
    content: "";
    display: block;
    background: #000;
    height: 1px;
    width: 1188px;
    margin: 50px auto 0;
}

.adminMode .mb_contentitem_container_imagesliderpro:first-child:after,
.adminMode .contentSection > .container:first-of-type:before {
    display: none;
}

.contentSection > .container:first-of-type:before {
    margin: 10px auto 50px;
}

.topSection + .contentSection > .container:first-of-type:before {
    margin: 50px auto;
}

.mb_wysiwyg_modules_ShowNHide_area .mb_contentitem_container { /* Fix to remove margin between article icons and content in admin */
    margin-top: 0;
}

.topSection {
    position: relative;
    max-height: 546px;
    overflow: hidden;
}

.topSection.fullWidth {
    width: 100%;
}

.topSection .topImageBackgroundHolder {
    width: 100%;
    height: 546px;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-behavior: url(/layouts/fullwidth-standard/htc/backgroundsize/backgroundsize.min.htc);
    background-position: center 0;
}

.topSection .topImageBookingExtras {
    background-image: url(/layouts/fullwidth-standard/images/customer-booking-extras-top.jpg);
}

/* Module - Image slideshow */

.mb_contentitem_container_imagesliderpro {
    width: 100%;
}

.mb_contentitem_container_imagesliderpro:first-child {
    margin-top: 0;
}

#container2,
#img_1,
#slide_1,
.holder,
.pauses1 {
    width: 100% !important;
}

.holder {
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-behavior: url(/layouts/fullwidth-standard/htc/backgroundsize/backgroundsize.min.htc); /* Fix to make background-size:cover; work in IE<9*/
}

.nexts1 {
    position: absolute !important;
}

#nexts_sub,
#backs_sub {
    z-index: 850;
}

.slideshow_container .navigation {
    z-index: 850;
}

/* 978 Grid system */

.col-1 {
    width: 5.5214724%;
}
.col-2 {
    width: 14.1104294%;
}
.col-3 {
    width: 22.6993865%;
}
.col-4 {
    width: 31.2883436%;
}
.col-5 {
    width: 39.8773006%;
}
.col-6 {
    width: 48.4662577%;
}
.col-7 {
    width: 57.0552147%;
}
.col-8 {
    width: 65.6441718%;
}
.col-9 {
    width: 74.2331288%;
}
.col-10 {
    width: 82.8220859%;
}
.col-11 {
    width: 91.4110429%;
}
.col-12 {
    width: 100%;    
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 { 
    margin-left: 3.0674847%;
}

.col-1:first-child,
.col-2:first-child,
.col-3:first-child,
.col-4:first-child,
.col-5:first-child,
.col-6:first-child,
.col-7:first-child,
.col-8:first-child,
.col-9:first-child,
.col-10:first-child,
.col-11:first-child,
.col-12:first-child,
.noLeftMargin,
.articleTemplate_Header {
    margin-left: 0;
}

/* Search results */

#MBSearchResults {
    display: block;
}

#MBSearchResults > span:first-child {
    display: block;
    margin-bottom: 10px;
}

/* Sitemap */

.sitemap h4 {
    margin: 20px 0 10px;
}

.treeview {
    line-height: 1;
}

/* - - - - - - - - - - - - -
 - Default responsive styles
- - - - - - - - - - - - - */

@media (max-width : 1230px) {
    .hotelBookingContainer .adults,
    .hotelBookingContainer .children {
        display: none;
    }

    .hotelBookingContainer .rooms {
        margin-right: 35px;
    }
}

@media (max-width : 1200px) {
    .container,
    .mb_contentitem_container:not(.mb_contentitem_container_imagesliderpro),
    .mb_contentitem_container_imagesliderpro:first-child:after {
        width: 90%;
    }

    .contentSection > .mb_contentitem_container_htmlarticle:first-child:before,
    .contentSection > .container:first-of-type:before {
        width: 100%;
    }
}

@media (max-width : 920px) {
    .hotelBookingContainer .rooms {
        display: none;
    }
}

@media (max-width : 768px) {

    .topHeader {
        width: 100%;
        padding: 15px 0;
        text-align: center;
    }

    .siteLogo {
        position: relative;
        top: 0;
        z-index: 1000;
    }

    .siteLogo img {
        height: 50px;
    }

    .headerNav {
        position: absolute;
        top: 0;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        min-height: 44px;
        background: none;
        border: none;
        padding: 0;
    }

    .searchbox {
        display: inline;
    }

    .searchbox-icon,
    .toggleMenu {
        position: absolute;
        top: 5px;
    }

    .searchbox-icon {
        left: 10px;
    }

    .searchbox-open .searchbox-icon {
        position: absolute;
    }

    .toggleMenu {
        right: 10px;
    }

    .topHeader .bookingBtn {
        position: absolute;
        top: 0;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0;
    }

    .hotelBookingContainer {
        position: static;
        text-align: center;
    }
    
    .toggleMenu {
        display: inline-block;
    }

    .toggleMenu.active + .outerMenuContainer {
        display: block;
        background: #fff;
        margin-top: 60px;
    }

    .outerMenuContainer,
    .mainmenu-dropdown a.parent:after {
        display: none;
    }

    .mainMenu {
        display: block;
        margin: 0;
    }

    .extraMenuContainer {
        text-align: left;
        margin: 0;
        display: block;
    }

    .extraMenuContainer .mainmenu-dropdown a {
        font-size: 100%;
    }

    .mainmenu-dropdown,
    .mainmenu-dropdown li {
        display: block;
        text-align: left;
        padding: 0 5px;
    }

    .mainmenu-dropdown a {
        font-size: 110%;
    }

    .mainmenu-dropdown > li > a {
        display: inline-block;
        width: 90%;
        border: none;
        margin: 0;
        padding: 10px 0;
    }

    .mainmenu-dropdown .more {
        display: inline-block;
        width: 10%;
        text-align: center;
    }

    .mainmenu-dropdown li.hover ul {
        position: static;
        width: 90%;
        padding:0;
    }

    .mainmenu-dropdown > .hover > a,
    .mainmenu-dropdown > .hover > a,
    .mainmenu-dropdown > li > a:hover, .mainmenu-dropdown > .hover > a,
    .mainmenu-dropdown > li > a.mainmenu-dropdown_selected_menu_top {
        border: none;
    }

    .mainmenu-dropdown li li a {
        padding: 5px 0 10px 5px;
        border: none;
    }

    /* Module - Image slideshow (responsive styles) */

    #container2,
    #img_1,
    #slide_1,
    .holder,
    .pauses1,
    #backs,
    #nexts,
    .booking,
    .topSection .topImageBackgroundHolder {
        height: 311px !important;
    }
}

@media (max-width : 640px) {

    html {
        -webkit-text-size-adjust: none;
    }

    /* General styles */

    .form-inline .form-group {
        display: block;
        margin: 0 0 10px 0;
    }

    .form-group label {
        display: block;
        margin: 0 0 10px 0;
    }

    .form-group input[type="text"],
    .form-group textarea {
        width: 90%;
        display: block;
    }

    .form-small-text-desc {
        margin: 10px 0 0 2px;
    }

    /* Footer */
    .footerContact, .footerExtras, .footerCertification {
        display: block;
        width: 100%;
        text-align: center;
    }

    .footerContact {
        margin: 10px 0 20px;
    }

    /* Module - Image slideshow (responsive styles) */

    #container2,
    #img_1,
    #slide_1,
    .holder,
    .pauses1,
    #backs,
    #nexts,
    .booking,
    .topSection .topImageBackgroundHolder {
        height: 274px !important;
    }

    /* 978 Grid system - Responsive styles */

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 { 
        margin-left: 0;
    }
    .col-1 {
    width: 5.5214724%;
    }
    .col-2 {
        width: 14.1104294%;
    }
    .col-3 {
        width: 100%;
    }
    .col-4 {
        width: 100%;
        margin-bottom: 50px;
    }
    .col-4:last-child {
        margin-bottom: 0;
    }
    .col-5 {
        width: 100%;
    }
    .col-6 {
        width: 100%;
        margin-bottom: 30px;
    }
    .col-6:last-child {
        margin-bottom: 0;
    }
    .col-7 {
        width: 100%;
        margin-bottom: 30px;
    }
    .col-7:last-child {
        margin-bottom: 0;
    }
    .col-8 {
        width: 100%;
        margin-bottom: 30px;
    }
    .col-8:last-child {
        margin-bottom: 0;
    }
    .col-9 {
        width: 74.2331288%;
    }
    .col-10 {
        width: 82.8220859%;
    }
    .col-11 {
        width: 91.4110429%;
    }
    .col-12 {
        width: 100%;    
    }
}

@media (max-width : 525px) {
    .hotelBookingContainer .form-group {
        margin-bottom: 15px;
    }

    .hotelBookingContainer .form-group.check-out {
        margin-right: 0;
    }
}

@media (max-width : 400px) {
    .hotelBookingContainer .form-group.check-in,
    .hotelBookingContainer .form-group.check-out {
        margin-right: 0;
    }

    .hotelBookingContainer .btn {
        display: block;
        max-width: 35%;
        margin: 0 auto;
    }
}

@media (max-width : 320px) {
    /* Module - Image slideshow (responsive styles) */
    #container2,
    #img_1,
    #slide_1,
    .holder,
    .pauses1,
    #backs,
    #nexts,
    .booking,
    .topSection .topImageBackgroundHolder {
        height: 200px !important;
    }
}