/* 
#Tablet (Portrait)
================================================== 
*/

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.social_wrapper { width: 766px; }
	.logo_wrapper { margin: 28px 40px 0 20px; }
	#wrapper { width: 100%; margin: auto; }
	#top_bar { width: 766px; margin: auto; float: none; }
	.top_bar_wrapper { width: 766px }
	.tagline { width: 706px; }
	.top_right, #slider_wrapper { display:none; }
	.page_caption, #page_content_wrapper { width: 726px; margin: auto; }
	.nivoSlider { width: 766px; }
	.nivoSlider img { width: 766px; }
	.nivo-controlNav { width: 766px; }
	.standard_wrapper.small { width: 726px; }
	input[type="submit"].medium, input[type="button"].medium, a.button.medium { font-size: 14px; padding: .65em 1.4em .65em 1.4em; }
	#footer { width: 766px; }
	#footer ul.sidebar_widget { width: 726px; }
	#copyright { width: 766px; }
	.copyright_wrapper { width: 726px; }
	.copyright_wrapper .left_wrapper { width: 450px; }
	.copyright_wrapper .right_wrapper { width: 200px; }
	
	#page_content_wrapper .inner { width: 726px; margin: auto; }
	.caption_inner { width: 726px; }
	.standard_wrapper { width: 726px; }
	
	#content_wrapper .inner .inner_wrapper img { max-width: 100%; }
	
	#content_wrapper .inner .inner_wrapper .sidebar_wrapper, #page_content_wrapper .inner .sidebar_wrapper .sidebar, #page_content_wrapper .inner .sidebar_wrapper  { width: 190px;}
	#content_wrapper .inner .inner_wrapper .sidebar_content { width: 520px; }
	#content_wrapper .inner .inner_wrapper .sidebar_content img, #content_wrapper .inner .inner_wrapper .sidebar_content iframe, #content_wrapper .inner .inner_wrapper .sidebar_content div, #page_content_wrapper .inner .sidebar_content, #page_content_wrapper .inner .sidebar_content img, #page_content_wrapper .inner .sidebar_content iframe, #page_content_wrapper .inner .sidebar_content div { max-width: 500px; height: auto; }
	
	.comment .right { width: 79.5%; }
	ul.children div.comment .right { width: 64.5%; }
	#content_wrapper ul.children ul.children, #page_content_wrapper ul.children { width: 104%; }
	#menu_border_wrapper select { display: none; }
	.post_social { margin-top: 20px; }
	
	.one_fourth { width: 100%; margin-right: 0; margin-bottom: 3%; }
}

/*  
#Mobile (Portrait)
================================================== 
*/

