/**
 * 1600px
 */
@media only screen and ( max-width: 1600px ) {
	
	#slideshow li,
	#bannerWrapper #bannerImage	{background-position: top left;}
	
}


/**
 * 1260px
 */
@media only screen and ( max-width: 1260px ) {
	
	#copyrights,
	.primaryWidth		{padding-left: 20px; padding-right: 20px;}
	#mainNav,
	#footerBlocks,
	#sliderColumns,
	#contentWrapper		{padding-left: 0; padding-right: 0;}
	#homePosts			{padding-right: 0;}
	
}


/**
 * 1150px
 */
@media only screen and ( max-width: 1150px ) {
	
	#mainNav ul li a,
	#mainNav ul li.callBanner > a	{padding-left: 20px; padding-right: 20px;}
	
	#bannerImage	{display: none;}
	#content		{padding: 40px 40px 40px 20px;}
	#sidebar		{padding: 40px 20px;}
	
}


/**
 * 1050px
 */
@media only screen and ( max-width: 1050px ) {
	
	#mainNav ul li a,
	#mainNav ul li.callBanner > a	{padding-left: 15px; padding-right: 15px;}
	
	#bannerWrapper #bannerText		{font-size: 4vw; height: auto; max-height: none; padding: 40px 20px;}
	
}


/**
 * 950px
 */
@media only screen and ( max-width: 950px ) {
	
	#mainHeader .custom-logo-link	{margin-top: -30px;}
	
	#openMobileMenu					{display: block;}
	#mainNav ul li:not(:last-child)	{display: none;}
	
	#slideNav						{top: 290px;}
	#slideshow 						{min-height: 350px;}
	#slideshow li					{text-align: center; background-image: none !important;}
	#slideshow li > div				{padding-top: 50px;}
	
	#content			{padding: 40px 20px;}
	#sidebar			{display: none;}
	
	#footerBlocks		{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
	#footerBlocks > *			{padding: 20px;}
	#footerBlocks.cols-2 > *,
	#footerBlocks.cols-3 > *	{width: 100%;}
	
}


/**
 * 800px
 */
@media only screen and ( max-width: 800px ) {
	
	#utilityWrapper	{display: none;}
	
	#headerPhone	{-webkit-flex-direction: column; flex-direction: column;}
	#headerPhone li	{margin-left: 0;}
	#headerPhone li:last-child	{margin-top: 20px;}
	
	#homeExams ul	{column-count: 2;}
	
	#serviceCols		{-webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 40px; padding-bottom: 40px;}
	#serviceCols .col	{width: 100%; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e3e3e3;}
	#serviceCols .col:last-of-type	{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
	
	#homePostsWrapper	{padding-top: 40px; padding-bottom: 0;}
	
	#homeTestiWrapper	{padding: 40px 0; background-image: none;}
	#homeTesti			{-webkit-justify-content: center; justify-content: center; font-size: 20px;}
	#homeTesti > div	{width: 100%; max-width: none;}
	#homeTesti > div > :first-child	{font-size: 26px;}
	
	#footerContactWrapper	{display: none;}
	#footerContact		{-webkit-flex-direction: column; flex-direction: column;}
	#footer-phonestl	{margin: 40px 0;}
	#footerContactWrapper + #footerBlocksWrapper	{margin-top: 0;}
	
	#sliderColumns .col			{border-width: 10px;}
	#sliderColumns.cols-2 .col	{width: 50%;}
	#sliderColumns.cols-3 .col	{width: 33.33%;}
	
	#copyrights			{-webkit-flex-wrap: warp; flex-wrap: wrap;}
	#copyrights > *		{width: 100%;}
	#copyrights #footerRight	{margin-top: 20px;}
	
}


/**
 * 768px
 */
@media only screen and ( max-width: 768px ) {
	
	#content .fl-separator		{margin-bottom: 1.1em;}
	
}


/**
 * 700px
 */
@media only screen and ( max-width: 700px ) {
	
	#mainHeader .custom-logo-link	{margin-top: 0; margin-right: 12px;}
	#headerPhone a					{white-space: nowrap;}
	
	#slideshow li,
	#slideshow li span		{font-size: 130% !important;}
	
	#sliderColumns			{-webkit-flex-direction: column; flex-direction: column;}
	#sliderColumns.cols-1 .col,
	#sliderColumns.cols-2 .col,
	#sliderColumns.cols-3 .col	{width: 100%; height: auto;}
	#sliderColumns .col			{margin-bottom: 20px; border-width: 0; background-image: none !important; background-color: #0c7f40;}
	#sliderColumns .col > div	{padding: 20px;}
	
	#timelineContent			{margin: 40px auto;}
	#timeline					{-webkit-flex-direction: column; flex-direction: column;}
	#timeline:before			{top: 0; left: -130px; right: 0; width: 2px; height: 100%; height: calc( 100% - 140px ); margin: 0 auto; border-top: 0; border-left: 2px dashed #ffd633;}
	#timeline > *				{display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 100%; margin-bottom: 40px;}
	#timeline img				{margin: 0;}
	#timeline strong			{width: 120px; margin-top: 0; margin-left: 8px; text-align: left;}
	
	#homeExamsWrapper			{margin-top: 0;}
	
	#content img.alignleft,
	#content img.alignright,
	#content .wp-caption.alignleft,
	#content .wp-caption.alignright		{float: none; display: block; margin: 0 auto 1.1em;}
	
	#content .paymentFrm				{float: none;}
	#content .paymentFrm table			{width: 100%; box-sizing: border-box;}
	#content .paymentFrm table a.btn	{display: block; width: 100%; box-sizing: border-box; text-align: center;}
	
}


/**
 * 600px
 */
@media only screen and ( max-width: 600px ) {
	
	#homePosts		{-webkit-flex-direction: column; flex-direction: column; padding-left: 0;}
	#recentPosts	{width: 100%; max-width: none; padding-left: 20px; padding-right: 0; box-sizing: border-box;}
	#recentRight	{width: 100%; margin-left: 0; box-sizing: border-box; background-image: none !important; background-color: #30ac4a;}
	
	#bannerWrapper #bannerText	{font-size: 6vw;}
	
	#content img						{max-width: 100%; height: auto;}
	#content .hentry .post-image		{display: none;}
	#content .hentry .post-content		{padding-left: 0;}
	#content .hentry .post-image-mobile	{display: block; margin-bottom: 8px;}
	
}


/**
 * 550px
 */
@media only screen and ( max-width: 550px ) {
	
	#homeExamsWrapper					{background-color: #575757; background-image: none !important;}
	
	#timelineContent,
	#homeExamsWrapper					{font-size: 18px;}
	#homeExams > :first-child,
	#timelineContent > :first-child		{font-size: 24px;}
	#homeExams ul						{column-count: 1;}
	
	#calltoaction span 					{display: block;}
	
}


/**
 * 500px
 */
@media only screen and ( max-width: 500px ) {
	
	#slideshow li,
	#slideshow li span 	{font-size: 110% !important;}
	
	.btn				{display: block; text-align: center;}
	.btn + .btn			{margin-left: 0; margin-top: 10px;}
	
}


/**
 * 450px
 */
@media only screen and ( max-width: 450px ) {
	
	#mainHeader .custom-logo-link		{display: block; width: 100%; margin: 20px 0 35px; text-align: center;}
	#mainHeader .custom-logo-link img	{margin: 0 auto;}
	#headerPhone		{display: none;}
	
}