@charset "utf-8";

/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (min-width:1350px) and (min-height:650px) {
	
	.banner-content,
	.unslider li.banner-content {
		padding-top:75px;
		padding-bottom:75px;
	}
	
	.banner-content h1 {
		font-size:60px;
		line-height:75px;
		margin-bottom:0;
	}
	
}

@media (max-width:1200px) {

	.main { padding: 0 20px; }
	.simple-menu li { margin-right: 22px; }
		.simple-menu li a {
		font-size:12px;
	}
	.inner-page-header .simple-menu .enumenu_container > ul > li > a {
		padding: 8px 0 8px 14px;
		/* font-size: 15px; */
	}
	.pagination { right: 1%; }
	.banner-content, .unslider li.banner-content {
		padding: 1.5% 0;
		
	}
	.logo { width: 180px; }
	.physian-left h2 { font-size: 35px; }
	.physican-right { width: 50%; }
/* 	.physican-right p { font-size: 54px; } */
	.physican-right a { font-size: 15px; padding: 10px 20px; }
	.physian { padding: 20px 0; }
	.about-asc h3 { font-size: 28px; }
	.about-asc p { font-size: 15px; }
	.about-asc a { font-size: 15px; }
	.what-is-asc { padding: 40px 0; }
	.surgery-center { padding: 40px 0; }
	.surgery-center-content h2 { font-size: 28px; }
	.eye-surgery { padding: 30px 0; }
	.contact-part ul li { padding: 20px 0; }
	/*--inner-page--*/
	    
	.what-to-expect { padding: 20px 0; }
	.what-to-expect h1 { font-size: 30px; }
	.our-process { padding: 20px 0; }
	.process-left-part { padding-top: 20px; }
	.process-heading span { font-size: 16px; }
	.process-heading h2 { font-size: 28px; padding-top: 10px; line-height: 35px; }
	.accordion { padding-top: 25px; }
	.accordion li a.accordion-title { font-size: 15px; padding: 10px; }
	.accordion-content { padding-top: 20px; }
	.accordion li .accordion-content p { font-size: 15px; padding-bottom: 10px; }
	.accordion li { margin-bottom: 30px; }
	.side-bar { padding-top: 20px; }
	.what-need h3 { font-size: 20px; }
	.what-need h3 span { font-size: 35px; }
	.what-need h3:after { bottom: -12px; }
	.weeked-prior { padding: 20px 0; }
	.pre-reg-side-bar i { width: 52%; font-size: 15px; }
	.what-need-content h4 { font-size: 15px; }
	.pre-reg-side-bar i { line-height: 19px; }
	.pre-reg-side-bar span { width: 25px; }
	.business-days { padding: 20px 0; }
	.what-need { padding: 20px 0; }
	.side-bar-preopertive-instruction ul li i { padding: 0 5px; font-size: 15px; margin-top: 10px; }
	.side-bar-preopertive-instruction ul li { height: 170px; margin-bottom: 20px; }
	.whole-process-left h2 { font-size: 35px; }
	.whole-process-right { width: 58%; }
	.whole-process-right p { font-size: 15px; }
	.whole-process-right a { font-size: 15px; padding: 10px 20px; }
	.whole-process { padding: 20px 0; }
	/*--*/
	
	a.hipaa-seal img { width: 115px; }
}

/*------------tablet portrait  view------*/

