/* =Responsive (Mobile) Design
--------------------------------------------------------------
   ================================================== */

/* @media screen and (max-device-width: 980px) { 
    body {

    }

    .grid,
    .grid-right {
        display: block;
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .copyright,
    .scroll-top,
    .powered {
        float: left
    }

    #featured-image .fluid-device-width-video-wrapper {
        margin: 20px 0 0 0
    }

    .front-page  #widgets {
        margin-top: 40px
    }

    .top-widget,
    .front-page  .top-widget {
        margin-top: 0 !important
    }

    .hide-desktop {
        display: block
    }

    .show-desktop {
        display: none
    }

    .hide-980 {
        display: none
    }

    .show-980 {
        display: block
    }
}

@media screen and (max-device-width: 650px) { 
    body {

    }

    #logo {
        float: none;
        margin: 0;
        text-align: center;
    }

    .grid,
    .grid-right {
        float: none
    }

    #featured-image .fluid-device-width-video-wrapper {
        margin: 20px 0 0 0
    }

    .top-widget {
        float: none;
        position: relative;
        width: auto;
        margin: 0 auto 10px auto;
        text-align: center;
    }

        .top-widget .widget-title h3 {
            text-align: center
        }

    .js .sub-header-menu {
        display: none
    }

    .js .main-nav {
        clear: both;
        position: relative;
        margin: 0 auto;
        background-color: #585858;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
        background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
        background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
        background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
        background-image: -o-linear-gradient(top, #585858, #3d3d3d);
        background-image: linear-gradient(top, #585858, #3d3d3d);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
    }

        .js .main-nav .menu {
            display: none;
            position: absolute;
            z-index: 1000;
            top: 30px;
            width: 100%;
        }

            .js .main-nav .menu ul {
                margin-top: 1px
            }

            .js .main-nav .menu li {
                float: none;
                border: none;
                background-color: #fff;
            }

                .js .main-nav .menu li a {
                    height: 45px;
                    padding: 0 15px;
                    border: none;
                    border-bottom: 1px solid #f5f5f5;
                    color: #444;
                    text-shadow: none;
                    font-size: 13px;
                    font-weight: normal;
                    line-height: 45px;
                    text-align: left;
                    cursor: pointer;
                }

            .js .main-nav .menu li.current_page_item,
            .js .menu .current_page_item a,
            .js .menu .current-menu-item a {
                background-color: #f5f5f5
            }

            .js .main-nav .menu li li:hover {
                background: none !important
            }

            .js .main-nav .menu li li a {
                position: relative;
                padding: 0 10px 0 30px;
            }

            .js .main-nav .menu li li li a {
                position: relative;
                padding: 0 10px 0 40px;
            }

            .js .main-nav .menu li a:hover,
            .js .main-nav .menu li li a:hover {
                background-color: #f5f5f5 !important;
                background-image: none;
                filter: none;
            }

            .js .main-nav .menu li li a::before {
                position: absolute;
                top: 0;
                left: 20px;
                content: "\2013";
            }

            .js .main-nav .menu li li li a::before {
                position: absolute;
                top: 0;
                left: 20px;
                content: "\2013";
            }

            .js .main-nav .menu li li li a::after {
                position: absolute;
                top: 0;
                left: 30px;
                content: "\2013";
            }

            .js .main-nav .menu li ul {
                visibility: visible;
                position: static;
                background-color: #fff;
            }

            .js .main-nav .menu ul {
                min-width: 0
            }

        .js .main-nav #responsive_current_menu_item {
            display: block;
            padding: 5px 40px 5px 10px;
            color: #fff;
            font-weight: 700;
            cursor: pointer;
        }

        .js .main-nav a#responsive_menu_button {
            display: block;
            position: absolute;
            top: 0;
            left: 100%;
            width: 23px;
            height: 30px;
            margin-left: -30px;
            background: url("../images/select-icons.png") 0 5px no-repeat;
            cursor: pointer;
        }

        .js .main-nav a#responsive_menu_button.responsive-toggle-open {
            background: url("../images/select-icons.png") 0 -46px no-repeat
        }

    .top-menu,
    .footer-menu li {
        float: none;
        font-size: 11px;
        text-align: center;
    }

    #author-meta {
        padding: 20px
    }

    #wrapper .gallery .gallery-item {
        max-device-width: 100%
    }

    .hide-650 {
        display: none
    }

    .show-650 {
        display: block
    }

    .hide-mobile {
        display: none
    }

    #footer {
        text-align: center
    }

        #footer .social-icons {
            padding-bottom: 10px;
            text-align: center;
        }
}

@media screen and (max-device-width: 480px) { 
    body {

    }

    #logo {
        float: none;
        text-align: center;
    }

    .grid,
    .grid-right {
        float: none
    }

    #featured-image .fluid-device-width-video-wrapper {
        margin: 20px 0 0 0
    }

    .featured-title {
        padding: 40px 20px 0 20px;
        font-size: 40px;
    }

    .featured-subtitle {
        font-size: 24px
    }

    .navigation .next,
    .navigation .previous {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .menu ul,
    .menu li,
    .top-menu,
    .footer-menu li,
    .sub-header-menu li {
        float: none;
        text-align: center;
        text-rendering: optimizeSpeed;
    }

    #wrapper .gallery .gallery-item {
        float: none
    }

    .hide-480 {
        display: none
    }

    .show-480 {
        display: block
    }

    #footer {
        text-align: center
    }

        #footer .social-icons {
            text-align: center
        }
}

@media screen and (max-device-width: 320px) { 
    body {

    }

    #featured p {
        font-size: 12px;
        line-height: 1.5em;
    }

    .featured-title {
        font-size: 35px
    }

    .featured-subtitle {
        font-size: 15px
    }

    .call-to-action a.button {
        padding: 7px 17px;
        font-size: 14px;
    }

    .hide-320 {
        display: none
    }

    .show-320 {
        display: block
    }
}

@media screen and (max-device-width: 240px) { 
    body {

    }

    #featured p {
        font-size: 11px;
        line-height: 1.5em;
    }

    .featured-title {
        font-size: 20px
    }

    .featured-subtitle {
        font-size: 11px
    }

    .call-to-action a.button {
        padding: 5px 15px;
        font-size: 12px;
    }

    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"],
    .top-widget input[type="password"],
    .top-widget input[type="email"] {
        width: 75%
    }

    .widget-title h3,
    .widget-title-home h3 {
        height: 13px;
        font-size: 14px;
        line-height: 13px;
        text-align: left;
    }

    .hide-240 {
        display: none
    }

    .show-240 {
        display: block
    }
}
 */

