/*---------------------default-------------------*/

body {
	width: 100%;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position: 50% 0;
}

#header-bar {
	display: none;
}

header {
	width: 1240px;
	margin: 10px auto 20px;
}

header > div {
	float:left;
}

#logo{
	width: 295px;
	height: 44px;
	margin: 25px 0 0; 
}

#tagline {
	height: 44px;
	margin: 25px 0 0 20px;
}

#search, #location {
	float: right;
}

#search {
	clear: right;
	width: 295px;
	text-align: right;
}

#location {
	height: 68px;
	margin: 0 20px 0 0 ;
	text-align: right;
}

#location .city {
	display: block;
	margin: 0 0 4px;
}

#location .phone b {
	display: block;
	margin: 4px 0;
}

#search form {
	position: relative;
	margin-top: 5px;
}

nav {
	width: 1240px;
	margin: 0 auto 20px;
}

nav.hide {
	display: none;
}

.small nav ul li a {
	padding: 11px 65px;
}

.big nav ul li a {
	padding: 11px 55px;
}

.slide-list-wrapper {
	top: 50px;
}

#slideShow .rsABlock p, #slideShow .rsABlock h1 {
	width: 1030px;
	margin: 0 auto;
}

#slideShow .rsBulletWrapper {
	width: 1030px;
	margin: 0 auto;
}

.rsABlock h1.flu {
	font-size: 34px;
	color: #F6C0CF;
}

.rsABlock h1.mammogram {
	color: #CD5375;
}

aside.promo {
	width: 1240px;
	margin: 20px auto 80px;
}

aside.promo > div, aside.promo > section {
	float: left;
} 

aside.promo section {
	position: relative;
	width: 400px;
}

aside.promo > section {
	margin: 0 0 0 20px;
}

aside.promo section.qrcode, aside.promo section.subscribe {
	height: auto;
}

aside.promo section h3 {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
}

aside.promo section img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto 10px 0;
}

aside.promo section.qrcode {
	height: 99px;
	margin: 0 0 8px;
}

aside.promo section.qrcode h3 {
	float: left;
}

aside.promo section.qrcode p {
	clear: left;
}

aside.promo section.qrcode img {
	float: right;
	width: auto;
	height: auto;
	margin: 0 10px 10px 0;
}

aside.promo section.qrcode h3 + div {
	clear: left;
}

aside.promo section.qrcode > div {
	float: left;
	width: 200px;
}

aside.promo section.qrcode > div img {
	float: left;
	width: 87px;
	height: 87px;
}

aside.promo section.qrcode > div p {
	clear: none;
	padding: 0 10px 0 0;
}

div.wrapper {
	width: 1240px;
	margin: 0 auto 20px;
}

aside.toolbar {
	float: right;
	width: 295px;
	margin: 0 0 0 20px;
}

aside.toolbar div.tools, aside.toolbar > ul {
	margin: 0 0 40px;
}

aside.toolbar div.tools span + span {
	margin: 0 0 0 16px;
}

aside.toolbar ul li {
	width: 100%;
}

aside.toolbar ul li + li {
	margin: 10px 0 0;	
}

aside.subnav {
	float: left;
	width: 293px;
	margin: 0 0 20px;
}

aside.subnav .title {
	display: none;
}

aside.subnav h3 {
	padding: 7px 30px 7px 20px;
}

aside.subnav ul li a {
	display: block;
	padding: 7px 20px 7px 20px;
}

aside.subnav ul li > ul li > ul li a {
	padding: 7px 20px 7px 30px;
}

div.wrapper article {
	float: left;
	width: 610px;
	margin: 0 0 0 20px;
}

img.across {
	width: 610px;
	height: 240px;
}

div.wrapper article form.subscribe input[type="submit"] {
	float: none;
}

div.wrapper article div.tools {
	display: none;
}

div.wrapper article figure.doctor {
	margin: 0 0 15px;
}

div.wrapper article figure.doctor img {
	float: left;
	display: block;
	max-width: 100%;
	height: auto;
}

div.wrapper article figure.doctor figcaption {
	float: left;
	max-width: 290px;
	margin: 0 0 0 20px;
}

div.wrapper article figure.clinic {
	margin: 0 0 30px 0;
}

