@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1300px) {
	#column-elastic, #menu-outer{margin-left: auto;margin-right: auto; }
	.food-items-list{width:798px; padding: 0px; margin: 0 auto}
	.scroll-to-top {
		bottom: 40px;
		right: 3%;
	}

}
@media all and (max-width: 952px) {



	html{}
	body{max-width: 100%; min-width: 100%; position:relative; -webkit-text-size-adjust: none; font-size: 73%}
	.body-page {background-image:none;background-color:#333}
	.body-page.blank-no-header{background-color:#fff}
	/*menu */
	.menu-highlight{color: #FFF !important;}
	.menu-category-highlight{color: #FFF !important;}
	.menu-sub-category-highlight{color: #FFF !important;}
	.current-page{color: #ECBF00 !important;}
	#menu-bar{display:none}
	#menu-outer{display:none}
	#column-left-small{display:none}
	#column-elastic .box .area-inner {width:auto !important}
	#column-full-wide .box .area-inner {width:auto !important}
	.mobile-nav .menu-social-media{display: none}
	.mobile-nav{display:block; position:fixed; overflow-y:scroll; height: 100%;left:-86%; width:86%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
	.mobile-nav ul{    margin: 0; padding:0}
	.mobile-nav ul li { background-color: transparent; display: block; float: none; border-top: 1px solid #666666; font-size: 1.5rem !important; list-style: outside none none; margin: 0; padding:0}
	.mobile-nav ul li ul li a{ margin-left:20px;}
	.mobile-nav ul li ul li ul li a{ margin-left:40px;}
	.mobile-nav ul li a { color: #fff; display: block; margin: 0; padding: 7px 14px; text-decoration: none; white-space: normal; text-align:left;}
	.mobile-nav .mobile-menu-inner > ul > li > a {text-transform:uppercase}
	.mobile-nav .mobile-menu-inner > ul > li > a br{display: none}
	.menu ul{border-bottom: 0px solid #ccc;}
	.mobile-header{display:block;position: fixed; padding:10px ; width:30px; background: #fff; z-index:1}
	.scrolling {box-shadow: 5px 5px 5px rgba(0,0,0,0.2)}
	/*header */
	.head{padding:0; position:relative}
	.header-slide{display: none}
	.header-top{ position: static}
	.banner {display:none}
	.banner-mobile {display:block;  margin:0px 0 15px 0; border-bottom: 1px solid #ccc; padding: 0px 0 0 0}
	.banner-mobile .logo {width:auto;padding: 0 25px;height: auto !important; }
	.banner-mobile .logo img{width:100%; max-width:420px;height: auto !important; margin: 0 auto 10px; display: block}
	.mobile-collage{width: 100%; height: auto}

	.header{width: auto; margin: 0 auto}
	.header td{height: auto; padding:5px}

	.logo-circle{width: 90px; text-align: right;}
	.logo-circle img{width: 100%; margin: 0px}
	.logo-text{width: auto}
	.head-description{margin-bottom:20px; padding: 0 10px}
	.head-description p{font-size: 1.6rem}

	.hamburger{cursor: pointer;  height:24px; background: url(/images/mobile_hamburger.png) no-repeat top left; background-size: 30px 24px;}
	.hamburger img{width:auto; height:24px; display: none}

	.flags{display:table-cell;text-align:right; line-height:0; vertical-align:middle;padding:0 }
	/* hide flags if no trans 
	.flags{display:none}
	*/
	.header-outer{display:none}
	.flags a{display:inline-block}
	.flags img{width:auto; height:18px; margin:0 0 0 12px}
	/*structure */
	.full-outer{overflow:hidden; overflow-x: hidden}
	.outer-container{ width:100% !important; padding: 0; background-position: center top; background-repeat:  repeat; background-color: #fff;}
	.inner-container { margin: 0px ; padding:0 10px 10px 10px; width:auto !important;}
	/*
	.flex{display: flex; flex-direction: column; flex-wrap: wrap; margin: 0; padding: 0}
	*/

	.flex{margin: 0; padding: 0}
	.flex > .area {width: 100% !important} 
	.en_mosaic .layout-outer{width: 100%; margin: 16px 0 20px 0}
	.layout-outer {margin: 0px; padding-top: 0px; width: 100%}
	body.elastic .layout-outer {width: 100%}

	.column-small .area-content p{font-size: 1.1rem; margin: 10px 0}
	.column{width:100% !important}
	.outer-column{width:100% !important}
	.area {width: auto !important; order: attr(data-mobile-order);}
	.area div {max-width: 100%}
	.area-inner p{margin:15px 0}
	.area-inner > img{max-width: 95%; height: auto !important}
	.area-inner > a > img{max-width: 95%; height: auto !important}
	.area-inner > p img{max-width: 95%; height: auto !important}
	.area-inner > h1 img{max-width: 95%; height: auto !important}
	.area-inner > h2 img{max-width: 95%; height: auto !important}
	.area-inner > h3 img{max-width: 95%; height: auto !important}
	.area-inner > h4 img{max-width: 95%; height: auto !important}
	.area-inner > h5 img{max-width: 95%; height: auto !important}
	.area-inner > h6 img{max-width: 95%; height: auto !important}
	.area-inner > div {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.area-inner > .clearfix > div {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.area-inner > table {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.area-inner > table > tbody{display:block;}
	.area-inner > table > tbody > tr{display:block;}
	.area-inner > table > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
    form > table:not(.preserve) {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    form > table:not(.preserve) > tbody{display:block;}
    form > table:not(.preserve) > tbody > tr{display:block;}
    form > table:not(.preserve) > tbody > tr > td{display:block;width:auto !important; padding:2px 0 !important; margin:0 !important; text-align: left !important}
	.acim div {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.fullnav-right{width: auto !important; display:block; max-width: 100%; float: none}
	.fullnav-left {display:none}
	.full-side-nav .box-border{width: auto; display: block}
	#column-center-medium .area-inner{padding:10px}
	#column-elastic .area-inner{padding:10px}
	#column-left-medium .area-inner{padding:10px}
	#column-right-medium .area-inner{padding:10px}
	.collection-footer-nav div{padding: 0}
	.box-top{}
	.bottom-outer{ width:100% !important;}
	.area .box-border{width: 100%; margin: 0 auto 20px ; max-width: 540px; float: none; }
	.box .area-inner{margin: 20px; }
	.dblbox-inner{padding: 0px}
	.dblbox-inner .box-border{max-width: 540px}
	.tribox-inner{padding: 0px}
	.tribox-inner .box-border{max-width: 540px}
	.multibox-inner{padding: 0px; width: 500px !important}
	.multibox-inner .box-border{width: 220px; float: left !important; margin: 0 15px 0px;}

	h1 + table img:first-child{margin-top: 5px !important}

	.cookbooks-table img{max-width: 300px !important; height: auto !important; display: block; margin: 20px auto}

	/* home stuff */
	.welcome-table img{ max-width: 200px !important}
	.home .article-list {margin: 0;}
	/*autoslide */
	.autoslide-outer{margin-top: 20px; margin-bottom: 20px; width: 98%; max-width: 400px !important;}
	.area-inner > table #autoslide-wrapper img{width: 100% !important;
											   height: auto !important; max-width: none !important; margin: 0 auto; display: block}
	/*elements */
	.area-inner > table img{ width: 70% !important ;max-width: 440px; height: auto !important}
	img.center{margin: 20px auto !important}
	img.left{display: block; margin: 20px auto !important; float: none !important}
	img.right{display: block; margin: 20px auto !important; float: none !important}
	img[class*="margin-left-"]{display: block; margin-left: auto !important; margin-right: auto !important; margin-top: 20px !important}
	img[class*="margin-right-"]{display: block; margin-right: auto !important; margin-left: auto !important; margin-bottom: 20px !important}


	p{ display: block !important; margin-left: 0;}
	textarea{width:100% !important;}
	.inputbox{max-width: 100%}



	.box p, .box h2, .box h3, .box h4, .box h5, .box h6, .box ul, .box hr{margin-left: 0px}

	h1{font-size: 2.2rem; }
	h2{font-size: 1.8rem; }
	h3{font-size: 1.7rem; }
	h4{font-size: 1.6rem; }
	h5{font-size: 1.5rem; }
	h6{font-size: 1.4rem; }




	*[class*="margin-top-40"]{margin-top: 20px !important}
	*[class*="margin-bottom-40"]{margin-bottom: 20px !important}
	*[class*="margin-top-30"]{margin-top: 20px !important}
	*[class*="margin-bottom-30"]{margin-bottom: 20px !important}

	.width-200{ width: 200px}
	.width-300{ width: 100%; max-width: 300px !important;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
	.width-400{ width: 100%; max-width: 400px !important;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
	.width-500{ width: 100%; max-width: 500px !important;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
	.width-640{ width: 100%}

	p[class*="margin-left-"]{margin-left: 0px !important}
	p[class*="margin-right-"]{margin-right: 0px !important}
	ul[class*="margin-left-"]{margin-left: 0px !important}
	ul[class*="margin-right-"]{margin-right: 0px !important}

	/*search */
	.search-div .search-form{display:block;width:100% !important;}
	.search-div .search-form tbody{display:block;width:100% !important;}
	.search-div .search-form tr{display:block;width:100% !important;}
	.search-div .search-form td{display:block;width:100% !important;}
	.search-div #submit_search{margin:5px 0 !important}
	.search-div form td.inputs{width:100% !important;}
	.search-div form input{width:100% !important;}
	.search-div form input[type="submit"]{width:auto !important;}
	.search-div div{width:100% !important; margin-left:0 !important; margin-right:0 !important}

	/*social media */
	.social-outer{display: block; border-top: 1px solid #666666; margin-left:10px}
	.social-outer img{display: inline-block; padding: 7px 7px; width: 32px; border: none}

	/* home links */
	.links_list li{text-align: left !important}

	/*footer */
	#all-footer{width:auto; display:block; margin:40px 0 0 0 }
	#all-footer tr {display: block;}
	#all-footer td { margin: 2px 0; display: block; text-align: center; font-weight: 1.4rem}
	#all-footer .social-media{display: none}
	/* home ads */
	.ads{display:block !important; width:100%; margin-left:0px; margin-right:0px; padding-left:0; padding-right: 0}
	.ads div{display:block !important; width:100%; margin-left:0px; margin-right:0px; padding-left:0; padding-right: 0; text-align:center}
	.ads img{max-width:100%; margin:15px 0}


	.autoslide-outer {margin: 20px auto;}

	/*mosaic */
	.mosaic-box p {
		text-align: left;
		margin: 0 10px;
	}
	.mosaic-single {width: 100%}
	.mosaic-single-outer {width: 90%}
	.mosaic-single .video-wrapper.width-full {width: 100%}
	.mosaic-single h1 {font-size: 1.8rem}
	.mosaic-single .profile {margin: 30px 0 0 auto}
	.mosaic-single .profile td{padding: 0; vertical-align: middle}
	.mosaic-single .profile img {width: 26px !important; height: auto; display: block; margin: 0 7px 0 0 !important; box-shadow: none}
	.mosaic-single .profile p{text-align: left; white-space: nowrap}
	.mosaic-single-outer .left img{width: 20px; margin-right: 10px}
	.mosaic-single-outer .right img{width: 20px; margin-left: 10px}
	.mosaic-single-outer .left{width: 30px; display: none}
	.mosaic-single-outer .right{width: 30px; display: none}
	.mobile-mosaic-nav{display: table; width: 100%}
	.mobile-mosaic-nav a{display:table-cell}
	.mobile-mosaic-nav a.next-text{text-align: right}
	.mobile-mosaic-nav a.prev-text{text-align: left}
	/*upload */
	form#upload-form td{padding: 15px 5px 20px 5px !important}

	/* mission */
	.mission-left, .mission-right{display:none !important}
	.mission-center{padding:0 !important; margin:0 !important}
	/*acim */
	.acim-blurb p br{display:none}
	.acim > div.divider-full{width:100% ; margin:20px auto !important}
	.acim p.quote{margin:3px 20px !important;}
	.acim #acimgo {margin:5px 0 !important}
	.acim .acim-nav{margin-bottom:10px !important; display:block}
	div.lod{padding: 0}
	div.lod h4{font-size: 1.5rem !important}
	div.acim h4{font-size: 1.5rem !important}
	div.lod h4 br { display: none !important}
	div.acim h4 br { display: none !important}
	.acim .manual-pages{display:block ; margin:5px 0 !important; }
	.acim .workbook-pages{display:block ; margin:5px 0 !important; }
	.acim .text-chapters{display:block ; margin:5px 0 !important; width:auto !important}
	.acim .text-outer{display:block !important; margin:5px 0 !important; width:auto !important}
	.en_text .ui-selectmenu-button{width:100% !important;}
	.en_workbook .ui-selectmenu-button{width:100% !important;}
	.en_manual .ui-selectmenu-button{width:100% !important;}
	.text-chapters select{width:100% !important;}
	.text-outer select{width:100% !important;}
	.workbook-pages select{width:100% !important;}
	.manual-pages select{width:100% !important;}

	/*mt */
	a.catalogue-pic{text-align:center; display:block; margin-top:20px}
	.catalogue-mt{letter-spacing:2px}
	.catalogue-title{letter-spacing:3px; margin:0 !important}
	.books-title{letter-spacing:3px;}
	.master-teacher-books table{width:auto; display:block; margin:0}
	.master-teacher-books tr {margin: 0 0 20px 0; display: block;}
	.master-teacher-books td { display: block;}
	.master-teacher-books h1 { font-size: 1.3rem; text-align:center}
	.master-teacher-books .pic{text-align:center; display:block}
	.master-teacher-books .pic img{width:50%; margin:10px 15%; max-width:400px}
	.master-teacher-blurb{width:auto; display:block; margin:0}
	.master-teacher-blurb > div{display:block; }
	.master-teacher-blurb .text{padding: 10px}
	.master-teacher-blurb .pic{text-align:center}
	.master-teacher-blurb .pic img{width:70%; border:4px solid #CFA616; margin:10px 15%; max-width:400px}
	/*contact */
	.contact-form{display: block}
	.contact-form p { display: block}
	.contact-form p span{ display: block; text-align: left; padding:0px;}

	.area-inner > table.partners-table > tbody > tr > td{
		padding: 5px 0 !important
	}

	.area-inner > table.partners-table .partner-img {display: none}

	.area-inner > table.contact-details > tbody > tr > td{padding: 2px 0 !important }
	form#contact-form > table > tbody > tr > td{padding: 2px 0 !important }
	form#contact-form td:first-child{ text-align: left }
	form#contact-form input[type="submit"]{ float: none }
	form#contact-form textarea {width: 100%; height: 15rem}

	table.contact-table > tbody > tr > td{padding: 2px 0 !important }
	.contact-table td:first-child{ text-align: left }

	#email-form input[type="submit"]{ float: none }
	#email-form textarea {width: 100%; height: 15rem}

	/* links */
	.area-inner > table.links-table  {display:table;float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.area-inner > table.links-table > tbody{display: inline !important}
	.area-inner > table.links-table > tbody > tr{display:table-row;}
	.area-inner > table.links-table > tbody > tr > td{display:table-cell;width:auto !important; padding:5px !important; margin:0 !important}
	.area-inner > table.links-table img{ width: 100% !important ; height: auto !important}

	.links-table td{ font-size: 1.6rem}

	/*collection articles */
	.article-list td.article-list-para{height: auto !important}
	.article-single .article-content{width: auto; margin: 20px}
	.article-single .box-border {padding: 0px}
	.article-list-pic img{ width: 80px !important; margin:6px 12px 0 0px !important;}
	.article-list-para a{ }
	.article-list-para p{ display: none}
	.article-list-para p.date{ display:block; margin: 4px 0 !important}
	.article-list-para {vertical-align:middle}
	.article-content img{width:70% !important; height: auto !important; margin:10px 15% !important; max-width:400px; float: none !important;}
	/*collection audios */
	.audios{width: auto; margin: 0}
	.audio-single{ width: auto}
	.audio-player{width: auto }
	.audio-wrapper{width: auto !important; margin: 10px 0 !important; float: none !important; padding: 0 !important }

	/*newsletter */
	.newsletter-single td.column-one{text-align: center; padding: 10px !important}
	.newsletter-double td.column-one{text-align: center; padding: 10px !important}
	.newsletter-double td.column-one img{width: 100% !important; height: auto !important}
	.newsletter-double td.column-two{padding: 10px !important}

	/*-- ADVENTS 2016 -- */
	.image-table{display: block; width: 100% !important}
	.image-table tbody {display: block;}
	.image-table tr {display: block;}
	.image-table td { display: block;}
	.image-table img{display: block; margin: 15px auto !important; width: 70% !important; height: auto !important}
	.advent-nav {display: block; width: 100% !important}
	.advent-nav tbody {display: block;}
	.advent-nav tr {display: block;}
	.advent-nav td { display: block; padding: 5px; width: auto !important}
	.advent-nav td.left { display: block; padding: 5px; width: auto !important; text-align:center}
	.advent-nav td.right { display: block; padding: 5px; width: auto !important; text-align:center}
	.advent-wrapper h1{ font-size:2.1rem !important; letter-spacing: 1px !important}
	.advent-wrapper h2{ font-size:1.9rem !important; }
	.advent-wrapper h3{ font-size:1.8rem !important}
	.advent-wrapper h4{ font-size:1.7rem !important}
	.advent-wrapper h5{ font-size:1.6rem !important}
	.advent-wrapper h6{ font-size:1.5rem !important}
	.advent-wrapper h1 br{ display: none}
	.advent-wrapper h2 br{ display: none}
	.advent-wrapper h3 br{ display: none}
	.advent-wrapper h4 br{ display: none}
	.advent-wrapper h5 br{ display: none}
	.advent-wrapper h6 br{ display: none}
	.advent-wrapper p br{ display: none}
	.advent-wrapper strong{font-weight: bold}
	.advent-wrapper .registration th{ font-size:1.4rem !important; width: auto !important; padding: 5px !important}
	.advent-wrapper .registration td{ font-size:1.4rem !important; width: auto !important; padding: 5px !important}
	#register_form .registration{display: block; width: 100% !important}
	#register_form .registration tbody {display: block;}
	#register_form .registration tr {display: block;}
	#register_form .registration th { display: block; padding: 5px; width: auto !important; text-align: left !important; border-bottom: none}
	#register_form .registration td { display: block; padding: 5px; width: auto !important; text-align: left !important; border-bottom: none}
	#register_form .registration td input{width: 100% !important}
	#register_form .registration td input.submit_btn{width: auto !important}
	/* video  */
	.mobile-video-wrapper{width: 100%; position:relative; height:0px; overflow:hidden;  padding-bottom:75%; border:1px solid #000;}
	.mobile-inner-wrapper{height: 100%; width: 100%; position:absolute; top:0; left:0; width:100%; height:100%;} 
	.mobile-video{ display: table ; width:100%; height:100%;}


	/*audio */
	.area-inner div.audio-container{padding-top: 30px !important; }

	/* CALENDAR */
	#calendar-outer h1.calendar-heading{ width: auto; font-size: 2rem}
	#calendar-outer h6.calendar-notice{ width: auto; font-size: 1.4rem }
	#calendar-outer #quote{display: none}
	#calendar-outer #quote span{display: none}
	#calendar-outer #quote-mobile{display: block; margin:0 0 20px 0; font-size: 1.6rem}
	#calendar-outer h5.top-quote{display: block}
	.calendar{display:none}
	.calendar.calendar-mobile{display: table; width: 100%}
	#calendar-outer #quote{width: 100% !important;}
	.calendar .day{font-size: 5.0rem; }
	.calendar .day .dayname{display: block}
	.calendar-single{max-width: auto; margin: 20px auto}
	.calendar-single img{width: 100%; display: block; margin:auto }
	.calendar-single p{ margin: 20px 0}

	/*select */
	.prettySelect .selectBox {padding: 0 5px !important}
	/*Slideshow */
	#slider-wrapper{ margin: 20px 0 0 0 !important; padding: 0 !important}
	#my-thumbs{overflow: auto; }
	#slider-left{display:none}
	#slider-right{display:none}
	#slide-display{margin-top: 0 !important}
	#slide-display img{display: block; margin:20px auto !important; max-width: 100% ;}
	#slide-display p{margin:20x 0px !important;}
	.slideshow-a{}
	.slideshow-item td.column-one{padding: 0px; }
	.slideshow-item td.column-one img{width:100% !important; height: auto !important}
	.slideshow-b {display: block}
	.slideshow-b tr {display: block}
	.slideshow-b td {display: block; width: auto !important}
	.slideshow-b td.column-two{ padding: 0px; vertical-align: middle}
	/*MT radio */

	table.mtradio img { display: block; max-width: none !important; width: 120px !important; height: auto !important; border: 2px solid #CCC; margin: 0 15px  0 0; padding: 4px;}
	#mtr-play{font-size: 1.3rem }
	.mtradio div#speaker{display: none}
	.mtradio div#slider-range-max{display: none}
	.now-playing{  margin:0 0 3px 0 !important; font-size: 1.2rem !important; }
	.track-title{  margin:0 0 15px 0 !important; font-size: 1.4rem; }
	.mtradio td .track-title span.mtr_title{font-size: 1.4rem; }
	.mtradio td .track-title span.mtr_series{ font-size: 1.2rem; }
	.mtradio td p.with-mt{ margin:0 0 20px 0; font-size: 1.2rem}
	.mtradio div#player-status img { border: none; margin: 2px 3px 0 0; width: 20px;}
	.pl-track-date{  font-size: 1.4rem; }
	.pl-track-title{  font-size: 1.4rem;}
	.einssein-track-title{ font-size: 1.4rem; }
	.nl-track-title{ font-size: 1.4rem; }
	.jp-controls button.audio-play{width: 45px !important; height: 28px !important;}  
	.jp-controls button.audio-stop{width: 45px !important; height: 28px !important;} 
	#player-status{ }
	#player-status img{ height:18px !important}
	.jp-volume-controls button.audio-unmute { width: 28px !important; height: 28px !important;} 
	.jp-volume-controls button.audio-mute { width: 28px !important; height: 28px !important;}
	.jp-volume-bar {width: 70px !important; height: 10px !important; margin-top: 9px !important}
	.jp-volume-bar-value { height: 10px !important;}

	.history-table td{padding:0px; vertical-align: middle}
	.history-table a{display:block; width: 100%;} 
	.history-table td img{ display: block; margin:20px auto}

	/* map frame */
	.area-inner > div.map-container { position:relative;  height:0px;  overflow:hidden; border:1px solid #ccc; padding: 3px }
	.aspect-16x9 { padding-bottom:56.25%; }
	.area-inner > div.aspect-1x1 { padding-bottom:100% !important; }
	.area-inner > div.map-container iframe{ position:absolute;  top:0;  left:0;  width:100%;  height:100%; }
	.directions-table td{}
	.directions-table input {
		width: 98%;margin: 5px 0
	}

	/* links */
	.news > table  {display:block;float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.news > table > tbody{display: inline !important}
	.news > table > tbody > tr{display:block;}
	.news > table > tbody > tr > td{display:block;width:auto !important; padding:5px !important; margin:0 !important}
	.news > table td:first-child img{ width: 98% !important ; height: auto !important; max-width: 200px;}

	.news > img, .news > a img, .news > p img{ width: 98% !important ; height: auto !important; max-width: 400px;}

	.article-list-para .gs-option{margin: 0}
	.food-items-list .area-multi{height: 320px}
	/* food-single */
	.food-single.no-image td:first-child {display: none !important}


	table.food-single img.gluten-sensitive{width:24px !important; height: auto !important; max-width: none !important; margin: 0 !important}
	table.food-single .gs-option img.gluten-sensitive{width:20px !important;}
	.blank-no-header .layout-structure {display: block}
	.full{font-size: 62.5% !important}
	.food-single{}
	.food-single p br{display: inline}
	.blank-no-header .area .box-border {max-width: none !important}
	.food-single > table  {display:table;float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.food-single > table > tbody{display: inline !important}
	.food-single > table > tbody > tr{display:table-row;}
	.food-single > table > tbody > tr > td{display:table-cell;width:auto !important; padding:5px !important; margin:0 !important}
	.food-single > table td:first-child img{ width: 98% !important ; height: auto !important; max-width: 200px;}
	.blank-no-header .article-single .article-content {margin: 0}


	.home-letter table  {display:block;float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.home-letter  table > tbody{display: inline !important}
	.home-letter  table > tbody > tr{display:block;}
	.home-letter  table > tbody > tr > td{display:block;width:auto !important; padding:0px !important; margin:0 !important}
	.home-letter  table td:first-child img{ width: 98% !important ; height: auto !important; max-width: 400px; margin: 20px auto; display: block}

	.news-flash > tbody > tr{display:table-row !important}
	.news-flash > tbody > tr > td{display:table-cell !important}
	table.news-flash {width: auto !important; display:table !important; margin-left: auto !important; margin-right: auto !important}
	.news-flash img{max-width: 80px !important; margin-right: 15px !important}


	.gift-card {border-radius: 10px; max-width:280px !important; margin-top: 20px !important}
	.gift-card-home{width: 300px}
	.gift-card-home td:first-child{width:100%; height:auto}
	.gift-card-home td:last-child{width:240px; vertical-align: middle; text-align: center;}
	.gift-card-home .vertical-line{width:100%; height:1px ; margin:60px 0}

	.area-inner > .home-squares > tbody > tr > td{padding: 10px 0 !important}

	/* templates */
	.wide-thin-table{position:relative;}
	.wide-thin-table td:first-child{padding-bottom:40px !important; border-bottom: 1px solid #CCC}
	.wide-thin-table td:last-child{padding-top: 40px !important; }
	.wide-thin-table td:first-child:after {display: none }


}

@media all and (max-width: 739px) {

	.blank-no-header{font-size: 73% !important}
	.blank-no-header .layout-structure {; max-width:500px; margin: 0 auto}

	/* food-single */

	table.food-single  {display:block;float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	table.food-single > tbody{display: inline !important}
	table.food-single > tbody > tr{display:block;}
	table.food-single > tbody > tr > td{display:block;width:auto !important; padding:5px !important; margin:0 !important}
	table.food-single td:first-child img{ width: 98% !important ; height: auto !important; max-width: 200px;}
	.food-single  td:first-child{ position:relative;  height:0px;  overflow:hidden; border:1px solid #ccc; padding: 3px ; padding-bottom:100% !important; }
	.food-single  td:first-child > .article-pic { position:absolute;  top:0;  left:0;  width:100%;  height:100%; border: none !important}

	.food-single h1{margin-top:25px;}
	.food-single p{font-size: 1.6rem}
	.food-single p.price{font-size: 1.7rem;}


	.sale-single  td:first-child{ position: static;  height: auto;  border: none; padding-bottom:0  !important; }



	@media all and (min-width: 580px) and (max-width: 800px) {

		.inner-container{padding: 20px;}

		.area-footer{margin:0 30px 20px 30px}



	}
	@media all and (max-width: 520px) { /* p{ text-align: left !important} */

		.header{display: block}
		.header tr{display: block}
		.header td{display: block}
		.header tbody {display: block}
		.logo-circle{width: 100%}
		.logo-circle img{width: 150px; margin: 10px auto 0}

		.box-top a.box-top-more{display: none}
		.box-top {font-size: 1.4rem !important; letter-spacing: .02em}
		.multibox-inner{padding: 0px; width: 252px !important}
		.multibox-inner .box-border{width: 220px; float: none !important; margin: 0 15px 0px;}
		h1 br{ display: none}
		h2 br{ display: none}
		h3 br{ display: none}
		h4 br{ display: none}
		h5 br{ display: none}
		h6 br{ display: none}
		p br{ display: none}

	}

	@media all and (max-width: 380px) { /* p{ text-align: left !important} */
		.logo{padding:36px 5px 0 5px !important}
		.area-inner > table img{ width: 98% !important ;max-width: 360px; height: auto !important}
		.dblbox-inner {padding: 0px;}
		.tribox-inner {padding: 0px;}
		.box .area-inner{margin: 10px}
		p{text-align: left}


		@media all and (max-width: 320px) { /* p{ text-align: left !important} */

		}