/* small devices
--------------------------------------------------------------  */

/* ===[ Smartphones (portrait) ----------- ]=== */

@media only screen and (max-device-width: 320px) { 
    #responsive-menu .responsive-menu li a,
    #responsive-menu .appendLink,
    #responsive-menu .responsive-menu li a,
    #responsive-menu #responsive-menu-title a {
        border-top: none !important;
        border: none !important;
    }

    .two-column-left #home_widget_3 > .widget-wrapper #wrap {
        width: 100%
    }

    .two-column-left #home_widget_3 > .widget-wrapper #left_col {
        width: 30%;
        padding-top: 1%;
    }

    .two-column-left #home_widget_3 > .widget-wrapper #right_col {
        width: 65%
    }

    #crab-net-kids #crabPhoto {
        margin-top: 0;
        margin-bottom: 0;
    }

    #crab-net-kids #crabDetails {
        margin-top: 0
    }
}

/* ===[ Smartphones and up (landscape) ----------- ]=== */

@media only screen and (min-device-width: 320px) { 
    #container {
        padding: 0;
        top: 0;
        height: 25px;
    }

    #click-menu {
        background: #685506
    }

    .page-template-TIDES-SECTION-FRONT-70-30 #click-menu {
        background: #BFA94B
    }

    #click-menu .threeLines {
        width: 33px;
        height: 16px;
        margin: -14px 0 0;
        padding: 13px 0 9px;
    }

    #click-menu #RMX {
        width: 33px;
        height: 16px;
        margin: -18px 0 0;
        padding: 13px 0;
    }

    #responsive-menu {
        width: 50%
    }

        #responsive-menu #responsive-menu-title {
            width: 100%;
            text-align: center;
            padding: 0;
        }

            #responsive-menu #responsive-menu-title a {
                padding: 15px;
                display: block;
            }

        #responsive-menu .responsive-menu li a:before {
            content: "\003e  "
        }

        #responsive-menu .responsive-menu li ul.sub-menu {
            padding-left: 0
        }

        #responsive-menu .responsive-menu li a,
        #responsive-menu .appendLink,
        #responsive-menu .responsive-menu li a,
        #responsive-menu #responsive-menu-title a {
            border-top: none !important;
            border: none !important;
        }

    .two-column-left #home_widget_3 > .widget-wrapper #wrap {
        width: 100%
    }

    .two-column-left #home_widget_3 > .widget-wrapper #left_col {
        width: 30%;
        padding-top: 1%;
    }

    .two-column-left #home_widget_3 > .widget-wrapper #right_col {
        width: 65%
    }
}

/* -----------------------------------------------------------------
 *
 * portrait mode
 *
 * -------------------------------------------------------------
   ================================================== */

