@media only screen and (max-width: 1600px) {
	.aboutbar .image{ background-position: 150% 0; }
}
}

@media only screen and (max-width: 1200px) {
	.aboutbar .image{ background-position: 225% 0; }
}

@media only screen and (max-width: 1150px) {
	a.chat {position: fixed; top: 170px; right: 0; }
}
@media only screen and (max-width: 1130px) {
	.crest {top: -100px; right: 20px; width: 125px; }
	.crest img {width: 100%;}
}

@media only screen and (max-width: 1100px) {
	.bbtext {right: 5%;}
	.Cbbtext, .Rbbtext {right: 5%;}
	.aboutbar .image{ background-position: 450px 0; }
}

@media only screen and (max-width: 1020px) {
	.blubar {top: 33px;}

	a.homelink { left: 20px;}

	.bbcenter {width: 100%;}
	.Cbbcenter, .Rbbcenter {width: 100%;}
	article.features, article.features2 {padding: 0; margin: 0; width: 100%;}
	article.ppfeatures {padding: 0 0 50px 0; margin: 0; width: 100%;}
	article.features2 {min-height: 450px; padding-bottom: 120px;}
	article.features h3, article.ppfeatures h3{  padding-left: 50px;}
	a.tenpc {top: 0px; right: 20px; }
	article.testim {width: 100%;}
	article.testim h3 {height: auto; margin: 20px;}
	.Hformbox input[type="text"] {width: 100%; padding:  5px 5%;}
	.Hformbox input.orng {width: 100%; }

	.item {width: 100%; padding: 0 20% 0 5%;}
	article.testim h2{margin: 25px 20px; }

	.starbox {height: 80px;}
	.starbox div {width: 50%; margin-bottom: 5px; }
	.starbox div:first-child {border: 0; width: 50%}
	.starbox div:last-child {width: 100%; float: none; clear: both; border: 0; border-top: solid 1px #9a9a9a; margin: 5px 0; padding: 5px 0; clear: both;}

	.partnerbar img, .partnerbar img:last-child {padding: 0 20px 20px 20px;}
	.headerbar {padding: 39px 0 0 50px; }
	article.inside {width: 96%; margin: 0 2%;}
	aside {width: 100%; float: none;}
}

@media only screen and (max-width: 1000px) {
	.aboutbg {background: url(../images/FreeTrialImage.jpg) no-repeat -100px 0;  }
	.aboutbar .image{ background-position: 350px 0; }
}
@media only screen and (max-width: 920px) {
	.testbox {float: none; margin: 10px auto; height: auto;}
}

@media only screen and (max-width: 900px) {
	.aboutbar .content, .aboutbar .pix {height: 700px;}
	.toplinks {display: none;}
}

@media only screen and (max-width: 820px) {
	.toplinks a, .toplinks a:last-child { padding: 8px 10px 7px 10px;}
}

@media only screen and (max-width: 800px) {
	.bbtext {width: 70%; right: 0;margin-top: 30px;}
	.bbtext h1 { font-size: 40px; }
	.bigbanner {background: url(../images/PerfProBannerTablet.jpg) no-repeat center top; height: 595px;}

	.testimbar .content {width: 100%;}
	.testimbar {height: auto; padding-bottom: 20px;}

	.screenbar .content{width: 50%;}
	.screenbar .pix {width: 50%;padding: 70px 5% 0 5%; }
	.item {width: 100%; padding: 0 5%; margin-bottom: 40px;}
	.picbox {margin-bottom: 40px; left: 0px; width: 100%}
	.picbox img { width: 100%}

	.circles {display: none;}

	.screenbar {display: none;}
	.screenbarT {display: block;}

	.tenpc {top: -70px; right: 20px; }

	.Sbigbanner {height: 600px;  background: url(../images/SalaryAdmin-TabletBanner.jpg) no-repeat center top;}
	.Sbbtext { margin-top: 10px; height: 580px;  }
	.Sbbtext h1, .sbtext h1 {font-size: 42px; }
	.sbtext {margin-top: 40px; width: 60%}
	.secondbanner {background: url(../images/SalaryAdmin-TabletBanner2.jpg) no-repeat center;  height: 476px; }

	.Cbigbanner {background: url(../images/ConsultingTraining-Banner-Tablet.jpg) no-repeat center top; height: 595px;}
	.Cbbtext {width: 70%; right: 0;margin-top: 30px;}
	.Cbbtext h1 { font-size: 40px; }
	.Cbbtext h2 { font-size: 32px; }

	.Rbigbanner {background: url(../images/HR-Resources-Banner-Tablet.jpg) no-repeat center top; height: 518px;}
	.Rbbtext {width: 70%; right: 0;padding-top: 150px; height: 518px;}
	.Rbbtext h1 { font-size: 40px; }
	.Rbbtext h2 { font-size: 32px; }
}

@media only screen and (max-width: 780px) {
	.aboutbar .content, .aboutbar .pix {height: 800px;}
}

@media only screen and (max-width: 730px) {
	.circles a {margin: 0;}
	#ID186, #ID193 {display: none;}
	.fifty50 {width: 100%;}
	a.Csignup {display: block;}
	.disappear {display: none;}
	a.Csignup {top: 20px; position: relative; }
	article.features2 {padding-bottom: 50px;}


}

@media only screen and (max-width: 700px) {
	body {font-size: 16px; }

	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	span.tenpc {position: relative; clear: both; top: 0px; right: 0px; margin: 10px auto; }
	a.signup, a.signup:visited, input.orng {background-color: #f69625; color: white; width: 100%; height: 32px; text-align: center; text-decoration: none; display: block; padding-top: 4px; margin: 10px 0; border: 0; font-size: 18px; line-height: 1; left: 0; bottom: 10px}
	a.signup:hover {background-color: #24a6de; color: white; }
	a.signup img {display: none;}
	article.features2 {padding-bottom: 50px;}

	article.features2 table td {padding: 10px 20px 10px 20px; text-align: left;}
	article.features h3, article.ppfeatures h3{  padding-left: 20px;}
	article.ppfeatures {padding: 0;}

	h3{font-size: 20px; height: auto; }
	h4 {margin: 20px 20px 10px 20px; font-size: 18px }

	.aboutbar .content, .aboutbar .pix {height: 700px;}
	.aboutbar .image{background:none; }
	.aboutbar .content {width: 50%;  background: url(../images/blu2.gif) repeat-x 0 -21px white; padding: 36px 20px 0px 20px;}
	.aboutbar .pix {width: 50%; background-color: #25A6DF }


	.Hformbox {width: 100%; padding: 20px; position: absolute; left: 0px; top: 250px; bottom: auto; background: none ;}
	a.free {top: -220px; left: 50%; margin-left: -88px}

	.ppbar {display: none;}
	footer { margin: 20px auto 0 auto; }
	.circles a { width: 32%; }
	.circles a img {width: 100%;}

	.headerbar {padding: 29px 0 0 20px; height: 73px;}
	h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header  { font-size: 40px; }
	.crest {top: -70px; right: 2%; width: 90px; }

}

@media only screen and (max-width: 660px) {
	.sbtext {margin-top: 40px; width: 66%}

	.Sbbtext h1 {font-size: 36px;}
	.secondbanner {background: url(../images/SalaryAdmin-TabletBanner2.jpg) no-repeat -150px top;   }
}

@media only screen and (max-width: 600px) {
	#contentwrapper { padding-top: 95px;}

	a.chat {display: none;}
	.col4, .col3, .col2 {width: 96%; margin: 0 2% 10px 2%; }
	.circles {background-color: white;}
	.circles a {width: 209px;}

	.bigbanner {background: url(../images/LargeBanner-Tablet.jpg) no-repeat -100px top;}
	.bbtext {width: 80%; margin-top: 55px; background: url(../images/pplogo_noline.png) top center no-repeat; padding-top: 100px}
	.bbtext h1 { font-size: 36px; margin: 10px 0;}

	.Sbbtext {width: 80%; margin-top: 55px; background: url(../images/CompeaseLogo2.png) top center no-repeat; padding-top: 100px}
	.Sbbtext h1, .sbtext h1 {font-size: 36px; margin: 10px 0;}
	.sbtext {margin-top: 40px; width: 60%}

	.aboutbar{ height: 700px;}
	.aboutbar .liner{ height: auto;}
	.aboutbar .pix {width: 100%; float: none; height: auto; }
	.aboutbar .content {width: 100%; float: none; height: auto; }
	.Hformbox {padding: 20px; position: relative; top: 0; bottom: auto; width: 100%; height: auto; margin: 0; }
	a.free {display: none;}

	.Cbigbanner {background: url(../images/ConsultingTraining-Banner-Tablet.jpg) no-repeat -100px top; height: 595px;}

	.Cbbtext {width: 80%; margin-top: 55px; }
	.Rbbtext {width: 60%; margin-top: -50px; }
	.Rbigbanner {background: url(../images/HR-Resources-Banner-Tablet.jpg) no-repeat -200px top; }



	header, .header_wrapper {background: url(../images/TopSlice.gif) repeat-x; height: 118px; }
	.phone {top: 3px; width: 100%; color: white; right: 0}
	.phone a {color: white;}
	a.homelink {top: 50px;}

	.starbox {height: 150px;}
	.starbox div, .starbox div:first-child {width: 100%; float: none; clear: both; border: 0; border-top: solid 1px #9a9a9a; margin: 5px 0; padding: 5px 0; clear: both;}
	.starbox div:first-child {border: 0;}
}

@media only screen and (max-width: 570px) {
	.aboutbar{ height: 800px;}
}

@media only screen and (max-width: 540px) {
	.toplinks a, .toplinks a:last-child { padding: 8px 5px 7px 5px;}
	.bbtext {width: 300px;  right: 5px;}
	.bbtext h1 { font-size: 30px; margin: 10px 0;}
	.bike {width: 100%;}
	.bike img {width: 100%;}
}

@media only screen and (max-width: 500px) {

.search{margin-top:50px;}
	.mobi {display: block;}
	.full {display: none;}

	.images {float: none; margin: 0 auto;}
	.images img {margin: 0 5px;}
	.text{float: none; padding: 10px 0; width: 100%; text-align: center;}

	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	.bottomlinks a, .toplinks a {white-space: nowrap;}

	.testimbar, .featurebar {background: none #005BAA;}

	article.about h2 {background: transparent;}

	article.features2 table td {padding: 10px 5%;}
	article.features h3, article.ppfeatures h3 {padding: 0;}

	.Sbigbanner {background-position: -250px top;}
	.Sbbtext {width: 66%; }
	.Sbbtext h1, .sbtext h1 { font-size: 30px;}
	.secondbanner {background-position: -250px top;}
	.sbtext {width: 66%; padding: 25px 10px 0px 10px; right: 0px }
}

@media only screen and (max-width: 470px) {
	#contentwrapper {width: 100%; overflow: hidden;}
	.bbtext {width: 60%; margin-top: 50px; right: 10px; background-size: contain}
	.bbtext h1 { font-size: 24px; margin: 10px 0;}
	.bbtext a.orng {width: 100%; height: auto;}
	.Cbigbanner {background: url(../images/ConsultingTraining-Banner-Tablet.jpg) no-repeat -100px top; height: 0; padding-bottom: 130%; background-size: 175%; border: solid 0px lime}
	.Cbbtext { width: 75%; margin-right: 3%; height: auto;}
	.Cbbtext h1, .Rbbtext h1 { font-size: 36px; margin: 10px 0;}
	.Cbbtext h2, .Rbbtext h2 { font-size: 24px; margin: 10px 0; width: 100%;}
	.Rbbtext {padding-top: 165px; }
	.Rbigbanner {background: url(../images/HR-Resources-Banner-Tablet.jpg) no-repeat -220px top; }
	.fifty50 table img {display: none;}
}

@media only screen and (max-width: 440px) {
	.aboutbar{ height: 900px;}
}


@media only screen and (max-width: 400px) {

	a.homelink {width: 70%; left: 5px;}
	a.homelink img {width: 100%;}
	.screenbarT, .goaway {display: none;}
	article.features2 {padding-bottom: 30px;}
	a.signup, a.signup:visited {bottom: -10px;}
	footer { margin: 0 ; }

	.Rbbtext {padding-top: 190px;}
	.Rbbtext h1 { font-size: 26px;}
	.Rbbtext h2 { font-size: 20px;}
	.Sbigbanner {background-position: -350px top;}
	.Sbbtext {width: 60%; }

	.regions_rates_table_row1, .regions_rates_table_row2, .regions_rates_table_effectivedate, .regions_rates_table_fields, .ncua, .ehl, .bottomlinks, .toplinks { font-size: 14px;}
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
	FORM.webform textarea {width:164px; padding: 0;  margin: 0;}
	FORM.webform input{max-width: 164px; }
	FORM.webform TR TD {width: 100px; }
	.SBform {width: 100% }

}
@media only screen and (max-width: 370px) {
.search{margin-top:100px;}
	.Rbigbanner {background: url(../images/HR-Resources-Banner-Tablet.jpg) no-repeat -250px top; }
}

@media only screen and (max-width: 345px) {
.search{margin-top:120px;}
}

@media only screen and (max-width: 340px) {
	.Cbigbanner {background: url(../images/ConsultingTraining-Banner-Tablet.jpg) no-repeat -100px top; height: 0; padding-bottom: 130%; background-size: 175%; border: solid 0px lime}
	.Cbbtext { width: 75%; margin-right: 3%; height: auto; margin-top: 0;}
	.Cbbtext h1 { font-size: 32px; margin: 30px 0 0 0;}
	.Cbbtext h2 { font-size: 24px; margin: 10px 0; width: 100%;}
	.aboutbar{ height: 930px;}
}