/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 

.col-text ul.features	{display: none}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}


/* MOBILE STYLES */
@media (max-width: 1110px) 
{
	ul.features	{font-size: 16px;}
}

@media (max-width: 1024px) 
{
    /* IPAD (LANDSCAPE) */
}

@media (max-width: 960px) 
{
	.inner	{padding: 40px; padding-bottom: 0}

	
   	ul.features				{font-size: 16px; flex-wrap: wrap; display: none}
	ul.features li			{padding: 5px 0; margin: 0 10px;}
	ul.features li:after	{display: none}
	
	header .inner		{padding:0}
	header 				{padding:40px 0 0 0}
	ul.features	{margin-bottom: 35px;}
	
	.cols		{margin-bottom: 40px; flex-direction: column;}
	.cols .col	{width: 100%;}
	
	
	.col-text ul.features		{background: linear-gradient(135deg, rgba(78,106,202,0.1) 0%, rgba(172,110,177,0.3) 100%); display: block; list-style:disc; font-size: 18px; padding:20px; padding-left: 35px; border-radius: 10px; font-family: 'Lato', sans-serif; text-transform: none; margin-bottom: 1.5em; margin-top: 1.5em; margin-left: 0; }
	.col-text ul.features li	{margin-bottom: 5px; color: #000000;}
	
	.cols .col.col-slideshow	{margin-bottom: 30px; width:calc(100% + 80px); margin-left: -40px;}
	
	.callout-box p	{font-size: 18px;}
}

@media (max-width: 768px) 
{
    /* IPAD (PORTRAIT) */
}

@media (max-width: 640px) 
{
	.logo	{width:300px; max-width: 100%}
}

@media (max-width: 414px) 
{
	.inner	{padding: 30px; padding-bottom: 0}
	
	.callout-box,
	.cols .col.col-slideshow {width:calc(100% + 60px); margin-left: -30px;}
	
}

@media (max-width: 374px) 
{
	.logo	{width:250px; max-width: 100%}
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}