@media (min-width: 881px) {}

@media (max-width: 1326px) {
    .twelvecol,
    .tencol,
    .eightcol,
    .sixcol,
    .fourcol,
    .threecol,
    .twocol {}
    #nav {
        padding-right: 20px;
    }
    #desktop-button {
        margin-left: 20px;
    }
    #nav li a {
        padding-left: 20px;
    }
    #nav li:first-child a {
        padding-left: 0;
    }
}

@media (max-width: 1102px) {
    #nav a {
        font-size: 16px;
    }
    header .button {
        font-size: 16px !important;
        padding: 9px 10px !important;
    }
}

@media (max-width: 1025px) {
    .p-grid[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}

@media (min-width: 894px) and (max-width: 1150px) {
    .p-grid[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}

@media (max-width: 978px) {
    header .eightcol {
        width: 100%;
    }
    header .twocol {
        width: 100%;
    }
    .menu-item-has-children {
        padding-bottom: 0px;
        position: relative;
        border-bottom: none;
    }
    nav li:after,
    .menu-item-has-children:after {
        opacity: 0 !important
    }
    .sub-menu {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: none;
        left: 0;
        bottom: 0;
        width: 100vw;
        border-radius: 0;
        padding: 0;
    }
    .sub-menu li {
        padding: 0 10px;
    }
    .sub-menu li:after {
        opacity: 0 !important;
    }
    header .twocol a {
        float: left;
    }
    header .eightcol {
        display: none;
        padding: 0;
    }
    #logo {
        display: none;
    }
    #mobile-logo {
		display: flex;
    	justify-content: center;
    }
    #desktop-button {
        display: none !important;
    }
    .button.logged-in {
        margin-top: 0 !important;
        top: 32px !important;
    }
    #mobile-button {
        display: inline-block !important;
        clear: left;
        float: none;
        position: absolute;
        right: 80px;
        margin: 0;
        top: 0px;
        padding: 30px 15px !important;
        border-left: 1px solid #ecebeb;
        border-right: 1px solid #ecebeb;
        border-radius: 0;
        background: none;
        border-top: none;
        border-bottom: none;
    }
    #nav {
        width: 100%;
        text-align: right;
        padding: 0;
        background: #ebebeb;
    }
    #nav li {
        float: none;
        border-top: 1px solid #e1e1e1;
        padding: 0px 0px;
        padding-left: 0;
        margin-left: 0;
        display: block;
    }
    #nav a {
        display: block;
        padding-left: 0;
        padding-right: 30px;
    }
    nav li:after,
    .menu-item-has-children:after {
        opacity: 0 !important
    }
    .sub-menu {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: none;
        left: 0;
        bottom: 0;
        width: 100vw;
        border-radius: 0;
        padding: 0;
    }
    .sub-menu li {
        padding: 0 10px;
    }
    .sub-menu li:after {
        opacity: 0 !important;
    }
}

@media (max-width: 893px) {
    #content-page {
        padding: 0 15px;
    }
    #post-page {
        padding-left: 0;
    }
    #default-page .sixcol.first {
        padding-right: 0;
    }
    #default-page .sixcol.last {
        padding-left: 0;
    }
    #default-page .sixcol {
        padding-left: 0;
        padding-right: 0;
    }
    #footer {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        margin-left: -15px;
    }
    .center-container {}
    #post-page,
    #default-page {
        padding: 0 30px;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .tencol,
    .ninecol,
    .eightcol,
    .sixcol,
    .fourcol,
    .threecol,
    .flex-threecol,
    .flex-fourcol,
    .flex-eightcol {
        width: 100%;
    }
    header .eightcol {
        width: 100%;
    }
    .p-grid[data-columns]::before {
        content: '1 .column.size-1of1';
    }
    #slider-section .fourcol {
        margin-bottom: 0px;
        padding: 50px;
        padding-left: 100px;
        padding-right: 100px;
    }
    #slider-section p {
        padding: 25px 0;
        font-size: 16px;
    }
    #slider-section h1 {
        font-size: 35px;
        padding-bottom: 10px;
    }
    #slider-section .eightcol {
        width: 100%;
    }
    header .twocol {
        width: 100%;
    }
    header .twocol a {
        float: left;
    }
    header .eightcol {
        display: none;
        padding: 0;
    }
    #logo {
        display: none;
    }

    #desktop-button {
        display: none !important;
    }
    .button.logged-in {
        margin-top: 0 !important;
        top: 32px !important;
    }
    #mobile-button {
        display: inline-block !important;
        clear: left;
        float: none;
        position: absolute;
        right: 80px;
        margin: 0;
        top: 0px;
        padding: 30px 15px !important;
        border-left: 1px solid #ecebeb;
        border-right: 1px solid #ecebeb;
        border-radius: 0;
    }
    #nav {
        width: 100%;
        text-align: right;
        padding: 0;
        background: #ebebeb;
    }
    #nav li {
        float: none;
        border-top: 1px solid #e1e1e1;
        padding: 0px 0px;
        padding-left: 0;
        margin-left: 0;
        display: block;
    }
    #nav a {
        display: block;
        padding-left: 0;
        padding-right: 30px;
    }
    .stacktable.small-only {}
    .stacktable.large-only {}
    table {
        width: 100%;
        margin: 0 auto;
    }
    thead {
        display: none;
    }
    td {
        width: 100%;
    }
    tr td:first-child h3 {
        font-weight: bold;
        font-size: 1em;
        width: 200px;
        margin: 0 auto;
        min-height: 60px;
        padding: 0;
    }
    tr td:first-child {
        font-weight: bold;
        font-size: 1.3em;
    }
    tbody td {
        display: block;
        text-align: center;
        margin-top: -10px;
        padding-bottom: 0;
        width: 100%;
    }
    tbody td:first-child {
        padding-bottom: 10px;
        border-bottom: 2px solid #56565a;
    }
    tbody tr {
        border-bottom: 0px solid #cbcdd4;
        display: inline;
    }
    .availability-page {
        padding: 0 10px !important;
    }
    tbody td:first-child:before {
        position: relative;
        content: attr(data-th);
        top: 60px;
        display: block;
        text-align: left;
        max-width: 100px;
        line-height: 30px;
    }
    tbody :not(:first-child):before {
        position: relative;
        content: attr(data-th);
        top: 20px;
        display: block;
        text-align: left;
    }
    #ffwd_container1_0 #ffwd_container2_0 .ffwd_blog_style_object_info_container_0 {
        float: right;
        width: 100%;
    }
    #ffwd_container1_0 #ffwd_container2_0 .blog_style_image_container_0 {
        width: 100%;
        padding-right: 0px !important;
    }
    #sb_instagram.sbi_col_10 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
        width: 33.333333% !important;
    }
    # eat>.sixcol.first>p>img,
    # eat>.sixcol.last>p>img {
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    #footer {
        font-size: 16px;
        margin-left: -15px;
    }
    #footer p,
    #footer a {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    tr td:first-child {
        font-size: 1em;
    }
    /*#desktop-button{
        display: block !important;
        margin-left: 30px;
        margin-right: 30px;
    }
    
    #desktop-button:hover{
        background:#ebebeb;
    }*/
}