/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
* {
    font-family: 'Montserrat', sans-serif;
}

body {
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
}

a {
    text-decoration:none;
}

hr {
    border-top: 1px solid #D8D8D8;
}

.btn-core {
    border: 1px solid #0f72db;
    background-color: #0f72db;
    font-weight: 600 !important;
    color: #fff !important;
    padding: 15px 20px;
    width: 100%;
    display: block;
    text-align: center;
}

    .btn-core:hover {
        color: #fff !important;
        text-decoration: none;
        background: #0f72db;
        cursor: pointer;
        border: 1px solid #0f72db;
    }

    .btn-core:focus, .btn-core.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }


.btn-alt {
    border: 1px solid #0f72db;
    background-color: #EBEBD3;
    font-weight: 600;
    color: #0f72db;
    padding: 15px 20px;
    width: 100%;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}

    .btn-alt:link, .btn-alt:visited {
        color: #FFFFFF !important;
        text-decoration: none;
        background: #0f72db !important;
        cursor: pointer;
    }

    .btn-alt:hover {
        color: #fff !important;
        text-decoration: none;
        background-color: #0f72db !important;
        border-color: #0f72db !important;
        cursor: pointer;
    }

    .btn-alt:focus, .btn-alt.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.btn-more {
    border: 1px solid #0f72db;
    background-color: #0f72db;
    font-weight: 600;
    color: #FFFFFF;
    padding: 15px 20px;
    width: 100%;
    display: block;
    text-align: center;
}

    .btn-more:hover {
        color: #fff !important;
        text-decoration: none;
        background-color: #0f72db;
        border-color: #0f72db;
        cursor: pointer;
    }

.accommodation .buttons a.btn-more {
    color: #fff;
}

    .accommodation .buttons a.btn-more:hover {
        color: #fff !important;
        text-decoration: none;
        background: #0f72db;
        cursor: pointer;
    }

.btn-more:focus, .btn-more.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

/* Carousel */

.carousel {
    position: relative;
    margin: 60px 0px;
    height: 120px;
}


/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
    height: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Offer Bar */
.offer-bar {
    background-color: #0f72db;
    z-index: 10000;
    width: 100%;
    position: relative;
}

    .offer-bar p span {
        color: #FFF3D8;
        padding: 0px 10px 0px 0px;
    }

    .offer-bar p {
        font-weight: 500;
        font-size: 14px;
        color: #FFF3D8;
        float: left;
        height: 100%;
        margin: 10px 0px 0px 0px;
    }

    .offer-bar .close {
        background-color: #000;
        height: 40px;
        width: 40px;
        opacity: 1;
        color: #fff;
        float: right;
    }

        .offer-bar .close span {
            color: #fff;
            padding: 0px 0px;
        }

@media(min-width:768px) and (max-width:1200px) {
    .offer-bar .close {
        position: absolute;
        right: 0;
    }
}
/* Header */
header {
    position: relative;
    z-index: 100;
    margin: 0px;
    padding: 0px;
    background-color: #0f72db;
    padding: 10px 0px 0px 0px;
    min-height: 120px;
}


.header-message {
    font-size: 21px;
    color: #FFF3D8;
    /*max-width: 350px;*/
    padding: 20px 0px 0px 0px;
}

    .header-message p {
        font-size: 21px;
        font-weight: 300;
        color: #FFF3D8
    }


.header-logo {
    margin: 16px 0px 0px 0px;
    position: absolute;
}

.header-logo2 {
    margin: 16px 0px 0px 26px;
    position: absolute;
}

.site-links {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 0;
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
}

    .site-links .btn {
        padding: 10px 25px;
        margin: auto;
        font-size: 14px;
    }
/* Navbar */
@media(min-width:1200px) {
    #main-navigation {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
    }
}

.nav-stripe {
    background-color: #23408f;
}

.navbar-white {
    margin: 0px 0px 0px -10px;
    padding: 0px;
}


    .navbar-white .navbar-nav > li > a {
        color: #444444;
        margin: 0px;
        padding: 10px;
        text-decoration: none;
        font-weight: 500;
        font-size: 16px;
        float: right;
    }

        .navbar-white .navbar-nav > li > a:hover,
        .navbar-white .navbar-nav > li > a:focus {
            color: #fff;
            background-color: #0f72db;
            /*border-bottom: 1px solid #0f72db;*/
        }

    .navbar-white .navbar-nav > .active > a,
    .navbar-white .navbar-nav > .active > a:hover,
    .navbar-white .navbar-nav > .active > a:focus {
        color: #444444;
        background-color: #ffffff;
        border-bottom: 5px solid #0f72db;
    }

        .navbar-white .navbar-nav > .active > a:hover,
        .navbar-white .navbar-nav > .active > a:focus {
            background-color: #0f72db;
            color: #fff;
            border-bottom: 5px solid #0f72db;
        }


