/**
 * Theme Name: Total
 * Description: Responsive CSS to make the theme mobile friendly
 * Author: WPExplorer
 */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS
----------------------------------------------------------------
1.0 - General
2.0 - Tablet & Small Desktop Widths - 960px - 1224px
3.0 - All Devices under 960px
4.0 - Tablet Portrait
5.0 - Between Phone and Mobile
6.0 - Phone Portrait and Landscape
7.0 - Phone Landscape
8.0 - Visual Composer Tweaks

/*--------------------------------------------------------------
1.0 - General Responsiveness
--------------------------------------------------------------*/
#mobile-menu-alternative { display: none; }
.wp-video-shortcode { width: auto !important; max-width: 100% !important; }
/* visibility */
.hidden-desktop,
.visible-phone,
.visible-tablet { display: none }
/* mobile menu icons */
#mobile-menu { display: none; height: 40px; position: absolute; right: 0; top: 50%; margin-top: -20px; }
#mobile-menu a { display: block; float: left; color: #666; font-size: 18px; height: 40px; width: 40px; line-height: 40px; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; margin-left: 10px; background: #f7f7f7; }
#mobile-menu a:hover { text-decoration: none; background: #f1f1f1; }
#mobile-menu a:active { text-decoration: none; background: #f1f1f1; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
#mobile-menu a.mobile-cart-toggle { color: #00bda4 }
/* sidr */
#sidr-main { position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 320px; padding-bottom: 30px; overflow-x: none; overflow-y: auto; font-size: 14px; background: #262626; color: #fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.sidr.right { left: auto; right: -320px; }
.sidr.left { left: -320px; right: auto; }
.sidr a { color: #707070 }
.sidr a:hover { color: #fff; text-decoration: none; }
a.sidr-class-toggle-sidr-close { position: relative; margin: 0 auto; display: block; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: rgba(0,0,0,0.25); box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
.sidr-class-toggle-sidr-close:before { font-family: "FontAwesome"; content: "\f0c9"; position: absolute; top: 0; left: 20px; height: 50px; line-height: 50px; }
.sidr-class-dropdown-menu ul { display: none; border-top: 1px solid rgba( 255, 255, 255, 0.07 ); margin-left: 0; }
.sidr-class-dropdown-menu li { border-bottom: 1px solid rgba( 255, 255, 255, 0.07 ) }
.sidr-class-dropdown-menu li a { padding: 12px 20px; display: block; }
.sidr-class-dropdown-menu ul li:last-child { border: none }
.sidr-class-menu-item-has-children { position: relative }
.sidr-class-dropdown-menu li.sidr-class-menu-item-has-children > a { padding-right: 60px; }
.sidr-class-dropdown-toggle { font-size: 11px; height: 46px; line-height: 46px; width: 60px; position: absolute; right: 0; top: 0; cursor: pointer; color: #707070; text-align: right; padding-right: 20px; }
.sidr-class-dropdown-toggle:hover,
.sidr-class-dropdown-toggle .fa-chevron-down { color: #fff }
.sidr-class-dropdown-menu ul a:before { font-family: "FontAwesome"; content: "\f0da"; display: inline-block; margin: 0 10px; }
.sidr-class-dropdown-menu ul ul a:before { margin-left: 20px }
.sidr-class-dropdown-menu ul ul ul a:before { margin-left: 40px }
.sidr-class-dropdown-menu a .fa { margin-right: 10px }
.sidr #searchform-header-replace-close,
.sidr .nav-arrow { display: none !important }
/* sidr search */
#sidr-id-searchform-overlay-title { display: none }
.sidr-class-mobile-menu-searchform { margin: 30px 20px 0 }
.sidr-class-mobile-menu-searchform input { width: 100%; -webkit-appearance: none; background: #fff; background: rgba(255,255,255,0.06) url("../images/base/sidr-search.png") center right no-repeat; border: none; outline: none; padding: 15px 20px; line-height: 1.4em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 13px; font-weight: normal; }
/* Toggle menu */
.mobile-toggle-nav { margin-top: 0; display: none; background: #fff; }
.mobile-toggle-nav { z-index: 9999; height: auto; line-height: auto; }
.mobile-toggle-nav a { color: #555; display: block; padding: 10px 0; position: relative; border-top: 1px solid #eee; }
.mobile-toggle-nav a:hover { color: #000; }
.mobile-toggle-nav a:hover { text-decoration: none }
.mobile-toggle-nav a .fa { margin-right: 10px; }
.mobile-toggle-nav .nav-arrow { display: none; }
.mobile-toggle-nav .wpex-mobile-dropdown-icon { z-index: 2; cursor: pointer; position: absolute; right: 0; top: 50%; height: 30px; line-height: 30px; width: 60px; text-align: center; margin-top: -15px; font-weight: 400; font-size: 10px; text-align: right; }
.mobile-toggle-nav .menu-item-has-children ul a { padding-left: 20px }
.mobile-toggle-nav .menu-item-has-children ul ul a { padding-left: 40px }
.mobile-toggle-nav .menu-item-has-children ul ul ul a { padding-left: 60px }
.mobile-toggle-nav .menu-item-has-children ul ul ul a { padding-left: 80px }
.mobile-toggle-nav #mobile-menu-search { display: block; margin-top: 10px; margin-bottom: 20px; }
/* hide cart and search icons */
.sidr-class-woo-menu-icon,
.sidr-class-search-toggle-li,
.sidr-class-woocommerce,
#sidr-id-searchform-dropdown,
.mobile-toggle-nav-ul li.woo-menu-icon,
.mobile-toggle-nav-ul li.search-toggle-li { display: none }
/*--------------------------------------------------------------
2.0 - Tablet & Small Desktop Widths - 960px - 1224px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) { 
	/* nav edits */
	#site-navigation .dropdown-menu li.flip-drops-smallscreen ul ul { left: auto; right: 100%; }
	body #site-navigation .sf-menu li.flip-drops-smallscreen ul a.sf-with-ul { padding-left: 25px; padding-right: 12px; }
	#site-navigation .dropdown-menu li.flip-drops-smallscreen ul .fa-angle-right { left: 9px; right: auto; }
	#site-navigation .dropdown-menu li.flip-drops-smallscreen ul .fa-angle-right:before { content: "\f104" }
	#site-navigation .dropdown-menu li.megamenu ul ul { right: auto; left: 0; }
	body #site-navigation .dropdown-menu li.megamenu ul.sub-menu a.sf-with-ul { padding-left: 12px }
}
/*--------------------------------------------------------------
3.0 - All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) { 
	/* visibility */
	.hidden-desktop { display: block }
	.visible-desktop { display: none }
	/* hide things */
	.header-one-search-toggle { display: none }
	/*make sure header has auto height*/
	#site-header #site-logo,
	#site-header #site-logo a,
	.header-one #site-navigation-wrap,
	.navbar-style-one .dropdown-menu > li > a,
	.nav-custom-height.navbar-style-one .dropdown-menu .wcmenucart-toggle-dropdown,
	.theme-minimal-graphical .nav-custom-height.navbar-style-one .dropdown-menu .wcmenucart-toggle-dropdown,
	.theme-minimal-graphical .nav-custom-height.navbar-style-one .dropdown-menu .search-toggle-li { height: auto; line-height: auto; }
	.nav-custom-height.navbar-style-one { margin-top: -25px }
	/* navigation */
	#site-navigation-wrap-sticky-wrapper { display: none !important }
	#site-navigation-wrap { display: none }
	#mobile-menu { display: block }
	.boxed-main-layout #mobile-menu { right: 30px }
	.sidr-class-wcmenucart { display: none !important }
	/* boxed */
	.boxed-main-layout #wrap { margin: 0; overflow: hidden; }
	/* header two */
	.header-two-aside { display: none }
	/* logo */
	#site-logo { max-width: 50% }
	#site-header-sticky-wrapper { height: auto !important }
	.header-one #site-logo { display: block; float: left; }
	.header-one #site-logo a { height: auto; vertical-align: inherit; display: block; float: none; }
	/* parallax */
	.vcex-parallax-div { background-attachment: scroll !important; background-position: center !important; background-repeat: no-repeat !important; }
	/*overlay header style*/

	/* other */
	body.has-breadcrumbs .page-header-title { max-width: 100%; width: 100%; }
	
	
/*--------------------------------------------------------------
Custom CSS
--------------------------------------------------------------*/

.home #content-wrap #content {
    width:90%;
    margin:0px auto;}

table.testimonials {
    display:none;}

.home-boxes {
    width:90%;
    margin:20px auto;}

.home-boxes .box {
    width:100%;
    margin:0px 0px 20px 0px;
    padding:20px;
    border:1px solid #e4e4e4;}
	
.home .entry-content h2 {
	line-height:50px;}
	
.td25 {
	text-align:center;
	width:25%;
	font-size:15px;
	line-height:25px;}
	
.td25 img {
	float:none;
	display:block;
	margin:0px auto;}
	
#sfm_container_div_classic_1 iframe {
	height:1500px !important;}
	
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/	
/*%%%%%%%%%% CUSTOM GRAVITY STUB %%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
	
#field_2_46 img {
	display:none;}
	
#field_2_16 {
	background:#f7f7f7;
	background-image:none;
	border:5px solid #3d3d3f;
	border-radius:12px;
	padding:20px 20px;
	min-height: inherit !important;}
	
#field_2_16 .gfield_label {
	font-size:14px !important;}
	
#field_2_16 ul.points {
	margin-top:0px !important;}
	
#gform_next_button_2_19 {
	position:relative;
	right: auto;
	bottom: auto;
	width:100% !important;}
	
#gform_next_button_2_24 {
	position:relative;
	right: auto;
	bottom: auto;
	width:100% !important;
	max-width:200px !important;}
	
#gform_previous_button_2_24 {
	position:relative;
	right: auto;
	bottom: auto;
	width:100% !important;
	max-width:200px !important;}
	
#gform_page_2_2 .gform_page_footer {
    border-top: 1px dotted #ccc;
	text-align:center;
    width: 100%;}
	
#gform_page_2_3 .gform_page_footer {
	text-align:center;}
	
#field_2_46 h2, #field_2_48 h2 {
	font-size:24px;
	line-height:30px;}
	
#field_2_46 h3, #field_2_48 h3 {
	font-size:18px;
	line-height:20px;}
	
#gform_page_2_2 .one-half {
    width: 100% !important;
	margin-right:0% !important;
	float:none !important;
	margin-bottom:20px !important;}
	
#gform_page_2_2 .one-half.last {
    width: 100% !important;
	margin-right:0% !important;
	float:none !important;}
		
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/	
/*%%%%%%%%%%%%% GENERAL INFO %%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
	
.general-info table td {
	display:block;
	border: none;
	border-bottom:1px solid #e4e4e4;}
	
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/	
/*%%%%%%%%%%%%% CLASSIC 1 CSS %%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
	
.content-area .paystub_maker {
    background: rgba(0, 0, 0, 0) url("../images/classic1-mobile.jpg") no-repeat scroll 0 0;
    min-height: 890px;
    position: relative;
    width: 290px;
	max-width:290px;
	margin: 30px auto 0;
}

#divForm .field_bottom .contact-wrapper {
    float: none;
    text-align: left;
}
	
.checkstub_maker .paystub_maker #employee_name {
    left: 5px;
	right:auto;
    top: 74px;
    width: 130px;}
.checkstub_maker .paystub_maker #employee_address {
	width: 130px;
}
.checkstub_maker .paystub_maker #social_num {
    left: 5px;
	right:auto;
    top: 134px;
    width: 130px;}
	
.checkstub_maker .paystub_maker #first_day {
    left: 5px;
	right:auto;
    top: 194px;
    width: 280px;}
	
.checkstub_maker .paystub_maker #pay_date {
    left: 155px;
	right:auto;
    top: 134px;
    width: 130px;}
	
.checkstub_maker .paystub_maker .ui-datepicker-trigger {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 134px;}
	
.checkstub_maker .paystub_maker #employee_id {
    left: 5px;
	right:auto;
    top: 254px;
	padding:5px;
    width: 130px;}
	
.checkstub_maker .paystub_maker #control_id {
    left: 155px;
	right:auto;
    top: 254px;
	padding:5px;
    width: 130px;
	color:#2b2b2b;}
	
.checkstub_maker .paystub_maker .employee_label {
	display:none;}
	
.checkstub_maker .paystub_maker .left_box #regular_rate {
    left: 25px;
	right:auto;
    top: 370px;}
	
.checkstub_maker .paystub_maker .left_box #regular_hour {
    left: 110px;
	right:auto;
    top: 370px;}
	
.checkstub_maker .paystub_maker .left_box #current_pay {
    left: 190px;
	right:auto;
    top: 370px;}
	
.checkstub_maker .paystub_maker .right_box #medicare_tax {
    right: 75px;
    top: 450px;
	width:60px;}

.checkstub_maker .paystub_maker .right_box #medicare_tax_ytd {
    right: 10px;
    top: 450px;
	width:60px;}
	
.checkstub_maker .paystub_maker .right_box #social_tax {
    right: 75px;
    top: 490px;
	width:60px;}

.checkstub_maker .paystub_maker .right_box #social_tax_ytd {
    right: 10px;
    top: 490px;
	width:60px;}
	
.checkstub_maker .paystub_maker .right_box #federal_tax {
    right: 75px;
    top: 530px;
	width:60px;}

.checkstub_maker .paystub_maker .right_box #federal_tax_ytd {
    right: 10px;
    top: 530px;
	width:60px;}
	
.checkstub_maker .paystub_maker .right_box #state_tax {
    right: 75px;
    top: 570px;
	width:60px;}

.checkstub_maker .paystub_maker .right_box #state_tax_ytd {
    right: 10px;
    top: 570px;
	width:60px;}
	
.checkstub_maker .paystub_maker .right_box #ytd_gross {
	left:auto;
    right: 10px;
    top: 630px;
	width:60px;}
	
.checkstub_maker .paystub_maker .right_box #ytd_deduction {
	left:auto;
    right: 10px;
    top: 670px;
	width:60px;}
	
.checkstub_maker .paystub_maker .right_box #ytd_net_pay {
	left:auto;
    right: 10px;
    top: 710px;
	width:60px;}
	
.checkstub_maker .paystub_maker .right_box #total_pay {
	left:auto;
    right: 10px;
    top: 750px;
	width:60px;}
	
.checkstub_maker .paystub_maker .right_box #dedcution {
	left:auto;
    right: 10px;
    top: 790px;
	width:60px;}
	
.checkstub_maker .paystub_maker .right_box #net_pay {
	left:auto;
    right: 10px;
    top: 830px;
	width:60px;}
	
#view_stub {
    position: relative;
    right: auto;
	clear:both;
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:10px;}
	
.stub_no span {
	max-width:220px;
	min-width:220px;}
	
#divForm .field_bottom {
    background: #efefef none repeat scroll 0 0;
    border: 1px solid #cccccc;
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 10px 15px;
    width: 100%;
}
	
.checkstub_maker .general-info label {
	display:block;
	font-size:15px;}

.checkstub_maker .general-info select {
	width:100% !important;
	padding:inherit !important;
	border-radius:0px 0px;
	border:1px solid #cccccc !important;}
	
.checkstub_maker .paystub_maker .ui-datepicker-trigger, .checkstub_maker .paystub_maker .glyphicon-calendar {
    position: absolute !important;
    right: 10px;
    top: 135px;}
	
.checkstub_maker .extra_stubs label input {
	display:block;
	margin-bottom:5px;}
	
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/	
/*%%%%%%%%%%%%% CLASSIC 2 CSS %%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
	
/** PAYSTUB CLASSIC 2 MOBILE **/

.content-area.classic2_stub .paystub_classic {background: url("../images/classic2-mobile.jpg") no-repeat; height:1062px; width:300px; position:relative;}
.content-area.classic2_stub .paystub_classic.depositslip {background: url("../images/classic2-mobile.jpg") no-repeat;}

.deposit_div {} 


.classic2_stub .paystub_classic .stub_head {
    padding-top: 50px;
    position: relative;}

.classic2_stub .paystub_classic .common_class {
    margin-left: 20px;
    width:70%;}
    	
.classic2_stub .paystub_classic #control_id {
    padding: 5px;
    right: 20px;
    top: 15px;
    width: 60px;}
	
.classic2_stub .paystub_classic .control_sym {
	display:none;}
	
.classic2_stub .paystub_classic #employee_name {
    left: 20px;
    top: 210px;
    width: 70%;}
	
.classic2_stub .paystub_classic #employee_add {
    left: 20px;
    top: 240px;
    width: 70%;}
	
.classic2_stub .paystub_classic #employee_add_2 {
    left: 20px;
    top: 270px;
    width: 70%;}

.classic2_stub .paystub_classic #social_num {
    left: 20px;
    top: 370px;
    width: 70%;}

.classic2_stub .paystub_classic #first_day {
    left: 20px;
    top: 450px;
    width: 70%;}
	
/*.classic2_stub .paystub_classic .comiseo-daterangepicker-triggerbutton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 5px;
    position: absolute;
    right: 32%;
    top: 450px; 
    width: 70%;
	left: 20px; 
	font-size:13px;
	}*/

.classic2_stub .extra_stubs .comiseo-daterangepicker-triggerbutton {min-width:12.5em;}
.classic2_stub .paystub_classic .comiseo-daterangepicker-triggerbutton > span.ui-button-text {padding:5px 0;font-size:12px;}	
.classic2_stub .extra_stubs .comiseo-daterangepicker-triggerbutton > span {padding:5px 0;font-size:12px;}		

.classic2_stub .paystub_classic #pay_date {
    left: 20px;
    top: 530px;
    width: 70%;}