div.wrapper article figure.clinic img {
	display: block;
	float: left;
	width: 200px;
	height: 100px;
	margin: 0 0 10px;
}

div.wrapper article figure.clinic figcaption {
	float: left;
	max-width: 390px;
	margin: 0 0 0 20px;
}

div.wrapper article h2 + figure.doctor-info {
	margin-top: 15px;
}

div.wrapper article figure.doctor-info img {
	display: block;
	float: left;
	width: 200px;
	height: 100px;
	margin: 0 0 30px;
}

div.wrapper article figure.doctor-info figcaption {
	float: left;
	max-width: 348px;
	margin: 0 0 30px 20px;
}

aside.directorynav {
	width: 1240px;
	margin: 0 auto 20px;
}

aside.directorynav ul li {
	float: left;
	width: 295px;
	text-align: center;
}

aside.directorynav ul li.first, aside.directorynav ul li.last {
	float: left;
	width: 294px;
	text-align: center;
}

aside.directorynav ul li + li {
	margin: 0 0 0 20px;
}

footer {
	width: 1240px;
	margin: 0 auto 20px;
}

#ICP {
	float: right;
}

#ICP.footer-align {
	margin-bottom: 10px;
}

#TP.footer-align {
	display: inline-block;
	margin-top: 12px;
}

#ICP.footer-align img {
	vertical-align: middle;
}

#powered {
	display: none;
}

#footer-bar {
	display: none;
}

.other-careers {
	display: none;
}

/*---------------------iPad Landscape 1024px-------------------*/

@media screen and (max-width: 1279px) {
	body {
		padding: 44px 0 0;
	}
	
	#header-bar {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		margin: 0;
		background: #F4F4F4;
		line-height: 44px;
	}
	
	#header-bar P {
		width: 992px;
		margin: 0 auto;
	}
	
	#header-bar .phone{
		padding: 0 0 0 20px;
	}
	
	#header-bar .lang {
		float: right;
		margin: 0 10px;
	}
	
	header {
		width: 992px;
		margin: 10px auto 20px;
	}
	
	#logo{
		width: 320px;
		height: 44px;
		margin: 25px 0 0; 
	}

	#tagline {
		margin: 25px 0 0 16px;
	}

	#search {
		clear: right;
		width: 295px;
		text-align: right;
	}
	
	#search > a {
		visibility: hidden;
	}
	
	#location {
		display: none;
	}

	#location .phone {
		display: inline;
	}

	#cse-search-box {
		margin-top: 5px;
	}
	
	nav {
		width: 992px;
	}
	
	nav ul li a {
		padding: 11px 35px;
	}
	
	.small nav ul li a {
		padding: 11px 24px;
	}

	.big nav ul li a {
		padding: 11px 13px;
	}
	
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		width: 824px;
	}

	#slideShow .rsBulletWrapper {
		width: 824px;
	}
	
	aside.promo {
		width: 992px;
	}

	aside.promo section {
		width: 320px;
	}

	aside.promo > section {
		margin: 0 0 0 16px;
	}

	aside.promo section img {
		width: 320px;
	}

	aside.promo section span.more {
		bottom: 20px;
	}

	aside.promo section.qrcode {
		margin: 0 0 8px;
	}

	aside.promo section.qrcode img {
		margin: 0;
	}
	
	aside.promo section.qrcode > div {
		width: 160px;
	}
	
	aside.promo section.qrcode > div img {
		width: 50px;
		height: 50px;
		margin: 0 10px 0 0;
	}
	
	aside.promo section.qrcode > div p { 
		margin: 0;
	}
	
	aside.promo section form input[type="text"] {
		width: 222px;
	}
	
	div.wrapper {
		width: 992px;
	}
	
	img.across {
		width: 488px;
		height: 192px;
	}
	
	div.wrapper article figure.doctor img {
		width: 220px;
		max-width: 100%;
	}
	
	div.wrapper article figure.doctor figcaption {
		max-width: 248px;
	}
	
	div.wrapper article figure.clinic img {
		width: 180px;
		height: 90px;
	}
	
	div.wrapper article figure.clinic figcaption {
		max-width: 288px;
	}
	
	div.wrapper article figure.doctor-info img {
		width: 180px;
		height: 90px;
	}
	
	div.wrapper article figure.doctor-info figcaption {
		max-width: 246px;
	}
	
	div.wrapper article form label {
		width: 100%;
		margin: 0 0 5px;
	}
	
	div.wrapper article form input[type="text"],
	div.wrapper article form input[type="email"],
	div.wrapper article form input[type="textarea"],
	div.wrapper article form select,
	div.wrapper article form p.cwrap {
		clear: left;
	}
	
	div.wrapper article form select + select {
		clear: none;
	}
	
	aside.toolbar {
		width: 236px;
		margin: 0 0 0 16px;
	}
	
	aside.toolbar div.tools span + span.print {
		clear: left;
		margin: 16px 0 0;
	}
	
	aside.toolbar div.tools span + span.share {
		margin: 16px 0 0 16px;
	}
	
	aside.subnav {
		width: 234px;
	}
	
	aside.subnav h3 {
		padding: 13px 20px 13px 20px;
	}
	
	aside.subnav ul li a {
		padding: 13px 20px 13px 20px;
	}
	
	aside.subnav ul li > ul li > ul li a {
		padding: 13px 20px 13px 30px;
	}
	
	div.wrapper article {
		width: 488px;
		margin: 0 0 0 16px;
	}
	
	aside.directorynav {
		width: 992px;
	}

	aside.directorynav ul li {
		width: 236px;
	}

	aside.directorynav ul li.first, aside.directorynav ul li.last {
		width: 235px;
	}

	aside.directorynav ul li + li {
		margin: 0 0 0 16px;
	}

	footer {
		width: 992px;
		margin: 0 auto 20px;
	}
}

