/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
	.wrap {
		max-width: 100%;
	}
	body.f2b-member-section header.site-header .title-area {
		width: 31.623931623931625%;
	}
	body.f2b-member-section .bumper {
		min-height: 120px;
	}
	div.main-track-section ul.f2b-topic-frame li .one-third label {
		line-height: 20px;
	}
	div.main-track-section ul.f2b-topic-frame li .one-third span {
		width: 24.52991452991453%;
	}
	a.progress-btn {
		padding: 16px 10px !important;
	}
}
/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	div.track-main {
		width: 100%;
	}
	div.track-progress-btn div.one-third {
		width: 33%;
	}
	div.track-progress-btn div.one-third a {
		width: 90%;
	}
	div.track-bar {
		min-height: 50px !important;
		border: solid 1px #C0D1D7;
		padding-bottom: 0;
	}
	div.track-content p.topic-title, div.track-content ul.track-list {
		display: none;
	}
	div.track-content div.track-nav {
		display: block;
	}
	#zenbox_tab {
		width: 30px !important;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (min-width : 481px)
and (max-width : 768px) {
	.one-sixth {
		width: 14.52991452991453%;
	}
	.two-thirds {
		width: 65.81196581196582%;
	}
	header.member-section .header-btns {
		float: left; 
		width: 100% !important;
	}
	body.f2b-member-section header.site-header .title-area {
		width: 100% !important;
	}
	body.f2b-member-section header.site-header .site-title a.site-logo-mini {
		margin-top: 5px; 
		min-height: 50px !important; height: 58px;
		background-position: center center !important;
	}
    
    header.site-header {
		margin: 0; padding: 0;
        box-shadow: 0 1px 6px rgba(38,38,39,.05);
	}
    
	.site-header .widget-area {
		text-align: center;
        width: 75%;
        top: 0 !important;
        height: 100%;
        
	}
	.site-header .widget-area div.f2b-login-modal {
		float: none;
	}
	div#optin p a.button {
		display: block;
		margin-bottom: 7px;
		margin-left: 0 !important;
	}
	div#login form#form {
		max-width: 100%;
	}
	#modal-login p {
		max-width: 90%;
	}
	.five-sixths {
		width: 82.90598290598291%;
	}
	.one-sixth {
		width: 14.52991452991453%;
		margin-left: 2.564102564102564%;
	}
	h1.dics-title {
		padding-left: 30px;
	}
	div.f2b-progress-header .two-thirds {
		width: 100%;
	}
	div.f2b-progress-header .f2b-continue {
		float: left; clear: both;
		width: 100%;
	}
	div.f2b-progress-header .f2b-continue a {
		width: 100%;
	}
	
	div.main-track-section ul.f2b-topic-frame li div.one-sixth {
		text-align: left;
	}
	div.main-track-section ul.f2b-topic-frame li .two-thirds > div.row {
		margin-left: 0;
	}
	div.main-track-section ul.f2b-topic-frame li .two-thirds .two-thirds {
		width: 100%;
	}
	div.main-track-section ul.f2b-topic-frame li .one-third {
		width: 100%;
	}
	div.main-track-section ul.f2b-topic-frame li .one-third label {
		width: 78.90598290598291%;
		text-align: right;
		line-height: 40px;
	}
	div.main-track-section ul.f2b-topic-frame li .one-third span {
		width: 40px !important;
	}
	ul.f2b-topic li span.percent-done {

	}
	a.progress-btn {
		padding: 16px 5px !important;
	}
	
	div.track-main {
		width: 100%;
	}
	
	div.track-progress-btn div.one-third {
		width: 100%;
		margin-bottom: 7px;
	}
	div.track-progress-btn div.one-third a {
		width: 90%;
		margin: 0 auto;
		float: none;
		display: block;
	}
	div.track-bar {
		min-height: 50px !important;
		border: solid 1px #C0D1D7;
		padding-bottom: 0;
	}
	div.track-content p.topic-title, div.track-content ul.track-list {
		display: none;
	}
	div.track-content div.track-nav {
		display: block;
	}
	
	div.entry-content > .one-sixth, div.entry-content > .two-thirds {
		width: 100%;
	}
	#zenbox_tab {
		width: 30px !important;
	}
	div.socialproof div.wpb_text_column {
		min-height: 50px !important;
	}
	div.socialproof .wpb_single_image .vc_single_image-wrapper {
		float: left; max-width: 30%;
	}
	div.footer-links .vc_col-sm-2, div.footer-links .vc_col-sm-3 {
		max-width: 25% !important;
		float: left;
	}
	body #gform_wrapper_12 .gform_body {
		width: 100% !important;
	}
	body #gform_wrapper_12 .gform_footer {
		float: left !important;
		width: 100% !important;
	}
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	header.site-header .title-area {
		max-width: 100% !important;
	}
	body.f2b-member-section header.site-header .title-area {
		max-width: 50% !important;
		min-width: 20% !important;
	}	
	header.member-section .header-btns {
		float: left; 
		width: 40% !important;
		padding-top: 10px;
	}
	header.member-section .header-btns a.thickbox {
		display: block;
		width: 60%;
		margin: 0 auto;
		float: none;
		text-align: center;
		display: none;
	}
	header.member-section .header-btns div.btn-group {
		float: left !important;
		margin-bottom: 5px;
	}
	header.member-section .header-btns div.btn-group > a {
		font-weight: bold;
	}
	header.member-section .header-btns div.btn-group ul li {
		text-align: left;
		padding: 0; 
	}
	header.member-section .header-btns div.btn-group ul li a {
		padding: 0 0 0 5px; margin: 0;
		width: 100%;
	}
	header.site-header {
		margin: 0; padding: 0;
        box-shadow: 0 1px 6px rgba(38,38,39,.05);
	}
	.site-header .wrap, .site-header.shrink .wrap {
		padding: 0 0 0 5% !important
	}
	.site-header .widget-area {
		text-align: center;
        width:75%;
        top: 0 !important;
        height:100%;
	}
	.site-header .widget-area div.f2b-login-modal {
		float: none;
	}
	
	header.site-header .title-area a {
		text-align: center;
		width: 100%; 
        height: 100%;
		background-position: left !important;
        background-size: 50% auto !important;
	}
	body.f2b-member-section header.site-header .site-title a.site-logo-mini {
		text-align: center;
		width: 100%;
		min-height: 50px !important; height: 68px;
		background-position: left center !important;
		 /*background-size: 100% auto !important; /*
	}
	.entry-content .two-thirds {
		width: 100%;
	}
	div#optin p a.button {
		display: block;
		margin-bottom: 7px;
		margin-left: 0 !important;
	}
	div.ml-content {
		padding-left: 20px;
	}
	div#login form#form {
		max-width: 250px;
	}
	#modal-login p {
		max-width: 90%;
	}
	#modal-login p.submit {
		margin-right: 10px;
	}
	.five-sixths {
		width: 82.90598290598291%;
	}
	.one-sixth {
		width: 14.52991452991453%;
		margin-left: 2.564102564102564%;
	}
	h1.dics-title {
		padding-left: 30px;
	}
	.header-btns .button {
		padding-left: 5px; padding-right:5px;
	}
	.header-btns .btn-group {
		margin-right: 10.564102564102564%;
	}
	div.f2b-progress-header .two-thirds {
		width: 100%;
	}
	div.f2b-progress-header .f2b-continue {
		float: left; clear: both;
		width: 100%;
	}
	div.f2b-progress-header .f2b-continue a {
		width: 100%;
	}
	
	div.main-track-section ul.f2b-topic-frame {
		padding-left: 10px; padding-right: 40px;
	}
	div.main-track-section ul.f2b-topic-frame li div.one-sixth {
		width: 100%;
		text-align: left;
	}
	div.main-track-section ul.f2b-topic-frame li .one-third {
		width: 100%;
	}
	div.main-track-section ul.f2b-topic-frame li .one-third label {
		width: 82.90598290598291%;
		text-align: right;
		line-height: 40px;
	}
	div.main-track-section ul.f2b-topic-frame li .one-third span {
		width: 40px;
	}
	ul.f2b-topic li span.percent-done {
		right: -40px; top: 10px;
		max-width: 50px;
		font-size: 0.7em;
	}
	div.track-progress-btn div.one-third {
		width: 100%;
		margin-bottom: 7px;
	}
	div.track-progress-btn div.one-third a {
		width: 90%;
		margin: 0 auto;
		float: none;
		display: block;
	}
	div.track-bar {
		min-height: 50px !important;
		border: solid 1px #C0D1D7;
		padding-bottom: 0;
	}
	div.track-content p.topic-title, div.track-content ul.track-list {
		display: none;
	}
	div.track-content div.track-nav {
		display: block;
	}
	#zenbox_tab {
		width: 25px !important;
	}
	.bumper {
		min-height: 120px;
	}
	ul.f2b-topic-frame li h4 {
		padding-left: 20px;
	}
	div.f2b-question-list ul li .stats span.label {
		font-size: 0.7em;
		padding: 0 !important;
		font-weight: normal;
	}
	div.f2b-question-list > div.meta {
		width: 100% !important;
	}
	div.f2b-question-list > div.que-content {
		width: 100% !important;
	}
	div.socialproof div.wpb_text_column {
		min-height: 50px !important;
	}
	div.socialproof .wpb_single_image .vc_single_image-wrapper {
		float: left; max-width: 30%;
	}
	div.footer-links .vc_col-sm-2, div.footer-links .vc_col-sm-3 {
		max-width: 50% !important;
		float: left;
	}
	body #gform_wrapper_12 .gform_body {
		width: 100% !important;
		padding-left: 20px !important;
	}
	body #gform_wrapper_12 .gform_footer {
		float: left !important;
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 10px !important;
	}
	div.sec-header .header-middle h1 {
		font-size: 1.5em !important;
	}
	div.sec-header .header-middle p {
		font-size: 1.1em !important;
	}


}