.booking > a,
.booking > a:hover,
.booking > a:focus {
    color: #0f72db;
    background-color: #FFF3D8;
    border-bottom: 5px solid #FFF3D8;
}

.booking a {
    width: 125px;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;
    display: -webkit-flex;
}

.navbar-white .navbar-nav > .disabled > a,
.navbar-white .navbar-nav > .disabled > a:hover,
.navbar-white .navbar-nav > .disabled > a:focus {
    color: #0f72db;
    background-color: transparent;
    float: right;
    text-decoration: none;
}

    .navbar-white .navbar-nav > .disabled > a,
    .navbar-white .navbar-nav > .disabled > a:hover,
    .navbar-white .navbar-nav > .disabled > a:focus {
        color: #0f72db;
        background-color: transparent;
        border-bottom: 5px solid #0f72db;
        float: right;
        text-decoration: none;
    }

.navbar-white .navbar-nav > .open > a,
.navbar-white .navbar-nav > .open > a:hover,
.navbar-white .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #0f72db;
    margin: 0px;
    text-decoration: none;
}

.navbar-white .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #0f72db;
    padding-right: 10px;
}

.navbar-white .navbar-nav .open .dropdown-menu > .active > a,
.navbar-white .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-white .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
}

.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #fff;
    background-color: #0f72db;
    text-decoration: none;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #0f72db;
    background-clip: padding-box;
    border: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > li:hover > a,
    .dropdown-menu > li:focus > a {
        color: #262626;
        text-decoration: none;
        background-color: #0f72db;
    }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777777;
}

    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 0px;
    color: #777777;
    white-space: nowrap;
    margin: 0px;
}


.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}


/* Video */
.home-banner-box .slide .video-slide {
    background-color: #000;
}

.home-banner.loading .video-background {
    opacity: 0;
}


video-background {
    position: absolute;
    top: 0%;
    left: 0;
    padding-top: 0%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 2s opacity ease;
    transition: 2s opacity ease;
    opacity: 1;
}


.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}


.welcome {
    margin: 0px auto;
    padding: 0;
    align-content: center;
    -webkit-align-items: center;
    width: 100%;
    height: auto;
    text-align: left;
    top: 150px;
    position: absolute;
}

