/*********Media Queries************/
/**This sets the max width of the parent containers at 1000px**/
@media screen and (min-width:1000px) {
	#content, #header, #title, #footer {
		width:1000px;
		max-width:90%;
	}
}

/**Breakpoint for Menu**/
@media screen and (max-width:930px) {
	.logo {
		display:block;
		float: none;
		margin:0 auto;
	}

	nav.right {
	    display: block;
	    float: none;
	    margin-bottom: -5px;
	    padding: 0;
	    text-align: center;
	    background: #E1E1E1;
	    text-transform: uppercase;
	}
	ul.menu {
		float:none;
		display: inline-block;
		margin:0 auto;
	}
	ul.menu li {display:inline;}

	/* Root Menu Hover Persistence */
	ul.menu a:hover,ul.menu li:hover a,ul.menu li.iehover a {
		color: #00133f;
	}
	.headerwrap{
		height: 164px;
	}
}

@media screen and (min-width:769px) and (max-width:1095px) {
	.threecol {
		background: #f6f3f1;
		border: 1px solid #dbd1ca;
		height: auto;
		margin-top: 2%;
		min-height: 537px;
	}
	.threecol h2{
	font-size: 16px !important;
	margin: 2% 0 3% 0;
	}
	.icon{
		margin-bottom: 1%;
	}
	.headline{
		margin: -3% 0 -5% 0;
	}
	.headline h1{
		font-size: 32px;
		width: 114%;
	}
	h2.byline{
		font-size: 16px;
		width: 114%;
	}
	.cta-action{
		font-size:18px;
	}
	.conditions, .treatments-menu{
		margin-right: 2%;
		margin-top: 3%;
    	width: 30%;
	}
	.treatments-menu{
		background: #f6f3f1;
		border: 1px solid #dbd1ca;
		height: auto;
		width: 100%;
	}
	.conditions ul{
		background: none;
	}
	aside hr{
		margin: 0 5% 0 5%;
	}
	#menu-treatments li, #menu-conditions li{
		display: inline-block;
		width: 100%;
	}
	.banner-top, .banner-bottom{
		display:none;
	}
	.treatment-img{
		margin-top: 6%;
	}
	#blog-social-media{
		padding: 0 0 5% 15%;
	}
	.blog-sidebar-icon{
		 padding: 8% 6% 0;
	}
	.blog-sidebar-icon{
		 padding: 8% 0 0 6%;
	}
	
}	
@media screen and (min-width:480px) and (max-width:768px) {
	.headline{
		margin: 5% 0;
	}
	.headline h1{
		font-size: 32px;
	}
	h2.byline{
		font-size: 18px;
	}
	.cta-action{
		font-size:18px;
		text-align: center;
	}
	.conditions ul{
		background: none;
	}
	#menu-treatments li{
		display: inline-block;
		width: 100%;
	}
	#blog-social-media{
		padding: 0 12% 5%;
	}
	.blog-sidebar-icon{
		 padding: 8% 6% 0;
	}
}


/**Apply these styling changes to Tablets**/
@media screen and (max-width:768px) {
	ul.menu a {}
	a.ctabutton {
	font-size: 14px;
	padding: 7px 15px;
	}
	h1.fittext {
		font-size:15px;
	}
	h1,h3 {
		font-size: 22px !important;
	}
	.headline{
		width: 100%;
	}
	.headline h1{
		font-size: 22px;
		text-align: center;
	}
	.main-img{
	display: none;
	}
	.testimonial p {font-size:20px;}
	.fourcol {
		width:100%;
		padding-bottom:3%;
		border-right:none;
		padding-right:0;
	}
	aside, aside.subpage {
		width:100%;
		padding-left:0;
	}
	.threecol {
		width:100%; 
		margin-bottom: 8%;
		margin-top: 3%;
		background: #f6f3f1;
		border: 1px solid #dbd1ca;
		height: auto;
	}
	.headline h1{
		font-size: 37px;
		text-align: center;
		float: none;
	}
	h2.byline{
		font-size:16px;
		text-align: center;
	}
	.cta-action{
		width: 100%;
	}
	#footerwrap, #footer{
		height: auto;
		padding-bottom: 20%;
	}
 	.treatments-menu {
		background: #f6f3f1;
		border: 1px solid #dbd1ca;
		height: auto;
		margin-bottom: 5%
	}
	.banner-top, .banner-bottom{
		display:none;
	}
	.conditions{
		margin-top: 3%;
	}
	#treatment-img{
		margin-top: 3%;
	}
	.conditions ul{
		background: none;
	}
	#menu-treatments li, #menu-conditions li{
		display: inline-block;
		width: 100%;
	}
	aside hr{
		margin: 0 5% 0 5%;
	}
	.footercontact{
		margin-left: 5%;
	}
	.footer-copyright{
		float: left;
		text-align: left;
	}
	.blog-sidebar{
		margin-top: -10%;
	}
	.contact-sidebar{
		margin-top: 3%
	}
	#blog-social-media{
		margin: 0 auto;
		padding-left: 25%;
	}
	.blog-sidebar-icon{
		 padding: 8% 5% 0;
	}
	.content-header {
		padding-top: 5%;
	}
	.menu-main-container{
		margin-bottom: -5px;
	}
}

/**More Nav Breakpoint Fixes**/
@media screen and (max-width:685px) {
	ul.menu a {}
	.home-img {display:none;}
	.headline {width:100%;}
	a.ctabutton {
		font-size: 14px;
		padding: 7px 15px;
		width:100%;
		display:block;
		margin-bottom:10px;
		}
	.first {margin:0;}
	.cta {margin-top:-6%;width:100%;}
	.distribution {width:100%; float:none;margin:5% 0;}

}