.classic2_stub .paystub_classic .ui-datepicker-trigger, .classic2_stub .paystub_classic .glyphicon-calendar {
    right: 20px;
    top: 530px;} 
	
.classic2_stub .paystub_classic #employee_id {
    left: 120px;
    top: 300px;}
	
.classic2_stub .paystub_classic .cal_div {
	margin-top:460px;}
	
.paystub_classic .left_box {
	width:auto !important;
	position:relative;
	left:auto;
	top:auto;
	right:auto;}
	
.paystub_classic .right_box {
	width:auto !important;
	position:relative !important;
	left:auto;
	top:auto;
	right:auto;}
	
.classic2_stub .paystub_classic .left_box #regular_rate {
	left: 20px;}
	
.classic2_stub .paystub_classic .left_box #regular_hour {
    left: 105px;}
	
.classic2_stub .paystub_classic .left_box #current_pay {
    left: 195px;}
	
.classic2_stub .paystub_classic .right_box > input#medicare_tax {
	position:absolute !important;
	width:50px !important;
	left:160px !important;
	top:90px !important;}
	
.classic2_stub .paystub_classic .right_box > input#medicare_tax_ytd {
	position:absolute !important;
	width:50px !important;
	left:220px !important;
	top:90px !important;}
	
.classic2_stub .paystub_classic .right_box > input#social_tax {
	position:absolute !important;
    width:50px !important;
	left:160px !important;
	top:122px !important;}
	