@media (max-width:991px) {
	.simple-menu li { margin-right: 10px; }
	.inner-header .main {
		padding:0 2%;
	}
	/* .simple-menu li a { font-size: 14px; } */
	.banner-content span { font-size: 20px; padding: 10px 20px; }
	.banner-content h1 { font-size: 30px; line-height: 1.3; }
	.banner-content a { font-size: 14px; padding: 10px 20px; }
	.pagination ul li a { width: 12px; height: 12px; }
	.pagination ul li { margin-bottom: 5px; }
	.banner-content {
		padding: 60px 0;
	}
	.surgery-slider:before { background-size: 100% 100%; }
	.physian-left h2 { font-size: 32px; }
	.banner-content { width: 60%; }
	.about-asc { padding-right: 10px; padding-top: 15px; padding-bottom: 10px; }
	.about-asc h3 { font-size: 24px; }
	.about-asc span { font-size: 16px; padding-bottom: 5px; }
	.about-asc p { padding-top: 12px; line-height: 20px; }
	.about-asc a { margin-top: 30px; padding: 10px; }
	.benefit-asc i.benefit-sentence { font-size: 20px; }
	.benefit-asc ul li { height: 140px; }
	.benefit-asc ul li a { min-height: 100%; }
	.benefit-img .state-art-imgs img { margin-top: 15px; }
	.benefit-img span { bottom: 15px; font-size: 12px; line-height: 18px; }
	.surgery-center-content h2 { font-size: 24px; }
	.surgery-center-content span { font-size: 16px; }
	.surgery-center-content h2 { padding-top: 10px; line-height: 30px; }
	.surgery-center-content p { padding-top: 20px; line-height: 22px; }
	.surgery-center-content a { padding: 10px 20px; font-size: 15px; margin-top: 20px; }
	.eye-surgery ul li h4 { font-size: 15px; }
	.eye-surgery ul li a { font-size: 15px; }
	.contact-us { width: 90%; }
	.find-us { width: 90%; }
	.contact-part ul li { width: 49.5%; }
	a.footer-logo { width: 140px; }
	a.hipaa-seal img { width: 100px; }
	.copy-right-isc ul { display: block; }
	.copy-right-isc { top: 0px }
	.inner-footer p { line-height: 22px; }
	
	/*--inner-page--*/
	    
	.inner-banner {
		min-height: 200px;
	}
	.inner-banner:after {
		background-size: contain;
	}
	
	.process-heading h2 { font-size: 25px; }
	.what-need { padding: 15px 0 20px 0; }
	.what-need h3 { font-size: 16px; line-height: 30px; }
	.what-need h3 span { font-size: 32px; }
	.what-need h3:after { bottom: -12px; }
	.weeked-prior { padding: 10px 0; }
	.what-need-content h4 { font-size: 15px; line-height: 22px }
	.pre-reg-side-bar { padding: 10px 0; }
	.pre-reg-side-bar span { width: 22px; margin: 0 10px }
	.pre-reg-side-bar i { width: 62%; font-size: 14px; line-height: 17px; text-align: center; }
	.pre-reg-side-bar:after { right: 4px; background-size: 80%; }
	.business-days { padding: 10px 0; }
	.side-bar-preopertive-instruction ul li { height: 150px; }
	.side-bar-preopertive-instruction ul li i { font-size: 14px; line-height: 18px; }
	.process-heading span { font-size: 15px; }
	.process-heading h2 { font-size: 22px; line-height: 30px; }
	.accordion { padding-top: 20px; }
	.accordion li a.accordion-title { font-size: 15px; }
	.accordion-content { padding-top: 10px; }
	.accordion li .accordion-content p { font-size: 15px; line-height: 22px; }
	.accordion li { margin-bottom: 10px; }
	.accordion li a:after,
	.accordion li.active a:after {
		margin-top: -10px;
		background-size: 80%;
	}
	.whole-process-left h2 { font-size: 28px; }
	.whole-process-right { width: 56%; }
	.whole-process-left { width: 43%; }
	.whole-process-right p { width: 50%; }
	/*--*/
	
	
}