/* iPhone 4 (portrait) -----------  */

@media only screen and (min-width: 320px) and (max-width: 374px) and (orientation:portrait) { 
    .home,
    #weddings-events,
    #meetings {
        background-position: 0 265px
    }

    .section_header {
        height: 0
    }

    #reservations {
        margin: -6px 43px 0 0;
        padding: 2px;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        float: left;
        z-index: 10;
    }

        #reservations .reservation_btn {
            float: left;
            padding: 3px;
        }

        #reservations div.res_num a {
            margin-right: 38px
        }

    .full-featured-hover {
        top: 0
    }

        .full-featured-hover #logo_panel {
            margin: 0
        }

    .section_logo_global {
        top: 28px;
        left: 0;
        margin: 0 auto;
    }

    /* close top gap  */

    .custom_header {
        margin-bottom: 170px
    }

    /* #slider_wrap, #header_bg_100, #header_bg_100_golf, #home_widget_1, #header + #wrapper-section { display: none; visibility: hidden; }
       ================================================== */

    #header_bg_100,
    #header_bg_100_golf,
    #home_widget_1 {
        display: none;
        visibility: hidden;
    }

    #wrapper-section-widgets {
        top: 150px
    }

    #wrapper #widgets {
        padding: 0 15px
    }

    #wrapper-section-widgets #widgets {
        padding: 0 20px
    }

    #wrapper #widgets #home_widget_2,
    #wrapper #widgets #home_widget_3,
    #wrapper-section-widgets #home_widget_2,
    #wrapper-section-widgets #home_widget_3 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #wrapper-section-widgets .two-column-left #home_widget_3 {
        padding: 0
    }

    #home_widget_3 .textwidget .callout {
        margin: 0 auto 10px
    }

    #home_widget_3 div.widget-cta-wrapper {
        margin: 0 0 20px
    }

    #widgets #home_widget_2 .widget-wrapper,
    #widgets #home_widget_3 .widget-wrapper {
        padding: 40px 0 0
    }

    .page-template-TIDES-SECTION-FRONT-2COL #widgets #home_widget_3 .widget_text {
        padding: 40px 0 0
    }

    #widgets .tagcloud,
    #widgets .textwidget {
        margin: 15px 0 0
    }

    #footer #footer-wrapper .col-220 {
        display: none
    }

    #footer #footer-wrapper #footmenu {
        width : 100%
    }

    #menu-tides-footer-links,
    #footer #footer_widget {
        text-align: center
    }

    #footer .social-icons {
        margin: 0 0 10px;
        text-align: center;
        width: auto;
        float: none;
        top: 0;
    }

    #meetins #widgets #home_widget_3 .widget_text,
    #weddings-events #widgets #home_widget_3 .widget_text {
        padding: 0
    }

    #meetings #home_widget_3 .textwidget .callout,
    #weddings-events #home_widget_3 .textwidget .callout {
        width: auto
    }

        #meetings #home_widget_3 .textwidget .callout .callout_img,
        #weddings-events #home_widget_3 .textwidget .callout .callout_img {
            float: none;
            text-align: center;
        }

        #meetings #home_widget_3 .textwidget .callout .callout_copy,
        #weddings-events #home_widget_3 .textwidget .callout .callout_copy {
            width: 100%;
            text-align: center;
            margin: 0;
        }

    /* --crazy nesting--
          .soliloquy >
          .soliloquy-container >
          .soliloquy-wrapper >
          .soliloquy-viewport >
          .soliloquy-slider >
          .soliloquy-item >
          .soliloquy-image
       ================================================== */

    .soliloquy-viewport .soliloquy-slider {
        max-height: 236px !important
    }

        .soliloquy-viewport .soliloquy-slider .soliloquy-item .soliloquy-image {
            min-height: 1px !important;
            max-height: 236px !important;
            height: auto !important;
            width: auto !important;
        }

    #soliloquy-36,
    #soliloquy-237,
    #soliloquy-311,
    #soliloquy-307 {
        min-height: 236px !important
    }

        #soliloquy-36 img,
        #soliloquy-237 img,
        #soliloquy-311 img,
        #soliloquy-307 img {
            min-height: 236px !important
        }

    .two-column-left #home_widget_3 > .widget-wrapper #wrap {
        width: 100%
    }

    .two-column-left #home_widget_3 > .widget-wrapper #left_col {
        width: 30%;
        padding-top: 1%;
    }

    .two-column-left #home_widget_3 > .widget-wrapper #right_col {
        width: 65%
    }
}

/* iPhone 6 & iPhone 6+ (portrait) -----------  */

