@media screen and (min-width:1600px) {


}


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

	.container { width: 95%; max-width: 1040px; margin: auto; }
	
	.topbanner_panel_left{ float:left; width:50%; font-size:76px; line-height:80px;}
	
	.controctor_payroll_contanear { background-size:1366px 100%; }

	.overview_see_work_right_area {
	  display: block;
	  float: right;
	  margin: 10px 10% 10px 0;
	  width: 40%;
	}

	.overview_see_work_left_area {
  		display: block;
  		float: left;
  		width: 50%;
	}

	.interactive_grey_box, .interactive_grey_box_active {
	  min-width: 150px;
	}

	.interactive_white_panel_left img {
  		width: 100%;
  		max-width: 320px;
	}

}


/*
 * start width 1280 and height 650
 */
@media screen and (max-width:1280px) and (max-height:650px)

{

    select {
      -webkit-appearance: menulist-text !important;
    }

    input[type="submit"] {
      -webkit-appearance: none !important;
      background-color: #e87d24 !important;
      color: #FFF !important;
    }

}

@media screen and (min-width: 1025px) and (max-width: 1200px){

    .logopanel{ width: 25%}

    .menupanel { width: 75% }
    #menu{width:auto;}
    #menu li a {margin:5px !important; font-size: 12px !important}
    
   
}
/*
 * start width 1024px
 */
@media screen and (max-width:1024px){

	.page-id-7 .overview_payroll_contanear {
    	background: none;
	}

	.white_panel_col, .why_payroll_box1 {
		display: block;
	}
      	
	.orangeicon_panel_singel, .white_panel_col2 {
		opacity: 1;
	}
	
	#menu 
	{
		display:none;
	}	

	.nav {
		display: block;
	}
	
	.small_manu
	{
		display:block; 
		z-index:1000;
		width:100%;
	}

	.topbanner_panel_content, .topbanner_panel_overview, .topbanner_panel, .subpage_quote_form, .topbanner_panel {
  		margin: 64px 0 0;
	}
	
	.logopanel{
		float:left; 
		width:auto; 
		text-align:center; 
		margin-top: 15px;
		padding: 0;
	}

	.menupanel {
  		float: right;
  		margin: 18px 5% 0 0;
  		width: auto;
	}

	.get_button {
  		float: left;
  		line-height: normal;
  		margin: 21px 0 0 5%;
  		text-align: center;
  		width: auto;
	}

	.get_button {
	  padding: 0 0 20px;
	}
	.get_button a {
	  padding: 5px 20px;
	}

	
	.topbanner_panel_left{float:left; width:30%; font-size:40px; line-height:50px;}
	
	
	.footertext_box{ width:44%;margin:12px 1.5%; }
	.footertext_box2{float:left; width:38%; margin:12px 1.5%; padding:10px 1% 10px 7%; }
	
	
	.submit_button2{width:90%; max-width:300px; }

	.grey_panel img {
  		max-width: 50%;
	}

	.white_panel_col2 {
  		width: 29%;
	}

	.topbanner_panel_content {
  		min-height: 1px;
  	}

  	.overview_header_text_area h2 {
 		padding: 40px;
	}

	.sub_white_panel_right h4 {
  		font-size: 20px;
	}

}
/*
 * end width 999px
 */


/*
 * start width 940px
 */