@media (max-width:800px) {
	
	.logo { width: 204px; }
	.simple-menu { float: none; display: block; }
	.simple-menu li a { font-size: 16px; }
	.simple-menu li + li {
		border-top: 1px solid #1f84c3;
	}
	.simple-menu li.active a {
		color: #fff;
		background: #1f84c3;
	}
	.simple-menu li a:hover {
		color: #fff;
		background: #1f84c3;
	}
	
	.simple-menu li > .arrow.up ~ ul {
		position: relative;
		left:auto;
		opacity: 1;
	}
	
	/*--responsive menu--*/    
	.enumenu_ul { display: none }
	.menu-block { height: auto; }
	.menu-icon { display: block }
	.services-detail a.pba-detail { border-bottom: 2px solid #d3d9da; }
	.enumenu_ul > li { display: block; margin: 0px; padding: 0px; }
	.enumenu_ul > li > a { padding: 5px; text-align: left; line-height: 30px }
	.enumenu_ul { width: 100%; float: left; padding-top: 10px; }
	.enumenu_ul > li ul { background: #D1D1D1; }
	.enumenu_ul > li ul a { display: block; text-align: left; color: #000; padding: 5px 0; }
	
	.simple-menu .arrow {
		display: inline-block;
		/* background-color:#1d7db9; */
		background-color:transparent;
		position: absolute;
		top:0;
		right:0;
		height:100%;
		width:50px;
		
		transition:all 0.2s ease 0s;
	}
	.simple-menu .arrow:before,
	.simple-menu .arrow:after {
		content:"";
		display: inline-block;
		height:12px;
		width:5px;
		background-color:#FFF;
		border-radius:25%;
		
		position: absolute;
		top:18px;
		
		transition:all 0.2s ease 0s;
	}
	.simple-menu .arrow:before {
		-ms-transform:rotate(0) skewX(45deg) translate3d(0,0,0) scale(1.0);
		-webkit-transform:rotate(0) skewX(45deg) translate3d(0,0,0) scale(1.0);
		transform:rotate(0) skewX(45deg) translate3d(0,0,0) scale(1.0);
		
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		
		left:17px;
	}
	
	.simple-menu .arrow:after {
		-ms-transform:rotate(0) skewX(-45deg) translate3d(0,0,0) scale(1.0);
		-webkit-transform:rotate(0) skewX(-45deg) translate3d(0,0,0) scale(1.0);
		transform:rotate(0) skewX(-45deg) translate3d(0,0,0) scale(1.0);
		
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		
		right:17px;
	}
	
	.simple-menu .arrow.up:before {
		-ms-transform:rotate(90deg) skewX(45deg) translate3d(0,0,0) scale(1.0);
		-webkit-transform:rotate(90deg) skewX(45deg) translate3d(0,0,0) scale(1.0);
		transform:rotate(90deg) skewX(45deg) translate3d(0,0,0) scale(1.0);
	}
	.simple-menu .arrow.up:after {
		-ms-transform:rotate(-90deg) skewX(-45deg) translate3d(0,0,0) scale(1.0);
		-webkit-transform:rotate(-90deg) skewX(-45deg) translate3d(0,0,0) scale(1.0);
		transform:rotate(-90deg) skewX(-45deg) translate3d(0,0,0) scale(1.0);
	}
	/*--*/
	 .banner-content { width: 60%; }
	.about-asc { padding-right: 10px; padding-top: 15px; }
	.about-asc h3 { font-size: 24px; }
	.about-asc span { font-size: 16px; padding-bottom: 2px; }
	.about-asc p { padding-top: 5px; line-height: 22px; }
	.about-asc a { margin-top: 10px; padding: 10px; }
	/*--inner-page--*/
	.inner-page-header .enumenu_ul { padding-bottom: 10px; }
	.inner-page-header .simple-menu { padding-top: 0; padding-bottom: 15px; }
	/*--*/
   
}

/*------------mobile landscape  view------*/
@media (max-width:767px) {
	.main { padding: 0 15px; }
	.pre-register a { font-size: 13px; }
	.contact-btn a { font-size: 16px; padding: 9px; }
	.header-top { padding-bottom: 3px; }
	.contact-right ul { padding-right: 10px; }
	.contact-right ul li a { padding-right: 10px; font-size: 13px; }
	.menu-icon .menu-box { margin-right: 10px; }
	.banner-content span { font-size: 18px; padding: 5px 10px; }
	.banner-content h1 { font-size: 25px; }
	.banner-content { width: 80%; }
	.physican-right p { font-size: 13px; line-height: 18px; }
	.physican-right a { font-size: 13px; padding: 7px 10px; }
	.physian-left h2 { font-size: 26px; }
	.asc-img { width: 44%; }
	.about-asc { width: 55%; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
	.about-asc span { font-size: 15px; padding-bottom: 0; }
	.about-asc h3 { font-size: 20px; }
	.about-asc p { padding-top: 0; font-size: 15px; }
	.about-asc a { margin-top: 5px; padding: 10px 20px; }
	.benefit-asc i.benefit-sentence { font-size: 18px; }
	.benefit-asc i.benefit-sentence:after { margin-left: 6px; }
	.benefit-img .state-art-imgs img { margin-top: 25px; }
	.what-is-asc { padding: 30px 0; }
	.surgery-center-content { width: 100%; }
	.surgery-center-content h2 { font-size: 20px; }
	.surgery-center { padding: 30px 0; }
	.eye-surgery ul li { float: left; margin: 7px 0; }
	.eye-surgery { padding: 20px 0; }
	.eye-surgery ul li span { padding: 0 15px; }
	.eye-surgery ul li a { font-size: 13px; }
	.eye-surgery ul li h4 { font-size: 14px; }
	.find-us { padding-left: 80px; }
	.contact-us { padding-left: 100px; }
	.copy-right-isc { text-align: left; }
	
/*
	.banner-content h1 {
		min-height:130px;
	}
*/
	
	/*--inner-page--*/
	    
	.inner-banner { min-height: 175px; }
	.what-to-expect h1 { font-size: 25px; }
	.what-to-expect { padding: 10px 0; }
	.what-need h3 { line-height: 27px; }
	.pre-reg-side-bar span { width: 17px; margin: 0 4px; vertical-align: super; }
	.pre-reg-side-bar i { width: 68%; font-size: 14px; }
	.pre-reg-side-bar:after { right: 3px; width: 16px; background-size: 100%; }
	.side-bar-preopertive-instruction ul li i { margin-top: 20px; }
	.whole-process-right p { font-size: 13px; line-height: 18px; }
	.whole-process-right a { font-size: 13px; padding: 7px 5px; }
	.whole-process-left h2 { font-size: 24px; }
	/*--*/
   
    
    
}

/*------------mobile portrait view------*/
@media (max-width:640px) {
	.pre-register { float: none; text-align: center; margin-bottom: 10px; }
	.contact-right { float: none; text-align: center; }
	.contact-right ul { display: inline-block; float: none; }
	.contact-btn { float: none; display: inline-block; }
	.contact-btn { padding: 5px 10px; }
	.physian-left h2 { font-size: 25px; }
	.physican-right { width: 100%; margin-top: 5px; }
	.about-asc { width: inherit; float: none; padding-left: 10px; }
	.asc-img { margin-right: 20px; margin-bottom: 0px; }
	.about-asc a { margin-bottom: 10px; margin-top: 10px; text-align: center; }
	.more-btn { text-align: center; width: 100%; }
	.benefit-asc ul li { width: 50%; border-bottom: 1px solid #023656; }
	.benefit-asc ul li:first-child { width: 100%; }
	.benefit-img .state-art-imgs img { margin-top: 20px; }
	.benefit-asc ul li:last-child { border-right: 1px solid #023656; }
	.benefit-asc ul li:nth-child(2) { border-left: 1px solid #023656; }
	.benefit-asc ul li:nth-child(4) { border-left: 1px solid #023656; }
	.benefit-asc i.benefit-sentence br { display: none; }
	.benefit-asc ul li:first-child { height: 50px; }
	.find-us { padding-left: 46px; }
	.find-us:before { background-size: 70%; left: 0px; }
	.find-us:after { background-size: 70%; left: 0px; }
	.contact-us:before { background-size: 70%; left: 0px; }
	.contact-part ul li .contact-us:after { background-size: 70%; left: 0px; }
	.contact-us { padding-left: 54px; }
	.find-us address { font-size: 12px; }
	.contact-us p a { font-size: 12px; }
	a.footer-logo { width: 176px; }
	.copy-right-isc { text-align: center; top: 60px; padding: 0 10px; width: 100%; }
	.inner-footer { padding-bottom: 35px; }
	.copy-right-isc ul { display: inline-block; }
	.inner-footer p { font-size: 11px; }
	/*--inner-page--*/
	.process-left-part { float: none; width: 100%; padding-top: 45px; }
	.side-bar { float: none; width: 100%; }
	.process-heading h2 { font-size: 20px; line-height: 28px; }
	.accordion li a.accordion-title { padding: 5px; }
	.what-need { padding: 10px 0 20px 0; }
	.what-need h3:after { bottom: -14px; }
	.what-need-content { width: 70%; margin: 0 auto; text-align: center; }
	.pre-reg-side-bar span { width: 20px; margin: 0 20px; vertical-align: middle; }
	.pre-reg-side-bar i { padding-top: 8px; text-align: left; width: 70%; vertical-align: middle; }
	.pre-reg-side-bar i br { display: none; }
	.pre-reg-side-bar:after { right: 25px; }
	/*  .pre-reg-side-bar span{width: 30px; vertical-align: inherit; }
	    .pre-reg-side-bar i{vertical-align: top; padding-top: 15px; width: 55%;}
	    .pre-reg-side-bar i br{display: none;}
	    .pre-reg-side-bar:after{width: 23px; right: 45px;}
	    .pre-reg-side-bar{text-align: center;}
	    */
	        
	.side-bar-preopertive-instruction ul li i { margin-top: 20px; }
	.side-bar-preopertive-instruction ul li i br { display: none; }
	.whole-process-left h2 { font-size: 25px; }
	.whole-process-right { width: 100%; margin-top: 5px; }
	.whole-process-left { width: 100%; }
	.whole-process-right a { position: relative; top: -14px; }
	.whole-process-right p { width: 57%; }
	.eye-surgery ul li span { padding: 0 4px; }
	.pre-reg-side-bar::after { margin-top: -4px; }
	.pre-reg-side-bar i { padding-top: 3px; text-align: center; }
	
	/*--*/
	
	.table-financial td {
		padding:10px;
		font-size:15px;
	}
    
}

@media (max-width:520px) {
	.eye-surgery ul li span { display: none; }
	.eye-surgery ul li { float: none; display: block; border-bottom: 1px solid #fff; padding-bottom: 10px; }
	
	.staff-list > li,
	.staff-list > li:nth-child(3n-1),
	.staff-list > li:nth-child(n+4) {
		width:46%;
		margin:0;
	}
	
	.staff-list > li:nth-child(2n) {
		margin-left:5%;
	}
}

/*----------optional css------*/
@media (max-width:480px) {
	
	.header-top { padding-bottom: 6px; }
	.header-top .main {
		padding:0 1.5%;
	}
	
	.contact-btn a { font-size: 15px; padding: 5px; }
	.contact-right ul li { margin-right: 2px; }
	.contact-right ul li a { padding-right: 5px; }
	.contact-right ul li:last-child a {
		padding-right:22px;
	}
	.contact-btn a { padding: 5px 4px; font-size: 15px; }
	.contact-btn { padding: 0; }
	.contact-right ul { padding-right: 4px; }
	.logo { width: 180px; }
	.simple-menu { padding-top: 12px; }
	/* .menu-icon .menu-box { width: 35px; } */
	.menu-icon .menu-box span { height: 3px; }
	.simple-menu li a { font-size: 15px; }
	.menu-icon.active span:nth-child(1) { -webkit-transform: rotate(45deg) translateY(7px) translateX(6px); -ms-transform: rotate(45deg) translateY(7px) translateX(6px); -moz-transform: rotate(45deg) translateY(7px) translateX(6px); transform: rotate(45deg) translateY(7px) translateX(6px); }
	.banner-content span { padding: 10px; }
	.banner-content { width: 100%; }
	.banner-content h1 br { display: none; }
	.banner-content h1 { line-height: 33px; font-size: 20px; }
	.banner-content a { font-size: 12px; padding: 10px; }
	.pagination { right: 0; left: 0; text-align: center; margin: 0 auto; bottom: -40px; top: auto; }
	.pagination ul li { display: inline-block; margin-bottom: 0; }
	.banner-content { 
		padding: 40px 0;
	}
	
/*
	.banner-content h1 {
		min-height:99px;
	}
*/

	.unslider-nav {
		margin-bottom:0;
		bottom:10%;
	}
	.unslider-nav ol {
		margin-right:12.5%;
	}
	
	.banner-content span { margin-bottom: 10px; font-size: 17px; }
	.banner-content a { margin-top: 10px; font-size: 12px; }
	.pagination ul li a { height: 10px; width: 10px; }
	.physican-right { text-align: center; float: none; width: 100%; margin-top: 5px; }
	.physican-right p { width: 100%; float: none; margin-top: 10px; }
	.physican-right a { float: none; text-align: center; margin-top: 20px; }
	.physian { padding: 12px 0; }
	.physian-left { float: none; text-align: center; }
	.asc-img { float: none; width: 100%; text-align: center; margin-right: 0; margin-bottom: 10px; }
	.about-asc { padding-bottom: 10px; }
	.benefit-asc ul li { width: 100%; border-bottom: 1px solid #023656; }
	.benefit-asc ul li:first-child { width: 100%; }
	.benefit-asc ul li:last-child { border-right: 0 }
	.benefit-asc ul li:nth-child(2) { border-left: 0 }
	.benefit-asc ul li:nth-child(4) { border-left: 0 }
	.surgery-center-content h2 { font-size: 18px; line-height: 28px; }
	.surgery-center { padding: 20px 0; }
	.surgery-center-content p { line-height: 20px; }
	.surgery-center-content a { padding: 10px 15px; }
	.contact-part ul li { width: 100%; border: 0; }
	.contact-part ul li:first-child { border-left: 0; }
	.find-us address { font-size: 13px; }
	.contact-us p a { font-size: 13px; }
	.contact-part:before { position: absolute; background: #1f84c3; height: 1px; width: 100%; content: ""; top: 50%; left: 0; right: 0; text-align: center; margin: 0 auto; display: block; }
	.contact-part { position: relative; }
	a.footer-logo { width: 100%; text-align: center; float: none; display: block; }
	.copy-right-isc { top: 60px; }
	#bottom-logos { text-align: center; }
	a.hipaa-seal img { width: 100px; display: inline-block; float: none; margin-top: 50px; vertical-align: middle;}
	a.jb-system-logo { float: none; padding-top: 0; margin-top: 50px; display: inline-block; vertical-align: middle;}
	.inner-footer { padding-bottom: 10px; }
	.copy-right-isc ul { display: block; }
	/*--inner-page--*/
	    
	.process-heading h2 br { display: none; }
	.process-heading h2 { font-size: 18px; }
	.accordion li a:after,
	.accordion li.active a:after { right: 0; }
	.accordion li a.accordion-title { font-size: 13px; }
	.pre-reg-side-bar span { margin: 0 10px; }
	.pre-reg-side-bar:after { right: 10px; }
	.whole-process-right { text-align: center; float: none; width: 100%; margin-top: 5px; }
	.whole-process-right p { width: 100%; float: none; margin-top: 10px; }
	.whole-process-right a { float: none; text-align: center; margin-top: 10px; }
	.whole-process { padding: 12px 0; }
	.whole-process-left { text-align: center; }
	.whole-process-right a { top: auto; }
	
	
	.item-list {
		text-align: left;
	}
	.item-list li {
		width:47%;
	}
	.item-list li:nth-child(2n),
	.item-list br ~ li:nth-child(2n-1) {
		margin-left:4%;
	}
	.item-list br ~ li:nth-child(2n) {
		margin-left:0;
	}
	.item-list li:before,
	.item-list li + li:before {
		content:"";
		display: inline-block;
		vertical-align: middle;
		margin-right:10px;
		margin-left:0;
		height:4px;
		width:4px;
		background-color:#1f84c3;
	}
	
	.item-list br {
		display: none;
	}
	
	/*--*/
	
	.table-financial td {
		padding:5px;
	}
	
	.table-financial .table-blue td {
		font-size:13px;
	}
  
}

@media (max-width:420px) {
	
	.staff-list > li {
		margin:0 !important;
		width:100% !important;
	}
	.staff-list > li + li {
		margin-top:3% !important;
	}
	
	.contact-right ul li a.share-img:after {
		content:none;
	}
	
	.contact-right ul li:last-child a {
		padding-right:0;
	}
	
}