/*---------------------iPad Portrait 768px-------------------*/

@media screen and (max-width: 1023px) {
	body {
	}
	
	#header-bar P {
		width: 736px;
	}
	
	#header-bar .lang {
		margin: 0 44px 0 0;
	}
	
	#nav-icon {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 44px;
		height: 44px;
		background-color: #F4F4F4;
	}
	
	header {
		width: 736px;
		margin: 10px auto 20px;
	}
	
	#logo{
		width: 360px;
		height: 44px;
		margin: 10px 0 0; 
	}

	#tagline {
		margin: 10px 0 0 16px;
	}

	#search {
		display: none;
	}
	
	nav {
		position: fixed;
		top: 44px;
		right: 0px;
		z-index: 9999;
		width: 0px;
		height: calc(100% - 44px);
		margin: 0;
		background: #F4F4F4;
		transition: width .2s ease-out;
	}
	
	nav.show {
		width: 250px;
	}
	
	nav.hide {
		display: block;
	}
	
	nav ul {	
		height: 100%;
		border: none;
		border-radius: 0;
		overflow-x: hidden;
	}
	
	nav ul li {
		float: none;
		display: table;
		width: auto;
		min-width: 250px;
		height: 44px;
		margin: 0;
		border-bottom: 1px solid #E4E4E4;
		background: #F4F4F4;
		overflow: hidden;
	}
	
	nav ul li.hide {
		display: table;
	}
	
	nav ul li:first-child {
		border-top: 1px solid #E4E4E4;
	}
	
	nav ul li + li {
		border-left: none;
	}
	
	nav ul li a {
		display: table-cell;
		width: 100%;
		padding: 0 10px;
		margin: 0;
		text-align: left;
	}
	
	nav ul li:hover a {
		color: inherit;
		background-color: inherit;
	}
	
	body > *:not(nav) {
		transition: -webkit-transform .2s ease-out;
		transition: transform .2s ease-out;
	}
	
	.nav-animation {
		-webkit-transform: translate(-250px,0);
		-ms-transform: translate(-250px,0);
		transform: translate(-250px,0);
	}
	
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		width: 736px;
	}

	#slideShow .rsBulletWrapper {
		width: 736px;
	}
	
	aside.promo {
		width: 736px;
	}

	aside.promo section {
		width: 360px;
		height: auto;
		margin: 0;
	}
	
	aside.promo > section + section {
		margin: 0 0 0 16px;
	}
	
	aside.promo section img {
		width: 360px;
	}

	aside.promo section span.more {
		bottom: 20px;
	}

	aside.promo section.qrcode {
		float: left;
	}
	
	aside.promo section.qrcode img {
		margin: 0 0 0 16px;
	}
	
	aside.promo section.qrcode > div {
		width: 180px;
	}
	
	aside.promo section.qrcode > div img {
		width: 55px;
		height: 55px;
	}
	
	aside.promo section.subscirbe {
		float: left;
		margin: 0 0 20px 16px;
	}
	
	aside.promo section form input[type="text"] {
		width: 262px;
	}
	
	div.wrapper {
		width: 736px;
	}
	
	img.across {
		width: 454px;
		height: 179px;
	}
	
	div.wrapper article figure.doctor img {
		float: none;
		width: 300px;
		margin:  0 0 15px;
	}
	
	div.wrapper article figure.doctor figcaption {
		float: none;
	}
	
	div.wrapper article figure.clinic img {
		float: none;
		width: 200px;
		height: 100px;
	}
	
	div.wrapper article figure.clinic figcaption {
		float: none;
		max-width: none;
		margin: 0;
	}
	
	div.wrapper article figure.doctor-info img {
		float: none;
		width: 200px;
		height: 100px;
		margin: 0 0 10px;
	}
	
	div.wrapper article figure.doctor-info figcaption {
		float: none;
		max-width: none;
		margin: 0 0 30px;
	}
	
	div.wrapper article > section.detail img.right {
		float: none;
		margin: 0 0 10px;
	}
	
	aside.toolbar {
		float: none;
		width: 736px;
		margin: 0 0 20px;
	}
	
	aside.toolbar div.tools, aside.toolbar > ul {
		margin: 0;
	}
	
	aside.toolbar div.tools {
		float: left;
	}
	
	aside.toolbar div.tools span + span {
		margin: 0 0 0 9px;
	}
	
	aside.toolbar div.tools span + span.print {
		clear: none;
		margin: 0 0 0 9px;
	}
	
	aside.toolbar div.tools span + span.share {
		clear: none;
		margin: 0 0 0 9px;
	}
	
	aside.toolbar ul {
		float: right;
	}
	
	aside.toolbar ul li {
		float: left;
		width: auto;
		background-position: 0 50%;
	}
	
	aside.toolbar ul li + li {
		margin: 0 0 0 27px;
	}
	
	aside.toolbar ul li a {
		width: 96px;
		padding: 0 0 0 35px;
		text-align: center;
	}
	
	aside.subnav {
		width: 264px;
	}
	
	div.wrapper article {
		width: 454px;
		margin: 0 0 40px 16px;
	}
	
	div.wrapper article figure.doctor figcaption {
		display: block;
		margin: 0;
	}
		
	aside.directorynav {
		width: 736px;
	}

	aside.directorynav ul li {
		width: 172px;
	}

	aside.directorynav ul li.first, aside.directorynav ul li.last {
		width: 171px;
	}

	footer {
		width: 736px;
	}
	
	#ICP {
		float: none;
		display: block;
		margin-top: 10px;
	}
}