@media screen and (max-width:940px){
		
	.submenubox{margin:190px 0 0 0; }
	
	.overview_header_text_area h1
	{
		color:#FFF;
		font-size:30px;
		text-align:center;	
	}
	
	.overview_see_work_right_area {
	  background: url("../images/laptop_img.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	  float: none;
	  margin: 0 auto;
	  text-align: center;
	  width: 100%;
	}
	.overview_see_work_left_area
	{
		display:block;
		float:left;
		width:100%;
		margin-top:20px;
		text-align:center;
	}
	.action_button
	{
		width:220px; 
		margin:35px auto 0 auto; 
		float:none;
	}
	.stander_payroll_img_area
	{
		width:100%;
	}
	.stander_payroll_text_area {
	  margin: 0 auto;
	  width: 100%;
	}

	.stander_payroll_text_area h2 {
  		text-align: center;
	}

	.stander_payroll_text_area ul {
  		margin: 5px 3% 40px;
  		width: 94%;
	}

	.content_panel_button2 {
	  clear: both;
	  display: block;
	  float: none;
	  margin: 40px auto;
	  width: 220px;
	}

}
/*
 * end width 940px
 */


/*
 * start width 860px
 */
@media screen and (max-width:860px) {

	.topbanner_panel_left h1 {
	  font-size: 60px;
	  line-height: 70px;
	}
	
	.takeyour_panel_left{float:left; width:100%; text-align:center; margin:20px 0 0 0}
	
	.takeyour_panel_right{float:right; width:100%; margin:8% 0 0 0; text-align:center;}

	.content_panel_button_white {
  		clear: both;
  		float: none;
  		margin: 25px auto;
  		text-align: center;
	}

	#menu > ul > li {
	  float: left;
	  padding: 0;
	}
	
	.submenubox {
	  margin: 151px 0 0;
	}
	
	#gform_wrapper_2 form {
		text-align: center;
	}
	
	#gform_wrapper_2 ul.gform_fields li {
	  margin: 12px 5%;
	  width: 40%;
	}
	
	#gform_wrapper_2 .gform_footer {
	  width: 50%;
	}
	
	.footer_bottom {
	  position: static;
	}
	
	.topbanner_panel_left {
	  padding: 75px 0 0;
	}
	
	.topbanner_panel_right {
	  padding: 75px 2% 0;
	}

	.overview_header_text_area {
		margin-top: 0;
		padding: 30px 0
	}

	.page-template-templatestemplate-reports-php .overview_header_text_area, .page-template-templatestemplate-roles-php .overview_header_text_area {
		margin-top: 50px;
		padding: 10px 0
	}

	.topbanner_panel_overview {
  		min-height: 1px;
	}

	.action_button {
	  display: block;
	  float: none;
	  margin: 20px auto 0;
	  padding: 20px 0 0;
	  width: 220px;
	}

	.overview_header_text_area h2 {
  		font-size: 40px;
  		padding: 20px;
	}

	.sub_white_panel_right h4 {
  		font-size: 16px;
	}

	.sub_white_panel_left{float:left; width:100%;}
	
	.sub_white_panel_right{float:left; width:97%; padding:0; margin:50px 0 0 0; border: none; text-align: center;}

	.content_panel_button2.left-mar {
  		clear: both;
  		float: left;
  		margin: 0;
  		max-width: 200px;
    	min-width: 200px;
	}

}
/*
 * end width 860px
 */


/*
 * start width 767px
 */
@media screen and (max-width:767px) {

	.orangeicon_panel_singel{ width:95%;}
	
	.footer_bottom p{margin:15px 0 ; width:100%; text-align:center;}
	
	.footer_bottom_right{float:right; width:100%; text-align:center;}
	
	
	.features_panel_button{width:220px; margin:13px auto 0 ; float:none;}
	
	.overview_blog_area
	{
		width:100%;
		text-align:center;
	}
	.overview_connect_area
	{
		width:100%;
		margin-top:30px;
		text-align:center;
	}
	.stander_payroll_text_area h1
	{
		font-size:25px;
	}
	.addone_main_area h1
	{
		font-size:25px;
	}
	.why_payroll_box1
	{
		width:46%;
	}
	.why_payroll_main_area h1
	{
		font-size:28px;
	}

}
/*
 * end width 767px
 */



/*
 * start width 640px
 */