.video-box .btn {
    background: #EBEBD3;
    width: 160px;
    height: 50px;
    font-size: 18px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.welcome h1 {
    color: #fff;
    font-weight: 800;
    line-height: 1.4;
    text-shadow: 0 0 10px rgba(0,0,0,0.2);
    margin: 0 0 20px 0;
}

@media only screen and (max-width: 3000px) and (min-width: 1200px) {
    .welcome h1 {
        font-size: 51px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .welcome h1 {
        font-size: 45px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 414px) {
    .welcome h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 414px) and (min-width: 325px) {
    .welcome h1 {
        font-size: 21px;
    }
}


/* Booking Form */

.hbf {
    position: relative;
    bottom: 7px;
}

.bookingform {
    position: absolute;
    bottom: 0px;
    text-align: left;
    margin: 0px;
    z-index: 9;
    overflow: visible;
}

    .bookingform .container {
        background-color: rgba(255, 243, 216, 0.9);
        padding: 20px 0;
    }
/* Intro */
.intro {
    background-color: #0f72db;
    padding: 20px 0px;
}

    .intro h2 {
        font-size: 17px;
        line-height: 1.3;
        text-align: center;
        margin: 0px;
        color: #fff;
        font-weight: 600;
    }

    .intro a {
        color: #fff;
        text-decoration: none;
    }


/* icons */

.icons {
    padding: 50px 0px;
}

    .icons p {
        font-size: 14px;
        line-height: 1.3;
        text-align: center;
        margin: 0px;
        color: #444;
        font-weight: 600;
    }

    .icons img {
        margin: 40px 0px 30px 0px;
    }

/* Accommodation */

.accommodation {
    padding: 60px 0px 30px 0px;
    background-color: #0f72db;
}

    .accommodation a, .accommodation a:hover {
        font-weight: bold;
        color: #FFF3D8;
    }

    .accommodation img {
        margin: 20px 0px 0px 0px;
        width: 100%;
    }

    .accommodation h2 {
        font-size: 24px;
        line-height: 1.3;
        text-align: center;
        margin: 0px 0px 40px 0px;
        color: #FFF3D8;
        font-weight: normal;
    }

    .accommodation h3 {
        font-size: 24px;
        line-height: 1.3;
        text-align: center;
        margin: 0px 0px;
        padding: 0px 0px 20px 0px;
        color: #0f72db;
        font-weight: bold;
    }

.block {
    background: #fff;
    margin: 0px 0px 15px 0px;
    padding: 30px 30px 0 30px;
}

    .block .buttons {
        font-size: 14px;
    }

@media(min-width:1200px) {
    .bpb {
        padding-bottom: 75px;
    }
}

@media(max-width:1199px) {
    .bpb {
        padding-bottom: 24px;
    }
}


.accommodation p, .accommodation p.smaller {
    font-size: 17px;
    line-height: 1.5;
    text-align: center;
    margin: 0px 0px 30px 0px;
    font-weight: 400;
    color: #0f72db;
    padding: 0px 20px;
    min-height: 130px;
}

@media(min-width:1200px) {
    .accommodation p.smaller {
        font-size: 14px;
        line-height: 1.5;
    }
}

/* Whats On Site Row */
.whatsonrow {
    min-height: 500px;
    padding: 60px 0px;
}

    .whatsonrow img {
        margin: 30px 0px 10px 0px;
    }

    .whatsonrow h2 {
        font-size: 24px;
        line-height: 1.3;
        text-align: center;
        margin: 20px 0px;
        color: #0f72db;
        font-weight: bold;
    }

    .whatsonrow h3 {
        font-size: 21px;
        line-height: 1.3;
        text-align: center;
        margin: 20px 0px;
        color: #0f72db;
    }



    .whatsonrow p {
        font-size: 15px;
        line-height: 1.5;
        text-align: center;
        margin: 0px 0px 30px 0px;
        font-weight: 400;
        color: #0f72db;
        padding: 0px 20px;
        min-height: 80px;
    }


/* Discover */



.discover {
    background-image: url(/images/brampton.png);
    padding: 60px 0px 80px;
}

    .discover h2 {
        font-size: 24px;
        line-height: 1.3;
        text-align: center;
        margin: 0px 0px 10px 0px;
        color: #0f72db;
        font-weight: bold;
    }

    .discover .img-fluid {
        margin-top: 30px;
    }

    .discover .btn-core {
        font-weight: normal;
    }

/* Blog Row */
.blogrow {
    min-height: 500px;
    padding: 60px 0px;
}

    .blogrow .italic {
        font-style: italic;
        text-align: center;
        font-size: 15px;
        margin: auto;
        max-width: 250px;
    }

    .blogrow img {
        margin: 30px 0px 10px 0px;
    }

    .blogrow h2 {
        font-size: 18px;
        line-height: 1.3;
        text-align: center;
        margin: 20px 0px;
        color: #0f72db;
        font-weight: bold;
    }

    .blogrow p {
        font-size: 15px;
        line-height: 1.5;
        text-align: left;
        margin: 0px 0px 20px 0px;
        font-weight: 400;
    }

    .blogrow .btn-core {
        font-weight: normal;
    }


/* Logos */

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
    display: -webkit-flex;
}

/* medium - display 4  */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

/* large - display 6 */
@media (min-width: 992px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(16.666%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-16.666%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 1;
}

.slick-prev:before, .slick-next:before {
    content: "" !important;
}

.slick-prev {
    background-image: url(/images/arrow-l.png) !important;
    background-color: transparent;
    background-size: 30px !important;
    height: 30px !important;
    width: 30px !important;
    left: 25px !important;
}

.slick-next {
    background-image: url(/images/arrow-2.png) !important;
    background-color: transparent;
    height: 30px !important;
    width: 30px !important;
    background-size: 30px !important;
    right: 25px !important;
}

.carousel-control-prev-icon {
    background-image: url(/images/arrow-l.png);
    margin-left: -150%;
    background-color: transparent;
    height: 30px;
    width: 30px;
}

.carousel-control-next-icon {
    background-image: url(/images/arrow-l.png);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    margin-right: -150%;
    background-color: transparent;
    height: 30px;
    width: 30px;
}


/* Footer */
footer {
    background-color: #0f72db;
    color:#fff;
}


footer.panel-footer {
    margin: 50px 0px 0px 0px;
    padding: 100px 15px;
    background-color: #0f72db;
    border-top: none;
    color: #fff;
}

.panel-footer h2 {
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    color: #fff;
    margin: 0px 0px 10px 0px;
}

.panel-footer li {
    border-bottom: 1px solid rgba(147, 163, 150, 0.3);
    padding: 5px 0px;
    font-size: 15px;
}


.panel-footer a {
    color: #fff;
}

    .panel-footer a:hover {
        color: #fff;
    }

.panel-footer p {
    border-bottom: 1px solid rgba(147, 163, 150, 0.3);
    padding: 5px 0px;
    color: #fff;
    margin: 0;
}

.panel-footer input.form-control {
    color: #fff !important;
    height: 40px;
    border: 1px solid #3D534D;
    padding: 5px;
    background-color: transparent;
    border-radius: unset;
    font-weight: 600;
    font-size: 15px;
}

    .panel-footer input.form-control::placeholder {
        color: #fff;
        font-size: 15px;
    }
/* Buttons */
.btn {
    border-radius: 0px;
    padding: 10px 20px;
    font-weight: 600;
}


.btn-default {
    color: #0f72db;
    background-color: #FFFFFF;
    border-color: #0f72db;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #0f72db;
        background-color: #FFFFFF;
        border-color: #0f72db;
    }

    .btn-default:hover {
        color: #fff;
        background-color: #0f72db;
        border-color: #0f72db;
    }

.btn-info {
    color: #0f72db;
    background-color: #FFFFFF;
    border-color: #0f72db;
}

    .btn-info:focus,
    .btn-info.focus {
        color: #fff;
        background-color: #0f72db;
        border-color: #0f72db;
        box-shadow: none;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #0f72db;
        border-color: #0f72db;
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #0f72db;
        border-color: #0f72db;
    }



/* Cookie */
.cookie {
    background-color: #0f72db;
    border-color:#0f72db;
    padding: 10px 0px;
}

.cookie-text {
    color: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}


.cookie p span {
    color: #0f72db;
    padding: 0px 10px 0px 0px;
}

.cookie p {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
}

#cookieConsent .btn {
    width: 49%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

#cookieConsent .btn-info {
    color: #fff;
    background-color: #0f72db;
    border-color: #0f72db;
}

    #cookieConsent .btn-info:hover {
        color: #fff;
        background-color: #0f72db;
        border-color: #0f72db;
    }

#cookieConsent {
    border: solid #0f72db 2px;
    border-radius: 10px;
    background-color: #f5e9cf;
    padding: 15px;
    color: white;
    max-width: 350px;
    bottom: 10px;
    left: 10px;
}

    #cookieConsent .row {
        margin: 0;
    }