@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation:portrait) { 
    .home,
    #weddings-events,
    #meetings,
    #golden-eagle-golf {
        background-position: 0 35px
    }

    .section_header {
        height: 0
    }

    #header_bg_100,
    #header_bg_100_golf,
    #home_widget_1 {
        display: none;
        visibility: hidden;
    }

    #wrapper-section-widgets,
    .page-template-TIDES-SECTION-FRONT-70-30 #wrapper-section-widgets {
        top: 150px
    }

    #reservations {
        margin: -6px 43px 0 0;
        padding: 2px;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        float: left;
        z-index: 10;
    }

        #reservations .reservation_btn {
            float: left;
            padding: 3px;
        }

        #reservations div.res_num a {
            margin-right: 38px
        }

    .full-featured-hover {
        top: 0
    }

        .full-featured-hover #logo_panel {
            margin: 0
        }

    .section_logo_global {
        top: 28px;
        margin: 0;
        left: 20px;
    }

    /* close top gap  */

    .custom_header {
        margin-bottom: 170px
    }

    /* full bleed and three column = main column  */

    #wrapper .full-bleed-content #home_widget_2,
    #wrapper #wrapper-section-widgets #home_widget_2,
    #wrapper-section-widgets .three-column #home_widget_2 {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    /* full bleed and three column = sidebar column  */

    #wrapper .full-bleed-content #home_widget_3,
    #wrapper #wrapper-section-widgets #home_widget_3,
    #wrapper-section-widgets .three-column #home_widget_3 {
        width: 100%
    }

    /* two column = main column  */

    #wrapper-section-widgets .two-column-left #home_widget_3 {
        padding: 0;
        width: 100%;
        margin: 0 20px;
    }

    #wrapper #widgets,
    #wrapper-section-widgets #widgets {
        padding: 0 20px
    }

    #widgets #home_widget_3,
    #wrapper #wrapper-section-widgets #home_widget_3 {
        margin-bottom: 0
    }

        #widgets #home_widget_2 .widget-wrapper,
        #widgets #home_widget_3 .widget-wrapper {
            padding: 0
        }

            #widgets #home_widget_2 .widget-wrapper div#widget-title-three h3 {
                margin-top: 15px
            }

        #widgets #home_widget_3 .widget-wrapper {
            max-width: 250px;
            margin: 10px auto 0;
        }

    #wrapper-section-widgets .two-column-left #home_widget_3 .widget-wrapper {
        max-width: none
    }

    #widgets #home_widget_3 .widget-wrapper .callout {
        margin: 10px auto
    }

    #widgets #home_widget_3 div.widget-cta-wrapper {
        max-width: 250px;
        margin: 0 auto;
        padding: 0;
    }

    #meetings #widgets #home_widget_3 .widget_text,
    #weddings-events #widgets #home_widget_3 .widget_text {
        padding: 0
    }

    #meetings #home_widget_3 .textwidget .callout,
    #weddings-events #home_widget_3 .textwidget .callout {
        width: auto
    }

        #meetings #home_widget_3 .textwidget .callout .callout_img,
        #weddings-events #home_widget_3 .textwidget .callout .callout_img {
            float: none;
            text-align: center;
        }

        #meetings #home_widget_3 .textwidget .callout .callout_copy,
        #weddings-events #home_widget_3 .textwidget .callout .callout_copy {
            width: 100%;
            text-align: center;
            margin: 0;
        }

    /* crazy nesting of the soliloquy slider -----------------------------------------
       * .soliloquy > .soliloquy-container > .soliloquy-wrapper >
       * .soliloquy-viewport > .soliloquy-slider > .soliloquy-item > .soliloquy-image
       * ----------------------------------------------------------------------------  */

    .soliloquy-viewport .soliloquy-slider {
        max-height: 245px !important
    }

        .soliloquy-viewport .soliloquy-slider .soliloquy-item .soliloquy-image {
            min-height: 1px !important;
            max-height: 245px !important;
            height: auto !important;
            width: auto !important;
        }

    #soliloquy-36,
    #soliloquy-237,
    #soliloquy-311,
    #soliloquy-307 {
        min-height: 245px !important
    }

        #soliloquy-36 img,
        #soliloquy-237 img,
        #soliloquy-311 img,
        #soliloquy-307 img {
            min-height: 245px !important
        }

    .two-column-left #home_widget_3 > .widget-wrapper #wrap {
        width: 100%
    }

    .two-column-left #home_widget_3 > .widget-wrapper #left_col {
        width: 30%;
        padding-top: 1%;
    }

    .two-column-left #home_widget_3 > .widget-wrapper #right_col {
        width: 65%
    }

    #footer #footer-wrapper .col-220 {
        display: none
    }

    #footer #footer-wrapper #footmenu {
        width : 100%
    }

    #menu-tides-footer-links,
    #footer #footer_widget {
        text-align: center
    }

    #footer .social-icons {
        margin: 0 0 10px;
        text-align: center;
        width: auto;
        float: none;
        top: 0;
    }
}

