/*
Desktop: 1200px+ (desktop logo and nav with address)

Mobile layout 1:  960 - 1199px (mobile logo, no address, desktop nav)

Mobile laout 2: < 959 (Hamburger - mobile logo + adddress)


*/

@media screen and (min-width: 960px) and (max-width: 1199px) {

    #header-contain {
        border-top: 20px solid #00671c;
        height: 85px;
    }

    #header-contain.floating {
        border-top: 8px solid #00671c;
        height: 85px;
    }

    #header {
        height: 75px;
    }

    #header-content {
        width: 90%;
        margin: 0 auto;
    }

    #nav-menu {
        margin-top: 33px;
    }

    #nav-menu li {
        margin-left: 30px;
        font-size: .8em;
    }

    #nav-menu li.home {
        margin-left: 0;
    }

    #logo-container {
        background: #fff url('../img/logo-full.png') no-repeat top left;
        height: 75px;
        width: 300px;
        background-size: 75% 100%;
    }

    #logo-container address {
        font-size: .6em;
        line-height: 1.4em;
        margin: 17px 0 0 120px;
    }

    #header-contain.floating #logo-container {
        width: 111px;
        height: 75px;
        background: #fff url('../img/logo-small.png') no-repeat top left;
        background-size: 100% 100%;
    }

    #header-contain.floating #logo-container address { display: none; }

    #order-tab {
        top: 78px;
    }

    #header-contain.floating #order-tab {
        top: 58px;
    }

    /* Floating header */
	
	
	#gift-details {
		width: 30vw;
	}

}