/**Launch Select Menu Nav**/
@media screen and (max-width:559px) {


    .tinynav { 
    	display: block;
    	width:100%;
    }
    .menu-main-container ul.menu a{ 
    	padding: 0 9%;
    }

	.tinynav, ul.l_tinynav1 {
	width: 100%;
	margin-bottom:10px;
	text-transform: uppercase;
	}

    .topbanner {border-bottom:none;}
    header {padding-bottom:px;}
    .meta {
		float:none;
		width:100%;
		margin-top:20px;
	}
	.entry {width:100%;margin-left:0;float:none;}
	.cta {margin-top:-10%;width:100%;margin-bottom:5%;}
	.threecol {margin-bottom:5%;}
	.about-button{
		width: 35% ;
	}
	.about-quotation-mark-right{
		margin-top: -18%;
	}
}
/**Apply these styling changes to iPhones**/
@media screen and (min-width:321px) and (max-width:480px) {
	.menu-main-container ul.menu a{ 
    	padding-bottom: 25%;
    	margin-bottom: 50%;
    	font-size: 10px
    }
    .menu-main-container{
    	margin-bottom: -10%;
    }

    .footercontact, .footerlogo, ul.footermenu {width:100%;margin:10px 0;float:none;}
    .footerlogo {display:none;}
    	.producttile {
		border:none;
		width:100%;
		margin:5% 0%;
	}
	.headline{
		padding-top: 5%;
	}
	.cta {margin-top:-13.5%;width:100%;margin-bottom:9%;}
	.threecol {margin-bottom:5%; padding: 7%;}
	.headline h1{
		text-align:center;
		float: none;
		font-size: 20px;
		margin: 0 0 3% 0;
	}
	h2.byline{
		text-align:center;
		font-size: 16px;
	}
	.cta-action{
		text-align:center;
		font-size: 12px;
		margin-bottom: 5%;
	}
	.search-box{
		float: none;
	}
	#searchform{
		float: none;
		padding: 3.5% 0 0 0;
	}
	#searchsubmit{
		width: 8%;
	}
	input#s{
		width: 90%;
	}
	.quotation-mark-right{
		margin-top: -17%;
	}
	.sub-menu-button{
		display: block;
	}
	.conditions a{
		font-size:14px;
	}
	#cta-main, .search-wrapper{
		padding:0;
		margin-top: -4%;
	}
	div#shDisplay img#shTopImg{
		max-width: 200px !important;
	}
	.ngg-gallery-thumbnail{
		margin: 0 8% 10% 0 !important;
		border: 5px solid #DBD1CA !important;
	}
	.ngg-gallery-thumbnail-box{
		height: 170px !important;
		width: 170px !important;
	}
	.slider{
		padding-bottom: 5%;
	}
	.about-button{
		width: 40%;
		margin-bottom: 3%;
	}
	.testimonial-wrapper{
		display: none;
	}
	.about-quotation-mark-right{
		margin-top: -25%;
	}
	.home-testimonial{
		margin-bottom: 3%;
	}
	.treatment-logo{
		width: 50%;
		margin: 4% 0 2% 3%;
	}
}

/**Apply these styling changes to iPhones**/
@media screen and (max-width:320px) {
    .menu-main-container ul.menu a{
	padding: 0 7% 20% 7%;
	margin-bottom: 30%;
	font-size: 10px
    }
    .menu-main-container{
    	margin-bottom: -9.5%;
    }

    .footercontact, .footerlogo, ul.footermenu {width:100%;margin:10px 0;float:none;}
    .footerlogo {display:none;}
    	.producttile {
		border:none;
		width:100%;
		margin:5% 0%;
	}
	.headline{
		padding-top: 5%;
	}
	#cta-main, .search-wrapper{
		padding:0;
		margin-top: -4%;
	}
	.cta {margin-top:-13.5%;width:100%;margin-bottom:9%;}
	.threecol {margin-bottom:5%; padding: 7%;}
	.headline h1{
		text-align:center;
		float: none;
		font-size: 20px;
		margin: 0 0 3% 0;
	}
	h2.byline{
		text-align:center;
		font-size: 16px;
	}
	.cta-action{
		text-align:center;
		font-size: 12px;
		margin-bottom: 5%;
	}
	.search-box{
		float: none;
	}
	#searchform{
		float: none;
		padding: 3.5% 0 0 0;
	}
	#searchsubmit{
		width: 10%;
	}
	input#s{
		width: 87%;
	}
	.logo {
		height: 80px;
		width: 290px;
	}
	#blog-social-media{
		padding: 0 12% 5%;
	}
	.blog-sidebar-icon{
		 padding: 8% 6% 0;
	}
	.quotation-mark-right{
		margin-top: -25%;
	}
	.sub-menu-button{
		display: block;
	}
	.conditions a{
		font-size:14px;
	}
	.fourcol h1, aside h2, .full h1 {
    font-size: 16px;
	}
	div#shDisplay img#shTopImg{
		max-width: 200px !important;
	}
	.ngg-gallery-thumbnail{
		margin: 0 8% 8% 0 !important;
		border: 5px solid #DBD1CA !important;
	}
	.ngg-gallery-thumbnail-box{
		height: 140px !important;
		width: 140px !important;
	}
	.slider{
		padding-bottom: 5%;
	}
	.cta-button{
		width: 55%;
	}
	#menu-accordion img{
		float: left;
		margin: -0.3% 2% 0 0;
		padding-bottom: 6%;
	}
	.about-button{
		width: 40%;
		margin-bottom: 3%;
	}
	.testimonial-wrapper{
		display: none;
	}
	.home-testimonial{
		margin-bottom: 3%;
	}
	.single-entry img{
		padding: 2% 0 0 1%;
	}
}