@media screen and (max-width:640px) {

	
	.nav {
		display: block;
	}
	
	.nav a {
	  padding: 10px 15px;
	}
	
	/*****small_menu***************/
	
	    .nav > li {
	    }
	    .nav > li > .parent {
	        background-position: 95% 50%;
	    }
	    .nav li li .parent {
	        background-image: url("images/downArrow.png");
	        background-repeat: no-repeat;
	        background-position: 95% 50%;
	    }
	    .nav ul {
	        display: block;
	        width: 100%;
	    }
	   .nav > li.hover > ul , .nav li li.hover ul {
	        position: static;
	    }
	/*****small_menu***************/

	.topbanner_panel {
	  min-height: 200px;
	}
	
	.topbanner_panel_left {
	  float: left;
	  font-size: 30px;
	  line-height: 40px;
	  margin: 0 0 20px;
	  width: 100%;
	}
	.topbanner_panel_right {
	  display: none;
	}
	
	.grey_panel img {
	  display: block;
	  float: none;
	  margin: 0 auto;
	  max-width: 400px;
	  width: 100%;
	}
	.grey_panel_right{float:right; width:100%; font-size:16px; color:#6b6b6b;}
	
	.white_panel_col img {
  		max-width: 171px;
  		width: auto;
	}
	
	.scroll_mid_panel {
	  min-height: 500px;
	}
	
	.addone_main_area p img
	{
		width:100%;
	}
	
	.white_panel_col{width:97%; float:left; margin:40px 1.5%; font-size:18px; color:#6f6f6f; text-align:center;}
	
	.white_panel_col2{width:97%; float:left; margin:40px 1.5%; font-size:18px; color:#6f6f6f; text-align:center;}
	
	.topbanner_panel_left h1 {
	  color: #fff;
	  font-family: "TitilliumWebSemiBold";
	  font-size: 40px;
	  line-height: 45px;
	  margin: 0 auto;
	  text-align: center;
	}
	
	.grey_panel_right h2 {
	  font-family: "TitilliumWebBold";
	  font-size: 40px;
	  line-height: 45px;
	  margin-top: 20px;
	  text-align: center;
	}
	
	.cbp-fwslider {
	  margin: 0;
	}
	
	.cbp-fwslider ul li .description {
	  font-size: 40px;
	  line-height: 45px;
	}
	
	.white_panel h3 {
	  font-size: 40px;
	  line-height: 45px;
	}
	
	.features_panel {
	  margin: 20px auto 0;
	  max-width: 100%;
	}
	
	.white_panel {
	  padding: 20px 0;
	}
	
	.white_panel .features_panel p {
	  float: none;
	}
	
	.takeyour_panel_right h3 {
	  font-size: 40px;
	  line-height: 45px;
	}
	
	.takeyour_panel {
	  padding: 0;
	}
	
	.footer_bg {
	  padding: 0;
	}
	
	.footer_bg h3 {
	  font-size: 40px;
	  line-height: 45px;
	}
	
	.footer_bg h3 span {
	  display: block;
	  line-height: 45px;
	  padding-top: 20px;
	}
	
	#gform_2 .gform_body {
	  margin: 0 auto;
	  text-align: center;
	  width: 100%;
	}
	
	#gform_wrapper_2 ul.gform_fields li {
	  display: block;
	  margin: 12px auto !important;
	  text-align: center;
	  width: 90%;
	}
	
	#gform_wrapper_2 .gform_footer {
	  display: block;
	  margin: 0 auto;
	  text-align: center;
	  width: 100%;
	}

	#gform_2 input[type="submit"] {
  		width: 90%;
	}
	
	.footer_bottom {
	  position: static;
	}
	
	.footer_bottom p {
	  display: block;
	  float: none;
	}
	
	.footer_bottom_right {
	  display: block;
	  float: none;
	}
	
	.stander_payroll_text_area ul
	{
		margin:0px 4% 0 2%;
		color:#262729;
		font-size:16px;
	    font-family: 'OpenSansRegular';
		float:left;
		width:94%;
	}
	.why_payroll_box1
	{
		width:96%;
	}
	
	.white_panel .white_panel_col:last-child {
		margin-bottom: 0;
	}
	
	.cbp-fwprev, .cbp-fwnext {
		display: none;
	}

	.page-id-7 .overview_payroll_contanear {
    	background: none;
	}

	.interactive_grey_box .report-title {
  		font-size: 14px;
	}

	.interactive_white_panel_left {
  		width: 35%;
	}

	.interactive_white_panel_right {
  		width: 61%;
	}

	.content_panel_button2 {
  		min-width: 200px;
  		max-width: 200px;
	}

	.wp-paginate .title {
		display: none !important;
	}

	.wp-paginate .current {
	  padding: 4px !important;
	  margin-right: 2px !important;
	}

	.wp-paginate a {
  		padding: 4px !important;
  		margin-right: 2px !important;
	}

	.overview_see_work_left_area h2, .overview_payroll_contanear h2, .sub_white_panel_left h2, .overview_see_work_left_area h2, .controctor_payroll_main_area h2, .addone_main_area h2, .interactive_grey_panel h2, .why_payroll_main_area h2 {
		font-size: 31px;
	}


}
/*
 * end width 640px
 */