@media (max-width: 767px) {
    #cookieConsent {
        border-radius: 0;
        padding: 5px 15px;
        max-width: 100%;
        bottom: 0;
        left: 0;
    }

        #cookieConsent .cookie-text {
            padding: 5px;
        }
}

.smaller {
    font-size: 12px;
    padding: 10px;
}

.masthead-container {
    position: relative;
    width: 100%;
}

.masthead {
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    top: 0;
    position: absolute;
    z-index: 9;
}

    .masthead .booking-form {
        position: absolute;
        bottom: 0;
        padding: 0;
        width: 100%;
        left: 0;
        background: #fff3d8;
        margin: auto;
        right: 0;
        width: 100%;
    }

    .masthead .bookingform .container {
        margin: 0;
    }

.masthead-image {
    background-image: url(http://placehold.it/2560x1060/f44242/fff);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.masthead-shade {
    width: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
}

.masthead-overlay {
    color: white !important;
    z-index: 100;
    overflow: hidden;
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
}

.masthead h1 {
    font-size: 51px;
    color: #fff;
    font-weight: 700;
    margin: 150px 0px 60px 0px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

@media(max-width:767px) {

    .masthead h1 {
        font-size: 32px;
        color: #fff;
        font-weight: 700;
        margin: 150px 0px 60px 0px;
    }
}

.masthead-container, .masthead, .masthead-shade {
    height: 500px;
}

h2 {
    font-size: 24px;
    line-height: 1.4;
    color: #0f72db;
    margin: 30px 0px;
}

h3 {
    font-size: 15px;
    line-height: 1.4;
    font-weight: bold;
    color: #0f72db;
    margin: 30px 0px 0px 0px;
}

p {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 20px 0;
    font-weight: 400;
}

li {
    color: #0f72db;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
}

strong {
    font-weight: bold;
}

a {
    color: #000;
}

    a:hover {
        color: #0f72db;
        text-decoration: none;
    }

.spacing {
    padding: 50px 0px;
}

    .spacing h3 {
        font-weight: bold;
    }


.property {
    background: #FFF3D8;
    padding: 0px;
    margin: 0px 0px 30px 0px;
}

.accommodation .property-text-area p {
    min-height: 300px;
    padding: 0 10px;
}

.accommodation .property-text-area h3 {
    padding: 0;
    font-size: 20px;
    margin: 15px auto 0;
    max-width: 200px;
}

.accommodation .property-text-area .btn-alt {
    font-size: 14px;
}


.property h2 {
    color: #0f72db;
    font-size: 21px;
    line-height: 1.4;
    margin: 0px 0px 20px 0px;
    font-weight: 600;
}

.property p {
    color: #0f72db;
    font-size: 15px;
    line-height: 1.4;
    margin: 20px 0px;
    font-weight: 400;
}

@media(min-width:768px) and (max-width:991px) {
    .property .block {
        margin: 0;
        padding: 10px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
    }

    .accommodation .property-text-area p {
        min-height: 200px;
        text-align: center;
    }

    .accommodation .property-text-area h3 {
        margin-top: 30px;
    }
}

@media(min-width:992px) and (max-width:1200px) {

    .accommodation .property-text-area p {
        min-height: 350px;
        text-align: center;
    }
}

@media(max-width:767px) {
    .property .block {
        margin: 0;
        padding: 10px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
    }

    .accommodation .property-text-area p {
        min-height: 200px;
        text-align: center;
    }

    .accommodation .property-text-area h3 {
        margin-top: 20px;
        max-width: none;
    }
}

@media(max-width:1200px) {
    .accommodation .property-text-area h3 {
        margin-top: 20px;
        max-width: none;
    }
}

.table {
    font-weight: 400;
}

.lowseason,
.midseason,
.highseason,
.xmasseason {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #444;
}

.lowseason {
    background-color: #EBEBD3;
}

.midseason {
    background-color: #0f72db;
    color: #FFFFFF;
}

.highseason {
    background-color: #654f7d;
    color: #FFFFFF;
}

.xmasseason {
    background-color: #0f72db;
    color: #FFFFFF;
}

@media(max-width:767px) {
    .herdingLogo {
        max-width: 125px;
    }

    .logo-header {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
    }

    .site-links {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding: 0;
    }

        .site-links a {
            font-size: 12px;
            padding: 0;
            height: 40px;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            border-right: none;
            border-left: none;
            width: 50%;
        }

            .site-links a:first-of-type {
                border-right: 1px solid #0f72db;
            }

    .header-message {
        padding: 22px 0 0 0;
    }

    .header-logo {
        margin: 0;
    }

    .header-logo2 {
        margin: 0;
    }

    header {
        padding: 0;
    }

    .header-message p {
        font-size: 18px;
        margin: 0;
    }

    .logo-header, .text-header {
        margin: 20px 0;
    }

    .welcome h1 {
        font-size: 26px;
    }

    .video-box {
        max-width: 300px;
        font-size: 26px;
        margin: auto;
    }

        .video-box .btn {
            font-size: 14px;
            height: 40px;
            width: 120px;
            padding: 0;
            justify-content: center;
            align-items: center;
        }

    .accommodation h2 {
        font-size: 26px;
        max-width: 300px;
        margin: 0 auto;
        padding: 0px 0px 30px 0px;
    }

    .accommodation h3 {
        font-size: 22px;
        font-weight: bold;
        max-width: 300px;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 10px;
    }

    .accommodation {
        padding: 30px 25px;
    }

        .accommodation p, .accommodation p.smaller {
            font-size: 14px;
            padding: 0;
            margin-bottom: 10px;
        }

        .accommodation .buttons {
            width: 100%;
            margin: auto;
        }

            .accommodation .buttons .btn-alt, .accommodation .buttons .btn-more {
                margin-bottom: 0;
                height: 45px;
                display: flex;
                display: -webkit-flex;
                -webkit-align-items: center;
                -webkit-justify-content: center;
                align-content: center;
                justify-content: center;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                padding: 0;
            }

        .accommodation img {
            margin-top: 0;
        }

    .block {
        margin-bottom: 35px;
        padding-bottom: 30px;
    }

    .whatsonrow {
        padding: 20px 40px 40px;
    }

        .whatsonrow h2 {
            color: #0f72db;
            font-weight: bold;
            font-size: 19px;
            margin-bottom: 30px;
        }

        .whatsonrow h3 {
            color: #0f72db;
            font-size: 19px;
            font-weight: bold;
        }

        .whatsonrow p {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .whatsonrow .btn-alt {
            font-size: 14px;
            margin-bottom: 0;
        }

        .whatsonrow img {
            margin: 0;
        }

    .whats-on-block {
        margin-bottom: 35px;
    }

        .whats-on-block:last-of-type {
            margin-bottom: 5px;
        }

    .discover-row {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

        .discover-row .mob-order-1 {
            order: 1;
        }

        .discover-row .mob-order-2 {
            order: 2;
        }

        .discover-row .mob-order-3 {
            order: 3;
        }

        .discover-row .mob-order-4 {
            order: 4;
        }

        .discover-row [class*="mob-order-"] {
            padding: 3px;
        }

            .discover-row [class*="mob-order-"] img {
                margin: 0;
            }

    .disc-cont {
        width: 100%;
        margin: auto;
    }

    .discover {
        padding: 40px;
    }

        .discover .btn-core {
            height: 40px;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            padding: 0;
            font-weight: normal;
        }

        .discover h2 {
            color: #0f72db;
            font-weight: bold;
            font-size: 19px;
            margin-bottom: 30px;
        }

    .blogrow img {
        margin: 20px 0px 10px 0px;
    }

    .blogrow {
        padding: 0 25px;
    }

    .blog-box {
        margin: 20px 0;
    }

    .blogrow .italic {
        font-size: 17px;
    }

    .blogrow p {
        font-size: 17px;
    }

    .blogrow .btn-core {
        font-size: 14px;
        font-weight: normal;
    }

    .cookie-text {
        padding: 10px 30px;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

        .cookie-text .btn {
            width: 48%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            height: 40px;
        }

    .logosrow {
        padding: 0 35px;
        height: 200px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }

    #logosCarousel {
        margin: 0;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }

    footer.panel-footer {
        padding: 50px 15px;
        margin: 30px 0px 0px 0px;
    }

    .panel-footer h2 {
        margin: 0px 0px 20px 0px;
    }

    .panel-footer li {
        padding: 10px 0;
    }

    .footer-block {
        margin-bottom: 50px;
    }

        .footer-block p {
            line-height: 2;
            padding: 10px 0;
        }

    .social img {
        padding: 0 20px 0 10px;
    }

    .site-links .btn {
        font-size: 12px;
    }

    #WelcomeVideo {
        max-height: 550px;
    }

    .video-box {
        margin-left: 45px;
    }

    .welcome {
        margin: 0px auto;
        padding: 0;
        align-content: center;
        -webkit-align-items: center;
        width: 100%;
        text-align: left;
        position: absolute;
        top: 70px;
        left: 0;
        height: auto;
    }
}
/*end of mobile*/

.noPadding {
    padding: 0;
}

#WelcomeVideo {
    min-width: 100%;
    min-height: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    max-width: 98vw;
}

.positionVideo {
    position: absolute;
    top: 0;
}

.NavClass {
    background-color:#23408f;
}

.navbar-toggler {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10000;
    background: #fff;
    border-radius: 0px;
    height: 40px;
    width: 40px;
}

.navbar-toggler-phone {
    right: 40px;
    display: flex;
    align-items: center;
    border-right: 2px solid #0f72db;
}

@media(max-width:991px) {
    .offer-bar .close {
        position: absolute;
        right: 40px;
    }

    .navbar {
        position: fixed;
        top: -40px;
        right: 0px;
        z-index: 9999;
        background: white;
        width: 100vw;
        margin-top: 40px;
    }

    .navbar-nav a {
        width: 100%;
    }

    .nav-col-12 {
        padding: 0px;
        margin: 0px;
    }

    li.dropdown-header.dropdown.nav-item, .nav-item.active {
        padding-left: 10px;
    }
}

@media(min-width:992px) {
    .pad-left-0 {
        padding-left: 0;
    }
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}


#videobox {
    position: relative;
    margin-bottom: -7px;
}

.booking-form {
    position: absolute;
    bottom: 7px;
    padding: 0;
    width: 100%;
    background: #fff3d8;
    margin: auto;
}

.bookingform {
    width: 100%;
    padding: 0;
}

    .bookingform .row {
        padding: 0px;
        margin: -15px -15px -15px -15px;
    }

@media(max-width:767px) {
    .icons p {
        max-width: 190px;
        margin: auto;
        font-size: 16px;
    }
}

.icons img, .logo-img img {
    margin: 20px auto;
}

.logos .slick-track {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

@media(min-width:991px) {
    .icon-right {
        border-right: 1px solid #EBEBD3;
    }
}

@media(min-width:1300px) {
    .icon-right.right-hide {
        border-right: none;
    }
}

.icon-right, .icons p {
    padding: 0 15px;
}

.bookingform p {
    margin-bottom: 0;
}


.accommodation .buttons div {
    padding: 5px;
}



@media(min-width:992px) and (max-width:1200px) {
    .accommodation p {
        min-height: 155px;
    }

        .accommodation p.smaller {
            min-height: 125px;
        }
}

@media(min-width:992px) {
    .btn-alt, .btn-more {
        padding: 0;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        height: 50px;
    }
}

@media(min-width:1201px) {
    .accommodation p {
        min-height: 125px;
    }

        .accommodation p.smaller {
            min-height: 45px;
        }

    .blogrow h2 {
        font-size: 16px;
    }

    .blog-text {
        min-height: 194px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .whatsonrow p {
        min-height: 120px;
    }

    .whatsonrow h3 {
        min-height: 55px;
    }

    .btn-alt, .btn-more {
        margin-bottom: 15px;
    }

    .accommodation h2 {
        margin: 0px 0px 30px 0px;
    }

    .whatsonrow h2, .discover h2 {
        margin: 0 0 20px 0px;
    }

    .blog-box .row {
        min-height: 428px;
    }

    .blog-text {
        min-height: 200px;
    }

    .row.discover, .row.whatsonrow {
        width: 100%;
        margin: auto;
    }


    .site-links a:first-of-type {
        margin: 0 0 20px 0;
    }

    .header-message {
        padding: 25px 0px 10px 0px;
    }

    .blog-text iframe {
        margin-top: 10px;
    }
}

@media(min-width:768px) and (max-width:1200px) {

    .site-links {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding: 0px 16px 10px 0px;
    }

        .site-links a {
            font-size: 12px;
            padding: 0;
            height: 40px;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            border-right: none;
            border-left: none;
            width: 100%;
            border: 1px solid #0f72db;
        }
}

@media(min-width:992px) and (max-width:1200px) {
    .whatsonrow p {
        min-height: 100px;
    }

    .blogrow h2 {
        font-size: 14px;
    }

    .blog-text {
        min-height: 197px;
    }

    .blogrow p, .blogrow .italic {
        font-size: 14px;
    }

    .site-links a:first-of-type {
        margin: 10px 0px 10px 0;
    }

    .header-message {
        padding: 20px 0px 10px 0px;
    }

    .blogrow .btn-core {
        font-size: 14px;
    }
}

@media(max-width:767px) {
    .MobnoPadding {
        padding: 0;
    }
}

@media(max-width:991px) {
    .blogrow .italic {
        max-width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .offer-bar .container {
        max-width: 100%;
        height: 40px;
    }
}

@media(min-width:575px) and (max-width:767px) {
    .block h3 {
        min-height: 75px;
    }
}

@media(min-width:550px) and (max-width:575px) {
    #WelcomeVideo {
        height: 180vh;
    }

    .logo-header {
        width: 25%;
    }

    .text-header {
        width: 75%;
    }

    .header-message {
        max-width: none;
    }

    .herdingLogo {
        max-width: 100px;
    }

    .logo-header, .text-header {
        margin: 40px 0;
    }

    header .container {
        max-width: none;
    }

    .welcome .container {
        max-width: none;
    }

    .welcome {
        top: 70px;
    }
}

@media(min-width:575px) and (max-width:767px) {
    #WelcomeVideo {
        height: 130vh;
    }

    .header-message {
        max-width: none;
    }

    .herdingLogo {
        max-width: 100px;
    }

    .logo-header, .text-header {
        margin: 40px 0;
    }

    header .container {
        max-width: none;
    }

    .welcome .container {
        max-width: none;
    }

    .welcome {
        top: 70px;
    }
}

@media(max-width:340px) {
    .block {
        padding: 20px 15px 15px 15px;
    }

    .site-links .btn {
        font-size: 10px;
    }

    .video-box {
        margin-left: 15px;
    }

    .accommodation h2, .whatsonrow h2, .discover h2 {
        font-size: 19px;
    }

    .accommodation h3, .whatsonrow h3, .blogrow h2 {
        font-size: 16px;
    }

    .accommodation p, .accommodation p.smaller {
        font-size: 12px;
        min-height: 80px;
    }

    .whatsonrow p {
        font-size: 12px;
        padding: 0;
        min-height: 65px;
    }

    .whatsonrow .btn-alt, .blogrow .btn-core {
        padding: 10px 20px;
        font-size: 12px;
    }

    .blogrow p, .blogrow .italic {
        font-size: 12px;
    }
}

@media(max-width:767px) {
    .slick-prev {
        left: 5px !important;
    }

    .slick-next {
        right: 5px !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .icons p {
        max-width: 190px;
        margin: auto;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .icons p {
        max-width: 225px;
        margin: auto;
    }
}

.row.social-icon {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

@media(min-width:768px) {
    .masthead-container {
        margin-bottom: 30px;
    }
}

@media(min-width:992px) and (max-width:1200px) {

    footer p, footer a, .panel-footer input.form-control, .panel-footer input.form-control::placeholder, footer .btn-core {
        font-size: 13px;
    }
}

.dropdown-menu .dropdown:hover .dropdown-menu {
    display: block;
    /* right: 100%; */
    left: 100%;
    top: 0;
}

.dropdown-header {
    position: relative;
}

.dropdown-menu .dropdown-header.dropdown:after {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
}

.dropdown-menu .dropdown-header.dropdown:hover:after {
    color: #262622;
}

.hidden {
    display: none;
}

.w-100 {
    width: 100%;
}


.slick-arrow {
    z-index: 5;
}

@media (max-width: 991px) {
    .navbar-collapse.collapse.show .navbar-nav a {
        text-align: left;
        text-decoration: none;
    }

    nav .navbar-collapse ul a {
        text-align: left;
    }

    nav .navbar-collapse ul ul a {
        text-align: center;
    }

    nav .navbar-collapse ul ul ul a {
        text-align: right;
    }
}

@media(max-width:767px) {
    .company-link, .date-year {
        text-align: center;
    }
}

@media(min-width:768px) {
    .company-link {
        text-align: right;
    }

    .date-year {
        text-align: left;
    }
}

@media(min-width:768px) and (max-width:812px) {
    .welcome {
        top: 80px;
    }
}


/*Please update when booking form is in*/
@media(max-width:820px) {
    .masthead-container {
        margin: 0 0 90px 0;
    }

    .bookingform {
        padding: 0;
        position: relative;
        display: block;
        overflow: visible;
        float: left;
        width: 100%;
    }

    .booking-form {
        position: relative;
    }

    .bookingform .container {
        max-width: 100%;
    }
}

.maincat .btn {
    margin-top: 15px;
}

.maincat h3 {
    margin-top: 15px;
}

.Catpage {
    margin-bottom: 20px;
}

.catimg {
    background-image: url(http://placehold.it/767x400/f44242/fff);
    height: 200px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    display: none;
}

@media(min-width:767px) {
    .bookingform .nomarg {
        margin: 0;
        display: block;
    }
}

@media(max-width:767px) {
    .fc-toolbar h2 {
        font-size: 18px !important;
    }

    .bookingform .row {
        padding: 0px;
        margin: 0 0 0 15px;
    }
}

.nav-tabs li {
    padding-bottom: 9px;
}

    .nav-tabs li > a {
        background: #fff;
        padding: 10px;
        border: 1px solid #ddd;
        border-bottom: none;
        border-radius: 5px 5px 0px 0px;
    }

        .nav-tabs li > a.active, .nav-tabs li.active a {
            background: #0f72db;
            color: #ffffff;
            padding: 10px;
        }

.tab-pane {
    padding: 20px 0px 0px 0px;
}

@media(max-width:767px) {
    .padding-mob {
        padding-top: 50px;
    }
}

.links a {
    color: #0172ff;
}

.block-smaller {
    min-height: 240px;
}

.pricing tbody th, .font-weight-normal {
    font-weight: normal;
}

footer li {
    color: #fff;
}

#main-navigation a {
    color: #fff;
    background-color: #23408f;
}

#main-navigation a:hover {
    color: #fff;
    background-color: #0f72db;
}


.nav-item.show.open a:nth-child(1) {
    border-bottom: 5px solid #0f72db;
}

.dropdown-menu li {
    color: #fff;
}

.blog-thumbnail {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
}

.inner-text {
    padding: 15px;
}

    .inner-text .title {
        color: #000;
        font-size: 18px;
        margin-bottom: 10px;
    }

#pagination {
    text-align: center;
    padding: 15px 0;
}

    #pagination .current {
        color: white;
        background: #FF171D;
        border: 1px solid #FF171D;
        margin-right: 4px;
        padding: 3px 6px;
    }

    #pagination a {
        background: #e7e7e7;
        border: 1px solid #d7d7d7;
        color: #666;
        margin-right: 4px;
        padding: 3px 6px;
        text-align: center;
        text-decoration: none;
    }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li:hover > a, .dropdown-menu > li:focus > a {
    color: #262626;
    text-decoration: none;
    background-color: #FFF3D8;
}

@media(max-width:767px) {
    .konvert-modal, .konvert-fade {
        display: none !important;
    }
}

.scroll-left {
    height: 40px;
}


@media(max-width:767px) {
    .scroll-left {
        overflow: hidden;
        position: relative;
    }

        .scroll-left p {
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0;
            line-height: 40px;
            text-align: center;
            /* Starting position */
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            /* Apply animation to this element */
            -moz-animation: scroll-left 25s linear infinite;
            scroll-left: 25s linear infinite;
            -webkit-animation: scroll-left 25s linear infinite;
            scroll-left: 25s linear infinite;
            animation: scroll-left 25s linear infinite;
            color: #fff;
        }
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%); /* Browser bug fix */
        -webkit-transform: translateX(100%); /* Browser bug fix */
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%); /* Browser bug fix */
        -webkit-transform: translateX(-100%); /* Browser bug fix */
        transform: translateX(-100%);
    }
}

