/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
	.menu-box { display:block !important; }
}
/*==========================================================================================================*/

@media only screen and (max-width: 1800px) {
	
	.mission-statement-section .tree-img { width: 25%; max-width: 100%; }
	.mission-statement-section .tree-img img { width: 100%; }
	.mission-statement-content { padding-left: 300px;}
}
/*==========================================================================================================*/
@media only screen and (max-width: 1600px) {
	.pdf-section .row { margin: 0 -30px; }
	.pdf-section .row > div { padding: 0 30px; }
	
	/**/
	.banner-row h1, .banner-row h2 { font-size: 86px; margin-bottom: 54px; }
	.banner-section { min-height: 466px; }
	.banner-row a { font-size: 36px; }
	.banner-section.home-banner { min-height: 750px; padding-top: 151px; }
	.header-bottom { padding: 44px 0 28px; }
	#mainmenu { font-size: 28px; }
	.banner-row { padding-top: 86px; }
	
/*	.logos-section { padding: 145px 0 50px; }*/
	.logo-box figure { max-width: 185px; }
/*
	h1, h2 { font-size: 60px; }
*/
/*	
	.info-row { padding: 130px 0 330px; }
*/	
	.breadcrumbs ul li, .link-list ul li { font-size: 26px; }
	.title { font-size: 56px; }
	
	
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 1400px) {
	
	/**/
	.banner-section { min-height: 426px; }
/*	.logos-section { padding: 125px 0 40px; }*/
	.logos-section .row > div { margin-bottom: 60px; }
/*
	h1, h2 { font-size: 56px; }
*/
	.button { font-size: 19px; padding: 12px 80px; }
/*
	.location-info { padding-bottom: 82px; }
*/
	.location-map span { font-size: 34px; }
	.location-map span.dietikon-tag { right: 318px; }
	.location-map span.affoltern-tag { left: 96px; }
	.news-section { padding: 75px 0 70px; }
	.filter-title { margin-bottom: 42px; }
/*
	.info-row { padding: 100px 0 260px; }
*/
	.team-section .title-row { margin-bottom: 65px; }
	
	h4 { font-size: 28px; }
	.footer-box h4 { margin-bottom: 20px; }
	#footer { font-size: 18px; }
	.subscribe-box { margin-top: 24px; }
	.subscribe-box .form-group input[type="text"], .subscribe-box .form-group input[type="email"] { padding: 4px 15px; font-size: 18px; height: 44px; padding-right: 90px; }
	.subscribe-box .form-group input[type="submit"] { font-size: 16px; width: 80px; }
	
/*
	.footer-info { padding-bottom: 219px; }
*/
	h5 { font-size: 22px; }
	.contact-box { font-size: 18px; }
	.opening-hours a { font-size: 19px; }
	.contact-list li { margin-bottom: 4px; }
	.footer-contact-main, .footer-contact { max-width: 341px;	}
	.footer-bottom p { margin: 0 0 20px; }
	
	.breadcrumbs ul li, .link-list ul li { font-size: 24px; }
/*
	.link-list { padding: 40px 0 65px; }
*/
	.title { font-size: 50px; }
	.mission-statement-section { padding: 78px 0 108px; }
	.mission-statement-content h3 { font-size: 36px; }
	.shop-main-box { padding: 78px 0 100px; }
	.alcohol-main-box { padding: 100px 0 70px; }
	.information-section { padding: 20px 0 80px; }
	.table-section table { margin: 40px 0; }
/*
	.pdf-section2 { padding: 60px 0; }
*/	
	
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	.pdf-section .row { margin: 0 -20px; }
	.pdf-section .row > div { padding: 0 20px; }
	.title { font-size: 56px; }
	
	.mission-statement-section .tree-img { margin: 0;}
	
	/**/
	.container { max-width: 910px; }
	.banner-section { min-height: 386px; }
	.hambarger-lines { right: 0; top: 16px; }
	.hambarger-lines, .hambarger-lines::before, .hambarger-lines::after { height: 3px; width: 21px; }
	.banner-row { padding-top: 76px; }
	#mainmenu { font-size: 24px; }
	.banner-row h1, .banner-row h2 { font-size: 70px; margin-bottom: 44px; }
	.banner-row a { font-size: 30px; }
	.banner-section.home-banner { padding-top: 134px; }
	.header-bottom { padding: 34px 0 24px; }
	#logo { width: 342px; }
	.specialist-info .specialist-trigger { padding: 12px 28px 8px; font-size: 18px; }
	.specialist-agencies ul li a { padding: 5px 31px 6px 20px; font-size: 18px; }
	body { font-size: 18px; }
	.specialist-agencies ul { width: 235px; }
	
/*	.logos-section { padding: 95px 0 30px; }*/
	.logo-box figure { max-width: 165px; }
	.logos-section .row > div { margin-bottom: 40px; }
/*
	h1, h2 { font-size: 50px; }
*/
	.button { font-size: 18px; padding: 11px 60px; }
	.location-map figure { max-width: 532px; }
	.location-map span { font-size: 28px; }
	.location-map span.dietikon-tag { top: 174px; right: 236px; }
	.location-map span.affoltern-tag { bottom: 338px; left: 60px; }
	h3 { font-size: 34px; }
	.tabnav li a, .filter-nav li a { font-size: 24px; }
	body.mac-os .tabnav li.active a, body.mac-os .filter-nav li.active a { padding-top: 3px; }
	body.mac-os.chrome .tabnav li.active a, body.mac-os.chrome .filter-nav li.active a { padding-top: 3px; }
	body.chrome .tabnav li.active a, body.chrome .filter-nav li.active a { padding-top: 1px; }
	.news-section { padding: 65px 0 60px; }
	.filter-title { margin-bottom: 32px; }
	.news-data .date { font-size: 15px; }
	h4 { font-size: 25px; }
	.news-box a { padding: 20px 22px; min-height: 260px; }
	.more-news { margin-top: 28px; }
	.more-news a { font-size: 26px; }
/*
	.info-row { padding: 85px 0 200px; }
*/
	.team-section .title-row { margin-bottom: 55px; }
	
	
	.breadcrumbs ul li, .link-list ul li { font-size: 22px; }
/*
	.link-list { padding: 35px 0 55px; }
*/
	.title { font-size: 48px; }
	.default-box p { font-size: 18px; }
/*
	.default-box { margin-bottom: 80px; }
*/
	.mission-statement-content h3 { font-size: 32px; }
	.mission-statement-section { padding: 58px 0 78px; }
	.below-yellow-section { padding: 60px 0 45px; margin-bottom: 50px; }
	.accordion-row .accordion-trigger { font-size: 24px; }
	.shop-main-box { padding: 48px 0 70px; }
	.alcohol-main-box { padding: 75px 0 70px; }
	.alcohol-main-box ul li { font-size: 18px; }
	.information-section { padding: 20px 0 60px; }
	.table-section table { margin: 30px 0; }
	.table-section .table tbody th { font-size: 18px; }
	.table-section thead th { font-size: 20px; }
/*
	.table-section { padding: 20px 0 40px; }
*/	
	
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:auto; padding:0 20px; }
	.title {  font-size: 50px;}
	
	.table-section .table thead th { font-size:20px;}
	.table-section .table tbody th { font-size:20px;}
	.table-section .table tbody td { font-size:20px;}
	.mission-statement-content h3 { font-size: 30px;}
	.mission-statement-content ul li { font-size: 20px;}
	.mission-statement-section { padding: 55px 0 68px; }