/*---------------------iPhone -------------------------*/

@media screen and (max-width: 767px) {
	body {
		background-image: none;
		padding-bottom: 74px;
	}
	
	#header-bar p {
		width: calc(100% - 32px);
		text-align: center;
	}
	
	#header-bar .phone {
		display: none;
	}
	
	#header-bar .lang {
		float: none;
		position: absolute;
		top: 0;
		left: 16px;
		margin: 0;
	}
	
	#header-bar .lang + .lang {
		left: 70px;
	}
		
	header {
		width: calc(100% - 32px);
		margin: 20px auto;
	}
	
	#location {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	#location .phone b {
		display: inline;
	}
	
	#location .city {
		display: none;
	}
	
	#logo, #tagline {
		float: none;
		width: 100%;
		margin: 20px auto 0;
		text-align: center;
	}
	
	#logo {
		width: 295px;
	}
	
	#tagline {
		font-size: 1em; /* 14px */
	}
	
	#tagline span {
		font-size: 1em; /* 14px; */
	}
	
	nav {
		height: calc(100% - 88px);
	}
	
	div.wrapper article div.toolbar {
		display: block;
		margin: 0 0 20px;
	}
	
	.slide-list-wrapper ul {
		display: none;
	}
	
	#slideShow .rsABlock {
		top: 40px;
	}
	
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		font-size: 20px;
		width: calc(100% - 32px);
	}

	#slideShow .rsBulletWrapper {
		width: calc(100% - 32px);
	}
	
	aside.promo {
		width: calc(100% - 32px);
		margin: 20px auto 40px;
	}
	
	aside.promo section {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 40px;
	}
	
	aside.promo > div {
		float: none;
	}
	
	aside.promo > section + section {
		margin: 0;
	}
	
	aside.promo section:nth-child(2n) {
		margin: 0 0 40px;
	}
	
	aside.promo section img {
		width: auto;
	}
	
	aside.promo section.qrcode {
		float: none;
		height: auto;
		margin: 0 0 40px;
	}
	
	aside.promo section.qrcode > div {
		width: 50%;
	}
	
	aside.promo section.qrcode > div img {
		width: 30%;
		height: auto;
	}
	
	aside.promo section.qrcode > div img + p {
		margin: 0;
	}
	
	aside.promo section.qrcode h3 {
		float: none;
	}
	
	aside.promo section.qrcode img {
		float: none;
		margin: 0;
	}
	
	aside.promo section.qrcode img + p {
		margin: 15px 0 0;
	}
	
	aside.promo section.subscirbe {
		float: none;
	}
	
	aside.promo section span.more {
		position: static;
	}
	
	aside.promo section form input[type="text"], form.subscribe input[type="text"] {
		width: calc(100% - 12px);
		border-right: 1px #00A3A8 solid;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	aside.promo section form input[type="submit"], form.subscribe input[type="submit"] {
		display: block;
		margin: 10px auto 0;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
	}
	
	form.subscribe input[type="submit"] {
		margin: 10px auto 10px;
	}
	
	div.wrapper {
		width: calc(100% - 32px);
	}
	
	img.across {
		width: 100%;
		height: auto;
	}
	
	article > img.right {
		width: 35%;
	}
	
	div.wrapper article figure.clinic img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	
	div.wrapper article figure.clinic img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	
	div.wrapper article form input[type="text"],
	div.wrapper article form input[type="email"],
	div.wrapper article form textarea {
		width: calc(100% - 22px);
	}
	
	div.wrapper article form p.cwrap,
	div.wrapper article form select {
		width: 100%;
	}
	
	article form .select-wrapper {
		width: 100%;
	}
	
	div.wrapper article form select.relative {
		width: auto;
	}
	
	div.wrapper article .tabs-wrapper ul li.tab {
		padding: 0 10px;
	}
	
	div.wrapper article .tabs-wrapper ul li.tab.tight {
		padding: 0 3px;
		font-size: 12px;
	}
	
	div.wrapper article .tabs-wrapper .content-wrapper {
		padding: 20px 10px;
	}
	
	div.wrapper article .tabs-wrapper .content-wrapper ul.circle {
		margin-left: 20px;
	}
	
	aside.toolbar {
		display: none;
	}
	
	aside.subnav {
		width: calc(100% - 2px);
	}
	
	aside.subnav > ul > .title {
		display: block;
	}
	
	aside.subnav > ul > :not(.title) {
		display: none;
	}
	
	div.wrapper article {
		width: 100%;
		margin: 0 0 20px;
	}
	
	div.wrapper article div.tools {
		display: block;
	}
	
	div.wrapper article div.tools span + span {
		margin: 0 0 20px 16px;
	}
	
	div.wrapper article > section.detail img.right {
		float: none;
		margin: 0 0 10px;
		width: 100%;
		max-width: 382px;
		height: auto;
	}
	
	aside.directorynav {
		width: calc(100% - 32px);
	}
	
	aside.directorynav ul {
		border-radius: 0;
		border: none;
	}
	
	aside.directorynav ul li {
		width: calc(50% - 2px);
		border: 1px #E4E4E4 solid;
	}

	aside.directorynav ul li.first, aside.directorynav ul li.last {
		width: calc(50% - 2px);
	}
	
	aside.directorynav ul li + li {
		margin: 0;
	}
	
	aside.directorynav ul li:nth-child(1) {
		border-top-left-radius: 5px;
	}
	
	aside.directorynav ul li:nth-child(2) {
		border-top-right-radius: 5px;
		border-left: none;
	}
	
	aside.directorynav ul li:nth-child(2n+3) {
		border-top: none;
	}
	
	aside.directorynav ul li:nth-child(2n+4) {
		border-top: none;
		border-left: none;
	}
	
	aside.directorynav ul li:nth-last-child(2) {
		border-bottom-left-radius: 5px;
	}
	
	aside.directorynav ul li:nth-last-child(1) {
		border-bottom-right-radius: 5px;
	}
	
	footer {
		width: calc(100% - 32px);
	}
	
	#TP, #TP.footer-align {
		display: block;
		margin: 10px 0;
	}
	
	#ICP {
		float: none;
		display: block;
	}
	
	#footer-bar {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 10000;
		display: block;
		width: 100%;
		font-size: 12px;
		background: #F4F4F4;
	}
	
	#footer-bar > div {
		width: 100%;
		margin: 0 auto;
	}
	
	#footer-bar ul li {
		display: table;
		float: left;
		width: calc((100% - 3px) / 4);
		min-height: 44px;
	}
	
	#footer-bar ul li a {
		display: table-cell;
		padding: 37px 0 5px;
		text-align: center;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: 50% 0;
	}
	
	#footer-bar ul li:nth-child(1) a {
		background-image: url('../../media/common/icons/clock_blue.png');
	}
	
	#footer-bar ul li:nth-child(2) a {
		background-image: url('../../media/common/icons/stethoscope_blue.png');
	}
	
	#footer-bar ul li:nth-child(3) a {
		background-image: url('../../media/common/icons/info_blue.png');
	}
	
	#footer-bar ul li:nth-child(4) a {
		background-image: url('../../media/common/icons/arrows_blue.png');
	}
	
	.other-careers {
		display: block;
	}
}