.classic2_stub .paystub_classic .right_box > input#social_tax_ytd {
	position:absolute !important;
	width:50px !important;
	left:220px !important;
	top:122px !important;}
	
.classic2_stub .paystub_classic .right_box > input#federal_tax {
	position:absolute !important;
    width:50px !important;
	left:160px !important;
	top:155px !important;}
	
.classic2_stub .paystub_classic .right_box > input#federal_tax_ytd {
	position:absolute !important;
    width:50px !important;
	left:220px !important;
	top:155px !important;}
	
.classic2_stub .paystub_classic .right_box > input#state_tax {
	position:absolute !important;
    width:50px !important;
	left:160px !important;
	top:188px !important;}
	
.classic2_stub .paystub_classic .right_box > input#state_tax_ytd {
	position:absolute !important;
    width:50px !important;
	left:220px !important;
	top:188px !important;}
	   
.classic2_stub .paystub_classic .right_box > input#ytd_gross {
	position:absolute !important;
    width:110px !important;
	left:160px !important;
	top:236px !important;}
	
.classic2_stub .paystub_classic .right_box > input#ytd_deduction {
	position:absolute !important;
    width:110px !important;
	left:160px !important;
	top:271px !important;}
	
.classic2_stub .paystub_classic .right_box > input#ytd_net_pay {
    position:absolute !important;
    width:110px !important;
	left:160px !important;
	top:303px !important;}
	
