@media only screen and ( max-width:1300px ) {
.infobox {
	padding: 30px 4em;
}
#hugos-menu-row-title-1, #hugos-menu-row-title-2 {
    font-family: 'Lora',TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
    font-size: 1.563em;
    font-weight: 400;
    margin: 1.429em 1.643em 1.429em 0;
    padding-top: 15px;
    }
}

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

#hugos-menu-row-title-1, #hugos-menu-row-title-2 {
    
    font-family: 'Lora',TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
    font-size: 1.563em;
    font-weight: 400;
    margin: 1.429em 1.643em 1.429em 0;
    padding-top: 15px;
    
}

#menu-intro-text-two a
{font-size: 26px; }

#menu-intro-text-two #menu-navigation h3, #pressbox h3 {
    margin: 0;
    padding: 15px 0;
}
#monthly-specials{padding: 50px 15% 80px; }

}
@media only screen and (min-width : 1200px) {
#menu-introduction{/*background-image: url("img/garlic-n-oil-tall.jpg");background-position: center bottom;*/ background:#fff;  
}	

} 
@media only screen and (min-width : 769px) {
 
#footer-locations-menu {
	width: 25% !important;
}
.ft-block.col-md-offset-1 {
	margin-left: 8.33333%;
}
.ft-block {
	width: 16.6667%;
}


}
@media only screen and (min-width : 769px) {
#menu-bar #menu-bar-branding{  }
#menu-bar{height: 80px; }
.spinner-master-bar, #menu-bar #menu-bar-branding { top: 30px;
}

}

@media only screen and (max-width : 980px) {
	#header-content{ display:none; } 
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
#menu-page-description {
padding: 0;
width: 100%
}
#menu {
padding: 0 3% 0 12%;
}
.page-template-template_header0ff #header {
height: 50% !important;
}
.page-template-template_header0ff #header #brand {
top: 22% !important;
}
.page-template-template_header0ff #header #navigation-locations {
right: 10px !important;
top: 50px !important;
}
.page-template-template_header0ff #header #navigation-locations a#locations-link {
margin-right: 1em !important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape) 
{ 
#scratch-kitchen-description, #sustainability-text {
background: #68b190 url("img/raddish-green.svg") no-repeat scroll center center / 80% auto !important;
padding: 0 5% 0 5% !important;
}

.infobox p {
font-size: 0.95em !important;
line-height: 1.3em !important;
}

}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#header-content{ 
	text-align: center;
	margin: 0 auto;
	position:absolute; 
	top:35%; 
	left:0;  
	}
#menu-page-description {
padding: 0;
width: 100%
}
.page-template-template_header0ff #header {
height: 50% !important;
  }
#scratch-kitchen-description, #sustainability-text {
background: #68B190 url("img/raddish-green.svg") center center no-repeat;
background-size: 40%;
color: #fff;
padding: 3% 10% 3% 10%;
 }
}

@media only screen and (max-width : 991px) {
	#twitter-feed > div{ text-align: center; width: 100%;}
	.flex {
		display: block;
	}
	.spreadpic{ height:auto; }	 
.infobox p {line-height: 1.4em;}	 
.infobox, #menu-intro-text-one {padding: 50px 15px;text-align: center;} 
#scratch-kitchen-description h3, #menu-intro-text-one h3, #sustainability-text h3{ padding:0px; margin:0px 0 20px 0; }
#scratch-kitchen-description .table{display: block;margin-bottom:0px;}
#scratch-kitchen-description .table .index, #scratch-kitchen-description .table p,
.infobox .table p, .infobox .table .index {
    display: block;
    width: 100%;
}
.menu-table #menu-intro-text-two, .menu-table #sustainability-text{ display: inline-block; 
    vertical-align: middle;
    width: 100%;}
#scratch-kitchen-description .table p:last-child{ margin-bottom:0px; }
#shop-now {
    font-size: 19px;line-height: 1.54em;
}	
.storybox p {
	font-size: 1em;
}

.storybox h2 {
	font-size: 1.953em;
	margin-top: 0px;
}