/*
 * start width 560px
 */
@media screen and (max-width:570px) {

	.topbanner_panel_content, .topbanner_panel_overview, .topbanner_panel, .subpage_quote_form, .topbanner_panel {
  		margin: 94px 0 0;
	}

	.logopanel{
		float:left; 
		width:100%; 
		text-align:center; 
		margin-top: 15px auto;
		padding: 0;
	}

	.menupanel {
  		float: right;
  		margin: 8px 5% 0 0;
  		width: auto;
	}

	.get_button {
  		float: left;
  		line-height: normal;
  		margin: 10px 0 0 5%;
  		text-align: center;
  		width: auto;
	}

	.overview_see_work_right_area
	{
		float:none;
		width:100%;
		min-width:inherit;
		background:none;
		margin:0px auto;
		height:auto;
	}
	.overview_see_work_right_video_area
	{
		display:block;
		float:none;
		width:100%;
		margin:0px auto 0 auto;
		text-align:center;
			height:auto;
	}

	.content_banner_bottom_right p{
		float: none;
  		margin: 0 auto;
  		text-align: center;
  		width: 100%;
  		display: none;
	}

	.content_banner_bottom_right p.mobile-cta {
    	display: block;
	}
	
	.content_panel_button {
  		float: none;
  		margin: 0 auto;
  		text-align: center;
  		width: 220px;
  		display: block;
	}
	
}
/*
 * start width 560px
 */


/*
 * start width 500px
 */
@media screen and (max-width:500px) {

	.get_button {
	  margin: 4px 0 0 5%;
	}
	
	.menupanel{float:right; width:150px; margin: 0 5% 0 0; }
	
	.logopanel {
	  padding: 10px 0 15px;
	}
	
	.header {
	  padding-bottom: 10px;
	}
	
	.get_button a {
	  padding: 5px 10px;
	}
	
	.menupanel {
	  float: right;
	  margin: 0 5% 0 0;
	  width: auto;
	}
	
	.toggleMenu {
	    display:  none;
		text-align:center;
		float:none;
		margin:0;
	}
	
	.white_panel_col{width:97%; float:left; margin:40px 1.5%; font-size:18px; color:#6f6f6f; text-align:center;}
	
	.white_panel_col2{width:97%; float:left; margin:40px 1.5%; font-size:18px; color:#6f6f6f; text-align:center;}
	
	.topbanner_panel_left h1 {
	  color: #fff;
	  font-family: "TitilliumWebSemiBold";
	  font-size: 40px;
	  line-height: 45px;
	  margin: 0 auto;
	  text-align: center;
	}
	
	.load-line {
	  background-color: white;
	  border: 1px solid #e3e2e2;
	  border-radius: 15px;
	  box-shadow: 1px 1px 4px lightgray inset;
	  display: inline-block;
	  height: 10px;
	  margin: 2px 5px 0;
	  vertical-align: middle;
	  width: 140px;
	}
	
	.grey_panel_right h2 {
	  font-family: "TitilliumWebBold";
	  font-size: 40px;
	  line-height: 45px;
	  margin-top: 20px;
	  text-align: center;
	}
	
	.cbp-fwslider {
	  margin: 0;
	}
	
	.cbp-fwslider ul li .description {
	  font-size: 40px;
	  line-height: 45px;
	}
	
	.white_panel h3 {
	  font-size: 40px;
	  line-height: 45px;
	}
	
	.features_panel {
	  margin: 20px auto 0;
	  max-width: 100%;
	}
	
	.white_panel {
	  padding: 20px 0;
	}
	
	.white_panel .features_panel p {
	  float: none;
	}
	
	.takeyour_panel_right h3 {
	  font-size: 40px;
	  line-height: 45px;
	}
	
	.takeyour_panel {
	  padding: 0;
	}
	
	.footer_bg {
	  padding: 0;
	}
	
	.footer_bg h3 {
	  font-size: 40px;
	  line-height: 45px;
	}
	
	.footer_bg h3 span {
	  display: block;
	  line-height: 45px;
	  padding-top: 20px;
	}
	
	#gform_2 .gform_body {
	  margin: 0 auto;
	  text-align: center;
	  width: 100%;
	}
	
	#gform_wrapper_2 ul.gform_fields li {
	  display: block;
	  margin: 12px auto !important;
	  text-align: center;
	  width: 90%;
	}
	
	#gform_wrapper_2 .gform_footer {
	  display: block;
	  margin: 0 auto;
	  text-align: center;
	  width: 100%;
	}

	#gform_2 input[type="submit"] {
  		width: 90%;
	}
	
	.footer_bottom {
	  position: static;
	}
	
	.footer_bottom p {
	  display: block;
	  float: none;
	}
	
	.footer_bottom_right {
	  display: block;
	  float: none;
	}

	.interactive_grey_box, .interactive_grey_box_active {
  		margin: 10px 15%;
  		width: 70%;
	}

	.interactive_white_panel h2 {
  		font-size: 25px;
	}

}
/*
 * end width 500px
 */


