@media (min-width:768px){
    /* Header/Nav */
    #mobile-menu, #mobile-navbar, #go-top {display: none;}
}
@media screen and (max-width: 1023px) {
  #home #menu .sm {
    width: calc(50% - 14px);
  }
}
@media screen and (max-width: 1248px){
    /* Header/Nav */
    header .container {width: auto;}
    header #header_top #brand {left: 15px;}
    header nav.desktop #header_join_tab {right: 15px;}
    /* Home */
    #home #content .container {width: auto;}
    #home #news #news_items {width: 60%;}
    #home #news::before {width: 40%;}
    /* What's New */
    #new #feed {padding: 30px 15%;}
    /* Contact */
    #contact #map {height: 500px;}
    /* Footer */
    footer .container {width: auto;}
    footer #footer_main #footer_social {width: 20%; padding-left: 15px;}
    footer #footer_main #footer_links {width: 40%;}
}

@media only screen and (min-width: 915px) and (max-width: 1248px){
    /* Header/Nav */
    header nav.desktop ul {padding-right: 25px;}
}

@media only screen and (min-width: 915px) and (max-width: 1015px){
    /* Header/Nav */
    header nav.desktop ul li {list-style: none; float: left; margin-left: 25px;}
    header nav.desktop ul li a {font-size: 14px; letter-spacing: .05em; padding: 21px 0 24px 0;}
}