body {
    max-width: 100%;
    overflow-x: hidden;
}

@media(max-width:767px) {
    .col-12.scroll-left {
        padding-right: 50px;
    }

    .offer-bar p {
        font-weight: 500;
        font-size: 11px;
        color: #fff;
        float: left;
        height: 100%;
        margin: 7px 0 0 0;
    }
}

@media (max-width: 767px) {
    .offer-bar .container {
        max-width: 100%;
        height: auto;
        padding-bottom: 8px;
        padding-right: 45px;
    }

    iframe#Newsletter {
        height: 360px;
    }
}

@media (max-width: 767px) {
    .navbar {
        z-index: 99999;
        margin-top: 85px;
        width: 100%;
    }

    .navbar-toggler {
        z-index: 999999;
    }
}

h1 {
    font-size: 24px;
    line-height: 1.4;
    color: #0f72db;
    margin: 30px 0;
}

h2 {
    font-size: 21px;
    line-height: 1.4;
    color: #0f72db;
    margin: 30px 0;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.konvert-modal {
    height: 330px !important;
}

@media(max-width:992px) {
    .konvert-modal, .konvert-fade {
        display: none !important;
    }
}

.input-group-prepend {
    background-color: #e6551b;
    padding: 7px;
    color: #fff3d8;
}

@media(max-width:767px) {
    .masthead-image {
        height: 280px;
    }

    .masthead-container, .masthead, .masthead-shade {
        height: auto;
        margin: 0;
    }
}

.site-links {
    flex-wrap: wrap;
    justify-content: flex-end;
}

    .site-links .btn {
        min-width: 217px;
        margin: 5px 0 5px 5px;
    }

    .site-links a:first-of-type {
        margin: 5px 0 5px 5px;
    }

@media(max-width:767px) {
    .site-links .btn {
        width: 50%;
        margin: 0;
        min-width: 1px;
    }

    .site-links a:first-of-type {
        margin: 0;
    }

    .site-links a:last-of-type {
        width: 100%;
        border-top: 0;
    }
}