@media only screen and (max-width: 767px) {
	.top_right, #slider_wrapper { display:none; }
	.logo_wrapper { margin: 28px 40px 0 10px; }
    .social_wrapper { width: 318px; }
	#wrapper { width: 100%; margin: auto; }
	.page_caption, #page_content_wrapper { width: 290px; margin: auto; margin-top: 25px; }
	.page_caption { width: 298px; }
	#top_bar { width: 318px; height: auto; margin: auto; float: none; }
	.top_bar_wrapper { width: 318px }
	#slider_wrapper { width: 318px; height: 132px; margin-top: 37px; }
	.nivoSlider { width: 318px; }
	.nivoSlider img { width: 318px; }
	.nivo-controlNav { width: 318px; }
	.standard_wrapper.small { width: 290px; }
	#footer { width: 318px; margin: auto; display: none; }
	#footer ul.sidebar_widget { width: 290px; }
	#copyright { width: 318px; }
	.copyright_wrapper { width: 290px; }
	.copyright_wrapper .left_wrapper { float: left; width: 100%; }
	.copyright_wrapper .right_wrapper { float: left; width: 100%; text-align: left; }
	#footer ul li.widget, #footer ul li.widget.last { float: left; width: 100%; }
	
	#content_wrapper { margin-top: -20px; }
	#page_content_wrapper { margin-top: 20px; padding: 20px 0 20px 0 }
	.caption_inner { width: 290px; }
	.standard_wrapper { width: 290px; }
	.small_thumb { width: 68px; height: 68px; }
	
	#page_content_wrapper .inner .inner_wrapper .sidebar_content img.img.portfolio_img, #page_content_wrapper .inner .inner_wrapper .sidebar_content img.portfolio_img, #page_content_wrapper .inner .sidebar_content { width:290px; }
	.inner_wrapper > .one_third, .inner_wrapper > .two_third.last { width: 100%; }
	.inner_wrapper > .two_third.last { margin-top: 20px; }
	
	#page_content_wrapper .inner { margin-top: 0; }
	#page_content_wrapper .inner .inner_wrapper img, #page_content_wrapper .inner .sidebar_content img { max-width: 290px; height: auto; }
	
	#page_content_wrapper .inner .inner_wrapper .sidebar_wrapper  { width: 100%; padding-left: 0;}
	#page_content_wrapper .inner .inner_wrapper .sidebar_content { width: 100%; }
	#page_content_wrapper .inner .inner_wrapper .sidebar_content .post_wrapper iframe, #page_content_wrapper .inner .inner_wrapper .sidebar_content .post_wrapper div, #page_content_wrapper .inner .inner_wrapper .sidebar_content .post_wrapper img, .post_wrapper img { max-width: 100%; height: auto; }
	#page_content_wrapper .inner .inner_wrapper .sidebar_wrapper { margin-top: 10px; }
	
	#searchform input[type="text"] { width: 286px; }
	
	.comment { width: 286px; }
	.comment_arrow { display: none; }
	.comment .right { width: 79%; }
	ul.children div.comment .right { width: 61.5%; }
	#page_content_wrapper ul.children ul.children { width: 72%; }
	
	
	#page_content_wrapper ul.children ul.children { width: 100%; }
	ul.children .comment { margin-left: 0; }
	#page_content_wrapper ul.children { border: 0; width: 410px; }
	#page_content_wrapper ul.children ul.children { margin-left: -16px; }
	
	.comment_wrapper #respond { margin-left: 0; }
	.comment_wrapper ul.children #respond { margin-left: -40px; }
	
	form textarea { max-width: 286px; }
	.post_header .post_detail { display: none; }
	.post_social { margin-top: 20px; }
	#menu_border_wrapper .nav ul, #menu_border_wrapper div .nav { display: none; }
	#menu_border_wrapper select { display: inline-block; float: right; margin-top: 10px; }
	.logo_wrapper { margin-top: 10px; margin-right: 10px; max-width: 200px; max-height: 60px; }
	#menu_border_wrapper { text-align: center; margin: 10px 0 0 0; width: 100%; border: 0; }
	
	#imageFlow { top: 27%; height: 75%; }
	.post_img img.frame { border: 0; }
	.one_fourth { width: 100%; margin-right: 0; margin-bottom: 3%; }
}

/* 
#Mobile (Landscape)
================================================== 
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.top_right, #slider_wrapper { display:none; }
	.social_wrapper { width: 480px; }
	#wrapper { width: 100%; margin: auto; }
	#top_bar { width: 480px; height: auto; margin: auto; float: none; }
	.top_bar_wrapper { width: 480px }
	.page_caption, #page_content_wrapper { width: 450px; margin: auto; margin-top: 25px; }
	.page_caption { width: 460px; }	
	.tagline { width: 420px; margin-left: -30px; }
	#slider_wrapper { width: 480px; height: 200px; margin-top: 37px; }
	.nivoSlider { width: 480px; }
	.nivoSlider img { width: 480px; }
	.nivo-controlNav { width: 480px; }
	.standard_wrapper.small { width: 420px; }
	.tagline_text { float: none; width: 100%; }
	.tagline_button { float: none; width: 100%; text-align: center; margin-top: 30px; }
	#footer { width: 480px; margin: auto; display: none; }
	#footer ul.sidebar_widget { width: 420px; }
	#copyright { width: 480px; }
	.copyright_wrapper { width: 420px; }
	.copyright_wrapper .left_wrapper { float: left; width: 100%; }
	.copyright_wrapper .right_wrapper { float: left; width: 100%; text-align: left; }
	#footer ul li.widget, #footer ul li.widget.last { float: left; width: 100%; }
	
	#content_wrapper { margin-top: -10px; }
	.caption_inner { width: 440px; }
	.standard_wrapper { width: 440px; }
	
	#content_wrapper .inner { margin-top: 0; }
	
	#page_content_wrapper .inner .sidebar_content, #page_content_wrapper .inner .sidebar_wrapper { width: 480px; }
	#page_content_wrapper .inner .inner_wrapper .sidebar_wrapper, #page_content_wrapper .inner .sidebar_wrapper .sidebar  { width: 100%; padding-left: 0;}
	#page_content_wrapper .inner .inner_wrapper .sidebar_content { width: 100%; }
	#page_content_wrapper .inner .inner_wrapper .sidebar_content iframe, #page_content_wrapper .inner .inner_wrapper .sidebar_content div, #page_content_wrapper .inner .inner_wrapper .sidebar_content .post_wrapper img, .post_wrapper img, #page_content_wrapper .inner .sidebar_content img { max-width: 440px; height: auto; }
	#page_content_wrapper .inner .sidebar_wrapper .sidebar .content { margin-left: 0; }
	
	#searchform input[type="text"] { width: 426px; }
	
	.comment { width: 480px; }
	.comment_arrow { display: none; }
	.comment .right { width: 79%; }
	ul.children div.comment .right { width: 61.5%; }
	#page_content_wrapper ul.children ul.children { width: 72%; }
	
	
	#page_content_wrapper ul.children ul.children { width: 100%; }
	ul.children .comment { margin-left: 90px; }
	#page_content_wrapper ul.children { border: 0; }
	#page_content_wrapper ul.children ul.children { margin-left: -16px; }
	
	.comment_wrapper #respond { margin-left: 35px; }
	.comment_wrapper ul.children #respond { margin-left: -40px; }
	
	
	form textarea { max-width: 480px; }
	.post_header .post_detail { display: none; }
	.post_social { margin-top: 20px; }
	#menu_border_wrapper .nav ul, #menu_border_wrapper div .nav { display: none; }
	#menu_border_wrapper select { display: inline-block; float: right; margin-top: 10px; }
	.logo_wrapper { margin-top: 10px; max-width: 200px; max-height: 60px; }
	#menu_border_wrapper { text-align: center; margin: 10px 0 0 0; width: 100%; border: 0; }
	.one_fourth { width: 100%; margin-right: 0; margin-bottom: 3%; }
}



/*-----------------------Mark's Customizations----------------------*/
/* 
#Tablet (Portrait)
================================================== 
*/