.classic2_stub .paystub_classic .right_box > input#total_pay {
    position:absolute !important;
    width:110px !important;
	left:160px !important;
	top:337px !important;}
	
.classic2_stub .paystub_classic .right_box > input#dedcution {
    position:absolute !important;
    width:110px !important;
	left:160px !important;
	top:370px !important;}
	
.classic2_stub .paystub_classic .right_box > input#net_pay {
    position:absolute !important;
    width:110px !important;
	left:160px !important;
	top:402px !important;}
	
.classic2_stub .paystub_classic .deposit_div > input#name_deposit {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input#add1_deposit {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}
 
.classic2_stub .paystub_classic .deposit_div > input#add2_deposit {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input#ename_deposit {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input#eadd1_deposit {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input#eadd2_deposit {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input#check_date {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input#check_number {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input#direct_deposit {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input#pay_dollar {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input#negotiable {
	top:0px !important;
	left:0px !important;
	width:0px !important;
	height:0px !important;}

.classic2_stub .paystub_classic .deposit_div > input {} 


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/	
/*%%%%%%%%%%%%% ADVANCED 1 CSS %%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.content-area.advanced-stub .paystub_maker {
	background:url("../images/advanced1-mobile.jpg") no-repeat; 
	min-height:1200px; 
	width:300px; 
	min-width:300px; 
	max-width:300px; 
	position:relative;
	padding-top:30px;}
	
.content-area.advanced-stub .paystub_maker .common_class:first-child {margin-top:0px;}
.content-area.advanced-stub .paystub_maker .common_class {display:block;margin:0 0 5px; padding:2px 5px; width:100%; border: 1px dotted rgba(0, 0, 0, 0.3);}

.content-area.advanced-stub .paystub_maker .right_align input#employee_name {position:absolute; top:151px;right:0%;padding:2px 5px;border: 1px dotted rgba(0, 0, 0, 0.3);}
.content-area.advanced-stub .paystub_maker .right_align input#emp_address_1 {position:absolute; top:179px;right:0%;padding:2px 5px;border: 1px dotted rgba(0, 0, 0, 0.3);}
.content-area.advanced-stub .paystub_maker .right_align input#emp_address_2 {position:absolute; top:207px;right:0%;padding:2px 5px;border: 1px dotted rgba(0, 0, 0, 0.3);}

.content-area.advanced-stub .paystub_maker .left_align select#marial_status {position:absolute;top:105px;left:210px;padding-top:0;border: 1px dotted rgba(0, 0, 0, 0.3);}
.content-area.advanced-stub .paystub_maker .left_align select#exemptions {position:absolute;top:127px;left:120px;padding-top:0;border: 1px dotted rgba(0, 0, 0, 0.3);}


.content-area.advanced-stub .paystub_maker .right_align input#employee_name, .content-area.advanced-stub .paystub_maker .right_align input#emp_address_1, .content-area.advanced-stub .paystub_maker .right_align input#emp_address_2 {
    border: 1px dotted rgba(0, 0, 0, 0.3);
    padding: 2px 5px;
    position: relative;
    right: auto;
    top: auto;
	width:100%;
	margin:0 0 5px;}
	
.content-area.advanced-stub .paystub_maker #employee_name {
	margin-top:15px !important;}
	
.content-area.advanced-stub .paystub_maker .left_align select#marial_status {
    left: 130px;
    top: 245px;}
	
.content-area.advanced-stub .paystub_maker .left_align select#exemptions {
    left: 130px;
    top: 275px;}
	
.content-area.advanced-stub .paystub_maker .right_align input#first_day {
    left: 130px;
    top: 305px;}
	
.content-area.advanced-stub .paystub_maker .right_align input#pay_date {
    left: 130px;
    top: 335px;}
	
.content-area.advanced-stub .paystub_maker .right_align .ui-datepicker-trigger, .content-area.advanced-stub .paystub_maker .right_align .glyphicon-calendar  {
    left: 215px;
    top: 336px;
	border:none;}
	
.content-area.advanced-stub .paystub_maker .right_align input#employee_id {
    left: 130px;
    top: 365px;}
	
.content-area.advanced-stub .paystub_maker .right_align input#employee_id {
    left: 130px;
    top: 365px;}
	
.content-area.advanced-stub .paystub_maker .right_align input#control_id {
    left: 130px;
    top: 395px;}
	
.content-area.advanced-stub .paystub_maker .right_align input#social_num {
    left: 130px;
    top: 425px;}
	
	
	
.content-area.advanced-stub .paystub_maker .left_box input#gross_pay {
    left: 150px;
    top: 1105px;
	width:70px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#gross_pay_ytd {
    left: 225px;
    top: 1105px;
	width:70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#net_pay {
    left: 150px;
    top: 1135px;
	width:70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#net_pay_ytd {
    right: auto;
	left:225px;
    top: 1135px;
	width:70px;}
	
	
	
.content-area.advanced-stub .paystub_maker .left_box input#regular_rate {
    left: 20px;
    top: 535px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#overtime_rate {
    left: 20px;
    top: 595px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#holiday_rate {
    left: 20px;
    top: 655px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#vacation_rate {
    left: 20px;
    top: 715px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#bonus_rate {
    left: 20px;
    top: 775px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#commission_rate {
    left: 20px;
    top: 835px;}
	
	
	
.content-area.advanced-stub .paystub_maker .left_box input#regular_hour {
    left: 75px;
    top: 535px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#overtime_hour {
    left: 75px;
    top: 595px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#holiday_hour {
    left: 75px;
    top: 655px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#vacation_hour {
    left: 75px;
    top: 715px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#bonus_hour {
    left: 75px;
    top: 775px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#commission_hour {
    left: 75px;
    top: 835px;}
	
	
	
.content-area.advanced-stub .paystub_maker .left_box input#regular_cal {
    left: 130px;
    top: 535px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#overtime_cal {
    left: 130px;
    top: 595px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#holiday_cal {
    left: 130px;
    top: 655px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#vacation_cal {
    left: 130px;
    top: 715px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#bonus_cal {
    left: 130px;
    top: 775px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#commission_cal {
    left: 130px;
    top: 835px;
	width:60px;}
	
	
	
.content-area.advanced-stub .paystub_maker .left_box input#regular_ytd {
    left: 235px;
    top: 535px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#overtime_ytd {
    left: 235px;
    top: 595px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#holiday_ytd {
    left: 235px;
    top: 655px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#vacation_ytd {
    left: 235px;
    top: 715px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#bonus_ytd {
    left: 235px;
    top: 775px;
	width:60px;}
	
.content-area.advanced-stub .paystub_maker .left_box input#commission_ytd {
    left: 235px;
    top: 835px;
	width:60px;} 
	


.content-area.advanced-stub .paystub_maker .left_box #overtime_year {
	left:195px;
    top: 594px;
	width:35px;
	border:1px solid #cccccc;}
	
.content-area.advanced-stub .paystub_maker .left_box #holiday_year {
	left:195px;
    top: 654px;
	width:35px;
	border:1px solid #cccccc;}
	
.content-area.advanced-stub .paystub_maker .left_box #vacation_year {
	left:195px;
    top: 714px;
	width:35px;
	border:1px solid #cccccc;}
	
.content-area.advanced-stub .paystub_maker .left_box #bonus_year {
	left:195px;
    top: 774px;
	width:35px;
	border:1px solid #cccccc;}
	
.content-area.advanced-stub .paystub_maker .left_box #commission_year {
	left:195px;
    top: 834px;
	width:35px;
	border:1px solid #cccccc;}
	
	
	
.content-area.advanced-stub .paystub_maker .right_box input#federal_tax {
    left: 150px;
    top: 915px;
    width: 70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#social_tax {
    left: 150px;
    top: 945px;
    width: 70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#medicare_tax {
    left: 150px;
    top: 975px;
    width: 70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#state_tax {
    left: 150px;
    top: 1005px;
    width: 70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#deducation_total {
    left: 150px;
    top: 1035px;
    width: 70px;}
	
	
	
.content-area.advanced-stub .paystub_maker .right_box input#federal_tax_ytd {
    right: auto;
	left: 225px;
    top: 915px;
	width:70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#social_tax_ytd {
    right: auto;
	left: 225px;
    top: 945px;
	width:70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#medicare_tax_ytd {
    right: auto;
	left: 225px;
    top: 975px;
	width:70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#state_tax_ytd {
    right: auto;
	left: 225px;
    top: 1005px;
	width:70px;}
	
.content-area.advanced-stub .paystub_maker .right_box input#deducation_total_ytd {
    right: auto;
	left: 225px;
    top: 1035px;
	width:70px;}
	


.content-area.advanced-stub .paystub_maker + label.stub_no span {
	display:block;
	max-width:300px;
	margin-bottom:10px;}
	
#view_stub {
    position: relative;
    right: auto;}
	
.owl-carousel .owl-item img {
	width:100%;
	height:auto;}
	
#divForm .owl-buttons .owl-prev {
    left: -12px;}
	
#divForm .owl-buttons .owl-next {
    right: -12px;}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/	
/*%%%%%%%%%%%%% TEMPLATES END %%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
	
}

@media only screen and (max-width: 500px) { 
.home #content-wrap {
    background-image: none;
    background-position: center bottom;
	background-color:#ecf4f7;
	padding-bottom:20px;
}

div.steps {
	display:none;}
}
/*--------------------------------------------------------------
4.0 - Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	/* visibility */
	.hidden-desktop { display: block }
	.visible-desktop { display: none }
	.hidden-tablet { display: none }
	.hide-on-tablets { display: none !important }
	.visible-tablet { display: block }
	/* main  */
	#wrap { width: 100% !important }
	.container,
	#wrap,
	.vc_row-fluid.container { width: 700px }
	body.boxed-main-layout#wrap { width: auto !important }
	.content-area { width: 100% !important }
	#sidebar { width: 100% !important }
	#site-logo,
	#site-logo a,
	#site-logo img { display: block; float: left; text-align: left; }
	body #site-logo img { padding-top: 0; padding-bottom: 0; }
	/*reset equal height*/
	.match-height-content { height: auto !important }
	/* fullwidth columns on tablet */
	.tablet-fullwidth-columns .col,
	.tablet-fullwidth-columns .wpb_column,
	.tablet-fullwidth-columns .vcex-feature-box-content,
	.tablet-fullwidth-columns .vcex-feature-box-media { width: 100% !important; margin-left: 0 !important; height: auto !important; }
	.tablet-fullwidth-columns .vcex-feature-box-media { margin-bottom: 30px }
	.tablet-fullwidth-columns.match-height-feature-row .vcex-feature-box-media .vcex-feature-box-image { position: inherit; top: auto; left: auto; max-width: 100%; }
	.tablet-fullwidth-columns.match-height-feature-row .vcex-feature-box-media .vcex-feature-box-image img { max-width: 100% }
	.tablet-fullwidth-columns.vcex-feature-box.left-content-right-image .vcex-feature-box-content { padding-right: 0px }
	.tablet-fullwidth-columns.vcex-feature-box.left-image-right-content .vcex-feature-box-content { padding-left: 0px }
	/* page header */
	.site-breadcrumbs { position: inherit; top: auto; left: auto; right: auto; margin-top: 0; }
	.boxed-main-layout .site-breadcrumbs { padding: 0 30px }
	/* portfolio  */
	.portfolio-entry.span_1_of_4 .portfolio-entry-icons { display: none }
	.single-portfolio-media { width: 100%; margin: 0 0 20px; }
	.single-portfolio-content { width: 100%; margin: 0; }
	/* add extra padding to 4 column footer and also turn into 2 columns  */
	#footer .span_1_of_4 { width: 50% }
	#footer .span_1_of_4.col-1 { padding-right: 15px }
	#footer .span_1_of_4.col-2 { padding-left: 15px }
	#footer .span_1_of_4.col-3 { margin-left: 0; clear: both; padding-right: 15px; }
	#footer .span_1_of_4.col-4 { padding-left: 15px }
	/* turn 4 column masonry grids into 2 columns */
	#wrap .wpex-row .span_1_of_4 { width: 50% }
	#wrap .wpex-row .span_1_of_4.col-3,
	#wrap .wpex-row .span_1_of_4.product:nth-child(2n+3) { margin-left: 0; clear: both; }
	body .vcex-isotope-grid .span_1_of_4,
	.wpex-isotope-grid .span_1_of_4 { width: 50% }
	/* blog */
	.single .meta-comments { display: none }
	/* social share */
	.social-share-title { display: block }
	.blog-entry .social-share-buttons { display: none }
	.social-share-title { margin: 40px 0 15px }
	.social-share-title span { background: #fff; padding-right: 15px; }
	.social-share-buttons.position-vertical { position: inherit; top: auto; left: auto; width: auto; height: auto; margin-top: 30px; }
	#content-wrap.left-sidebar .social-share-buttons.position-vertical { right: auto; left: auto; }
	.social-share-buttons.position-vertical li { float: left; border: none; }
	.social-share-buttons.position-vertical li a { color: #999; width: 30px; height: 30px; line-height: 30px; display: block; border: 1px solid #e4e4e4; margin: 0 5px 0 0; }
	.social-share-buttons.position-vertical li:first-child { border-top: 0 }
	/* vc vertical tabs */
	body.wpex-theme .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav,
	body.wpex-theme .wpb_tour .wpb_tab,
	body.wpex-theme .wpb_tour_next_prev_nav { width: 100%; float: none; margin-left: 0; }
	body.wpex-theme .wpb_tour .wpb_tab { padding-left: 0; padding-right: 0; border: none; }
	body.wpex-theme .wpb_tour,
	body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { border: none !important }
	body.wpex-theme .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 0 0 !important }
	body.wpex-theme .wpb_tour .wpb_tour_next_prev_nav { display: none !important }
	body.wpex-theme .wpb_tour .wpb_tabs_nav { border: 1px solid #e4e4e4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li { background: none; border-bottom: 1px solid #e4e4e4; border-right: 0; margin: 0; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li:first-child a { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li:last-child { border-bottom: none }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li:last-child a { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li a { padding: 10px; color: #888; background: none; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li a:hover { color: #000; background: #f9f9f9; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li.ui-tabs-active a { background: #f7f7f7; background: -webkit-linear-gradient(#f7f7f7,#eee); background: -moz-linear-gradient(#f7f7f7,#eee); background: -o-linear-gradient(#f7f7f7,#eee); background: linear-gradient(#f7f7f7,#eee); box-shadow: inset 0 1px 1px #fff; color: #000; }
	/* useful common classes */
	.tablet-single-column { width: 100% !important }
}
/*--------------------------------------------------------------
5.0 - Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) { 
	.mobile-menu-extra-icons { display: none !important }
	.mobile-menu-extra-icons.mobile-menu-shopping-cart { display: block !important }
}
/*--------------------------------------------------------------
6.0 - Phone Portrait and Landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) { 
	/* visibility */
	.hidden-desktop { display: block }
	.visible-desktop { display: none }
	.hidden-phone { display: none }
	.visible-phone { display: block }
	/* hide things */
	.hide-on-phones { display: none !important }
	.vcex-caroufredsel .staff-social { display: none }
	.gallery-format-post-slider-wrap .flex-direction-nav { display: none }
	/* grid & main  */
	#wrap { width: 100% !important }
	.container,
	#wrap,
	.vc_row-fluid.container { width: 90%; min-width: 240px; }
	body.boxed-main-layout#wrap { width: auto !important }
	.full-width-main-layout .center-row-inner { margin: 0 }
	.col,
	.blog-entry { width: 100% !important; margin-left: 0 !important; margin-bottom: 25px; }
	.content-area,
	#sidebar { float: none; width: 100% !important; }
	#site-logo { margin-top: 0px !important; margin-bottom: 0px !important; }
	#site-logo,
	#site-logo a,
	#site-logo img { display: block; float: left; text-align: left; max-width:200px; height:auto; }
	body #site-logo img { padding-top: 0; padding-bottom: 0; }
	#sidr-main { width: 100%; max-width: 400px; }
	/* vc coloumns */
	#wrap .wpex-row .col { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 20px; }
	#wrap .wpex-row.portfolio-no-margins .col { margin-bottom: 0 !important; }
	.row-no-spacing .wpb_column { margin-bottom: 0 }
	.vc_span12.wpb_column { margin-bottom: 0 !important }
	/*phone full-width*/
	.phone-fullwidth-columns .col,
	.phone-fullwidth-columns .wpb_column,
	.phone-fullwidth-columns .vcex-feature-box-content,
	.phone-fullwidth-columns .vcex-feature-box-media { width: 100% !important; margin-left: 0 !important; height: auto !important; }
	.phone-fullwidth-columns .vcex-feature-box-media { margin-bottom: 30px }
	.phone-fullwidth-columns.match-height-feature-row .vcex-feature-box-media .vcex-feature-box-image { position: inherit; top: auto; left: auto; max-width: 100%; }
	.phone-fullwidth-columns.match-height-feature-row .vcex-feature-box-media .vcex-feature-box-image img { max-width: 100% }
	.phone-fullwidth-columns.vcex-feature-box.left-content-right-image .vcex-feature-box-content { padding-right: 0px }
	.phone-fullwidth-columns.vcex-feature-box.left-image-right-content .vcex-feature-box-content { padding-left: 0px }
	/* top-bar */
	#top-bar { padding-top: 20px; padding-bottom: 20px; }
	.top-bar-right,
	.top-bar-left { float: none; width: 100%; text-align: center; height: auto !important; line-height: 1.5em !important; }
	.top-bar-right { margin-top: 12px }
	#top-bar-social { text-align: center }
	#top-bar-social a { display: inline-block; float: none; margin-top: 7px; }
	#top-bar #lang_sel { text-align: left }
	body.rtl #top-bar #lang_sel { text-align: right }
	/* page header */
	.page-header-with-background .page-header-title { font-size: 36px !important }
	.centered-page-header .page-header-title,
	.centered-minimal-page-header .page-header-title,
	.background-image-page-header .page-header-title { font-size: 24px !important }
	.centered-page-header .page-subheading,
	.centered-minimal-page-header .page-header-subheading,
	.background-image-page-header .page-subheading { font-size: 14px !important }
	.background-image-page-header { max-height: 200px }
	/* slider  */
	.page-slider .ls-container .ls-nav-prev,
	.page-slider .ls-container .ls-nav-next { display: none !important }
	/* header  */
	body.has-breadcrumbs .page-header-title { max-width: 100%; width: 100%; }
	.site-breadcrumbs { display: none }
	/* composer extension */
	.vcex-filter-links li { float: none !important; width: 100% !important; margin: 0 0 5px !important; }
	.vcex-filter-links li a { display: block }
	/* portfolio  */
	.portfolio-archives-filter li { float: none; margin: 0 0 5px; }
	.filterable-portfolio { margin-left: 0; margin-right: 0; }
	/* blog  */
	.site-main .meta-seperator { display: none !important }
	.single .meta { border-top: 0; margin-top: -20px; padding-top: 0; padding-right: 41px; }
	.single-post .meta.meta-with-title { margin-top: 0 }
	#single-post-next-prev { top: 0 }
	.header-with-avatar { width: 100%; padding: 0 !important; }
	.blog-entry-author-avatar { display: none }
	.blog-entry.thumbnail-entry-style .blog-entry-media { float: none; width: 100%; margin-bottom: 20px; }
	.blog-entry.thumbnail-entry-style .blog-entry-content { float: none; width: 100%; }
	/* clear match heights js */
	.blog-entry.grid-entry-style .blog-entry-inner,
	.match-height-content { height: auto !important }
	/* social share */
	.social-share-title { display: block }
	.blog-entry .social-share-buttons { display: none }
	.social-share-title { margin: 40px 0 15px }
	.social-share-title span { background: #fff; padding-right: 15px; }
	.social-share-buttons.position-vertical { position: inherit; top: auto; left: auto; width: auto; height: auto; }
	#content-wrap.left-sidebar .social-share-buttons.position-vertical { right: auto; left: auto; }
	.social-share-buttons.position-verticals li { float: left; border: none; }
	.social-share-buttons.position-vertical li a { color: #999; width: 30px; height: 30px; line-height: 30px; display: block; border: 1px solid #e4e4e4; margin: 0 5px 0 0; }
	.social-share-buttons.position-vertical li:first-child { border-top: 0 }
	/* comments  */
	.comment-author { left: auto; right: 0; top: 0; z-index: 99; height: 40px; width: 40px; }
	.comment-details { margin-left: 0 }
	.comment-details:before { display: none }
	#comments .children { margin-left: 0 }
	.comment-form-author input,
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-website input,
	.comment-form-comment input,
	.comment-form-url input { width: 100% }
	/* sidebar  */
	#main .widget_nav_menu li a:before { display: none }
	/* footer callout  */
	#footer-callout-left,
	#footer-callout-right { width: 100%; margin: 0; float: none; }
	#footer-callout-right { margin-top: 20px }
	#footer-bottom { text-align: center; padding: 30px 0; }
	#footer-bottom-menu { position: inherit !important; top: auto !important; right: auto !important; margin: 10px 0 0; text-align: center; height: auto; line-height: inherit; }
	#footer-bottom-menu ul li { float: none; height: auto; line-height: inherit; margin: 10px 0 0; }
	/* woocommerce  */
	body div.product .woocommerce-tabs { padding-top: 0 }
	body .product_meta { border-top: 1px solid #eee; border-bottom: none; padding: 0; }
	.product_meta span { padding: 5px 0; display: block; border-bottom: 1px solid #eee; }
	.product_meta span span { border: none }
	#reviews #comments ol.commentlist li .comment-text p { margin: 10px 0 5px !important }
	.woocommerce-message,
	.woocommerce-error,
	.woocommerce-info { height: auto !important; padding-top: 10px !important; padding-bottom: 10px !important; line-height: 1.3em !important; }
	.woocommerce-message .button,
	.woocommerce-error .button,
	.woocommerce-info .button { display: none }
	.wpex-responsive.woocommerce div.product div.images,
	.wpex-responsive.woocommerce #content div.product div.images,
	.wpex-responsive.woocommerce-page div.product div.images,
	.wpex-responsive.woocommerce-page #content div.product div.images { float: none; width: auto; }
	.wpex-responsive.woocommerce div.product div.summary,
	.wpex-responsive.woocommerce #content div.product div.summary,
	.wpex-responsive.woocommerce-page div.product div.summary,
	.wpex-responsive.woocommerce-page #content div.product div.summary { float: none; width: auto; margin-top: 40px; }
	.wpex-responsive.woocommerce div.product .product_title,
	.wpex-responsive.woocommerce #content div.product .product_title,
	.wpex-responsive.woocommerce-page div.product .product_title,
	.wpex-responsive.woocommerce-page #content div.product .product_title { margin-bottom: 0 }
	.woocommerce-tabs .tabs { display: none !important }
	.woocommerce-tabs .panel { display: block !important; margin-bottom: 50px !important; }
	.wpex-responsive.woocommerce .star-rating,
	.wpex-responsive.woocommerce-page .star-rating { float: none }
	.shop_table th.product-price,
	.shop_table .product-thumbnail { display: none !important }
	table.cart td.actions input { float: none !important; margin: 0 0 5px !important; }
	#content table.cart td.actions .coupon .input-text { width: 50% }
	#content table.cart td.actions .coupon { margin-bottom: 10px }
	.shop_table  td { text-align: left !important }
	table.cart img,
	#content table.cart img,
	table.cart img,
	#content table.cart img { width: auto }
	.cart-collaterals .cross-sells,
	.cart-collaterals .cross-sells,
	.cart-collaterals .cart_totals,
	.cart-collaterals .cart_totals,
	.shipping_calculator,
	.cart-collaterals .shipping_calculator { float: none; width: 100%; margin-bottom: 30px; }
	.col2-set .col-1,
	.col2-set .col-1 { width: 100%; float: none; margin-bottom: 30px; }
	.col2-set .col-2,
	.col2-set .col-2 { width: 100%; float: none; margin-bottom: 30px; }
	body .cart-collaterals .cross-sells,
	body .cart-collaterals .cart_totals { float: none !important; width: 100% !important; }
	.woocommerce-page table.shop_table td.product-price { display: none }
	#customer_details,
	#order_review { width: 100%; float: none; }
	.showcoupon { position: inherit; top: auto; right: auto; margin: 0; }
	.woocommerce-message:before,
	.woocommerce-error:before,
	.woocommerce-info:before { display: none !important }
	.addresses .col-1,
	.addresses .col-2 { border: none; padding: 20px 0; }
	.addresses .col-1 { margin-bottom: 0; padding-bottom: 0; }
	.addresses .col-2 { margin: 0 }
	body .checkout_coupon input[type="text"] { width: 100% !important }
	/* vc tabs */
	body .wpb_tabs .wpb_tabs_nav li,
	body .wpb_tabs .wpb_tabs_nav li a { float: none; width: 100% !important; }
	body .wpb_tabs.tab-style-alternative-one .wpb_tabs_nav li a { border-left: 0; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; }
	body .wpb_tabs.tab-style-alternative-two { border: none }
	body .wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li a { border-top: 1px solid #eee }
	/* vc vertical tabs */
	body.wpex-theme .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav,
	body.wpex-theme .wpb_tour .wpb_tab,
	body.wpex-theme .wpb_tour_next_prev_nav { width: 100%; float: none; margin-left: 0; }
	body.wpex-theme .wpb_tour .wpb_tab { padding-left: 0; padding-right: 0; border: none; }
	body.wpex-theme .wpb_tour,
	body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { border: none !important }
	body.wpex-theme .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 0 0 !important }
	body.wpex-theme .wpb_tour .wpb_tour_next_prev_nav { display: none !important }
	body.wpex-theme .wpb_tour .wpb_tabs_nav { border: 1px solid #e4e4e4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li { background: none; border-bottom: 1px solid #e4e4e4; border-right: 0; margin: 0; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li:first-child a { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li:last-child { border-bottom: none }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li:last-child a { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li a { padding: 10px; color: #888; background: none; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li a:hover { color: #000; background: #f9f9f9; }
	body.wpex-theme .wpb_tour .wpb_tabs_nav li.ui-tabs-active a { background: #f7f7f7; background: -webkit-linear-gradient(#f7f7f7,#eee); background: -moz-linear-gradient(#f7f7f7,#eee); background: -o-linear-gradient(#f7f7f7,#eee); background: linear-gradient(#f7f7f7,#eee); box-shadow: inset 0 1px 1px #fff; color: #000; }
	/* vc post types slider */
	.vcex-posttypes-flexslider .vcex-img-flexslider-caption { padding: 10px; text-align: center; background: rgba(0,0,0,0.7); }
	.vcex-posttypes-flexslider .vcex-img-flexslider-caption .title { font-size: 14px }
	.vcex-posttypes-flexslider .vcex-img-flexslider-caption .excerpt { display: none }
	.checkstub_maker .top-fields #company_name, .checkstub_maker .top-fields #com_address {
 	 width: 100%;
	 position: relative;
	 top: 0;
	 left: 0;
	 margin-bottom: 10px
	}
	#comp_logo.common_class {
	top: -24px;
	font-size: 12px;
	padding: 0 10px;
	}
	#company_logo_div .upload-area h1 {
	font-size: 18px;
	}
	#company_logo_div .upload-area {
	width: 250px;
	}
	#company_logo_div > p {
	font-size: 13px;
	}
}
/*--------------------------------------------------------------
7.0 - Phone Landscape
--------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	/* visibility */
	.hidden-desktop { display: block }
	.visible-desktop { display: none }
	.hidden-phone { display: none }
	/* grid */
	.container,
	#wrap,
	.vc_row-fluid.container { width: 90% }
	.content-area { width: 100%; float: none; }
	#sidebar { width: 100%; float: none; }
	.col { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 30px; }
	.row-no-spacing .wpb_column { margin-bottom: 0 }
	/* misc */
	.wpex-flickr-widget .flickr_badge_image { width: 23% }
	#sidr-main { width: 100% }
}
/*--------------------------------------------------------------
8.0 - Visual Composer Tweaks
--------------------------------------------------------------*/
@media screen and (max-width: 860px) { 
	.vcex-flexslider-wrap .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
	.vcex-flexslider-wrap .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
	.vcex-callout.with-button .vcex-callout-caption { width: 100%; padding-right: 0; }
	.vcex-callout-caption { float: none; width: 100%; text-align: center; }
	.vcex-callout-button { float: none; width: 100%; float: none; display: block; position: inherit; right: auto; top: auto; margin: 15px auto 0; text-align: center; }
	.vcex-callout-button .vcex-button { display: inline-block; float: none; }
	.vcex-galleryslider-entry-title { font-size: 13px; padding: 10px; }
}