@media only screen and (min-width: 1340px) {
    .body-helper {background: green;}
}

@media only screen and (min-width: 992px) and (max-width: 1340px) {
	.body-helper {background: pink;}
	
}

@media only screen and (min-width: 992px) {
	
}

@media only screen and (min-width: 768px) {
	.main-navigation ul li:hover ul{ display: block; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.body-helper {background: maroon;}
	.container {padding-left: 8px; padding-right: 8px;}
	.container-fluid {padding-left: 8px; padding-right: 8px;}
	.row {margin-left: -8px; margin-right: -8px;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 8px; padding-right: 8px;}
	
	h2 {font-size: 38px; line-height: 44px;}
	h3 {font-size: 30px; line-height: 38px;}
	h4 { font-size: 28px; line-height: 36px;}
	p { font-size: 26px; line-height: 34px;}
	.button-green {padding: 8px 16px 6px; letter-spacing: 0; font-size: 24px;}
	#header {padding-top: 10px;}
	.main-navigation ul li {padding: 8px 11px;}
	.main-navigation ul li.logo a {width: 291px; height: 122px;}
	.banner-block {border-top-width: 12px; border-bottom-width: 12px;}
	.banner-content {padding: 16px 0 12px}
	.banner-image img {max-width: 100%;}
	.youtube-block {margin: 14px auto 18px;}
	.page-content {padding: 20px 0;}
	.content-widget-block {border-top-width: 12px; border-bottom-width: 12px; padding: 14px 0 20px;}
	.secondary{ padding-left: 20px; }
	.widget_categories ul li a, .widget_archive ul li a, .widget_recent_entries ul li a, .recentcomments a, .recentcomments{ font-size:15px; }
	h2.widget-title{ font-size:22px; margin-bottom: 5px; }
	.blog-page h1, .blog-page h2{ padding-bottom: 5px; font-size:25px;  }
	.blog-date{ margin-bottom: 5px; line-height: 20px; }
	.page-numbers:hover, .current, .current:hover, .page-numbers, .page-numbers:hover{ font-size:12px; }
	
	.main-navigation ul li ul{ top:52px; }
	.main-navigation ul li ul li a{ font-size:12px; }
	.widget_categories ul li a, .widget_archive ul li a, .widget_recent_entries ul li a, .recentcomments a, .recentcomments{ font-size:17px; }
	.blog-post-single p{ font-size:20px; }
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	body { font-size: 20px; line-height: 26px;}
	.container {padding-left: 8px; padding-right: 8px;}
	.container-fluid {padding-left: 8px; padding-right: 8px;}
	.row {margin-left: -8px; margin-right: -8px;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 8px; padding-right: 8px;}
	
	h2 {font-size: 30px; line-height: 38px;}
	h3 {font-size: 26px; line-height: 32px;}
	/* h4 { font-size: 22px; line-height: 28px;} */
	p { font-size: 20px; line-height: 26px;}
	.button-green {padding: 8px 16px 6px; letter-spacing: 0; font-size: 20px;}
	
	.main-navigation.navbar-collapse {background: #554663;}
	#header .container {padding-left: 0px; padding-right: 0px;}
	#header .container-fluid {padding-left: 0px; padding-right: 0px;}
	#header .row {margin-left: 0px; margin-right: 0px;}
	.logo-block-mobile h1 {padding: 0 12px; }
	
	.logo-block-mobile {display: block;}
	.main-navigation ul {padding: 0 12px;}
	.main-navigation ul li {width: 100%; float: left; padding: 4px 0px;}
	.main-navigation ul li:last-child {padding-bottom: 12px;}
	.main-navigation ul li.logo {display: none;}
	.main-navigation ul li a {font-size: 18px;}
	
	.banner-block {border-top-width: 10px; border-bottom-width: 10px;}
	.banner-content {padding: 20px 0 20px;}
	
	.banner-image img {max-width: 100%;}
	
	.page-content {padding: 38px 0 32px;}
	.youtube-block {margin: 38px auto 32px;}
	.banner-content h2 {margin-bottom: 6px; width: 100%;}
	
	.content-widget-block {border-top-width: 10px; border-bottom-width: 10px; padding: 14px 0 14px;}
	.page-excerpt-widget {margin: 18px 0 2px 0; padding: 10px 0;}
	.content-widget-block .row .col-sm-4:first-child .page-excerpt-widget {border: 0px none;}
	
	.page-content h3 {font-size: 20px; line-height: 28px;}
	.page-content h3:before {/* display: none; */ background-size: 100% auto; top: -10px;}
	.page-content h3:after {background-size: 100% auto; bottom: -10px;}
	
	.page-excerpt-widget p {font-size: 20px;}
	.footer-widget {margin-bottom:20px;}
	.news-widget ul li{text-align:center; margin: 3px 0 14px;}
	.news-widget ul li a{ font-size: 19px; line-height: 22px;}
	.links-widget{padding-left:0;}
	
	.widget_categories ul li a, .widget_archive ul li a, .widget_recent_entries ul li a, .recentcomments a, .recentcomments{ font-size:15px; }
	h2.widget-title{ font-size:22px; margin-bottom: 5px; }
	.blog-page h1, .blog-page h2{ padding-bottom: 5px; font-size:25px;  }
	.blog-date{ margin-bottom: 5px; line-height: 20px; }
	.page-numbers:hover, .current, .current:hover, .page-numbers, .page-numbers:hover{ font-size:12px; line-height: 14px; padding: 2px 5px; }
	.blog-post-single{ padding-top: 0px; margin-bottom: 10px;}
	.blog-date li{ margin-right: 10px; font-size:11px; }
	.more-link{ margin-top: 10px; font-size:12px;  }
	.comment-respond p textarea{ height:150px; }
	
	.main-navigation ul li ul{ position: relative; top:auto; padding: 0px;  }
	.main-navigation ul li ul li{ border:0px;}
	.blog-post-single p{ font-size:22px; line-height: 28px; }
}

@media only screen and (min-width: 480px) {
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.body-helper {background: lightblue;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
}