/*
	.default-box {  margin-bottom: 50px; }
*/
	.below-yellow-section { padding: 60px 0 15px; }
	.shop-main-box {  padding: 60px 0; }
	.alcohol-main-box { padding: 60px 0; }
	.information-section { padding: 28px 0 70px; }
	.table-section table {  margin: 0; }
	
	/**/
	.banner-section { min-height: 346px; }
	.banner-row h1, .banner-row h2 { font-size: 66px; margin-bottom: 38px; }
	.banner-row { padding-top: 70px; }
	#logo { width: 322px; }
	#mainmenu { font-size: 22px; }
	.menu > li { margin: 0 0 0 40px; }
	.header-bottom { padding: 30px 0 22px; }
	
	.news-section .tree-img { display: none; }
/*
	.info-row { padding: 70px 0 90px; }
*/
	.team-section .title-row { margin-bottom: 45px; }
	
	.footer-birds, .footer-men { display: none; }
/*	.footer-contact.fixed { position: relative; }*/
/*	.contact-info { visibility: visible; height: auto; opacity: 1; }*/
	.footer-top-row { padding: 50px 0 0px; }
/*	.footer-info { padding-bottom: 0; }*/
	
	
	.breadcrumbs ul li, .link-list ul li { font-size: 20px; }
/*
	.link-list { padding: 30px 0 45px; }
*/
	.title { font-size: 38px; margin-bottom: 20px; }
	.gallery-img-box { padding: 12px 0 0; }
	
	input[type="button"], input[type="submit"], button { padding: 11px 64px; }
	
} 