@media only screen and (min-width: 768px) and (max-width: 914px){
    /* Header/Nav */
    header nav.desktop ul li {list-style: none; float: left; margin-left: 15px;}
    header nav.desktop ul li a {font-size: 11px; letter-spacing: .025em;  padding: 22px 0 25px 0;}

    /* History */
    #history #intro .image {width: 40%;}
    #history #intro .text {padding: 75px 50px; width: calc(60% - 100px);}
    #home #menu .sm {width:calc(50% - 13px)}
    #home #menu .menu_block:nth-child(5) {width:calc(44% - 60px) !important;}
    .panorama {width:4531px;}
    .annies {width:4531px;overflow:scroll;}
    #history #mural_interactive #mural_interactive_image {overflow:auto;}
    #history #mural_interactive #mural_interactive_title {position:relative;}
    .paver__fallbackMessage {display: block;position:absolute;top:0;bottom: 0;line-height:65px;width: 100%;z-index: 10;color: #037ad3;font-size: 18px;text-transform: uppercase;font-weight: 700;padding: 15px 0;background: url(/images/site/bg_orange.jpg);-webkit-box-shadow: inset 0px 0px 54px 0px rgba(211,74,0,1);-moz-box-shadow: inset 0px 0px 54px 0px rgba(211,74,0,1);box-shadow: inset 0px 0px 54px 0px rgba(211,74,0,1);}
}

@media screen and (max-width: 1060px){
    /* General */
    .ci_row .image {width: 35%;}
    .ci_row .text {padding: 35px 5%; width: 55%;}
    /* Home */
    #home #intro #title {height: auto; padding: 30px 15px;}
    #home #intro #title h1 {line-height: 34px;}
    #home #intro #history::before {display: none;}
    #home #intro #history {padding: 10% 0; height: auto;}
    #home #intro #history .text {width: 80%; padding: 0 10%;}
    #home #intro #history h3 {font-size: 24px; line-height: 38px;}
    #home #news::before {display: none;}
    #home #news #news_items {width: 80%; float: none; margin: auto;}
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup {width: 80%; margin-left: -40%;}
    header nav.desktop ul li a {font-size:12px;}

    /* Pages */
    #pages #intro, #contact #body, #bakery #intro {padding: 35px 10%;}

    /* Bakery */
    #bakery #bakery_image {height: 500px;}
    #bakery .ci_row .text.half {width: 40%;}
    #bakery #bakery_blocks .container {width: 100%;}
    #bakery #bakery_blocks .bakery_items {padding: 20px 2%;}
    #bakery #bakery_blocks .bakery_items .bakery_item {margin: 0 10px 20px 10px; width: calc(33.333% - 20px); height: 275px;}

    /* What's New */
    #new.detail #content .container {width: auto;}
    #new.detail #content aside {float: left; width: 28%; padding-left: 5%;}
    #new.detail #content main {float: right; width: 62%; padding-right: 5%;}

    .panorama {width:4531px;}
    .annies {width:4531px;overflow:scroll;}
    #history #mural_interactive #mural_interactive_image {overflow:auto;}
    #history #mural_interactive #mural_interactive_title {position:relative;}
    .paver__fallbackMessage {display: block;position:absolute;top:0;bottom: 0;line-height:65px;width: 100%;z-index: 10;color: #037ad3;font-size: 18px;text-transform: uppercase;font-weight: 700;padding: 15px 0;background: url(/images/site/bg_orange.jpg);-webkit-box-shadow: inset 0px 0px 54px 0px rgba(211,74,0,1);-moz-box-shadow: inset 0px 0px 54px 0px rgba(211,74,0,1);box-shadow: inset 0px 0px 54px 0px rgba(211,74,0,1);}
    footer #footer_main #footer_newsletter h5 {font-size:23px;}
    footer #footer_main #footer_newsletter form {width: 182px;}
    .newsletter #forms_field_9 {width: 182px;}
    footer #footer_main #footer_newsletter input[type=email] {width: 160px; font-size:10px;}
    .newsletter .submit_button {width:0;}
    footer #footer_main #footer_newsletter input[type=submit] {-webkit-appearance:none;border-radius:0;}

}

@media screen and (max-width: 914px){
    /* Header/Nav */
    header #header_top ul {padding-right: 15px;}
    header nav.desktop ul {padding-right: 15px;}
    header #header_top #header_open {display: none;}
    header nav.desktop ul li.has_dropdown {position: relative;}
    header nav.desktop ul li.has_dropdown .dropdown {right: auto; left: 0; min-width: 0;}
    header nav.desktop ul li.has_dropdown .dropdown .image {display: none;}
    header nav.desktop ul li.has_dropdown .dropdown .text {display: none;}
    header nav.desktop ul li.has_dropdown .dropdown .links {margin-right: 0;}
    header nav.desktop ul li.has_dropdown .dropdown .links::after {display: none;}
    /* History */
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup {top: 35%;}
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup .text .text_inner {max-height: 275px; overflow-y: scroll;}

}

@media screen and (max-width: 905px){
    /* Menu */
    #menu #content .container {width: 90%; padding: 0 5%;}
    #menu #menu_category {padding: 35px 0;}
    #menu #menu_category::before {left: 35px; top: 35px;}
    #menu #menu_category::after {bottom: 35px;}
    #menu #menu_category .menu_subcategory .menu_item, #menu #menu_category .menu_subcategory .grid-sizer {width: 44.9%;}
    #menu #menu_category .menu_subcategory .menu_item {float: left;}
    #menu #menu_category .menu_subcategory .gutter-sizer {width: 10%;}
}

@media screen and (max-width: 767px){

    /* Header/Nav */
    header nav.desktop #header_join_tab {display: none;}
    header nav.desktop ul,#mural_interactive_title {display: none;}
    header nav.desktop #delivery_tab {background-size:60%;font-size:1em;right: 10%;text-align:left;display:none;}
    header nav.desktop #order_tab {background-size:60%; font-size:1em;right:-10%;text-align:left;display:none;}
    header nav.desktop #delivery_tab span{left: 15%;top:1px;}
    header nav.desktop #order_tab span{left: 7%;top:1px;}

    /* Mobile Menu */
    .mobile-nav {display: block !important; position: relative; z-index: 99999;}
    #mobile-menu {display: block; width: 25px; height: 20px; position: absolute; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; white-space: nowrap; z-index: 9999; right: 10px; top: 60px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
    #mobile-menu.active {top:10px; z-index: 999999;}
    #mobile-menu.active span:before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; background: #fff;}
    #mobile-menu.active span {background: rgba(0,0,0,.0)}
    #mobile-menu.active span:after {transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; background: #fff;}
    #mobile-menu span {width: 100%; height: 3px; background: #fff; display: block; position: absolute; top: 50%; margin-top: -1.5px; left: 0;}
    #mobile-menu span:before, #mobile-menu span:after {content: ''; position: absolute; top: -8px; left: 0; width: 100%; height: 3px; background: #fff; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
    #mobile-menu span:after {top:8px; left: 0;}
    #mobile-navbar {background: rgba(2, 103, 181, 0.96); position: fixed; top: 0; width: 100%; height: 100%; right: -100%; box-sizing: border-box; padding-top: 48px; z-index: 999; overflow-y: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    #mobile-navbar.open {right: 0;}
    #mobile-navbar nav {padding-bottom: 20px; display: block; position: relative; top: 0; float: inherit;}
    #mobile-navbar ul ul {display: none; background: #004b85;}
    #mobile-navbar li {border-bottom: 1px solid #fdbe50; list-style: none; position: relative; padding-bottom: 0; float: inherit; text-align: left;}
    #mobile-navbar li:last-child {border-bottom-width: 0; padding-bottom: 0;}
    #mobile-navbar li em {display: block; position: absolute; top: 8px; right: 6px; width: 15px; height: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    #mobile-navbar li em:before {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; width: 100%; height: 2px; background: #fff;}
    #mobile-navbar li em:after {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; width: 100%; height: 2px; background: #fff; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg)}
    #mobile-navbar li em.active {transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg)}
    #mobile-navbar li em.active {transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg)}
    #mobile-navbar li a {color: #fff; padding: 8px 0px 8px 15px; display: block; margin-right: 30px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 15px; letter-spacing: 1px; border-width: 0; font-weight: 400;}
    #mobile-navbar li li {border-color: #0C2D60}
    #mobile-navbar li li a {text-transform: none; padding-left: 30px; font-family: 'Lora', serif; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 14px;}
    #mobile-navbar li.list-item-red {background: rgba(225, 47, 41, .7);}
    
    .overflow-hidden {overflow: hidden; height: 100%;}
    header #header_top #header_open {background-size:75%;right:-131px;}

    /* General */
    .internal #banner {height: 300px;}
    .ci_row .image {width: 100%; height: 250px; float: none;}
    .ci_row .text {width: 90%; padding: 35px 5%; float: none;}

    /* Home */
    #home #menu .menu_block h2 {font-size: 30px; line-height: 30px; margin-bottom: 15px;}
    #home #menu .menu_block p {font-size: 14px; line-height: 24px;}
    #home #menu .lrg {width: calc(50% - 60px);}
    #home #menu .sm {width: calc(50% - 60px);}
    #home #banner {height: 450px;}
    #home #banner .slide h2 {font-size: 45px; line-height: 48px; padding: 0 10%;}
    #home #banner .slide h3 {font-size: 25px; padding: 0 10%;}
    #home #banner .cycle-next, #home #banner .cycle-prev {display: none;}
    #home #gallery {height: 350px;}
    #home #gallery .cycle-prev, #home #gallery .cycle-next {top: 170px;}

    /* History */
    #history #intro .image {display: none;}
    #history #intro .text {padding: 50px; width: calc(100% - 100px); float: none;}
    #history #images .image_block {height: 300px;}
    #history #body .container {width: 80%;}
    #history #mural_video .video {width: 100%; float: none; height: 300px;}
    #history #mural_video .text {padding: 50px; width: calc(100% - 100px); float: none;}
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup {top: 0; left: 0; width: calc(100% - 6px); height: calc(100% - 6px); margin-left: auto;}
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup .text p {font-size: 14px; line-height: 20px;}
    .mapify-popOver {width: 355px; color: #000; border: 2px solid #ff35ac; position: absolute; top: 0px; left: 0px; background: #FFF9D5; box-shadow: rgba(0,0,0,0.15) 0 0 0 2px; z-index: 999; -webkit-transform: translateY(-15px); transform: translateY(-15px); text-align: center; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 14px; z-index: -1; opacity: 0;}
    .mapify-popOver .image {float: left; width: 110px; height: 105px;}
    .mapify-popOver .image img {display: block;}
    .mapify-popOver .text {height: 65px; text-align: left; padding: 20px; float: left; width: 200px;}
    .mapify-popOver .text h5 {margin-bottom: 10px; line-height: 16px font-size: 11px;}
    .mapify-popOver .text h4 {font-size: 14px;}
    .mapify-popOver .text .arw_link {font-size: 12px;}
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup .text .text_inner {max-height: none; overflow-y: scroll;}

    #history #mural_interactive #mural_interactive_image .mural_interactive_popup .inner {height: 100%; overflow-y: scroll;}
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup .image {display: none;}
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup .text {width: calc(100% - 60px);}
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup.scrolling .text {padding: 30px 45px 30px 30px; width: calc(100% - 75px);}
    #history #mural_interactive #mural_interactive_image .mural_interactive_popup.scrolling::after {display: block; content: ''; width: 14px; height: 35px; background: url(/images/site/scroll.png) right center no-repeat; position: absolute; bottom: 10px; right: 13px;}

    /* Recognition */
    #recognition #testimonials_slider .slide {padding: 35px 15%;}
    #recognition #testimonials_slider .slide h3 {font-size: 24px; line-height: 38px;}
    #recognition #testimonials_form {padding: 35px 10%;}
    #recognition #testimonials_form .text {padding: 0;}
    #recognition #image_divider {height: 300px;}
    #recognition #awards {padding: 35px 10%;}
    #recognition #awards .text {padding: 0;}

    /* Pages */
    #pages #intro, #bakery #intro {padding: 35px 10%;}

    /* Bakery */
    #bakery #bakery_image {height: 400px;}
    #bakery .ci_row .text.half {width: 90%;}
    #bakery .ci_row .image.half {width: 100%;}
    #bakery #bakery_blocks .body {padding: 0 10%;}
    #bakery #bakery_blocks .bakery_items .bakery_item {margin: 0 10px 20px 10px; width: calc(50% - 20px); height: 275px;}

    /* What's New */
    #new #feed {padding: 30px 10%;}
    #new #feed .news_item .post {width: 85%; padding-left: 3%;}
    #new #feed .news_item .post .image {margin-bottom: 15px; float: none; width: 100%; height: 200px;}
    #new #feed .news_item .post .text.has_image {float: none; width: 100%;}
    #new.detail #content aside {text-align: center; float: none; width: 80%; padding: 50px 10% 0 10%;}
    #new.detail #content main {float: none; width: 80%; padding: 0 10%;}

    /* Contact */
    #contact #map {height: 400px;}
    #contact #body {padding: 35px 5%;}
    #contact #content .text.body {padding: 0 5%;}

    /* Footer */
    footer #footer_main, footer {height:auto;}
    footer #footer_main #footer_social {width: 100%;padding-left: 0;margin: 0 auto 25px;text-align: center;}
    footer #footer_main #footer_links {display: none;}
    footer #footer_main #footer_newsletter {width: 100%; float: none; margin: auto; text-align: center;padding-bottom: 25px;}
    footer #footer_main #footer_newsletter form {left: 50%; margin-left: -144px;}

    #recognition #awards .awards .award .award_year,#recognition #awards .awards .award .award_details {clear:both;width:100% !important;margin-bottom:15px;}
    #recognition #awards .awards .award {max-height:initial;margin:0;}
}

@media screen and (max-width: 660px){
    /* Home */
    #home #news {padding: 35px 0;}
    #home #news #news_items .news_item .post {width: 85%; padding-left: 3%;}
    #home #news #news_items .news_item .post .image {margin-bottom: 15px; float: none; width: 100%; height: 200px;}
    #home #news #news_items .news_item .post .text.has_image {float: none; width: 100%;}

}

@media screen and (max-width: 600px){
    /* Home */

    /* Menu */
    #menu #menu_category .menu_subcategory .menu_item, #menu #menu_category .menu_subcategory .grid-sizer {width: 100%;}
    #menu #menu_category .menu_subcategory .menu_item {width: 100%; float: left;}
    #menu #menu_category .menu_subcategory .gutter-sizer {width: 0px;}
    /* Bakery */
    #bakery #bakery_blocks .bakery_items .bakery_item {float: none; margin: 0 auto 15px auto; width: 275px; height: 275px;}
}

@media screen and (max-width: 550px){
    /* Header/Nav */
    header #header_top ul li, header #header_top ul li a {font-size: 15px;}
    /* Home */
    #home #menu .menu_block {padding: 30px; height: auto;}
    #home #menu .menu_block.full_bg {height: 240px;}
    #home #menu .lrg {float: none; width: calc(100% - 60px);}
    #home #menu .sm {float: none; width: calc(100% - 60px);}
    /* What's New */
    #new.detail #content aside {width: 90%; padding: 50px 5% 0 5%;}
    #new.detail #content main {width: 90%; padding: 0 5%;}
    /* Contact */
    #contact #map {height: 300px;}
    #contact main {width: 100%; float: none; padding-top: 15px;}
    #contact main textarea {margin-bottom: 20px;}
    #contact aside {text-align: center; word-wrap: break-word; padding-top: 15px; width: 100%; float: none; margin-left: 0; padding-left: 0;}
    #contact aside::before {display: none;}
}

@media screen and (max-width: 480px){
    /* Header/Nav */
    header #header_top #brand {width: 200px; top: 58px;height: 88px; background: url(/images/site/home_logo.png) no-repeat; background-size: 200px;}
    #home header #header_top #brand {width: 200px; top: 58px;height: 88px; background: url(/images/site/home_logo.png) no-repeat; background-size: 200px;}
    header #header_top ul li a {font-size: 17px;}
    header #header_top ul li.mobile_hide {display: none;}
    #history #timeline .timeline_event {padding: 0 5px; max-width: calc(100% - 10px);}
    #new #feed .news_item .date {width: 17%;}
    #new #feed .news_item .post {width: 80%;}
    #home #news #news_items .news_item .date {width: 17%;}
    #home #news #news_items .news_item .post {width: 80%;}
    #history #images.desktop {display: none;}
    #history #images.mobile {display: block !important;}
    #history #images.mobile .image_block {width: 100%}
    #instagram_feed .follow-us{width:100vw!important;}
}