/********************************************************************************
			 --- MIN Media Queries ---
*********************************************************************************/
@media only screen and (min-width: 376px) {
}
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 641px) {
}
@media only screen and (min-width: 945px) {
	/*-----------Hidden Mobile Elements-----------*/
	.content-overlay, .drawer-toggle { display: none; }
	/*-----------Header-----------*/
	.header { height: 124px; position: fixed; width: 100%; background: url(/images/template/header-bg.png); background-position: top center; }
	.logo { display: block; height: 100px; line-height: 100px; z-index: 1; float: left; }
	.logo img { display: inline-block; vertical-align: middle; }
	.header-container { width: 100%; max-width: 960px; margin: 0 auto; }
	/*-----------Header - Top - Right-----------*/
	.corner { position: absolute; top: 10px; right: 15px; }
	/*-----------Header - Search-----------*/
	.search { float: left; width: 250px; }
	/*-----------Header - Utility Links-----------*/
	.utility-links { float: right; }
	.utility-links li { float: left; line-height: 40px; position: relative; }
	.utility-links a { padding: 0 12px; font-size: 14px; color: #000; }
	.utility-links a:hover { color: blue; }
	/*-----------Header - Menu-----------*/
	.menu { }
	.menu ul { list-style: none; margin: 30px 0px 0px 10px; padding: 0px; }
	.menu li { position: relative; }
	.menu li, .menu a { display: block; }
	/*-----------Menu - First Level-----------*/
	.menu > ul { float: left; }
	.menu > ul > li { float: left; }
	.menu > ul > li > a { padding: 0 12px; margin: 0; z-index: 1; color: #FFF; font-size: 18px; position: relative; height: 50px; line-height: 50px; font-family: Comfortaa, sans-serif; -webkit-transition: background-color 250ms ease; -moz-transition: background-color 250ms ease; transition: background-color 250ms ease; transition: color 0.25s; }
	.menu > ul > li > a .menu-arrow:after { content: "\e695"; font-family: 'CD-Project-Icons'; margin-left: 6px; font-size: 90%; color: #B9B9B9; }
	.menu > ul > li > a:hover, .menu > ul > li:hover > a, .menu > ul > li.selected > a { color: #65C3D8; }
	/*-----------Menu - Dropdown-----------*/
	.menu ul ul { line-height: normal; position: absolute; left: -9999em; top: auto; width: 225px; transition: opacity 0.25s ease; background: #DDD; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; opacity: 0; }
	.menu ul ul a { padding: 12px 15px; font-size: 14px; color: #000; }
	.menu ul ul a:hover, .menu ul ul li.dropdownOpen > a, .menu ul ul li.selected > a { color: blue; }
	.menu ul ul .menu-arrow:after { content: "\e697"; font-family: 'CD-Project-Icons'; margin-left: 6px; font-size: 90%; color: #B9B9B9; }
	.no-touch .menu > ul > li.dropdownOpen > ul, .touch .menu > ul > li:hover > ul { left: auto; opacity: 1; }
	.no-touch .menu > ul > li.drop-right.dropdownOpen ul, .touch .menu > ul > li.drop-right:hover ul { right: 0; }
	/*-----------Menu - Second Level Dropdown-----------*/
	.no-touch .menu > ul > li ul li.dropdownOpen ul, .touch .menu > ul > li ul li:hover ul { opacity: 1; left: 225px; top: 0; }
	.no-touch .menu > ul > li.drop-right ul li.dropdownOpen ul, .menu > ul > .touch li.drop-right ul li:hover ul { left: inherit; right: 225px; }
	/*-----------Menu - Utility-----------*/
	ul.utility { float: right; margin-left: 0; }
	ul.utility li a { color: #65C3D8; font-size: 25px; width: 30px; padding: 0 0px; margin: 0; transiton: color .25s; }
	ul.utility li a:hover { color: #FFFFFF; }
	ul.utility li a.facebook { width: 22px; }
	ul.utility li a.instagram { width: 25px; }
	.footer .menu > ul > li > a, .footer ul.utility li a { color: #F2EDDF; }
	.footer .menu > ul > li > a:hover, .footer .menu > ul > li:hover > a, .footer .menu > ul > li.selected > a { color: #5C1112; }
}
@media only screen and (min-width: 861px) {
}
@media only screen and (min-width: 961px) {
}
@media only screen and (min-width: 1025px) {
}
@media only screen and (min-width: 1201px) {
}
/********************************************************************************
			 --- IN BETWEEN Media Queries ---
*********************************************************************************/
@media only screen and (min-width: 376px) and (max-width: 480px) {
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
}
@media only screen and (min-width: 769px) and (max-width: 960px) {
}
@media only screen and (min-width: 961px) and (max-width: 1024px) {
	#n-input-1, #n-input-2, #n-submit { /*float: none; */ }
	.newsletter-subscribe { padding-left: 15%; }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
/********************************************************************************
			 --- MAX Media Queries ---
*********************************************************************************/
@media only screen and (max-width: 1230px) {
	.newsletter { background: url(/images/template/newsletter/bg-01.jpg) top left no-repeat; background-size: auto auto; }
}
@media only screen and (max-width: 1024px) {
	h4 { font-size: 18px; }
	#n-input-1 { display: block; left: 0px; position: relative; }
	#n-input-2 { display: block; left: -12px; position: relative; }
	input#n-submit { display: block; left: -24px; position: relative; }
	.content3-bg { background-color: #FFF; background: url(/images/template/content1-bg-top-trim.png) center 0px repeat-x, url(/images/template/shop-left.png) top left no-repeat, url(/images/template/shop-right.png) top right no-repeat, url(/images/template/content2-bg-top.png) center 0px repeat-x, url(/images/template/content-bg.jpg) center 30% repeat-x, url(/images/template/content1-bg-bottom-trim.png) bottom center repeat-x, url(/images/template/content2-bg-bottom-2.png) 100% 100% repeat-x, url(/images/template/content-bg.jpg) center 60px repeat-x; }
}
@media only screen and (max-width: 960px) {
	/*-----------General Page Elements-----------*/
	h1 { font-size: 40px; }
	h2 { font-size: 32px; }
	h3 { font-size: 26px; }
	h4 { font-size: 21px; }
	.intro, blockquote { font-size: 21px; }
	blockquote .cite { font-size: 20px; }
	blockquote .cite span { font-size: 17px; }
	/*-----------Accordion-----------*/
	.accordion dt { font-size: 17px; }
	.content2-bg { background-color: #FFF; background: url(/images/template/content2-bg-top-trim.png) center 25px repeat-x, url(/images/template/content2-bg-top.png) center 0px repeat-x, url(/images/template/content-bg.jpg) center 30% repeat-x, url(/images/template/content-bg.jpg) center 70% repeat-x, url(/images/template/content2-bg-bottom-trim.png) 100% 98% repeat-x, url(/images/template/content2-bg-bottom-left.png) 0% 100% no-repeat, url(/images/template/content2-bg-bottom-2.png) 100% 100% repeat-x, url(/images/template/content-bg.jpg) center 60px repeat-x; }
	img#about-01 { position: absolute; top: 25px; max-width: 150px; }
	img#about-02 { position: absolute; right: 0; top: 0px; max-width: 300px; }
	.about-section { height: 300px; }
	img#about-heart { top: 0; right: 75px; }
}
@media only screen and (max-width: 945px) {
	/*-----------Header-----------*/
	.header { position: fixed; top: 0; left: 0; width: 100%; height: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); }
	.header.scrolled { height: 60px; background: url(/images/template/header-bg.png) center -20px repeat-x, url(/images/template/header-bg.png) center -20px repeat-x; -webkit-transition: background 300ms ease-out; -moz-transition: background 300ms ease-out; transition: background 300ms ease-out; }
	/*-----------Header - Logo-----------*/
	.logo { display: block; width: 100%; height: 60px; line-height: 60px; padding: 0 15px 0 60px; }
	.logo img { width: 100%; max-width: 105px; display: inline-block; vertical-align: middle; }
	.header.scrolled .logo { line-height: 60px; }
	a.logo { background-color: #65C3D8; }
	/*-----------Drawer Toggle-----------*/
	.drawer-toggle { position: absolute; top: 0; right: 0px; width: 50px; height: 60px; text-align: center; display: block; margin: 0; padding: 0; color: #FFF; }
	.root.menu_open .drawer-toggle { display: none; }
	.drawer-toggle span { position: absolute; display: block; width: 28px; height: 4px; background: #FFF; top: 50%; margin-top: -2px; left: 50%; margin-left: -14px; }
	.drawer-toggle span::before, .drawer-toggle span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; }
	.drawer-toggle span::before { top: -8px; }
	.drawer-toggle span::after { bottom: -8px; }
	/*-----------Drawer-----------*/
	.drawer { position: fixed; z-index: 1001; top: 0; left: -300px; height: 100%; width: 300px; background: #FFF; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform, left, right; -moz-transition: -moz-transform, left, right; -o-transition: -o-transform, left, right; transition: transform, left, right; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -o-transition-duration: 150ms; transition-duration: 150ms; }
	/*-----------Main Menu-----------*/
	.menu { background: #FFF; }
	.menu ul { padding: 0; margin: 0; list-style: none; }
	ul.utility { display: inline-flex; width: 100%; justify-content: center; }
	ul.utility li a { border-bottom: none; }
	.header.scrolled .menu ul { margin: 0px 0px 0px 0px; }
	.menu li { line-height: 1.2; }
	.menu li, .menu a { display: block; }
	.menu a { font-family: Comfortaa, sans-serif; border-bottom: 1px solid rgba(0, 0, 0, 0.25); -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; transition: all 150ms ease; }
	.menu ul li a { padding-left: 12px; padding-right: 12px; color: #65C3D8; font-size: 18px; position: relative; }
	.menu > ul > li > a { padding-top: 15px; padding-bottom: 15px; }
	.menu > ul > li.active > a, .menu > ul > li.selected > a { background: rgba(0, 0, 0, 0.45); color: #65C3D8; }
	.header.scrolled .menu > ul > li > a { font-size: 18px; padding-top: 15px; padding-bottom: 15px; position: relative; height: 50px; line-height: 25px; -webkit-transition: font-size 300ms ease-out; -moz-transition: font-size 300ms ease-out; transition: font-size 300ms ease-out; -webkit-transition: height 300ms ease-out; -moz-transition: height 300ms ease-out; transition: height 300ms ease-out; -webkit-transition: line-height 300ms ease-out; -moz-transition: line-height 300ms ease-out; transition: line-height 300ms ease-out; }
	.menu > ul > li.active > a, .menu > ul > li.selected > a { background: inherit; }
	.menu .menu-arrow { position: absolute; top: 0; right: 0; display: block; width: 50px; text-align: center; height: 100%; z-index: 1; }
	.menu .menu-arrow:after { content: "\e6c5"; font-family: 'CD-Project-Icons'; color: #000; font-size: 27px; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -14px; font-style: normal; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; transition: all 150ms ease; }
	.menu li.active > a .menu-arrow:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); color: #FFF; }
	.menu li.active > ul { display: block; }
	.menu ul ul { background: rgba(0, 0, 0, 0.15); display: none; }
	.menu > ul > li > ul > li.active > a { background: rgba(0, 0, 0, 0.25); color: #FFF; }
	.menu ul ul li a { font-size: 15px; padding-left: 24px; padding-top: 15px; padding-bottom: 15px; }
	.menu ul ul ul li a { font-size: 13px; padding-left: 36px; padding-top: 10px; padding-bottom: 10px; }
	/*-----------Pull Out Menu Content Overlay-----------*/
	.content-overlay { visibility: hidden; height: 0; width: 0; background: rgba(0, 0, 0, 0); position: absolute; top: 0; -webkit-transition: background-color 150ms ease-in-out; -moz-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; z-index: 1002; }
	/*-----------Pull Out Menu Open-----------*/
	.root.menu_open { overflow: hidden; }
	.root.menu_open .drawer { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
	.root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position: fixed; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); overflow: hidden; }
	.root.menu_open .content-overlay i { position: absolute; top: 15px; right: 10px; font-size: 28px; color: #D9DBE0; }
	/*-----------Drawer Scrollbars-----------*/
	.drawer { z-index: 2000; }
	.drawer::-webkit-scrollbar { width: 0 !important; }
	.drawer::-webkit-scrollbar-track { background: none; }
	.drawer::-webkit-scrollbar-thumb { background: none; }
	.drawer::-webkit-scrollbar-thumb:window-inactive { }
	.no-touch .drawer::-webkit-scrollbar { width: 8px !important; }
	.no-touch .drawer::-webkit-scrollbar-track { background: #A7A7A7; }
	.no-touch .drawer::-webkit-scrollbar-thumb { background: blue; }
	.no-touch .drawer::-webkit-scrollbar-thumb:window-inactive { }
	/*-----------Header - Search-----------*/
	.search { padding: 12px; background: #000; }
	/*-----------Header - Utility LInks-----------*/
	.utility-links li { line-height: 1.2; }
	.utility-links a { font-size: 16px; padding: 12px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
	/*-----------Layouts-----------*/
	.musings-list { margin-top: 80px; }
	.content3-bg { background-color: #FFF; background: url(/images/template/content1-bg-top-trim.png) center 0px repeat-x, url(/images/template/shop-left.png) top left no-repeat, url(/images/template/shop-right.png) top right no-repeat, url(/images/template/content2-bg-top.png) center 0px repeat-x, url(/images/template/content-bg.jpg) center 30% repeat-x, url(/images/template/content1-bg-bottom-trim.png) bottom center repeat-x, url(/images/template/content2-bg-bottom-2.png) 100% 100% repeat-x, url(/images/template/content-bg.jpg) center 60px repeat-x; }
	/*-----------General Page Elements-----------*/
	body { font-size: 16px; }
	h1 { font-size: 32px; }
	h2 { font-size: 26px; }
	h3 { font-size: 22px; }
	h4 { font-size: 16px; }
	.newsletter-header { margin-top: 15px; }
	.intro, blockquote { font-size: 20px; }
	blockquote { padding: 15px 40px 15px 40px; }
	blockquote .quote:before { top: 15px; font-size: 60px; }
	blockquote .quote:after { bottom: 15px; font-size: 60px; }
	blockquote .cite { font-size: 19px; }
	blockquote .cite span { font-size: 16px; }
	/*-----------Accordion-----------*/
	.accordion dt { font-size: 16px; }
	.newsletter-subscribe { padding-left: 40%; }
	#n-input-1, #n-input-2, #n-submit { float: none; }
	#n-input-1 { display: block; left: -40px; position: relative; }
	#n-input-2 { display: block; left: -40px; position: relative; }
	input#n-submit { display: block; left: -40px; position: relative; }
	#schedule-inner { background: none !important; }
	.footer { background: url(/images/template/footer-bg-bottom.png) 0% 0% no-repeat, url(/images/template/footer-bg.png) center top repeat-x, #E8AD96; }
	.footer .menu { display: none; }
	.logo-mobile { display: block; }
	.about-text { padding: 20px; }
}
@media only screen and (max-width: 640px) {
	/*-----------Buttons-----------*/
	.button { display: block; width: 100%; padding-right: 10px; padding-left: 10px; }
	/*-----------Alerts-----------*/
	.alert { padding: 8px 12px; font-size: 15px; }
	/*-----------Responsive Accordion/Tabs-----------*/
	ul.resp-tabs-list { display: none; }
	h2.resp-accordion { display: block; background: #D9DBE0 !important; color: #737373; position: relative; }
	h2.resp-accordion.resp-tab-active { background: #FFF !important; color: #121214; }
	.resp-tab-content { padding: 15px; }
	.resp-vtabs .resp-tab-content { border: 1px solid #D9DBE0; }
	.resp-tab-content p { font-size: 16px; }
	.resp-vtabs .resp-tabs-container { border: none !important; float: none; width: 100%; min-height: 100px; clear: none; }
	.resp-accordion-closed { display: none !important; }
	.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #D9DBE0 !important; }
	/*-----------Accordion-----------*/
	.accordion dt { font-size: 15px; }
}
@media only screen and (max-width: 480px) {
	/*-----------General Page Elements-----------*/
	body { font-size: 15px; }
	h1 { font-size: 28px; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	.newsletter-header img { max-width: 40px; }
	.intro, blockquote { font-size: 18px; }
	img.alignleft, img.alignright { float: none; margin: 0 auto 18px auto; display: block; max-width: 100%; }
	blockquote { padding: 15px 30px 15px 30px; }
	blockquote .quote:before { font-size: 40px; }
	blockquote .quote:after { font-size: 40px; }
	blockquote .cite { font-size: 18px; }
	blockquote .cite span { font-size: 16px; }
	/*----------Buttons-----------*/
	.button { padding-top: 12px; padding-bottom: 12px; font-size: 17px; }
	.button.large { font-size: 18px; }
	.button.small { padding-top: 11px; padding-bottom: 11px; font-size: 15px; }
	.button.tiny { font-size: 13px; }
	/*-----------Accordion-----------*/
	.accordion dt { font-size: 14px; padding: 15px 30px 15px 0; }
	.accordion dd { padding: 12px; }
	#scroll-down { margin-left: 33%; display: none; }
	.about-section { height: 300px; }
	img#about-01 { position: absolute; top: 25px; max-width: 150px; }
	img#about-02 { position: absolute; right: 0; top: 0px; max-width: 300px; }
	img#about-heart { top: 0; right: 75px; }
	.newsletter { background: url(/images/template/newsletter/bg-01.jpg) top left no-repeat; position: relative; top: -30px; padding-top: 30px; z-index: 1; min-height: 450px; }
	.newsletter-subscribe { padding-left: 60px; }
	.newsletter .about-header { margin-top: 10px; }
	#n-input-1 { left: 0px; position: relative; }
	#n-input-2 { left: 0px; position: relative; }
	input#n-submit { left: 0px; position: relative; }
	.schedule { background: url(/images/template/schedule-bg.jpg) center top repeat-x, #F3BEAD; top: -30px; padding: 50px 0 75px 0; }
	.content2-bg { background-color: #FFF; background: url(/images/template/content2-bg-top-trim.png) center 25px repeat-x, url(/images/template/content2-bg-top.png) center 0px repeat-x, url(/images/template/content-bg.jpg) center 30% repeat-x, url(/images/template/content-bg.jpg) center 70% repeat-x, url(/images/template/content2-bg-bottom-trim.png) 100% 98% repeat-x, url(/images/template/content2-bg-bottom-left.png) 0% 100% no-repeat, url(/images/template/content2-bg-bottom-2.png) 100% 100% repeat-x, url(/images/template/content-bg.jpg) center 60px repeat-x; }
	.content3-bg { background-color: #FFF; background: url(/images/template/content1-bg-top-trim.png) center 0px repeat-x, url(/images/template/shop-left.png) top left no-repeat, url(/images/template/shop-right.png) top right no-repeat, url(/images/template/content2-bg-top.png) center 0px repeat-x, url(/images/template/content-bg.jpg) center 30% repeat-x, url(/images/template/content-bg.jpg) center 70% repeat-x, url(/images/template/content1-bg-bottom-trim.png) bottom center repeat-x, url(/images/template/content2-bg-bottom-2.png) 100% 100% repeat-x, url(/images/template/content-bg.jpg) center 60px repeat-x; }
	.inner-homesection { min-height: 300px; padding: 100px 0 75px 0; }
	.water-homesection { height: 285px; background-size: 700px; }
	.footer .menu { display: none; }
	.yogaglo-class { margin: 10px auto; display: block; }
}
@media only screen and (max-width: 375px) {
	/* Menu */
	.drawer { width: 280px; left: -280px; }
	.root.menu_open .drawer { -webkit-transform: translate3d(280px, 0, 0); -moz-transform: translate3d(280px, 0, 0); -ms-transform: translate3d(280, 0, 0); -o-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
}