 
@media only screen and (max-width: 980px) {
#scheduleMobileLink{display:block;} 
	.header .navigation a{padding-bottom:10px;}

}
@media only screen and (max-width: 780px) {
	.sh-1, .sh-2{ height:240px !important;} 
} 
@media only screen and (max-width: 680px) {
	.sh-1, .sh-2{ height:200px !important;}
}
@media only screen and (max-width: 480px) {
	.sh-1, .sh-2{ height:170px !important;}
}
@media only screen and (max-width: 350px) {
	.sh-1, .sh-2{ height:130px !important;}
}
@media only screen and (max-width: 980px) {
.sp-1{width:90%; float:left;padding:0px; padding-left:5%; padding-right:5%; }
.sp-2{width:90%; float:left;padding-left:5%; padding-right:5%;}
.sp-3{width:100%; margin-right:0px;}
.sp-4{width:90%; padding:20px; float:left;}
.sh-11-2{width:96%;}
.sh-13-2{width:93%;height:246px;}
	.sh-318{float:left; width:100%; text-align:center;}
	.package1{display:inline-block !important; float:none !important;}
.sh-10-2{margin-left:0px; width:90%; height:380px;}
	.sh-7-2{float:left; width:100%;}
	.sh-317{padding:3%; height:auto; width:94%;}
.sh-300{font-size:30px;}
.sh-309, .sh-315{display:none;}
.sh-301{width:96%; padding:3%;}
.sh-300{width:96%; padding:3%;}
.sh-302{width:100%; margin-bottom:0px;}
.sh-303{margin-top:10px;}
.sh-306, .sh-310{width:100%;}
.sh-307{width:96%; padding:3%;}
.sh-308{width:96%; height:auto; padding:3%;}
.sh-311{width:96%; padding:3%;}
.sh-312{width:96%; height:auto; padding:3%;}

	.sh-20{width:100%;}
	.sh-2{ background-size:100% auto;}
	.sh-3{width:100%;}
	.sh-8{width:80%;}
	 .sh-9{width:100%;}

	.sh-19{display:block; width:80%; padding-left:30px; padding-top:60px; }
	.sh-17{font-size:21px; width:100%;text-align:right; float:right; line-height:24px;}
	.sh-18{font-size:18px;width:100%;text-align:right; float:right; line-height:21px;}
	.sh-7-2{margin-top:20px;}
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	.clientImagePlaceholder{display:none;}
	.main{padding-top:10px;}
	.container iframe{ width:100% !important;}
	.wrapper {
		width: 100% !important;
		position: relative;
	}

	.container {
		width: 90% !important;
		padding: 0px 5%;
	}

	body {
		padding: 75px 0 0; 
	}

	h1 { font-size: 32px !important; }
	h2 { font-size: 24px !important; }
	h3 { font-size: 18px !important; }

	img {
		width:auto; max-width: 280px; height:auto; float:left !important; margin:0px !important;margin-right:10px !important; margin-top:10px !important; clear:both; margin-bottom:10px !important;
	}
.wrapper { 
width: 100% !important; 
margin: 0 auto;
}
.package .package1 .packageBuyNow {

	margin-left:6px;
}
	.section .container.background {
		padding: 20px !important;
	}
.table-list textarea{ width:95% !important;}
	.header {
		position: fixed;
		top: 0;
		left: inherit;
		height: 75px;
		width: 100%;
		z-index: 99;
	}
	.header .container {
		padding: 0 !important;
	}
	.header .logo,
	.header .logo a {
		height: 75px;
		width: 250px;
		padding: 0;
		background-position: 0 -20px;
		background-size: cover;
	}
	.header .topNavigation {
		display: none;
	}

	.header .menuIcon {
		position: absolute;
		top: 20px;
		right: 0;
		display: inline-block !important;
		width: 32px;
		height: 32px;
		background: url(/images/menu.png) center center no-repeat;
		cursor: pointer;
		z-index: 100;
	}

	.header .navigation {
		display: none;
		background: #000000;
		background: rgba(0, 0, 0, 0.9);
		width: 100%;
	}
	.header .navigation ul {
		width: 100% !important;
		display: block;
		float: none;
	}
	.header .navigation li {
		clear: both;
		text-align: center;
		width: 100%;
		display: block;
	}
	.header .navigation li a {
		display: block;
	}

	.footer {
		padding: 20px 0;
	}
	.footer ul {
		display: none;
	}
	.footer img {
		width: auto;
		margin: 10px 20px;
	}

	

	.indexIntro .slide h1 {
		font-size: 32px;
		line-height: 1em;
	}
	.indexIntro .slide p {
		line-height: 1em;
	}

	.indexPackages .left {
		border-bottom: 1px solid #B68386;
		padding: 20px 0;
		width: 280px !important;
	}
	.indexPackages img {
		width: 50px;
		float: left;
		margin: 0 10px 10px 0 !important;
	}
	.indexPackages .packageDescription {
		min-height: 0 !important;
		height: auto !important;
	}
	.indexPackages .left p:last-child a.buttonRed {
		background-position: top center;
		background-repeat: no-repeat;
		width: 100%;
		margin: 0 !important;
	}


	.package .package1 .package1Container .left {
		width: auto !important;
		padding: 20px;
	}
	.package .package1 .package1Container .right {
		width: auto !important;
		padding: 20px;
	}
	.package .package1 .package1Container .right .packageName {
		line-height: 2em;
		font-size: 24px;
	}
	.package .package1 .package1Container .right .packagePrice {
		font-size: 48px;
	}
	.package .package1 .package1Container .right .packagePricePer {
		font-size: 18px;
		line-height: 2em;
	}
	.package .package1 .package1Container .right .packageButtons a {
		margin: 0 auto 10px;
	}

	.quoteRight .clientImage2{display:block;text-align:center;}
	.quoteLeft .clientImage2{display:block;text-align:center;} 
	.quoteRight img{ margin:0 auto; margin-top:20px; float:none;}
	.quoteLeft img{ margin:0 auto; margin-top:20px; float:none;}
	.quoteRight .clientImage{display:none;}
	.quoteLeft .clientImage{display:none;} 
	.package blockquote {
		width: auto;
		padding: 10px 20px;
	}
	.package blockquote:before,
	.package blockquote:after {
		display: none;
	}


	.why-us .pageTitle {
		padding: 20px 0;
		margin: 0;
		line-height: 1em;
	}
	.why-us .tabs.background {
		padding: 20px 20px 0 20px !important;
	}
	.why-us .tabs .right li {
		width: 93px;
		padding: 0;
		margin: 0;
	}
	.why-us .tabsContent.background {
		padding: 0 20px 20px 20px !important;
	}
	.why-us .step {
		width: 240px !important;
	}
	.why-us .step img {
		width: 160px;
		float: none;
		margin: 20px auto;
	} 
	.why-us blockquote {
		width: auto;
		padding: 10px 20px;
	}
	.why-us blockquote:before,
	.why-us blockquote:after {
		display: none;
	}



	.xero .section.xero2 .right {
		width: auto;
		margin: 0 0 20px;
	}
	.xero .section.xero3 .left {
		width: auto;
		margin: 0 0 20px;
	}
	.xero .section.xero3 .right {
		margin: 0;
		padding: 0;
	}


	.whoWeAre .person .personImage {
		width: auto;
		margin: 0 0 20px;
	}
	.whoWeAre .person .personImage img {
		float: left;
		margin: 0 20px 0 0;
	}
	.whoWeAre .person .personBio {
		width: auto;
		padding: 20px;
	}


	.services .service {
		width: 280px;
		background-position: top center !important;
		margin: 0 0 10px 0;
	}
	.services .service a {
		width: 220px;
	}


	.service .sidebar {
		width: 280px;
	}
	.service .sidebarMain {
		width: 280px;
	}
	.service .sidebarMain .section {
		padding: 20px;
	}

	.contact form {
		margin: 0 0 40px 0;
	}
	.contact label {
		float: left;
		clear: both;
		margin: 0 0 10px 0;
		width: 100%;
	}
	.contact .field input,
	.contact .field textarea {
		width: 280px;
	}
	.contact iframe {
		width: 280px;
		margin: 0 0 20px;
	}


	.left {
		clear: both;
		width: 100% !important;
	}
	.right {
		clear: both;
		float: left;
		width: 100% !important;
	}
	.package .package12 img{margin:0 auto !important; float:none !important;}
	.package .package12 .packageName{clear:both;}
	.package .package12 .left{
		width: 80% !important;
	}
	.package .package12 .right{
		width: 80% !important;
	}

	.sh-7{width:90%; 
	}


}
@media only screen and (max-width: 480px) {
	.sh-19{display:block; width:80%; padding-left:30px; padding-top:30px; }
	.sh-17{font-size:16px; width:100%;text-align:right; float:right; line-height:21px;}
	.sh-18{font-size:12px;width:100%;text-align:right; float:right; line-height:18px;}
}