/*-----------------------------------------------------------------------------------*
/* = General
/*-----------------------------------------------------------------------------------*/
img{ max-width: 100%; }
#masternav select { display: none; width: 100% !important; }
#masternav .selector { display: none; margin-top: 5px; }

@media only screen and (max-width: 1024px) {
	#wrap{width: 90%;}
	.ipad-logo {display: block; margin: 10px auto 0 auto; text-align: center;}
	.post{width: 650px;}
}

/*-----------------------------------------------------------------------------------*
/* = Mobile Portrait
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	#sidebar-left, .ipad-logo {display: none;}
	#wrap, #featimg-wrap, #footer{ width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#wrap, #featimg-wrap{padding: 0 30px;}
	.intro{ width: 100%; height: auto;}
	.welcome-box {width: 100%; position: relative; top: 20px; right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; padding-top: 10px;}
	#naturopath, .home-link, .menu-item-60, .spacer{ display: none; }
	.mobile-logo {display: block; margin: 10px auto 30px auto; text-align: center;}
	.home-link, #top-gold, .sideimg{display: none !important;}
	#masternav, .ss-1{display: none;}
	.home-wrap {padding-top: 20px;}
	.about-img-1, .about-img-2, .full-line, .line-side{display: none;}
	.about-left, .about-right, .location-1, .location-2, #contact-form-details, #contact-form-message {width: 100%; margin: 0 auto;}
	.location-2{margin-top: 20px;}
	.center-img{margin: 0 auto;}
	.intro-text, .intro-text h3, .about-intro, .contact-text, .nat-intro h2, .media-intro, .contact-text h2{font-size: 18px;}
	.contact-text h3 {font-size: 14px;}
	.intro-text h4{font-size: 18px}
	.home-posts{width: 100%;}
	.home-post-content-top, .three-posts-line{width: 100%; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.three-posts {margin: 0;}
	.three-post {width: 150px; float: none; margin: 0 auto 20px auto;}
	.three-post:last-child{margin: 0 auto;}
	.loop-entry-thumbnail{margin-right: 0;}
	h3.block-heading{top: 0;}

	.home-entry{width: 250px;}
	.hp-highlight{width: 90%; margin: 0 auto 20px auto !important; float: none;}
	.home-post-top {display: block;}
	.home-post-top img{display: block; margin: 0 auto;}
	#home-highlights{margin-right: 0;}
	.portfolio-item{width: 100%; padding: 0 20px; margin-left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.filterable-portfolio {margin-left: 0;}
	.serv1, .serv2, .serv3{margin-bottom: 20px;}
	.col-3 { margin-left: 0; clear: both; }
	.footer-widget-col { width: 100%; }
	#portfolio-wrap{ margin-right:  0; }
	#home-tagline{ font-size: 16px; }
	.flex-direction-nav { display: none; }
	.flex-caption { display: none; }
	ul.filter{ position: inherit; height: auto; margin-top: 20px; margin-bottom: 0px; top: 0; left: 0; right: auto; }
	ul.filter li{ height: auto; margin-top: 10px; display: block; float: none; margin-right: 0; margin-left: 0; }
	ul.filter li a { padding: 5px; }
	#single-nav a{ font-size: 10px; }
	#single-nav-left, #single-nav-right { margin-left: 5px; }
	.post, #sidebar{ width: 100%; }
	.loop-entry-meta{ display: none; }
	.loop-entry h2{ margin-bottom: 10px; padding-top: 20px; clear: both;}
	#sidebar{ margin-top: 25px; padding-top: 25px; }
	#single-portfolio-left, #single-portfolio-right{float: none;width: 100%; }
	#single-portfolio-left { margin-bottom: 20px; }
	#page-heading{ text-align: center; }
	#single-nav{ position: inherit; margin-top: 20px; margin-left: -10px; text-align: center; }
	#single-nav-left, #single-nav-right { display: inline-block; float: none; }
	.children li{ margin: 0 !important; }
	#copyright, .letters{ float: none; width: 90%; text-align: center; margin-left: auto; margin-right: auto;}
	.footer-icons a{margin-right: 20px;}
	.badges img{margin-right: 0;}
	.cta{font-size: 16px;}
	#page-heading {margin-bottom: 10px;}
	.session {float: left; width: 100%;}
	.session-1, .session-2, .session-3, .session-4{min-height: 100px;}
	.downloads-col {width: 100%;}
	.downloads-col a{min-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.right-dl{margin-left: 0;}
	
	.home-form {border: 1px solid #000;  width: 100%; height: 400px; display: inline-block;  margin: 30px 0 0 0;
    background-size: 100% 100%; vertical-align: top;}
	
	.signup{margin-top: 0;}
	.signup h3{font-size: 18px; margin: 20px 0 0 0;}
	.input-group{padding: 10px 0;}
	.home-testimonials .black-btn{margin-top: 40px;}
	.input-group li{padding-bottom: 0;}
	.home-sub{margin: 10px 0; padding: 10px 15px;}
	.ten-benefits {width: 100%;background: #f8d2e7; display: inline-block; min-height: 0;}
	.media-logos img{float: none; margin: 0 auto;}
	.media-logos {text-align: center; padding-bottom: 0;}
	.published h2, .guest-posts h2{margin-top: 50px;}
	.sidebar-box img{display: block; margin: 0 auto;}
	.wpp-thumbnail {margin: 0 1rem 0 0 !important;}

}
/*-----------------------------------------------------------------------------------*
/* = Mobile Landscape
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.hp-highlight, .home-entry { width: 250px; }
	.loop-entry-thumbnail{width: 33%;}
}



/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

#wrap, #featimg-wrap{width: 980px; margin: 0 auto;padding-left: 0; padding-right: 0;}	
#footer, .intro{width: 980px; padding: 0; margin: 0 auto;}
.ipad-logo {display: block; margin: 10px auto 0 auto; text-align: center;}
	.mobile-logo, .home-link, #top-gold, .sideimg, .about-img-1, .about-img-2{display: none !important;}
	#masternav{display: none;}
	.ss-1{right: -80px; top: -130px;}
.welcome-box{top: 150px}
.intro{height: auto;}
.hp-highlight{margin-right: 10px;}
.full-line {width: 99%;}
.home-posts{width: 450px; min-height: 582px;}
.home-post-top{width: 170px;}
.three-post { width: 127px;}
ul.filter a{font-size: 11px;}
.services-boxes {margin-left: 0 !important;}
.services-box{margin-left: 20px;}
.serv1, .serv2, .serv3{width: 300px; height: 300px;}
.ten-benefits {width: 99%;}
.session-4 {min-height: 228px;}
.downloads-col {width: 48%;}
.post {width: 700px;}
.full-width {width: 100%;}
.location-1, .location-2{width: 472px;}
#contact-form-details{width: 39%;}
.about-left, .about-right {width: 45%;}
.media-logos{width: 70%; text-align: center; margin: 0 auto; padding-bottom: 0;}
.published h2, .guest-posts h2{margin-top: 50px;}
.media-logos img{float: none;}
.media-logos .alignleft {margin: 0;}


}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

#wrap, #featimg-wrap{padding-left: 30px; padding-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 768px; margin: 0 auto;}	
#footer, .intro{width: 768px; padding: 0; margin: 0 auto;}

.welcome-box {
    border: 0;
    padding: 10px 20px 20px 20px;
    position: static;
    top: 0;
    right: 0;
    width: 100%;
    margin-top: 30px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

	.hp-highlight {width: 230px; height: 230px;}
	.services-link {width: 170px; height: 170px;}
	.home-posts {width: 315px;}
	.three-posts, .three-posts-line, .home-posts h4, .about-img-1, .about-img-2{display: none;}
	.home-form{width: 350px;}
	.home-post-top{width: 100%;}
	.home-posts img{width: 87%;}
	.home-post-content-top{width: 100%; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#copyright{width: 80%; margin: 0 auto;}
	.about-left, .about-right {width: 44%;}
	.portfolio-item { width: 220px; }
	ul.filter{ position: inherit; height: auto; margin-top: 20px; margin-bottom: 0px; top: 0; left: 0; right: auto; }
	ul.filter li{ height: auto; margin-top: 10px; display: block; float: none; margin-right: 0; margin-left: 0; }
	ul.filter li a { padding: 5px; font-size: 14px;}
	.serv1, .serv2, .serv3{width: 210px; height: 210px;}
	.session-1{min-height: 348px;}
	.session-4{min-height: 252px;}
	.post{width:500px;}
	.full-width {width: 100%;}
	.loop-entry-thumbnail{width: 40%;}
	ul.related li {width: 150px;}
	.location-1, .location-2{width: 335px;}
	#contact-form-message{width:57%;}
	
}