/* ===[ Desktop browsers (landscape) ----------- ]=== */

@media only screen and (min-width: 768px) and (max-width: 886px) and (orientation:landscape) { 
    #reservations {
        margin: -6px 43px 0 0;
        padding: 2px;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        float: left;
        z-index: 10;
    }

    #header_bg_100,
    #header_bg_100_golf {
        display: none;
        visibility: hidden;
    }

    #reservations div.res_num a {
        margin-right: 38px
    }

    .section_logo_global {
        top: 28px;
        left: 20px;
        margin: 0;
    }

    /* close top gap  */
}

/* iPads (portrait) -----------  */

@media only screen and (min-width: 768px) and (max-width: 886px) and (orientation:portrait) { 
    .home,
    #weddings-events,
    #meetings {
        background-position: 0 35px
    }

    .section_header {
        height: 0
    }

    #header_bg_100,
    #header_bg_100_golf {
        display: none;
        visibility: hidden;
    }

    #wrapper-section-widgets,
    .page-template-TIDES-SECTION-FRONT-70-30 #wrapper-section-widgets {
        top: 150px
    }

    #reservations {
        margin: -6px 43px 0 0;
        padding: 2px;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        float: left;
        z-index: 10;
    }

        #reservations .reservation_btn {
            float: left;
            padding: 3px;
        }

        #reservations div.res_num a {
            margin-right: 38px
        }

    .full-featured-hover {
        top: 0
    }

        .full-featured-hover #logo_panel {
            margin: 0
        }

    .section_logo_global {
        top: 28px;
        left: 20px;
        margin: 0;
    }

    /* close top gap  */

    .home .custom_header,
    #weddings-events .custom_header,
    #meetings .custom_header {
        margin-bottom: 250px
    }

    /* close top gap  */

    #featured {
        top: -82px
    }

    #header + #wrapper {
        margin-top: 0
    }

    /* close top gap  */

    #widgets #home_widget_1 .menu ul {
        min-width: 1px
    }

    #widgets #home_widget_3 .widget-wrapper .widget-title-home h3 {
        margin: 0 0 12px
    }

    #home_widget_3 .textwidget .callout {
        width: 100%
    }

        #home_widget_3 .textwidget .callout .light_brown,
        #home_widget_3 .textwidget .callout .medium_brown,
        #home_widget_3 .textwidget .callout .dark_brown,
        #home_widget_3 .textwidget .callout .light_brown .top,
        #home_widget_3 .textwidget .callout .medium_brown .top,
        #home_widget_3 .textwidget .callout .dark_brown .top,
        #home_widget_3 .textwidget .callout .light_brown .sub,
        #home_widget_3 .textwidget .callout .medium_brown .sub,
        #home_widget_3 .textwidget .callout .dark_brown .sub {
            background: none
        }

        #home_widget_3 .textwidget .callout .light_brown,
        #home_widget_3 .textwidget .callout .medium_brown,
        #home_widget_3 .textwidget .callout .dark_brown {
            padding: 5px;
            background: #CFBD6F;
            margin-top: -5px;
        }

            #home_widget_3 .textwidget .callout .light_brown .callout_copy,
            #home_widget_3 .textwidget .callout .medium_brown .callout_copy,
            #home_widget_3 .textwidget .callout .dark_brown .callout_copy {
                margin: 0;
                width: 100%;
            }

                #home_widget_3 .textwidget .callout .light_brown .callout_copy h3,
                #home_widget_3 .textwidget .callout .medium_brown .callout_copy h3,
                #home_widget_3 .textwidget .callout .dark_brown .callout_copy h3,
                #home_widget_3 .textwidget .callout .light_brown .callout_copy h4,
                #home_widget_3 .textwidget .callout .medium_brown .callout_copy h4,
                #home_widget_3 .textwidget .callout .dark_brown .callout_copy h4,
                #home_widget_3 .textwidget .callout .light_brown .callout_copy p,
                #home_widget_3 .textwidget .callout .medium_brown .callout_copy p,
                #home_widget_3 .textwidget .callout .dark_brown .callout_copy p {
                    color: #685506
                }

            #home_widget_3 .textwidget .callout .light_brown .callout_img,
            #home_widget_3 .textwidget .callout .dark_brown .callout_img,
            #home_widget_3 .textwidget .callout .medium_brown .callout_img {
                display: none
            }

    #home_widget_3 div.widget-cta-wrapper form.add-on-form input,
    #home_widget_3 div.widget-cta-wrapper form.add-on-form select,
    #home_widget_3 div.widget-cta-wrapper form.add-on-form button,
    #home_widget_3 div.widget-cta-wrapper .logo-addon .cta a.btn {
        width: 48%
    }

    #home_widget_3 div.widget-cta-wrapper {
        margin-left: -70px
    }

    /* crazy nesting of the soliloquy slider -----------------------------------------
       * .soliloquy > .soliloquy-container > .soliloquy-wrapper >
       * .soliloquy-viewport > .soliloquy-slider > .soliloquy-item > .soliloquy-image
       * ----------------------------------------------------------------------------  */

    .soliloquy-viewport .soliloquy-slider {
        max-height: 350px !important
    }

        .soliloquy-viewport .soliloquy-slider .soliloquy-item .soliloquy-image {
            min-height: 1px !important;
            max-height: 350px !important;
            height: auto !important;
            width: auto !important;
        }

    #soliloquy-36,
    #soliloquy-237,
    #soliloquy-311,
    #soliloquy-307 {
        min-height: 350px !important
    }

        #soliloquy-36 img,
        #soliloquy-237 img,
        #soliloquy-311 img,
        #soliloquy-307 img {
            min-height: 350px !important
        }

    .home #slider_wrap,
    #weddings-events #slider_wrap,
    #meetings #slider_wrap {
        top: 7px
    }

    /* close top gap  */

    /* full bleed and three column = main column  */

    #wrapper .full-bleed-content #home_widget_1,
    #wrapper-section-widgets .three-column #home_widget_1 {
        display: none
    }

    #wrapper .full-bleed-content #home_widget_2,
    #wrapper-section-widgets .three-column #home_widget_2 {
        padding: 0;
        width: 67.1%;
        margin: 0 1.85% 0 0;
    }

    /* full bleed and three column = sidebar column  */

    #wrapper .full-bleed-content #home_widget_3,
    #wrapper-section-widgets .three-column #home_widget_3 {
        width: 30%
    }

    /* two column = main column  */

    #wrapper-section-widgets .two-column-left #home_widget_3 {
        padding: 0
    }

    #meetings #wrapper #widgets #home_widget_3,
    #weddings-events #wrapper #widgets #home_widget_3 {
        margin-top: -60px
    }

    #meetings #home_widget_3 .callout,
    #meetings .default .callout_copy,
    #weddings-events #home_widget_3 .callout,
    #weddings-events .default .callout_copy {
        width: auto
    }

    div#home_widget_2 .widget-wrapper div#widget-title-three h3 {
        margin: -5px 0 0
    }

    .two-column-left #home_widget_3 > .widget-wrapper #wrap {
        width: 100%
    }

    .two-column-left #home_widget_3 > .widget-wrapper #left_col {
        width: 30%;
        padding-top: 1%;
    }

    .two-column-left #home_widget_3 > .widget-wrapper #right_col {
        width: 65%
    }

    #footer #footer-wrapper #footmenu {
        width: 72%
    }

    #footer #footer-wrapper .col-220 {
        display: block
    }

    .footer-menu {
        margin-right: 75px
    }

    #menu-tides-footer-links,
    #footer #footer_widget,
    #footer .social-icons {
        text-align: left
    }
}

