/* */
    /*Document   : tablet*/
    /*Created on : 13 Apr, 2015, 1:33:41 PM*/
    /*Author     : Eric*/
    /*Description: Purpose of tablet breakpoints min-device-width: 770px and max-device-width: 1024px.*/
/**/

@media  (min-width : 768px) and (max-width : 1024px)  {
    /**/
    /************************** Home Page And Navigation Header ***************************/
    body {

        min-width: 768px;
        max-width:1024px;
        overflow-x:hidden;

    }

    aside.logo{
        width: 120px;
        margin-left: 10px;
        margin-top:0;
    }

    aside.logo img{
        width:100%;
    }

    .topNavWidth{
        width:inherit;
    }

    .topNav .nav.menu{
        padding-top:8px;
    }

    .topNav li{
        margin-left:8px;
    }

    .topNav li.item-156{
        margin-left:15px;
        margin-right: 8px;
    }

    .topNav li a{
        font-size:10px;
    }


    .mainNav .nav.menu{
        margin-top:-5px;
    }

    .mainnav{
        margin-top:40px;
    }

    .mainnav li {
        margin-left: 10px;
    }

    .mainnav li a{
        font-size:13px;
    }

    .mainnav li.item-122, .searchBox.search{
        display:none;
    }

    .slidePromos{
        display:none;
    }

    .mainContent{
        width:100%;
    }

    .fishbar, .sub{
        display:none;
    }

    .homepg .nearestBox{
        float:none;
        margin:0 auto;
        width:95%;
    }

    .homepg .nearestBox .custom:first-child {
        float: left;
        padding-right: 50px
    }

    .homepg .nearestBox .custom:last-child{
        padding-top:0;
    }

    .menusLinks .lft div {
        padding: 10px 0;
    }

    .articleContainer, .homepg .yearcountdown, .reservations{
        display:none;
    }

    /*DROP DOWN MENU */
    .ddWidth{
        width: 768px;
    }

    .menuDD .ddDetail{
        width: 93%;
        margin:2%;
        float:none;
    }

    #lm .blue1{
        padding-top:45px;
        margin-left:2%;
    }

    .allLocs{
        width:100%;
        float:none;
    }

    .allLocs .locLink2{
        width:100%;
    }

    div.locLink1, div.locLink2, div.locLink3 {
        line-height: 10px;
        width: 100%;
        position: relative;
        top: 15px;
    }

    .menuLinkWrapper{
        padding-top: 15px;
    }

    .locLeft a:nth-child(1){
        height: 158px;
        display: block;
    }

    .locLeft a:first-child img[alt*="acres closed"]{
        padding-bottom:55px;
    }

    body #lm .menuLinkWrapper a{
        height:inherit;
    }

    body #lm .last{
        display:none;
    }

    #lm .locLinks .locLeft {
        margin-right: 120px;
    }

    #lm .locLinks .locLeftMukilteo{
        margin-right:0px;
    }

    /*LOCATIONS PAGE*/

    .overview_container {
        width: 100%;
    }

    .overview_container .overview_right {
        width:430px !important;
    }

    .overview_container .overview_right table {
        width: 450px;
    }

    #map-canvas.standard{
        width:410px;
    }

    .restaurantButtons img[src*="private_dining"]{
        display:none !important;
    }

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

    .locationLinks .directionsLink{
        padding-bottom:20px;
    }

    .all-locations #map-canvas.standard {
        width: 100%;
        border:none;
    }

    /*ALL LOCATIONS*/
    .all_locations_container .map_filter{
        width:inherit;
        padding-left:0;
        padding-right:0;
    }

    /*OUR STORY*/
    .ourStoryPage .intro {
        width: 95%;
        margin: 0 2%;
    }


    /*RESERVATIONS*/
    .ivarsreservations .mainSection .locLinks .locLeft{
        margin-left:12px;
        width:215px;
    }

    .ivarsreservations .mainSection .locLeft a:nth-child(1) {
        height:inherit;
    }

    .ivarsreservations img.button{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .ivarsreservations .locs .locInfo {
        padding-top:25px;
    }

    .itemIntroText>p {
        margin: 2%;
        width: 90%;
    }

    #ioverride.ivarsContent .mainSections, #ioverride.ivarsContent .contentNoSidebar{
        width:768px !important;
    }

    #ioverride h2.title {
        width:inherit;
    }

    /*EVENTS AND PROMOS*/
    .eventsPage .event, .promosPage .event{
        width:100%;
        float:none;
        margin:10px 0;
    }

    .eventItemDetail {
        width: 465px;
    }

    .eventInfo, .mainContentPlus{
        width:100%;
        float:none;
    }

    .promosPage div.imageWrap, .eventsPage div.imageWrap {
        margin-right: 20px;
    }

    /*FOOTER*/
    #groupForm.noPhone, .photoGallery, .item-166, .item-167, .item-168, .our-story .overview_left ul li:nth-child(2), .our-story .overview_left ul li:nth-child(3){
        display:none !important;
    }

    body .footercontain .topLayer .custom, body .footercontain .topLayer .custom:first-child{
        width:200px;
    }

    .fore_pcnousephone div:nth-child(2), .our-story .bottomLayer div.moduletable:nth-child(2){
        display:none;
    }

    /* EXTRA PAGES FROM BLUE BAR */
    .contact-us .rightside{
        display:none;
    }

    body.contact-us .restaurantBar #lm .locLinks .locLeft {
        margin-right: 125px;
    }

    body.contact-us .restaurantBar #lm .locLinks .locLeft:nth-child(3){
        margin-right:0;
    }

    body.contact-us .restaurantBar #lm .locLinks .locLeft img[src*='acres_closed_seawall']{
        padding-bottom:19px;
    }

    body.contact-us .restaurantBar{
        margin-top:0;
    }

    body.contact-us .locLeft a:nth-child(1){
        height: inherit;
        display: block;
    }

    body.contact-us div.restaurantBar div.locInfo {
        padding-top: 30px;
    }

    .gift-card h2.title {
        margin: 10px 0 25px 0;
        padding: 0;
    }

    div.giftContainer {
        float: left;
        width: 60%;
    }

    div.giftStoreAdContainer {
        float: left;
        width: 40%;
    }

    body.newsletter div.overview_container, body.newsletter div.whiteback {
        width: 100% !important;
    }

    body.newsletter .disclaimer{
        width:768px;
    }

    body.newsletter .overview_container .overview_right {
    padding-left:5px;
    }

}