/*==========================================================================================================*/
@media only screen and (max-width: 991px) {
	.minneapolis-section .row > div { margin-bottom: 40px;}
	.minneapolis-section .row > div:last-child { margin-bottom:0;}
	.general-main-form h3 {  font-size: 35px;}
	.pdf-section2 .row > div { margin-bottom: 40px;}
	.pdf-section2 .row > div:last-child { margin-bottom: 0;}
	.mission-statement-section .tree-img  { display: none;}
	.mission-statement-content { padding-left: 0;}
	
	
	/**/
	.header-top { text-align: left; padding: 12px 0 8px; }
	.specialist-info .specialist-trigger { padding: 9px 28px 8px; font-size: 16px; }
	.hambarger-lines { top: 12px; }
	.hambarger-lines, .hambarger-lines::before, .hambarger-lines::after { height: 3px; width: 20px; }
	.specialist-agencies ul { padding: 37px 6px 10px 0; }
	#logo { width: 302px; }
	#mainmenu { font-size: 20px; }
	.header-bottom { padding: 22px 0 18px; }
	#header.sticky { top: -38px; }
	#header.sticky .header-bottom { padding: 16px 0; }
	.banner-section.home-banner { padding-top: 108px; }
	.banner-row h1, .banner-row h2 { font-size: 60px; margin-bottom: 32px; }
	.banner-row a { font-size: 28px; }
	.banner-section.home-banner { min-height: 680px; }
	
/*	.logos-section { padding: 85px 0 30px; }*/
	.logo-box figure { max-width: 145px; }
	.logos-section .row > div { margin-bottom: 40px; }
/*
	h1, h2 { font-size: 42px; }
*/
/*
	.location-info { padding-bottom: 62px; }
*/
	.location-map figure { max-width: 492px; }
	.location-map span { font-size: 26px; }
	.location-map span.dietikon-tag { top: 160px; right: 194px; }
	.location-map span.affoltern-tag { bottom: 300px; left: 25px; }
	h3 { font-size: 30px; }
	.tabnav li a, .filter-nav li a { font-size: 20px; }
	.filter-nav { margin: 6px 0 0 auto; }
	.news-section { padding: 55px 0 50px; }
	.more-news { margin-top: 18px; }
	.more-news a { font-size: 22px; }
	h4 { font-size: 22px; }
	.news-box a { padding: 18px 18px; min-height: 240px; }
/*
	.info-row { padding: 60px 0 80px; }
*/
	.team-section .title-row { margin-bottom: 38px; }
	.team-section .accordion-row { margin-bottom: 16px; }
	.team-section .accordion-row .accordion-trigger:before, .team-section .accordion-row .accordion-trigger:after { top: 12px; width: 14px; }
/*
	.team-section { padding-bottom: 30px; }
*/
/*
	.contact-section { padding-top: 30px; }
*/	
	.footer-bottom ul { -webkit-justify-content: flex-start; justify-content: flex-start; }
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	body { font-size: 16px; }
	#mainmenu { font-size: 18px; }
	.menu-box { display: none; position: absolute; left:0; width: 100%; height: 100vh; top: 0; background: #f4f4f4; padding: 0 18px; overflow-y: auto; }
	.menu-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column;  min-height: 100%; }
	.menu { padding: 85px 50px 25px; border-bottom: 2px solid #254254; }
	.menu li { float:none; margin:0; padding:0; font-size: 25px; text-transform: uppercase; }
	#header.sticky .menu > li { margin-left: 0; }
	.menu li a { padding: 6px 0; display:block; color: #254254; text-decoration: underline; }
	#header.sticky .menu li a { color: #254254; }
	.menu li a:hover { color: #f0ea6f; }
	.menu li a:after { display:none; }
	
	.specialist-mobile { display: block; padding: 30px 50px; }
	.specialist-mobile h3 { font-size: 25px; text-transform: uppercase; }
	.specialist-mobile ul { display: block !important; }
	.specialist-mobile ul li { font-size: 18px; text-transform: uppercase; margin-bottom: 5px; }
	.specialist-mobile ul li a { color: #254254; text-decoration: underline; }
	.specialist-mobile ul li a:hover { color: #f0ea6f; }
	
	
	.footer-contact { position: relative; width: 100% !important; max-width: 100%; margin-top: auto; }
	.footer-contact.fixed { position: relative; bottom: inherit; }
	.footer-contact h5 { display: none; }
	.contact-info { visibility: visible; opacity: 1; height: auto; }
	
	
	/* Responsive Menu line icon*/
	#menu { display:block; height: 20px; z-index: 1; position: relative; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 20px; height: 3px; background: #254254; position: relative; float: left; margin:9px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #254254; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
/*
	h1, h2 { font-size:40px; }
*/
	
	.pdf-section .row { margin: 0; }
	.pdf-section .row > div { padding: 0; }
/*
	.gallery-section {  padding: 40px 0 60px; }
*/
	.table-section table { display: block; overflow: scroll;}
	.table-section { padding: 0; overflow: hidden; /*margin: 40px 0;*/ }
	.pdf-section .row > div { margin-bottom: 50px;}
	.pdf-section .row > div:last-child { margin-bottom: 0;}
	.pdf-data .pdf-match {  min-height: auto; }
	.pdf-data a { font-size: 18px; }
	.shop-main-box .assembly-box { margin-bottom: 20px; }
	.information-section .row > div { margin-bottom: 30px;}
	.information-section .row > div:last-child { margin-bottom: 0;}
/*
	.pdf-section { padding: 40px 0;}
*/
	.shop-main-box { padding: 40px 0;}
	.alcohol-main-box { padding: 40px 0;}
	.two-row-box .row > div { margin-bottom: 30px;}
	.two-row-box .row > div:last-child { margin-bottom: 0;}
	.pdf-section2 { padding: 40px 0;}
	.gallery-img figure img { width: 100%;}
	
/*
	.table-section { margin: 10px 0; }
*/
	.table-section .table thead th { /*font-size:16px;*/ }
	.table-section .table tbody th { /*font-size:16px;*/ padding: 8px 12px; }
	.table-section .table tbody td { /*font-size:16px;*/ }
	.information-section .form-2 {margin-top: 0; } 
	.general-main-form .row > div { margin-bottom: 20px;}
	
	
	/**/
	.banner-section { min-height: 266px; }
	#logo { width: 262px; margin-left: 0; }
	.header-top { display: none; }
	#header.sticky { top: 0; }
	.header-bottom, #header.sticky .header-bottom { padding: 18px 0 18px; }
	.banner-section.home-banner { padding-top: 60px; }
	.banner-row h1, .banner-row h2 { font-size: 50px; margin-bottom: 28px; }
	.banner-row a { font-size: 25px; }
	.banner-row { padding-top: 50px; }
	.banner-section.home-banner { min-height: 560px; height: auto; }
	
/*	.logos-section { padding: 70px 0 20px; }*/
	.button { padding: 10px 50px; }
	.location-map figure { max-width: 442px; }
	.location-map span { font-size: 22px; }
	.location-map span.dietikon-tag { top: 142px; right: 124px; }
	.location-map span.affoltern-tag { bottom: 280px; left: 0px; }
	.news-section { padding: 45px 0 45px; }
	.filter-title { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	.filter-nav { margin: 0; }
	.tabnav li, .filter-nav li { margin: 5px 0 0; }
	.tabnav, .filter-nav { justify-content: flex-start; width: 100%; margin: 10px 0 0; }
	.tabnav li a:before, .filter-nav li a:before { height: 3px; width: 30px; }
	.more-news { margin-top: 10px; }
	
	.contact-section > .row > div { margin-bottom: 30px; }
/*
	.info-row { padding: 50px 0 50px; }
*/
	.team-section .title-row { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	.team-section .title-row .tabnav { margin: 5px 0 0; }
/*
	.team-section { padding-bottom: 20px; }
*/
/*
	.contact-section { padding-top: 20px; }
*/	
	.footer-top-row .row > div { margin-bottom: 40px; }
	.footer-top-row { padding: 50px 0 5px; }
	
/*
	.default-box p { font-size: 16px; }
*/
	.mission-statement-content ul li { font-size: 18px; }
	.alcohol-main-box p { font-size: 18px; }
	.alcohol-main-box ul li { font-size: 18px; }
	
	
	.team-block > h3 { margin-bottom: 25px; }
	.team-block { margin-bottom: 26px; }
	
	.footer-contact-main { display: none; }
	.footer-info { padding-bottom: 0; }
	

}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 575px) {
	.breadcrumbs-2 {  padding: 40px 0; }
/*
	h1, h2 { font-size:34px; }
*/
	.gallery-img figure img { width: 100%;}
/*
	.link-list { padding: 30px 0 40px; }
*/
	.breadcrumbs ul li, .link-list ul li { margin-bottom: 8px; }
	.title {  font-size: 34px; }
	.general-main-form h3 {  font-size: 30px; }
	.pdf-data h4 {  font-size: 25px;}
	
	.pdf-section2 .pdf-data p { font-size: 18px;}
	.accordion-data p { font-size: 18px; }
	.general-main-form p { font-size: 18px;}
	.shop-main-box .assembly-box p { font-size: 18px;}
	.info-box span, .info-box p{ font-size: 18px;}
	.pdf-data .pdf-match { margin-bottom: 10px; }
	.pdf-data p { font-size: 18px; margin-bottom: 10px;}
	.pdf-section .pdf-main-box { flex-direction: column-reverse; -webkit-flex-direction: column-reverse;}
	.pdf-main-box .pdf-img { margin-bottom: 18px; width: 100%;}
	.pdf-main-box .pdf-data { width: 100%;}
	.pdf-data h4 { margin-bottom: 10px;}
	.mission-statement-content h3 { font-size: 26px; }
	.accordion-row .accordion-trigger { font-size: 22px; }
	.table-section table { margin: 20px 0;}
	
	
	/**/
	#logo { width: 232px; }
	.header-bottom, #header.sticky .header-bottom { padding: 15px 0; }
	.banner-section { min-height: 236px; }
	.banner-section.home-banner { padding-top: 51px; }
	.banner-row h1, .banner-row h2 { font-size: 40px; }
	.banner-row a { font-size: 22px; }
	.banner-section.home-banner { min-height: 490px; }
	
/*	.logos-section { padding: 55px 0 15px; }*/
	.logos-section .row > div { margin-bottom: 35px; }
	.location-map figure { max-width: 302px; left: -10px; }
	.location-map span { font-size: 22px; }
	.location-map span.dietikon-tag { top: 98px; right: 0; }
	.location-map span.affoltern-tag { left: 0; bottom: -24px; }
/*
	.location-info { padding-bottom: 42px; }
*/
	.news-section { padding: 40px 0 40px; }
	
	.team-section .accordion-row, .team-section .accordion-row:last-child { margin-bottom: 16px; }
	
	.footer-contact-main, .footer-contact { max-width: 100%; }
	.footer-top-row .row > div { margin-bottom: 30px; }
	.footer-box h4 { margin-bottom: 15px; }
	
	.mission-statement-section { padding: 45px 0 48px; }
	.pdf-section2 { padding: 25px 0; }
	
	.contact-form { margin-bottom: 30px; }
	.contact-form .form-submit { margin-top: 11px; }
	
	.menu { padding: 75px 40px 25px; }
	.specialist-mobile { padding: 25px 40px; }
	
}

/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	.breadcrumbs { padding: 15px 0 7px; }
	.breadcrumbs ul li, .link-list ul li { font-size: 18px; }
	.breadcrumbs ul li { padding-left: 15px; }
/*
	.link-list { padding: 25px 0 30px; }
*/
	.link-list ul li { padding-left: 32px; }
	.general-main-form .form-group .form-btn { max-width: 100%; }
	.title { font-size: 32px; margin-bottom: 15px; }
	
	
	/**/
	.banner-section { min-height: 206px; }
	h3 { font-size: 30px; }
	.tabnav li a, .filter-nav li a { font-size: 18px; padding: 0 11px 12px 0; margin-right: 11px; }
	.location-map figure { max-width: 222px; }
	.location-map span { font-size: 16px; }
	.location-map span.dietikon-tag { top: 70px; }
	.location-map span.affoltern-tag { bottom: -24px; }
	
	.contact-form .form-submit  input[type="submit"] { width: 100%; }
	
	
} 

@media only screen and (max-width: 369px) {
	.opening-hours .row > div { max-width: 100%; flex: 0 0 100%; }
	.opening-hours .row > div:not(:last-child) { margin-bottom: 20px; }
	.opening-hours-info { padding-left: 0; }
	
	.menu { padding: 70px 30px 25px; }
	.specialist-mobile { padding: 25px 30px; }
	.menu li { font-size: 22px; }
	.menu li a { padding: 4px 0; }
	.specialist-mobile h3 { font-size: 22px; }
	
	
}