#pressbox{ padding:50px 0; text-align:center; }
.press-copy {
    font-size: 19px;
    line-height: 1.54em;
}
#twitter-feed{ padding: 50px 15px !important;}	
.map-canvas {
    height: 350px;
}
#locations-details h3{ text-align:center; }	
#pressbox .press-copy {
    padding-bottom: 12px;
}
#pressbox .presscap{margin-bottom: 25px;}
#locations-details h3{ margin-top:15px; }

#header #header-scrolldown {
  left: 45% !important;
}	

}
@media only screen and (max-width : 768px) { 
#hybrid-nav-menu-7{ text-align:center; }
#menu-bar #menu-bar-branding{ }	 
#menu-bar #menu-bar-branding a{ background-size:80% auto; background-position:right center;} 
#menu-intro-text-two #menu-navigation {
	float: left;
    padding: 40px 0;
    width: 100%;
}

.vc_tta.vc_general .vc_tta-panel-title  {
    font-family: "Lora",TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
    font-size: 2.369em;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-transform: none;
    padding: 15px 20px;
	line-height: 1.6em;
}
.center-panel {
border-left: none;
border-right: none;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 15px 0px;
}

.first-panel { 
margin: 20px 0px 15px;
}

.third-panel { 
padding-top: 20px;
}

.panel-two {
border-left: none;
}

.panel-three {
border-left: none;
border-right: none;
}

.clear-padding-left {
	padding-left: 0!important;
	padding-right: 0!important;
}

.clear-padding-right {
	padding-right: 0!important;
	padding-left: 0!important;
}


#hugos-menu-row-title-1, #hugos-menu-row-title-2 {
	font-family: 'Lora',TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	font-size: 1.563em;
	font-weight: 400;
	padding-top: 15px;
        margin: 0;
}


#header #header-scrolldown {
  display: none !important;
}	

#footer-locations-menu {
	min-height: 20px;
	padding: 25px 0;
	border-bottom: 1px solid #efedea;
}
#footer-navigation ul {
	margin-bottom: 0px;
}
.ft-block {
	padding-bottom: 0;
	padding-top: 25px;
}
#menu-navigation {
	padding: 0 20px;
}
#menu-intro-text-two {
	min-height: 20px !important;
}
#menu-intro-text-two #menu-navigation h3 {
	margin: 0;
	padding: 12px 0;
}
#menu-intro-text-two a {
	font-size: 20px;
}
#footer-meta-information {
	padding: 25px 0;
	margin-top: 25px;
}
#header #brand {
	 margin: 0 auto;
    position: relative;
    top: 37%;
    transform: none;
}

#footer-navigation {
	text-align: center;
}
#shop-now {
	padding: 50px 15px;
	height: auto;
}
#shop-now .col-xs-12{ padding:0px; }
#menu-introduction-text {
	height: auto;
}
#intro {
	height: auto;
	padding: 80px 15px;
}

}

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

#modal-right-close {
    background: transparent url("img/template/close-x-green.svg") no-repeat scroll center center / 100% auto;
    display: inline-block;
    height: 27px;
    overflow: hidden;
    position: absolute;
    right: 25px;
    text-indent: 200%;
    top: 35px;
    white-space: nowrap;
    width: 27px;
}

