
/**       WIDTH RIGHT COLUMN       **/

div#columnRight {

	width: 150px;
}

div#top_left_img.moduletable img{
	
	margin-top: 5px;
	width: 200px;
		
}

#nav_main {
	bottom: 2px;
}

/* HTML5 Support for older browsers */
header, section, aside, nav, footer {
	display:block;
}


#nav_address td#col1 {
	width: 40%;
}

#nav_address td#col3 {
	width: 35%;
}

.your_appointment_menu_txt{
	display: inline;
}


.cupping_menu_txt{
	display: inline;
} 

/* BP on Height */
@media screen and (max-height: 600px)  {
	
	div#top_left_img {
		display:none;   	
 	}

	/*display main image in the content */
	.article-content .main_img {
		display: block;
		float: left;
		margin: 0px 10px 40px 0px;
	}
}


/* BP 1  */
@media screen and (max-width: 1130px)  {

	div#wrapper {
		width: 600px; 
	}
	
	#nav_address td#col1 {
		width: 33%;
	}

	#nav_address td#col3 {
		width: 50%;
	}
	
	#title a {
		font-size: 26px;	
		padding-right: 0px;
	}
}

/* BP 2*/
@media screen and (max-width: 1075px)  {

 	div#wrapper{
 		padding-left: 45px;
 		margin-left: 170px;
 		width: 600px; 
 	}

    div#content { 	
 		width: 95%;
 	}
 	
 	div#top_left_img {
		left: 5px;   	
 	}
 	
 	div#nav_main {
 		left: 5px;
 	}

}

/* BP 3*/
@media screen and (max-width: 1020px)  {

 	div#wrapper{
 		padding-left: 45px;
 		margin-left: 170px;
 		width: 520px; 
 	}

    div#content { 	
 		width: 90%;
 	}
 	
 	div#top_left_img {
		left: 5px;   	
 	}
 	
 	div#nav_main {
 		left: 5px;
 	}

}


/* BP 4*/
@media screen and (max-width: 925px)  {

	div#title {
		margin-bottom: 0px;	
	}	
	
	div#top_left_img {
  		left: 2px;
  		top: 40px;
 	}
 	
 	.your_appointment_menu_txt{
 		display: none;
 	}
 	

	.cupping_menu_txt{
		display: none;
	} 
		
	.main_img {
		max-width: 65%;
	}
 	
 	
 	div#nav_main {
 		left: 2px;
 	}
 	
 	#main_menu li {
		max-width: 125px;
		background-size: 130px 80px;
	} 

	
	.level2_push_button:hover, #main_menu li li:hover {
		
		background-position: 0 -40px;
	} 
	
	
	#main_menu li li, #main_menu li li a {
		width: 110px;	
	}
	
	div#wrapper {
    	margin-left: 90px;
	}
}

/* BP 5*/
@media screen and (max-width: 845px)  {

	div#top_left_img {
		display:none;   	
 	}
 	
 	#wrapper {
 		max-width: 700px;
 	}
 	
 	#nav_main {
 		display:none;   
 	}
 	
 	.horizontal_menu {

		display: block;
		width: 110%;
		max-width: 110%;
	}
	
	.also-see {
		
		display: block;
	}

 	.push_button {
		background-size: 100% 80px;
	}
 		
 	
 	#nav_address td#col1 {
		width: 40%;
	}

	#nav_address td#col3 {
		width: 40%;
	}
 	


 	div#wrapper {
    	margin-left: 0px;
		width: 100%; 
		padding-left: 10px;
	}
	 		
 	div#content {
 		width: 100%;
 	}
 	
 	div#nav_rightuser {
 		right: -17%;
 	}
 	

	/*display main image in the content */
	.article-content .main_img {
		display: block;
		float: left;
		margin: 0px 10px 40px 0px;
	}
	
	#nav_rightuser {
		display: none;
	}
}

/* BP 6*/
@media screen and (max-width: 730px)  {
	
	.horizontal_menu {
		max-width: 110%;
		width: 110%;
	}
	
	.push_button {
		width: 20%;
	}


	
	div#content {
		width: 98%;
	}
		
	
	 div#wrapper {
		width: 90%;
		max-width: 600px; 
		overflow: hidden;
	}
	
	#nav_address table {
		max-width: 650px;
		width: 99%;
	}

}	
	


/* BP 7*/
@media screen and (max-width: 550px)  {	
	
	
	div#wrapper {
		/*width: 100%;*/
		max-width: 95%; 
	}

	.horizontal_menu {
		max-width: 100%;
		width: 100%;
	}
	
	#nav_address table {
		max-width: 95%;
		width: 99%;
	}	
	
	.article-content .main_img {
		display: block;
		margin: 5px 5px 5px 5px;
		max-width: 50%;

	}
	
	#title a {
		font-size: 180%;
	}

	div#title {
	    margin-top: .5em;
	}
	
	#nav_address_2cols {
		display: block;
		width: 100%;
	}

 	#nav_address_2cols td#ncol1 {
	}

	#nav_address_2cols td#ncol2 {
		width: 10%;
	}

	#nav_address {
		display: none;
	}

	
	#question {
		display: none;
	}
}





/* BP 8*/
@media screen and (max-width: 530px)  {	
	
	
	.horizontal_menu {
		max-width: 99%;
		width: 100%;
	}
	
	.push_button {
		width: 42%;
	}
	
	#content {
		width: 95%;
	}
}


/* BP 9*/
@media screen and (max-width: 400px)  {	
	
	.article-box {
		float: left;
	}
	
}