/* -----------------------------------------------------------------
 *
 * landscape mode
 *
 * -------------------------------------------------------------
   ================================================== */

/* iPhone 4 (landscape) -----------  */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape) { 
    
}

/* iPhone 6 (landscape) -----------  */

@media only screen and (min-device-width: 375px) and (max-device-width: 666px) and (orientation:landscape) { 
    .home,
    #weddings-events,
    #meetings {
        background-position: 0 35px
    }

    .section_header {
        height: 0
    }

    #header_bg_100,
    #header_bg_100_golf,
    #home_widget_1 {
        display: none;
        visibility: hidden;
    }

    #wrapper-section-widgets,
    .page-template-TIDES-SECTION-FRONT-70-30 #wrapper-section-widgets {
        top: 150px
    }

    #reservations {
        margin: -6px 43px 0 0;
        padding: 2px;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        float: left;
        z-index: 10;
    }

        #reservations .reservation_btn {
            float: left;
            padding: 3px;
        }

        #reservations div.res_num a {
            margin-right: 38px
        }

    .full-featured-hover {
        top: 0
    }

        .full-featured-hover #logo_panel {
            margin: 0
        }

    .section_logo_global {
        top: 28px;
        margin: 0 auto;
        left: 0;
    }

    /* close top gap  */

    #wrapper #widgets {
        padding: 0 15px
    }

    #wrapper-section-widgets #widgets {
        padding: 0 20px
    }

    #wrapper #widgets #home_widget_2,
    #wrapper #widgets #home_widget_3,
    #wrapper-section-widgets #home_widget_2,
    #wrapper-section-widgets #home_widget_3 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #wrapper-section-widgets .two-column-left #home_widget_3 {
        padding: 0
    }

    #home_widget_3 .textwidget .callout {
        margin: 0 auto 10px
    }

    #home_widget_3 div.widget-cta-wrapper {
        margin: 0 0 20px
    }

    #widgets #home_widget_2 .widget-wrapper,
    #widgets #home_widget_3 .widget-wrapper {
        padding: 40px 0 0
    }

    #widgets .tagcloud,
    #widgets .textwidget {
        margin: 15px 0 0
    }

    #footer #footer-wrapper .col-220 {
        display: none
    }

    #footer #footer-wrapper #footmenu {
        width : 100%
    }

    #menu-tides-footer-links,
    #footer #footer_widget {
        text-align: center
    }

    #footer .social-icons {
        margin: 0 0 10px;
        text-align: center;
        width: auto;
        float: none;
        top: 0;
    }

    #meetins #widgets #home_widget_3 .widget_text,
    #weddings-events #widgets #home_widget_3 .widget_text {
        padding: 0
    }

    #meetings #home_widget_3 .textwidget .callout,
    #weddings-events #home_widget_3 .textwidget .callout {
        width: auto
    }

        #meetings #home_widget_3 .textwidget .callout .callout_img,
        #weddings-events #home_widget_3 .textwidget .callout .callout_img {
            float: none;
            text-align: center;
        }

        #meetings #home_widget_3 .textwidget .callout .callout_copy,
        #weddings-events #home_widget_3 .textwidget .callout .callout_copy {
            width: 100%;
            text-align: center;
            margin: 0;
        }

    /* --crazy nesting--
          .soliloquy >
          .soliloquy-container >
          .soliloquy-wrapper >
          .soliloquy-viewport >
          .soliloquy-slider >
          .soliloquy-item >
          .soliloquy-image
       ================================================== */

    .soliloquy-viewport .soliloquy-slider {
        max-height: 245px !important
    }

        .soliloquy-viewport .soliloquy-slider .soliloquy-item .soliloquy-image {
            min-height: 1px !important;
            max-height: 245px !important;
            height: auto !important;
            width: auto !important;
        }

    #soliloquy-36,
    #soliloquy-237,
    #soliloquy-311,
    #soliloquy-307 {
        min-height: 245px !important
    }

        #soliloquy-36 img,
        #soliloquy-237 img,
        #soliloquy-311 img,
        #soliloquy-307 img {
            min-height: 245px !important
        }

    .two-column-left #home_widget_3 > .widget-wrapper #wrap {
        width: 100%
    }

    .two-column-left #home_widget_3 > .widget-wrapper #left_col {
        width: 30%;
        padding-top: 1%;
    }

    .two-column-left #home_widget_3 > .widget-wrapper #right_col {
        width: 65%
    }
}

