#viewoptions {
    display: none;
    width: 100%;
    text-align: center;
    background: #9D8A62;
    padding: 10px;
    color: white;
    font-size: 70px;
    margin-left: 20px;
}

.mobile {
    display: none;
}

.hideondesktop {
    display: none;
}

.socialmedia {
    display: none;
}

@media screen and (max-width: 979px) {
    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
    .table-responsive {
        width: 100%;
        margin: 0 0 0.5em;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .mobile {
        display: block;
    }
    .hideondesktop {
        display: block;
    }
    .socialmedia {
        display: block;
    }
    body {
        background: #D7B470;
    }
    .desktop {
        display: none !important;
    }
    .logo {
        text-align: center;
        background: #C9B280;
        font-size: 11px;
        width: 100%;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .logo img {
        width: 100%;
    }
    .slideshow img {
        width: 100%;
    }
    .buttonshome {
        text-align: center;
        display: inline-block;
        margin-bottom: 5px;
    }
    hr.style-one {
        border: 0;
        height: 1px;
        background: #c9b280;
        background-image: linear-gradient(to right, #ccc, #ccc, #ccc);
        width: 90%;
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .buttonshome img {
        width: 48%;
    }
    .socialmedia {
        width: 100%;
        padding-top: 5px;
        display: inline-block;
        /*height: 30px;*/
    }
    .titlet {
        width: 55%;
        float: left;
        font-size: 11px;
        padding-left: 2%;
        font-weight: bold;
        line-height: 33px;
    }
    .socialmediaicons {
        width: 45%;
        float: right;
        text-align: center;
    }
    .socialmediaicons img {
        width: 20%;
    }
    .threemobile {
        width: 100%;
        padding-top: 5px;
        display: inline-block;
    }
    .threemobileone {
        width: 32%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .threemobileone img {
        width: 100%;
    }
    .fullsite {
        text-align: center;
    }
    .fullsite img {
        width: 60%;
    }
    .footer365 {
        text-align: center;
        background: #9B7448;
        width: 100%;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .copyright {
        font-size: 9px;
        text-align: center;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .footer365 img {
        width: 80%;
    }
    /* MOBILE MENU ---------------------------------*/
    .mobile-nav {
        position: absolute;
        z-index: 999999;
        top: 0;
        right: 0;
        width: 85%;
    }
    .menu-btn img {
        width: 100%;
    }
    .menu-btn {
        width: 35px;
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 9999999;
    }
    .menu-btn div {
        position: absolute;
        left: 100%;
        top: 64%;
        padding-right: 8px;
        margin-top: -0.50em;
        line-height: 1.2;
        font-size: 18px;
        font-weight: 200;
        vertical-align: middle;
        z-index: 99;
    }
    .menu-btn span {
        display: block;
        width: 40px;
        height: 6px;
        margin: 6px 0;
        background: rgb(255, 255, 255);
        z-index: 99;
        margin-left: 7px;
    }
    .responsive-menu {
        display: none;
    }
    .responsive-menu ul {
        list-style-type: none;
        padding-left: 0;
        margin-left: 0;
        padding-right: 5px;
        margin-top: 0;
        margin-bottom: 0px;
        padding-bottom: 10px;
        padding-top: 5px;
    }
    .responsive-menu-title {
        color: #8b7953;
    }
    .responsive-menu-icon img {
        width: 30px;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .expand {
        display: block !important;
        background-color: #FFE5A2;
        padding: 10px;
        /* margin-left: 7px; */
        /* list-style-type: none; */
        color: #003E7E;
        border: 1px solid #a0630b;
        font-family: "Bitter", serif;
        font-size: 23px;
    }
    .expand ul {
        text-align: left !important;
    }
    .expand li {
        border-bottom: 1px dotted #a0630b;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    /*    .expand li:last-child {
        border-bottom: 0px solid white;
    }*/
    .expand a {
        text-decoration: none !important;
        color: #a0630b;
        margin-left: 10px;
    }
    .expand a:hover {
        color: #005765;
    }
    /* MOBILE MENU END ---------------------------------  */
    #masterhead,
    .menu-left,
    .menu-right {
        display: none;
    }
    .feature-image {
        width: 100% !important;
        margin-left: 0 !important;
        border-radius: 0 !important;
        height: auto !important;
    }
    .feature-image img {
        width: 100% !important;
        border-bottom: 3px solid #9C620B;
        border-top: 3px solid #9C620B;
    }
    .container {
        width: 100%;
    }
    .site-teaser {
        padding: 0;
    }
    .inner-box {
        padding: 0;
    }
    .lead-area .title {
        font-size: 29px;
        text-align: left;
        position: relative;
        border: 0;
        background: #D7B470;
    }
    .lead-area .title span {
        position: absolute;
        text-align: center;
        margin-left: -13%;
        background-color: #D7B470;
        margin-left: 0px;
    }
    .lead-area .title sup {
        margin-left: 0;
        font-size: 25px;
        bottom: -2ex;
        color: #a0630b;
    }
    .lead-area {
        text-align: center;
    }
    .lead-area .content {
        border-bottom: 0px !important;
    }
    .lead-area .content-inner {
        width: 100% !important;
        margin-top: 35px;
        background-color: #D7B470;
        padding: 10px 5px 0 5px;
    }
    h1,
    h2,
    h6,
    ul,
    h4,
    h3 {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .col-left ul {
        text-align: left !important;
    }
    .content-highlight {
        width: 96% !important;
        background-color: #FFF4C5;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .content-highlight img {
        width: 100% !important;
    }
    .lead-area .content-highlight {
        background-color: #FFF4C5 !important;
    }
    .col-content {
        width: 96% !important;
        background-color: #FFF4C5;
        margin-left: 2%;
        margin-right: 2%;
        padding-top: 5px;
    }
    .col-content ul {
        text-align: left;
    }
    .col-left {
        width: 96% !important;
        background-color: #FFF4C5;
        margin-left: 2%;
        margin-right: 2%;
        padding-top: 5px;
    }
    .col-right {
        width: 96% !important;
        background-color: #FFF4C5;
        margin-left: 2%;
        margin-right: 2%;
        padding-top: 5px;
    }
    blockquote {
        width: 96% !important;
        background-color: #FFF4C5;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 10px;
        border-bottom: 3px solid #D7B470;
        display: none;
    }
    p {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .content-inner p {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }

    .content-inner h4 {
        text-align: left
    }
    .col-image {
        text-align: center;
        width: 100% !important;
        margin-top: 10px;
    }
    .col-image img {
        width: 95%;
    }
    .footer-left {
        width: 100% !important;
        background-color: #FFF4C5 !important;
        color: #9A7D4A;
    }
    .footer-left strong {
        color: #9A7D4A;
    }
    .footer-menu {
        display: none;
    }
    .footer-right {
        background: #AB7941;
        width: 100% !important;
        text-align: center;
    }
    .footer-right img {
        text-align: center;
        float: none !important;
        padding-bottom: 10px;
    }
    .content-box {
        border-radius: 0px !important;
        background-color: #D7B470;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 0px;
    }
    /* .container {
        display: none;
    }*/
    .buttons {
        margin-left: 0px !important;
    }
    .button-rounded {
        width: 100% !important;
        padding: 15px 15px;
        margin-bottom: 10px;
    }
    .list-address li {
        text-align: center;
        margin-left: 0px;
    }
    .content-highlight img {
        width: 100% !important;
    }
    .text-box {
        width: 100% !important;
        padding-left: 0px !important;
        text-align: center;
    }
    .text-box img {
        width: 70% !important;
        position: relative !important;
    }
    .text-box p {
        width: 100% !important;
    }
    .page-about-history .content-bottom .text-box p.text-center {
        margin-left: 0px;
    }
    .video-container {
        position: relative;
        padding-bottom: 95%;
        padding-top: 35px;
        height: 0;
        overflow: hidden;
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: block;
        margin: 0 auto;
        border: 0;
    }
    .seemore {
        font-weight: bold;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .bgFlex {
        flex-direction: column;
    }

    .bgFlex p{
        width: 100%;
    }
}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .bookNow {
        position: initial;
        max-width: 225px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bookNow {
        position: initial;
        max-width: 225px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .feature-logo-v2.align-left {
        display: none;
    }
    
    .newPage .bookNow span {
        position: initial;
        background: #983E3A;
    }

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .bookNow {
        position: initial;
        max-width: 225px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .feature-logo-v2.align-left {
        display: none;
    }
    
    .newPage .bookNow span {
        position: initial;
        background: #983E3A;
    }
    .bookNow {
        margin-left: 0;
        margin-top: 50px;
        margin-bottom: 0;
    }
    .gridRow {
        display: block;
        padding: 15px;
    }
    
    .imageGrid {
        display: block;
    }
    
    .largeSingleImg {
        margin: 10px;
    }
    
    .singleTxt {
        margin: 15px 0px;
    }
    
    .customTxt p {
        font-size: 20px;
    }
    
} 


/* iPhone 6 in portrait & landscape*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    .video-container iframe {
        width: 365px;
    }
}


/*iPhone 6 in landscape*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    .video-container iframe {
        width: 365px;
    }
}


/*iPhone 6 in portrait*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    .video-container iframe {
        width: 365px;
    }
}


/*iPhone 6 Plus Media Queries
iPhone 6 Plus in portrait & landscape*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    .video-container iframe {
        width: 404px;
    }
}


/*iPhone 6 Plus in landscape*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
    .video-container iframe {
        width: 404px;
    }
}


/*iPhone 6 Plus in portrait*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .video-container iframe {
        width: 404px;
    }
}


/*iPhone 5 & 5S Media Queries
iPhone 5 & 5S in portrait & landscape*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .video-container iframe {
        wwidth: 310px;
    }
}


/*iPhone 5 & 5S in landscape*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .video-container iframe {
        width: 310px;
    }
}


/*iPhone 5 & 5S in portrait*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .video-container iframe {
        width: 310px;
    }
}