/*----------slideshow style improve for phone -----------*/
@media screen and (max-width: 736px) {
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		width: 400px;
		margin: 0 0 0 15px;
	}
}

@media screen and (max-width: 667px) {
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		width: 370px;
	}
}

@media screen and (max-width: 568px) {
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		width: 300px;
	}
}

@media screen and (max-width: 480px) {
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		width: 260px;
	}
}

@media screen and (max-width: 414px) {
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		width: 220px;
	}
	#slideShow .rsABlock {
		top: 20px;
	}
}

@media screen and (max-width: 375px) {
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		width: 180px;
	}
}

@media screen and (max-width: 320px) {
	#slideShow .rsABlock p, #slideShow .rsABlock h1 {
		width: 160px;
	}
}

/*-------------special style for multi lang--------------*/

@media screen and (max-width: 568px) {
	
	#header-bar .multi-lang .lang {
		left: 10px;
	}
	
	#header-bar .multi-lang .lang + .lang {
		left: 50px;
	}
	
	#header-bar .multi-lang  .city {
		position: relative;
		left: 30px;
	}
}

/*-------------popup style improve for phone-------------*/

@media screen and (max-width: 767px) and (orientation: portrait){
	
	#popup > div {
		width: calc( 100% - 30px );
	}
	
	#popup div a {
		float: none;
		display: block;
		width: 200px;
		margin: 40px auto !important;
	}
	
}

/*---------------------print style-----------------------*/

@media print {

	body {
		font-size: 16pt;
	}
	
	#logo {
		display: none;
	}
	
	#print-logo {
		display: block;
		float: left;
	}
	
	#tagline {
		display: none;
	}
	
	#location {
		float: left;
		margin-left: 100pt;
	}
	
	#location .city span {
		display: none;
	}
	
	#search {
		display: none;
	}
	
	#print-time {
		display: block;	
		float: left;
		margin-left: 100pt;
	}
	
	nav {
		display: none;
	}
	
	aside.toolbar {
		display: none;
	}
	
	aside.subnav {
		display: none;
	}
	
	div.wrapper {
		width: auto;
	}
	
	div.wrapper article {
		width: auto;
		margin-top: 50pt;
	}
	
	div.wrapper article img {
		display: none;
	}
	
	aside.directorynav {
		display: none;
	}
	
	footer {
		display: none;
	}
}