@media screen and (max-width: 959px) {
	
	#gift-details {
		width: 40vw;
	}
	
	#gift-title {
		font-size: 1.1em !important;
	}
	
	img.gift-logo {
		height: 15vw;
	}
	
    #header-contain {
        height: 85px;
        border-top: 20px solid #00671c;
    }

    #header-contain.floating {
        border-top: 5px solid #00671c;
        height: 61px;
    }

    #header {
        height: 75px;
    }

    #header-contain.floating #header {
        height: 51px;
    }

    #header-content {
        width: 100%;
    }

    #nav-menu {
        border-top: 12px solid #00671c;
        background: #000;
        padding: 0 0 8px 0;
        margin: 0;
        display: none;
        position: absolute;
        z-index: 1001;
        width: 100%;
        max-width: 480px;
        top: 90px;
        right: 0;
        font-size: 1.6em;
    }

    #header-contain.floating #nav-menu {
        top: 23px;
    }

    #nav-menu li, .dropdown, .dropdown-mobile {
        margin: 8px 8px 0px 8px;
        height: 30px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        line-height:30px;
        font-size: .6em;
        float: none;
        /* gradient code */
        background: #00671c;
        background: -moz-linear-gradient(top, #00671c 0%, #00671c 45%, #0d7e2c 45%, #026a1e 100%);
        background: -webkit-linear-gradient(top, #00671c 0%,#00671c 45%,#0d7e2c 45%,#026a1e 100%);
        background: linear-gradient(to bottom, #00671c 0%,#00671c 45%,#0d7e2c 45%,#026a1e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00671c', endColorstr='#026a1e',GradientType=0 );
    }
    .dropdown {
        display: none;
    } 
    .dropdown-mobile {
        display: block!important;
    }

    #nav-menu li a, .dropdown a, .dropdown-mobile a {
        color: #fff;
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
    }

    #nav-menu li.redbar {
        height: 8px;
        margin:0;
        padding: 0;
        width: 100%;
        background: #cd0013;
        display: block;
    }

    #hamburger {
        float: right;
        display: block;
        width: 59px;
        height: 50px;
        margin-top: 1px;
        background: url('../img/hamburger.png') no-repeat top left;
    }
    #hamburger:active,
    #hamburger.active {
        background-position: bottom left;
    }

    #logo-container {
        background: #fff url('../img/logo-full.png') no-repeat top left;
        height: 75px;
        width: 225px;
        background-size: 100% 100%;
        margin-left: 30px;
    }

    #logo-container address {
        font-size: .52em;
        line-height: 1.3em;
        margin: 10px 0 0 120px;
    }

    #header-contain.floating #logo-container {
        width: 75px;
        height: 51px;
        background: #fff url('../img/logo-small.png') no-repeat top left;
        background-size: 100% 100%;
    }

    #header-contain.floating #logo-container address { display: none; }

    #order-tab {
        top: 160px;
    }

    #header-contain.floating #order-tab {
        top: 115px;
    }

    /* footer */
    #looking-forward {
        height: 80px;
        line-height: 80px;
    }

    #footer-social {
        display: block;
        float: none;
        width: 100%;
    }

    #fsocial-icons {
        display: block;
        margin: 0 auto;
        float: none;
    }

    #footer-social p.copyright { display: none; }

    #footer-text p.copyright#m-copyright {
        float: none;
        text-align: left;
        display: block;
    }

    #footer-text {
        width: 100%;
        display: block;
        float: none;
        margin-top: 30px;
    }
    /* home page */
    div.hometext > p {
        font-size: 0.88em !important;
    }

    #hours-box, #inside-images {
        float: none;
        display: block;
    }

    #inside-images img {
        min-width: auto;
    }

    #hours-box {
        height: auto;
        margin: 30px auto 0 auto;
        width: auto;
        max-width: 400px;
    }

    #tv-commercial {
        display: block;
        float: none;
        width: 120%;
        margin-left: -10%;
    }

    #tv-content { width: 100%; margin-top: 0; }
    #tv-thumb {
        display: block;
        float: none;
        width: 100%;
        margin: 30px 0 0 0;
        text-align: center;
    }

    #tv-thumb iframe { left: 0; width: 100%; height: 100%;  }
    #tv-thumb img { width: 100%; max-width: 400px; }

    #hard-to-find {
        width: 100%;
    }





    #facebook {
        float: none;
        display: block;
        width: 300px;
        margin: 30px auto 0 auto;
    }

    /* internal pages */
    div.menu-content {
        width: 90% !important;
    }
    div.menu-group {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }

    img#sub-tray {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    #italian-beef-img {
        width: 90%;
        height: auto;
    }

    #pasta-salad {
        width: 100%;
        height: auto;
        float: none;
        display: block;
        margin: 60px auto 0 auto;
    }

    #menu-extras {
        margin-top: 0;
    }

    div.menu-content iframe {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    div.about img#about-img {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

	ul.bullets {
		width: 100%;
	}	

    div.hb-content h1,
    div.hb-content h2 {
        font-size: 1.6em !important;
    }

    div.hb-content p {
        font-size: .88em !important;
    }

    #hours-box p.hours-headline {
        font-size: 2.77em !important;
    }

    #tv-content p {
        font-size: 1em !important;
    }

    #tv-content p.tv-headline {
        font-size: 2.88em !important;
    }

    #hard-to-find p {
        font-size: 12px !important;
        font-size: 2.2vw !important;
    }

    #fb-big-icon {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
    }
    #fb-big-icon p {
        margin-top: 0;
        font-size: 1.7em !important;
    }

    #about-collage p {
        display: block;
        float: none;
        position: static;
        width: 100%;
        margin-bottom: 12px;
    }

    #from-italy {
        width: 100%;
        float: none;
    }

    #from-italy p {
        margin-right: 0;
    }
    #from-italy h2 {
        text-align: center !important;
    }

    #sidewalk {
        width: 100%;
    }

    #magazine-text {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    #magazine-text img {
        display: block;
        float: none;
        margin: 30px auto;
    }

    #magazine {
        width: 100%;
        float: none;
    }

    #recipes p {
        float: none;
        width: 100%;
        position: static;
        margin-bottom: 20px;
    }

    #grocery-left {
        float: none;
        width: 100%;
    }

    #grocery-right {
        float: none;
        width: 100%;
        margin-top: 20px;
        margin-right: 0;
        margin-left: 0;
    }

    #deli-counter h2 {
        margin-top: 0 !important;
        text-align: center;
    }

    #deli-counter {
        width: 100%;
        float: none;
    }

    #deli-counter p {
        margin-right: 0;
    }

    #cut-in-half {
        width: 100%;
        float: none;
    }
}

/* Smallest Viewport Adjustments */

@media screen and (max-width: 479px) {
	
	#gift-details {
		width: 50vw;
	}

    #fsocial-icons {
        width: 225px;
    }
    #fsocial-icons li {
        margin-top: 7px;
    }
    #fsocial-icons li.youtube {
        clear: left;
        margin-left: 0;
    }


}