/* iPhone 6+ (landscape) -----------  */

@media only screen and (min-device-width: 667px) and (max-device-width: 767px) and (orientation:landscape) { 
    .home,
    #weddings-events,
    #meetings {
        background-position: 0 275px
    }

    .section_header {
        height: 0
    }

    #header_bg_100,
    #header_bg_100_golf,
    #home_widget_1 {
        display: none;
        visibility: hidden;
    }

    #wrapper-section-widgets,
    .page-template-TIDES-SECTION-FRONT-70-30 #wrapper-section-widgets {
        top: 150px
    }

    #reservations {
        margin: -6px 43px 0 0;
        padding: 2px;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        float: left;
        z-index: 10;
    }

    /* #reservations .reservation_btn { float: left; padding: 3px; }
       ================================================== */

        #reservations div.res_num a {
            margin-right: 38px
        }

    .full-featured-hover {
        top: 0
    }

        .full-featured-hover #logo_panel {
            margin: 0
        }

    .section_logo_global {
        top: 28px;
        margin: 0;
        left: 20px;
    }

    /* close top gap  */

    .custom_header {
        margin-bottom: 170px
    }

    /* #slider_wrap, #header_bg_100, #header_bg_100_golf, #home_widget_1, #header + #wrapper-section { display: none; visibility: hidden; }
       ================================================== */

    #header_bg_100,
    #header_bg_100_golf,
    #home_widget_1 {
        display: none;
        visibility: hidden;
    }

    #wrapper-section-widgets {
        top: 150px
    }

    #wrapper #widgets {
        padding: 0 15px
    }

    #wrapper-section-widgets #widgets {
        padding: 0 20px
    }

    #wrapper #widgets #home_widget_2,
    #wrapper #widgets #home_widget_3,
    #wrapper-section-widgets #home_widget_2,
    #wrapper-section-widgets #home_widget_3 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #wrapper-section-widgets .two-column-left #home_widget_3 {
        padding: 0
    }

    #home_widget_3 .textwidget .callout {
        margin: 0 auto 10px
    }

    #home_widget_3 div.widget-cta-wrapper {
        margin: 0 0 20px
    }

    #widgets #home_widget_2 .widget-wrapper,
    #widgets #home_widget_3 .widget-wrapper {
        padding: 40px 0 0
    }

    #widgets .tagcloud,
    #widgets .textwidget {
        margin: 15px 0 0
    }

    #footer #footer-wrapper .col-220 {
        display: none
    }

    #footer #footer-wrapper #footmenu {
        width : 100%
    }

    #menu-tides-footer-links,
    #footer #footer_widget {
        text-align: center
    }

    #footer .social-icons {
        margin: 0 0 10px;
        text-align: center;
        width: auto;
        float: none;
        top: 0;
    }

    #meetins #widgets #home_widget_3 .widget_text,
    #weddings-events #widgets #home_widget_3 .widget_text {
        padding: 0
    }

    #meetings #home_widget_3 .textwidget .callout,
    #weddings-events #home_widget_3 .textwidget .callout {
        width: auto
    }

        #meetings #home_widget_3 .textwidget .callout .callout_img,
        #weddings-events #home_widget_3 .textwidget .callout .callout_img {
            float: none;
            text-align: center;
        }

        #meetings #home_widget_3 .textwidget .callout .callout_copy,
        #weddings-events #home_widget_3 .textwidget .callout .callout_copy {
            width: 100%;
            text-align: center;
            margin: 0;
        }

    /* --crazy nesting--
          .soliloquy >
          .soliloquy-container >
          .soliloquy-wrapper >
          .soliloquy-viewport >
          .soliloquy-slider >
          .soliloquy-item >
          .soliloquy-image
       ================================================== */

    .soliloquy-viewport .soliloquy-slider {
        max-height: 245px !important
    }

        .soliloquy-viewport .soliloquy-slider .soliloquy-item .soliloquy-image {
            min-height: 1px !important;
            max-height: 245px !important;
            height: auto !important;
            width: auto !important;
        }

    #soliloquy-36,
    #soliloquy-237,
    #soliloquy-311,
    #soliloquy-307 {
        min-height: 245px !important
    }

        #soliloquy-36 img,
        #soliloquy-237 img,
        #soliloquy-311 img,
        #soliloquy-307 img {
            min-height: 245px !important
        }

    .two-column-left #home_widget_3 > .widget-wrapper #wrap {
        width: 100%
    }

    .two-column-left #home_widget_3 > .widget-wrapper #left_col {
        width: 30%;
        padding-top: 1%;
    }

    .two-column-left #home_widget_3 > .widget-wrapper #right_col {
        width: 65%
    }

    #widgets #home_widget_3 .widget-wrapper {
        max-width: 250px;
        margin: 10px auto 20px;
    }

    #wrapper-section-widgets .two-column-left #home_widget_3 .widget-wrapper {
        max-width: none
    }
}

/* iPads (landscape) -----------  */

@media only screen and (min-device-width: 768px) (orientation:landscape) { 
    /* --crazy nesting--
          .soliloquy >
          .soliloquy-container >
          .soliloquy-wrapper >
          .soliloquy-viewport >
          .soliloquy-slider >
          .soliloquy-item >
          .soliloquy-image
       ================================================== */

    .soliloquy-viewport .soliloquy-slider {
        max-height: 350px !important
    }

        .soliloquy-viewport .soliloquy-slider .soliloquy-item .soliloquy-image {
            min-height: 1px !important;
            max-height: 350px !important;
            height: auto !important;
            width: auto !important;
        }

    #soliloquy-36,
    #soliloquy-237,
    #soliloquy-311,
    #soliloquy-307 {
        min-height: 350px !important
    }

        #soliloquy-36 img,
        #soliloquy-237 img,
        #soliloquy-311 img,
        #soliloquy-307 img {
            min-height: 350px !important
        }
}

/* large devices
--------------------------------------------------------------  */

/* ===[ Desktops and laptops ----------- ]=== */

@media only screen and (min-device-width: 1224px) { 
    
}

/* ===[ Large screens ----------- ]=== */

@media only screen and (min-device-width: 1824px) { 
    
}