#modal-right > div > div {
	font-weight: 400;
	font-size: .85em;
}
#hugos-menu-breakfast-row-1, #hugos-menu-breakfast-row-1 .col-xs-12, #hugos-menu-pasta-row-1, #hugos-menu-pasta-row-1 .col-xs-12, #hugos-menu-starters-row-1, #hugos-menu-starters-row-1 .col-xs-12, #hugos-menu-drinks-row-1, #hugos-menu-drinks-row-1 .col-xs-12, #hugos-menu-sandwiches_-row-1, #hugos-menu-sandwiches_-row-1 .col-xs-12, #hugos-menu-burgers-row-1, #hugos-menu-burgers-row-1 .col-xs-12, #hugos-menu-kids_menu-row-1, #hugos-menu-kids_menu-row-1 .col-xs-12, #hugos-menu-create_a_plate-row-1, #hugos-menu-create_a_plate-row-1 .col-xs-12, #hugos-menu-salads-row-1, #hugos-menu-salads-row-1 .col-xs-12, #hugos-menu-entrees-row-1, #hugos-menu-entrees-row-1 .col-xs-12, #hugos-menu-dessert-row-1, #hugos-menu-dessert-row-1 .col-xs-12, #hugos-menu-family_style-row-1, #hugos-menu-family_style-row-1 .col-xs-12, #hugos-menu-breakfast-row-2, #hugos-menu-breakfast-row-2 .col-xs-12,#hugos-menu-pasta-row-2, #hugos-menu-pasta-row-2 .col-xs-12, #hugos-menu-drinks-row-2, #hugos-menu-drinks-row-2 .col-xs-12, #hugos-menu-starters-row-2, #hugos-menu-starters-row-2 .col-xs-12, #hugos-menu-sandwiches_-row-2, #hugos-menu-sandwiches_-row-2 .col-xs-12, #hugos-menu-burgers-row-2, #hugos-menu-burgers-row-2 .col-xs-12, #hugos-menu-kids_menu-row-2, #hugos-menu-kids_menu-row-2 .col-xs-12, #hugos-menu-salads-row-2, #hugos-menu-salads-row-2 .col-xs-12, #hugos-menu-dessert-row-2, #hugos-menu-dessert-row-2 .col-xs-12, #hugos-menu-family_style-row-2, #hugos-menu-family_style-row-2 .col-xs-12, #hugos-menu-create_a_plate-row-2, #hugos-menu-create_a_plate-row-2 .col-xs-12 { 
	margin:0px; 
	padding:0px; 
}

#hugos-menu-breakfast-row-1, #hugos-menu-breakfast-row-2, #hugos-menu-pasta-row-1, #hugos-menu-pasta-row-2, #hugos-menu-salads-row-1, #hugos-menu-salads-row-2, #hugos-menu-starters-row-1, #hugos-menu-starters-row-2, #hugos-menu-sandwiches_-row-1, #hugos-menu-sandwiches_-row-2, #hugos-menu-burgers-row-1, #hugos-menu-burgers-row-2, #hugos-menu-kids_menu-row-1, #hugos-menu-kids_menu-row-2, #hugos-menu-create_a_plate-row-1, #hugos-menu-create_a_plate-row-2, #hugos-menu-dessert-row-1, #hugos-menu-dessert-row-2, #hugos-menu-drinks-row-1, #hugos-menu-drinks-row-2, #hugos-menu-entrees-row-1, #hugos-menu-entrees-row-2, #hugos-menu-family_style-row-1, #hugos-menu-family_style-row-2 { 
	padding:0 15px; 
}


#menu-page-description{padding: 30px 15px;}
#menu-navigation{ display:block; }
.menu-links-column {
    width: 100%;
}

#hugos-menu-row-title-1, #hugos-menu-row-title-2 {
	font-family: 'Lora',TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	font-size: 1.563em;
	font-weight: 400;
	padding-top: 15px;
        margin: 0;
}

#twitter-copy { 
	font-size: 1.25em;
}

#locations-display {
    padding: 15px 0 50px;
}
.map-canvas {
    height: 250px;
}
.infobox p, #shop-now{ font-size:1em; }	 

#header #navigation-locations a#locations-shop-link {
	display: none;
}
#header #navigation-locations a#locations-link {
	margin-right: 0;
}
#twitter-feed > div {
	text-align: center;
	padding: 0;
}
#locations-details {
	text-align: left;
	padding: 1.5em;
}
#monthly-specials, #menu {
	padding: 0;
}
.hugos-specials-column-item {
	margin: 2em 0;
}
/*05/06/15*/