/*
 * start width 480px
 */
@media screen and (max-width:480px) {

	.nav a {
	  padding: 14.7px 15px;
	}
		
	.get_button {
	  padding: 0;
	}
	
	.footertext_box{ width:95%;margin:12px 1.5%; }
	.footertext_box2{float:left; width:81%; margin:12px 1.5%; padding:10px 1% 10px 15%; }
	
	.white_panel_col2{width:97%; float:left; margin:40px 1.5%; font-size:18px; color:#6f6f6f; text-align:center;}

	.stander_payroll_text_area ul
	{
		margin:0px 4% 0 2%;
		color:#262729;
		font-size:16px;
	    font-family: 'OpenSansRegular';
		float:left;
		width:94%;
	}
	.why_payroll_box1
	{
		width:96%;
	}
	
	.white_panel .white_panel_col:last-child {
		margin-bottom: 0;
	}
	
	.cbp-fwprev, .cbp-fwnext {
		display: none;
	}

	.overview_see_work_right_video_area img {
  		max-width: 500px;
  		width: 100%;
	}

	.stander_payroll_text_area ul li {
  		width: 100%;
	}

	.addone_main_area li img {
  		width: 90%;
	}

	.interactive_white_panel_left {
  		width: 100%;
  		text-align: center;
	}

	.interactive_white_panel_right {
  		width: 100%;
	}

	.page-id-61 #gform_1 #field_1_7, .page-id-61 #gform_1 #field_1_8, .page-id-1617 #gform_1 #field_1_7, .page-id-1617 #gform_1 #field_1_8, page-id-1642 #gform_1 #field_1_7, .page-id-1642 #gform_1 #field_1_8 {
		width: 70%;
	}

	.page-id-61 #gform_1 #field_1_5, .page-id-61 #gform_1 #field_1_6, .page-id-1617 #gform_1 #field_1_5, .page-id-1617 #gform_1 #field_1_6, .page-id-1642 #gform_1 #field_1_5, .page-id-1642 #gform_1 #field_1_6 {
		width: 30%;
	}

	.page-id-61 #weeks-label, .page-id-1617 #weeks-label, .page-id-1642 #weeks-label {
  		margin-top: 22px;
	}

}
/*
 * end width 480px
 */


/*
 * start width 380px
 */
@media screen and (max-width:380px) {

	.topbanner_panel_right {
	  background-color: rgba(255, 255, 255, 0.8);
	  float: left;
	  font-family: "OpenSansRegular";
	  margin: 0 auto 20px;
	  min-height: 450px;
	  min-width: inherit;
	  padding: 20px 2% 0;
	  width: 96%;
	}
	.content_panel_button{width:220px; margin:0px 0 0 10%; float:left;}

	.content_panel_button {
  		float: none;
  		margin: 0 auto;
  		text-align: center;
  		width: 220px;
  		display: block;
	}

}


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

}


@media screen and (max-height:480px) {

	.nav > li > a {
  		padding: 6px 10px;
	}

	.submenubox_left ul li {
  		padding: 0;
	}

}


/* Retina images */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { 

  /* You must set background size to match the original dimensions: */
  
  	.nav > li.mega > a {
    	background: url('../images/plusbg@2x.png') no-repeat right center;
    	background-size: 25px 25px;
	}

	.nav > li.mega.open > a {
	    background: url('../images/minusbg@2x.png') no-repeat right center;
	    background-size: 25px 25px;
	}

}