/*TOP LEVEL STYLES ========================================================== */
/*the "html *" below is appied to all of the CSS code*/
/*the !important code overrides all other CSS code*/ 
html 
{
	font-family: "Microsoft JhengHei UI", "arial", Sans-serif !important; 
	scroll-behavior: smooth; /*for jump to top: scroll vs snap*/
}
body 
{ 
	margin:0; /*removes white border around the whole website*/
	padding:0; /*removes white border around the whole website*/	
	min-width: 300px; /*restricts webpage from getting any smaller than defined amount*/
}  
a[href^=tel] /*this will prevent phone numbers from looking blue on safari*/ 
{
   text-decoration:inherit;
   color: inherit;
}
b { font-weight: bold; }
button { cursor: pointer; }

/*layout framework styles ====================================================*/
.pgHeader {}
.pgMain {}
.pgSection {} 
.pgFooter 
{
	background-color: #151E73; /**/
	padding: 15px;	
}

/*multi-purpose classes ====================================================== */
.bold { font-weight: bold; }
.italic { font-style: italic; } 
.underline { text-decoration: underline; }
.noUnderline { text-decoration: none; }
.align_right { text-align: right; }
.center { text-align: center; }
.center_flex
{
	display:flex; /**/
	justify-content:center; /**/
	align-items:center; /**/
}
.center_div
{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
.font-10 { font-size: 10px; }
.font-12 { font-size: 12px; }
.font-14 { font-size: 14px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-22 { font-size: 22px; }  
.font-23 { font-size: 23px; }
.font-24 { font-size: 24px; } 
.font-25 { font-size: 25px; }
.font-31 { font-size: 31px; }
.lh-6 { line-height: 1.6; } 
.hr_gray_75 { border-top: 2px solid #e8e8e8; border-bottom: 2px solid #f8f8f8; width:75%; }
.hr_gray_80 { border-top: 2px solid #e8e8e8; border-bottom: 2px solid #f8f8f8; width:80%; }
.hr_gray_95 { border-top: 2px solid #e8e8e8; border-bottom: 2px solid #f8f8f8; width:95%; }
.hr_gray_100 { border-top: 2px solid #e8e8e8; border-bottom: 2px solid #f8f8f8; width:100%; }
.black { color:#000000; }
.white { color:#ffffff; }
.theme_blue { color: #151E73; }  /*other #0041b3;*/ 
.theme_red { color: #d53935; }  /*theme font Constantia*/
.hide { display: none; }

/*header + navbar styles ==================================================== */
.logo_box
{
	max-width: 255px;		
	padding: 7px 10px;
	background-color: white; /**/
	float: left; /**/
	position: absolute; /*so it doesn't take up space*/	
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.4);/*x,y,blur,spread,color*/
}
.logo
{
	width: 100%;
	height: auto; 
}
.pay_box
{ 
	text-align: right; 	
	background-color: white;
	/*border:1px solid red; /*hide - for layout only*/
}
.pay_button
{
	text-decoration: none; /*remove underline*/ 
	font-size: 12px; 
	color: #151E73; /**/
	font-weight: bold;
	margin: 5px 15px 5px 15px; /**/
	line-height: 2.4;
} 
.pay_button:hover 
{
	text-decoration: underline; /**/
} 
.nav_flexbox 
{
	display: flex; /*flexbox for navigation bar*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: flex-end; /*flex - how items are positions in flexbox*/
	
	margin: auto; /*centers the nav container*/ 
	list-style: none; /*remove bullet points*/
	align-items: center; /*centers each individual box vertically*/
	background-color: #151E73;
	/*border:1px solid green; /*hide - for layout only*/
}
.nav_flexbox > a 
{
	width: 160px; /*box width*/ 
	height: 50px; /*box height*/
	text-align: center; /*center text horizontally*/ 
	font-size: 20px; 
	/*font-weight: bold; /**/ 
	text-decoration: none; /*remove underline*/ 
	line-height: 50px; /*text height - work on this*/
	color: white; /**/	
	/*border:1px solid green; /*hide - for layout only*/
}
.nav_flexbox > a:hover  
{	
	color: #a8d2ff;
}

/*footer styles ============================================================= */
.fb_box
{
	width: 50px; /*so div is not 100% page width*/ 
	height: auto; 
	display: block; 
	margin: 0px auto 7px auto;	
	/*border:1px solid red; /**/
}
.fb_logo
{
	width: 100%; /**/
	height: auto; 
}
.copyright
{
	font-size: 10px; 
	color: white; 
	line-height: 20px;
	text-align: center;
}

/*homepage styles ==================================================== */
.home_image
{
	width: 100%;
}
.home_flexbox
{
	display: flex; /*flexbox for logo*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	 
	max-width: 100%; 
	/*margin: auto; /*centers the container*/ 
	padding: 15px 0px; /*create space buffer*/  		
	/*border:1px solid red; /*hide - for layout only*/
	background-color: #f5f5f5; /**/
}
.home_box
{
	text-decoration: none; /**/
	margin: 17px; 
	padding: 33px 63px; 
	border:1px solid #dcdcdc; 
	background-color: #ffffff; /**/
	width: 155px; /*size = 126 x 100*/
	height: auto; 
}
.home_box * 
{
	display:flex; 
	justify-content:center; 
	align-items:center; /*centers each individual box vertically*/
	margin: auto; /**/	
	/*border:1px solid green; /*hide - for layout only*/
}
.home_box p
{
	font-size: 25px;
	color: black; 	
	padding-top: 35px; 
}
.about
{
	max-width: 72%; /**/
	margin: auto; /**/	
	line-height: 1.6; 
	padding: 25px 0px 45px 0px; 
	/*border:1px solid green; /*hide - for layout only*/
}
.home_button
{
	font-size: 16px; 
	color: white; 
	/*background-color: gray; /**/
	background-image: linear-gradient(to bottom, #4898d5, #2774ae); /**/
	/*text-shadow: 2px 2px 3px #2e2e2e; /**/ 
	font-weight: bold;	
	padding: 0px 10px; 
	line-height: 2.4;
	border-radius: 12px; /**/
	/*border: 2px solid #151E73; /**/ 
	border-style: none; /*outset*/
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	width: 222px; 
	height: 55px; 
	margin: 0px 40px 25px 40px;/**/
}
.home_bottom
{
	display: flex; /*flexbox for logo*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	margin: 0px 0px 50px 0px;/**/
	/*border:1px solid red; /*hide - for layout only*/		
}

/*Provider styles ==================================================== */
.provider_box 
{
	width: 100%; /**/
	/*background-color: #f5f5f5; /*background-color: rgba(250, 250, 250, 1);*/ 
	padding: 25px 0px 85px 0px; /*t,r,b,l*/ 
	background-image: linear-gradient(to right, rgba(216, 224, 253, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(216, 224, 253, 1)); /* horizontal */ 
	/*background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(201, 212, 252, 1)); /* vertical */ 
	/*border:1px solid yellow; /*hide - for layout only*/
}
.provider_flexbox 
{
	display: flex; /*flexbox for homepage*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	align-items: center; /*flex - centers each individual box vertically*/
	width: 85%; /**/
	margin: auto; /*centers the container*/ 
	/*border:1px solid red; /*hide - for layout only*/
}
.provider_item
{
	text-align: center;
	padding: 0px 45px 30px 45px; /*t,r,b,l*/
	/*border:1px solid green; /*hide - for layout only*/
}
.break /*force flex item to next line*/ 
{
  flex-basis: 100%;
  height: 0;
}
.picBorder
{
	width: 150px; 
	height: auto; 
	border: 1px outset lightgray; /* border, pop-out, transparency */ 
	box-shadow: 5px 5px 5px gray;
	margin-bottom: 10px;
}
.providers
{	
	text-align: center;
	padding: 0px 0px 25px 0px; 
	/*border:1px solid red; /*hide - for layout only*/
}
.provider_item > a > hr { width: 150px; opacity: 0.2;} 
.provider_item > a 
{ 
	font-size: 14px; 
	line-height: 1.6; 
	text-decoration: none; 
	/*color: #4f4f4f; /**/ 
	/*color: #151E73; /*other #0041b3;*/ 
}
.p_name { font-weight: bold; color: #3d3d3d; }
.p_title { font-size: 12px; color: #3d3d3d; }
.p_bio { font-weight: bold; }


/*locations styles ==================================================== */
.locations
{	
	text-align: center;
	padding: 25px 0px 25px 0px; 
	/*border:1px solid red; /*hide - for layout only*/
}
.location_item
{
	text-align: center;
	padding: 0px 45px 30px 45px; /*t,r,b,l*/
	line-height: 1.4; /**/
	/*border:1px solid green; /*hide - for layout only*/
}
.location_image
{
	max-width: 333px;
	height: auto; 
	margin: 0px 0px 10px 0px; 
	border: 3px outset lightgray; /* border, pop-out, transparency */ 
	box-shadow: 5px 5px 5px gray;
}
.map
{
	width: 400px;
	height: 935px; 
	border: 5px outset gray; /* border, pop-out, transparency */ 
	box-shadow: 5px 5px 5px gray;
}

/*grid stuff*/
.location_grid 
{ 
	display: inline-grid;
	grid-template-areas: 
	'item1 item2 itemM'
	'item3 item4 itemM'
	'item5 item6 item7'
	'item8 item9 item10';	
}  
.loc1 { grid-area: item1; }
.loc2 { grid-area: item2; }
.loc3 { grid-area: item3; }
.loc4 { grid-area: item4; }
.loc5 { grid-area: item5; } 
.loc6 { grid-area: item6; }
.loc7 { grid-area: item7; }
.loc8 { grid-area: item8; }
.loc9 { grid-area: item9; }
.loc10 { grid-area: item10; }
.locMap { grid-area: itemM; }
.locEmpty { grid-area: itemE; }

.dr_spacing > a 
{
	word-spacing: 3px;
	text-decoration: none; 
}
.dr_spacing > summary  
{
	line-height: 2.0;
}

/*services styles ==================================================== */
.services
{	
	text-align: center;
	padding: 46px 0px 25px 0px; 
	margin-top: 0px; /* H1 tag has built in 21px margin on top */ 
	/*border:1px solid red; /*hide - for layout only*/
}
.services_flexbox 
{
	display: flex; /*flexbox*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	align-items: center; /*flex - centers each individual box vertically*/
	max-width: 1200px; 
	margin: auto; /*centers the container*/ 
	padding: 0px 25px 0px 25px;  /*t,r,b,l*/
	/*border:1px solid red; /*hide - for layout only*/	
}
.services_flexbox > a 
{
	width: 320px; /*box width*/ 
	text-align: center; /*center text horizontally*/ 
	font-size: 18px; 
	color: white;
	font-weight: bold; /**/ 
	text-decoration: none; /*remove underline*/ 
	background-image: linear-gradient(to bottom, #4898d5, #2774ae); /**/ 
	padding: 20px;  /*t,r,b,l*/
	margin: 10px;  /*t,r,b,l*/	
	box-shadow: 5px 5px #d4d4d4; /**/
	border-radius: 12px; /*round corners*/ 
	/*border:1px solid #5c5c5c; /*hide - for layout only*/	
}
.cardio_flexbox 
{
	display: flex; /*flexbox*/
	flex-wrap: nowrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	margin: auto; /*centers the container*/ 
	/*border:1px solid green; /*hide - for layout only*/	
}
.cardio_item
{
	width: 30%; 
	padding: 0px 15px 0px 15px;  /*t,r,b,l*/
	/*border:1px solid blue; /*hide - for layout only*/	
}
.cardio_item2
{
	width: 40%; 
	padding: 0px 15px 0px 15px;  /*t,r,b,l*/
	/*border:1px solid blue; /*hide - for layout only*/	
}
.services_title
{
	margin: auto; /*centers the container*/ 
	padding: 15px 0px 15px 0px;  /*t,r,b,l*/
	/*border:1px solid green; /*hide - for layout only*/	
}
#s_img_nuc
{
	float: right; 
	width: auto;
	height: 275px;
	margin-left: 15px;
}
#s_img_echo
{
	float: left; 
	width: auto;
	height: 275px;
	margin-right: 30px;
	margin-bottom: 35px; 
}
#s_img_vas 
{
	float: right; 
	width: auto;
	height: 350px;
	margin-left: 15px;
}
#s_img_arr 
{
	float: left; 
	width: auto;
	height: 275px;
	margin-right: 30px;
}
#s_img_coum
{
	float: right; 
	width: auto;
	height: 400px;
	margin-left: 15px;
	border:1px solid #c0797a;
}
.services_img
{	
	width: 350px;
	height: auto;
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
.services_topbox
{
	max-width: 100%; 
	padding-bottom: 25px; 
	margin-bottom: 15px; 
	background-color: #e8e8e8; /**/
	/*border:1px solid red; /*hide - for layout only*/	
}
.services_outbox
{
	max-width: 100%; 
	padding: 25px 25px 0px 25px;  /*t,r,b,l*/ 
	/*border:1px solid red; /*hide - for layout only*/	
}
.services_inbox 
{
	max-width: 1200px; 
	margin: auto; /*centers the container*/ 
	padding: 0px 0px 35px 0px;  /*t,r,b,l*/
	overflow: auto;	/*wraps div around floated item*/
	/*border:1px solid purple; /*hide - for layout only*/
}
.sticky 
{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;
  width: 450px; 
}
#scrollBtn 
{  
  position: fixed; 
  bottom: 0px; 
  right: 45px; 
  
  display: none;
  z-index: 99;
  font-size: 33px;
  border: none;
  outline: none;
  background-color: lightgray; 
  color: #000000; /* #454545; */ 
  cursor: pointer;
  padding: 8px 18px 8px 18px; /*t,r,b,l*/
  border-radius: 5px;
}
#scrollBtn:hover 
{
  background-color: lightgray;
}

/*TAVR styles ==================================================== */
.TAVR_outbox 
{
	max-width: 1024px; 
	margin: auto; /*centers the container*/ 
	padding: 25px;  /*t,r,b,l*/
	/*border:1px solid red; /*hide - for layout only*/
}
.TAVR
{	
	text-align: center;
	margin-bottom: 45px;
	/*border:1px solid red; /*hide - for layout only*/
}
#TAVR_img 
{
	width: 100%;
	height: auto; 
}

/*Heart Disease styles ==================================================== */
.HD_outbox 
{
	max-width: 1024px; 
	margin: auto; /*centers the container*/ 
	padding: 25px;  /*t,r,b,l*/
	/*border:1px solid red; /*hide - for layout only*/
}
.HD
{	
	text-align: center;
	margin-bottom: 45px;
	/*border:1px solid red; /*hide - for layout only*/
}
#HD_img 
{
	max-width: 100%;
	height: auto; 
	
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

/*patient styles ==================================================== */
.patient
{	
	text-align: center;
	padding: 25px 0px 25px 0px; 
	/*border:1px solid red; /*hide - for layout only*/
}
.patient_flexboxTop 
{
	display: flex; /*flexbox*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	margin: auto; /*centers the container*/ 		
	max-width: 1400px; 
	padding: 35px 0px 75px 0px; 
	background-color: #f5f5f5; 
	/*border:1px solid red; /*hide - for layout only*/
}
.patient_flexbox 
{
	display: flex; /*flexbox*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	margin: auto; /*centers the container*/ 
	padding: 15px 15px 45px 15px;
	/*border:1px solid red; /*hide - for layout only*/	
}
.p_item_img 
{	
	padding: 0px 15px 0px 15px;  /*t,r,b,l*/
	margin: 0px 0px 0px 0px;	
	/*border:1px solid green; /*hide - for layout only*/		
}
.p_item_forms
{
	width: 500px; 
	padding: 0px 15px 0px 15px;  /*t,r,b,l*/
	margin: 0px 0px 0px 0px;	
	/*border:1px solid green; /*hide - for layout only*/	
}
.p_item_buttons
{
	width: 600px; 
	padding: 5px 15px 25px 15px;  /*t,r,b,l*/
	margin: 80px 55px 0px 0px;	
	background-color: #f5f5f5; 	
	border-style: outset;
}
.p_item_buttons2
{
	width: 600px; 
	padding: 5px 15px 25px 15px;  /*t,r,b,l*/
	margin: 80px 0px 0px 55px;	
	background-color:#151E73; /*#151E73*/
	border:3px solid #b2b2b2; /*hide - for layout only*/	
}
.p_item_buttons3
{
	width: 630px; 
	padding: 5px 75px 25px 75px;  /*t,r,b,l*/
	margin: 80px 0px 0px 0px;	/**/
	background-color: #3b3b3b; /**/
	border:3px solid #b2b2b2; /*hide - for layout only*/
	box-sizing: border-box;	/**/
}
.patient_title
{
	margin: auto; /*centers the container*/ 
	padding: 15px 0px 15px 0px;  /*t,r,b,l*/
	/*border:1px solid blue; /*hide - for layout only*/	
}
.payBill_button
{
	font-size: 16px; 
	font-weight: bold;
	line-height: 2.4;
	color: white;
	padding: 0px 12px; 
	background-color: #151E73; /*#d53935;*/
	border-radius: 15px;
	border: 2px solid #151E73; /*#d53935;*/ 
} 
.payBill_buttonR
{
	font-size: 16px; 
	font-weight: bold;
	line-height: 2.4;
	color: #151E73;
	padding: 0px 12px; 
	background-color: white; /*#b22924*/
	border-radius: 15px;
	margin-top:25px;
	border: 2px solid white; /*#b22924*/
}
.payBill_buttonS
{
	font-size: 16px; 
	font-weight: bold;
	line-height: 2.4;
	color: white;
	padding: 0px 20px; 
	background-color: #3b3b3b; /**/
	border-radius: 15px;
	margin: 35px auto 20px;
	border: 2px solid white; /**/
}
.download_app
{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-top: 25px;
}
.app_button
{
	height: 45px; 
	width: auto; 
	margin: 0px 12px; 
}
.no_u > li > a
{
	text-decoration: none;
}
.p_img
{
	max-width: 100%; 
	margin: 45px 0px 15px 0px;  /*t,r,b,l*/
	float: right; 
	box-shadow: 7px 7px 5px gray, -4px -4px 5px gray; /* offset-x | offset-y | blur-radius | color */
}
.p_edu
{
	max-width: 1250px; /**/
	padding: 35px 55px 75px 55px; /**/  
	background-color: #f5f5f5; 	
	margin: 0px auto 0px auto; /*trbl*/
	/*border:1px solid red; /*hide - for layout only*/	
}
/*contact form styles ====================================================== */
.contact_box 
{
	width: 100%; /**/	
	padding: 25px 0px 85px 0px; /*t,r,b,l*/ 
}
.contact
{	
	text-align: center;
	padding: 0px 0px 25px 0px; 
	/*border:1px solid red; /*hide - for layout only*/
}
.contact-flex-container 
{
	display: flex; /*flexbox for contact*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	
	max-width: 920px; 
	margin: auto; /*centers the nav container*/ 
	background: #f5f5f5; /*rgba(255, 255, 255, 1)*/
	margin-bottom: 25px;  /**/
	padding: 45px 0px 35px 0px;  /*t,r,b,l*/	
}
form
{	 
	width:780px;
	margin: 0px 15px; 
	/*border:1px solid red; /**/ 
}
input[type=text], select, textarea 
{
  width: 100%;
  padding: 12px 12px 12px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  box-shadow: 5px 5px 5px #bfbfbf inset;
  box-sizing: border-box; 
}
input[type=submit], [type=reset] 
{
  /*background-color: gray; /*incase gradient isnt supported*/
  background-image: linear-gradient(to bottom, #4898d5, #2774ae); /**/ 
  color: white;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  margin: 0px 5px; 
  font-size: 15px;  
  font-weight: bold; 
}
#required
{
	float: right; 
	font-size:14px;
}
#notice
{
	font-size:13px;
	padding: 0px 5px 0px 5px; /*t,r,b,l*/
}
/*employee styles ====================================================== */
.employee_box 
{
	width: 100%; /**/	
	padding: 25px 0px 85px 0px; /*t,r,b,l*/ 
	/*border:1px solid red; /*hide - for layout only*/
}
.employee
{	
	text-align: center;
	padding: 0px 0px 25px 0px; 
	/*border:1px solid red; /*hide - for layout only*/
}
.employee_container 
{
	max-width: 960px; 
	margin: auto; /*centers the nav container*/ 
	background: #f5f5f5; /*rgba(255, 255, 255, 1)*/
	margin-bottom: 25px;  /**/
	padding: 45px 45px 65px 45px;  /*t,r,b,l*/	
	box-sizing: border-box; /*include the padding in the total width of a div*/
}
.hr_employ
{	
	width:75%; 
	border-top: 1px solid #c7c7c7; 
	border-bottom: 1px solid #c7c7c7; 
	margin:50px auto;
}
.noline a { text-decoration: none; }
/*bio styles ====================================================== */
.bio_box 
{
	width: 100%; /**/	
	padding: 25px 0px 85px 0px; /*t,r,b,l*/ 
}
.bio
{	
	text-align: center;
	padding: 0px 0px 25px 0px; 
	/*border:1px solid red; /*hide - for layout only*/
}
.bio_container 
{
	max-width: 920px; 
	margin: auto; /*centers the nav container*/ 
	background: #f5f5f5; /*rgba(255, 255, 255, 1)*/
	padding: 25px 25px 35px 25px;  /*t,r,b,l*/	
	box-sizing: border-box; /*include the padding in the total width of a div*/
	line-height: 1.6;
}
.bio_container > b
{
	font-size: 18px;
}
.bio_pic
{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

	


/* media queries - to change layout on small devices/viewports ============== */
/* put media queries at the end of your "cascading" stylesheet ============== */

@media all and (min-width: 480px) and (max-width: 960px) /*header*/ 
{
	.mobile_break 
	{
	  flex-basis: 100%;
	  height: 0;
	}
}
@media all and (max-width: 1230px) /*header*/
{
	.logo_box
	{		
		float: none; /**/
		position: static; /**/			
		display: block; 
		margin: 10px auto 10px auto; /**/
		/*box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); /**/
	}
	.pay_box 
	{ 
		text-align: center; 	
	}
	.nav_flexbox 
	{
		justify-content: center; /**/		
	}
}
@media all and (max-width: 635px) /* home page */
{	
	.home_flexbox { display: none; }
	.home_image { display: none; }
	.about { padding: 0px 0px; }
}
@media all and (max-width: 655px) /* services page */
{
	#s_img_nuc, #s_img_echo, #s_img_vas, #s_img_arr
	{		
		width: 70%;
		height: auto;	
		clear: both;  
		margin: 3% 15% 3% 15%; 
	}
	#s_img_coum
	{		
		width: 40%;
		height: auto;	
		clear: both;  
		margin: 3% 5% 3% 5%; 
	}
}
@media all and (max-width: 552px) /* patient page */
{
	.p_img2 { display:none; } 
}
@media all and (max-width: 1080px) /* location page */
{
	.locations_outerBox { flex-wrap: wrap; }
}
@media all and (max-width: 1300px) /* location page */
{
	.location_grid
	{ 
		grid-template-areas: 
		'item1 itemM'
		'item2 itemM'
		'item3 item4'
		'item5 item6'
		'item7 item8'
		'item9 item10';
	}
}
@media all and (max-width: 865px) /* location page */
{
	.location_grid
	{ 
		grid-template-areas: 
		'item1'
		'item2'
		'item3'
		'item4'
		'item5'
		'item6'
		'item7'
		'item8'
		'item9'
		'item10'
		'itemM';
	}
	.map { margin-bottom: 15px; }
}
@media all and (max-width: 945px) /* services page */
{
	.cardio_flexbox { flex-wrap: wrap; }
	.cardio_item { width: 100%; }
	.cardio_item2 { width: 100%; }
}
@media all and (max-width: 1410px) /* patient page */
{
	.p_item_buttons
	{		
		margin: 80px 0px 0px 0px;			
	}
	.p_item_buttons2
	{		
		margin: 80px 0px 0px 0px;			
	}
}