@media only screen and (min-width: 768px) and (max-width: 960px) {
	#page_content_wrapper .inner,
	#content_wrapper .inner .inner_wrapper .sidebar_content,
	.mission{
		width:100% !important;
		max-width:100% !important;
	}
	.page_caption, #page_content_wrapper{
		width:95%;
		}
	#content_wrapper .inner .inner_wrapper .sidebar_content div{
		width:100%;
		max-width:100%;	
	}
	
	.logo_wrapper{
		margin-top:0px;
		padding-top:10px;
		overflow:hidden;	
		width:100%;
	}
	#top_bar{
		width:100%;
		margin-top:0;
	}
	.top_bar_wrapper{
		width:100%;
		height:112px;
	}
	#custom_logo.logo_wrapper img{
		width:95%;	
	}
	.menu-main-menu-container{
		position:relative;	
	}
	#menu_border_wrapper{
		position:relative;
		min-height:20px;
		width:100%;
		margin-top:12px;
	}
		.menu-main-menu-container{
			position:relative;
			min-height:20px;
			width:100%;
		}
	.menu-main-menu-container ul{
		display:block;
		margin:0 auto;
		width:700px;
	}
	#main_menu.nav{
		margin:0px auto 0px 20px;	
	}
	/*-----------About Us Page------------*/
			.page_caption h1{
				padding-top:0px;
				}
			.mission img{
			float:left;
			margin-right:20px;
			}
		.mission h2{
			font-size:24px;
			line-height:39px;
		}
		
	/*-----------Catholic Medical Association Page------------*/
		body.page-id-333 #page_content_wrapper .inner .sidebar_content img{
			width:100% !important;	
		}
		.feature-Box-1{
			padding-top:0px;
			padding-bottom:0px;
			}
			.feature-Box-1 .photo-Box{
				margin:0px 0px 0px 0px;
				float:none !important;
				background:#eee;
				}
		.feature-Box-1 .text-Box {
			display:inline-block;
			float: none !important;
			margin: 0 0 0 0;
			text-align: center;
			}
			.feature-Box-1 p{
				margin:30px 30px 30px 30px !important;
				}
		.feature-Box-3 .photo-Box{
			float:none;
			}
		.feature-Box-4 .text-Box{
			margin: 0 0 0 0;
			}
		.feature-Box-5 .text-Box{
			margin:10% 0 0 0;
			text-align:center;
			}
		#content_wrapper .inner .inner_wrapper .sidebar_content .feature-Box-4 .photo-Box {
			float: none !important;
			margin: 0 auto !important;
			width:38% !important;
			}
		.feature-Box-4 .text-Box{
			float:none;
			text-align:center;
			}
		.feature-Box-4 .text-Box p{
			margin: 0 60px;
			}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	
	.page_caption, #page_content_wrapper{
		width:95%;
		}
	#top_bar { width: 100%; height: auto; margin: auto; float: none; }
	
	.logo_wrapper{
		margin-top:0px;
		width:100%;
	}

	.top_bar_wrapper{
		margin-left:0px;
		width:100%;
		padding-right:6%;
	}
	#custom_logo.logo_wrapper{
		overflow:hidden;
		max-width:100%;
		width:45%;
		margin:0px 0 0 20px;
		padding:10px 0px 0px 0px;
	}
		#custom_logo.logo_wrapper img{
			width:283% !important;	
		}

	#menu_border_wrapper{
		z-index:10000;	
	}
	#menu_border_wrapper select{
		margin-top:-6.6%;	
		margin-right:20px;
	}
	/*-----------About Us Page------------*/
			.page_caption h1{
				padding-top:0px;
				}
			.mission img{
			float:none;
			margin-right:0px;
			}
		.mission h2{
			font-size:24px;
			line-height:39px;
		}
		
	/*-----------Catholic Medical Association------------*/
	.feature-Box-1{
		padding:0px 0px 0px 0px;
		width:100% !important;
		max-width:100% !important;
		}
	.feature-Box-1 .photo-Box{
		margin:0px 0px 0px 0px;
		width:100% !important;
		float:none;
		}
	.feature-Box-1 .text-Box{
		width:92%;
		margin:3% 4%;
		text-align:center;
		}
	#page_content_wrapper .inner .inner_wrapper .sidebar_content div.photo-Box{
		max-width:100% !important;
		}
	#page_content_wrapper .inner .inner_wrapper .sidebar_content div{
		max-width:100% !important;
		}
	.feature-Box-3 .photo-Box {
		float: none;
		margin: 0 0 0 0;
		}
	.feature-Box-3 .text-Box{
		width:95%;
		margin:10% 0px 0px 1%;
		}
	.feature-Box-4 .photo-Box{
		margin:0px 0px 0px 0px;
		}
	.feature-Box-4 .text-Box{
		margin:0px 2% 0px 0px;
		width:95%;
		text-align:center;
		}
	.feature-Box-5 .photo-Box {
		float: none;
		margin: 0;
		position: relative;
		width: 100%;
		}
	.feature-Box-5 .text-Box {
		color: #999 !important;
		float: none;
		margin: 10% 0 0 1%;
		text-align: center;
		width: 98%;
		}
	.feature-Box-4 .photo-Box {
		float: none;
		margin: 0 auto 24px;
		width: 32%;
		}
	.feature-Box-4 .text-Box{
		float:none;
		margin:0px 0px 0px 3%;
		}
}
@media only screen and (max-width: 479px) {
	
	.page_caption, #page_content_wrapper{
		width:95%;
		}
	#top_bar{
		margin:0px 0px 0px 0px;
		width:100%;
	}
	
	.logo_wrapper{
		margin-top:0px;
		width:100%;
	}
	.top_bar_wrapper{
		margin-left:0px;
		width:100%;
		height:110px;
		padding-right:6%;
	}
	#custom_logo.logo_wrapper{
		overflow:hidden;
		max-width:100%;
		width:72%;
		margin:0px auto;
		padding:10px 0px 0px 0px;
	}
		#custom_logo.logo_wrapper img{
			width:280%;	
		}
	#menu_border_wrapper select{
		float:none;
		margin:10px auto 0px auto;	
	}
	#menu_border_wrapper{
		margin-top:0px;	
	}
	
	/*-----------About Us Page------------*/
			.page_caption h1{
				padding-top:0px;
				}
			.mission img{
			float:none;
			margin-right:auto;
			margin-left:auto;
			}
		.mission h2{
			font-size:24px;
			line-height:39px;
		}
		
	/*-----------Catholic Medical Association------------*/
	.feature-Box-1{
		padding:0px 0px 0px 0px;
		}
	.feature-Box-1 .photo-Box{
		margin:0px 0px 0px 0px;
		}
	.feature-Box-1 .text-Box{
		width:92%;
		margin:0px 2% 0px 2%;
		text-align:center;
		}
	.feature-Box-3 .text-Box{
		width:95%;
		margin:10% 0px 0px 1%;
		}
	.feature-Box-4 .photo-Box{
		margin:0px 0px 0px 0px;
		}
	.feature-Box-4 .text-Box{
		margin:0px 2% 0px 0px;
		width:95%;
		text-align:center;
		}
	.feature-Box-5 .photo-Box {
		float: none;
		margin: 0;
		position: relative;
		width: 100%;
		}
	.feature-Box-5 .text-Box {
		color: #999 !important;
		float: none;
		margin: 10% 0 0 1%;
		text-align: center;
		width: 98%;
		}
	.feature-Box-4 .photo-Box {
		float: none;
		margin: 0 auto 24px;
		width: 64%;
		}
	.feature-Box-4 .text-Box{
		float:none;
		margin:0px 0px 0px 3%;
		}

}