#scratch-kitchen-description.infobox .table .index,  #menu-intro-text-one.infobox .table .index,  #sustainability-text.infobox .table .index {
	display: initial;
	width: 100%;
}
#scratch-kitchen-description.infobox .table p,  #menu-intro-text-one.infobox .table p,  #sustainability-text.infobox .table p {
	display: initial;
	float: left;
	width: 100%;
}
#scratch-kitchen-description, #sustainability-text {
	background: #68b190 url("img/raddish-green.svg") no-repeat scroll center center / auto 50%;
}
#menu-intro-text-one {
	background: #ffffff url("img/raddish-grey.svg") no-repeat scroll center center / auto 50%;
}
#menu-close {
	/*right: 49%;
	top: 10%;*/
float: left;
    left: 46%;
    margin: 8% auto 8%;
    position: relative;
    top: 12%;
    width: 7%;
 transform: none;
}
#menu-block #menu-page-description {
	width: 100%;
}
#downloads a {
	margin: 7px 2em;
        background-image: none;
}
#downloads > div {
	padding: 5px 0;
	text-align: left;
	margin-left: 25px;
}
#shop-now p {
	font-size: 20px;
}
#shop-link-button {
	font-size: 14px;
}
#press {
	padding: 50px 0 0px 0;
}
#monthly-specials{ padding:50px 0 80px 0; }

#monthly-specials .col-xs-12, #press .col-xs-12 {
	padding: 0px;
	margin: 0px;
}
#pressbox{ padding-bottom:40px !important; }
#locations-menu li {
	margin: 8px 0;
	width: 100%;
}
#modal-left ul li {
	line-height: 4.5em;
}
.press-copy {
	font-size: 17px;
}
#pressbox > div {
    padding: 0 15px;
}
#pressbox h3 {
	padding: 12px 0;
	text-align: center;
	width: 100%;
}
#pressbox .presscap {
	margin-bottom: 9px;
}
.press-sub, .press-date {
	text-align: center;
}


#locations-header {
    padding-top: 40px;
}
#twitter-feed > div { font-size: 1em;}
#monthly-specials{ max-width:100%; overflow:hidden; }
#special-offers h2{font-size: 40px; padding-bottom:0px;	}
#special-offers{min-height: 420px; }
}
@media only screen and (max-width : 400px) {	
#menu-bar #menu-bar-branding{right: 15px;}
.spinner-master-bar{ left:15px; }
#locations-header {
    padding-top: 40px;
} 
#menu-intro-text-two #menu-navigation h3 {
    margin: 0;
    padding: 7px 0;
}
#menu-intro-text-two a {
    font-size: 1em;
}
.locations-links a.order-online {
	margin-top: 20px;
}
}
@media only screen and (max-width : 768px) {
#modal-left ul li {
    line-height: 4.5em;
}
#modal-right h2 {
    margin: 0;
    padding: 15px 0 10px;
}

#modal-left ul ul a {
font-size: 1.7em;
}

div#downloads.col-sm-6 {
display: none;
}

#menu-page-description ul {
width: 100%
}

.page-template-template_header0ff #header {
height: 50% !important;
  }

}
 @media only screen and (max-width : 480px) {
#modal-left ul li {
    line-height: 1.5em;
}

#modal-left ul li ul.sub-menu li {
	line-height: 1em;
	font-size: .9em;
}

#modal-left {
    background-size: 65% auto;
}




#modal-right h2 {
    margin: 0;
    padding: 5px 0 0px;
    line-height: 1.1;
}
#modal-left a{
    font-size: 34px;
	line-height: 1.5em;
}

#modal-right h2 a {
	font-size: 30px;
}

	 
.bx-wrapper .bx-pager{ left:0px; right:0px; }	 
.spinner-master2 {
	top: 30px;
	left: 20px;
}
#header #navigation-locations {
	right: 20px;
	top: 18px;
}
#locations-link {
	background: transparent url("img/template/location-icon.svg") no-repeat scroll center center / 100% auto;
	font-size: 0 !important;
	height: 32px;
	width: 32px;
}
}
 @media only screen and (max-width : 500px) {
#intro {
	height: auto;
	padding: 50px 15px;
}
}
@media only screen and (max-width : 355px) { 
.locations-links a { text-align: center; width: 100%;}
}
 @media only screen and (min-width : 320px) {
#header {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

}