/* Responsive Stylesheet */

/* Hide Responsive Elements */

@media only screen and (min-width: 1px) and (max-width: 1300px)
{
	.wrapper { width: 90%;}
	ul.activities li { width: 31%; padding-bottom: 31%;}
	.slider ul li img { width: 1300px;}
}

@media only screen and (min-width: 1px) and (max-width: 1180px)
{
	nav ul li a:hover, nav ul li.current-menu-item a, nav ul li.current-page-ancestor a, .single-whatson nav ul li.menu-item-32 a { margin: 0;}	
	header { text-align: center;}
	header .hide { display: block;}
	header a.logo, nav, .home nav { float: none; display: inline-block;}
	header a.logo { margin: 0 0 20px;}
	.home nav ul li a { width: 105px; padding: 67px 0 24px; font-size: 14px; line-height: 14px; background-size: 40px; background-position: 50% 21px;}
}

@media only screen and (min-width: 1px) and (max-width: 1180px)
{
	.wrap { width: 90%;}
}

@media only screen and (min-width: 1px) and (max-width: 1100px)
{
	.content, .sidebar { width: 100%;}
	.sidebar { margin-top: 20px;}
	.sidebar .box { width: 84%;}
	.sidebar .box2 { float: right;}
	.sidebar .subMenu ul, .box #tvWidgetRecentSermons { text-align: center;}
	ul.activities li { margin: 0 1% 2%;}
}

@media only screen and (min-width: 1px) and (max-width: 930px)
{
	.hero { height: 760px;}
	nav { width: 100%;}	
	nav ul, .home nav ul { margin-top: 5px;}
	nav ul li, .home nav ul li { width: 23%; float: none; display: inline-block; margin: 3px;}
	nav ul li a, .home nav ul li a { width: 100%;}
	.slider ul li img { height: 100%; width: auto;}
	ul.notices li embed { height: 225px;}
	.tv-sermon { width: 90%;}
	footer p br { display: block;}
	footer p span { display: none;}
}

@media only screen and (min-width: 1px) and (max-width: 850px)
{
	
	.featured { display: none;}
	.heading h1 { text-align: center;}
	.mobileCal { display: block;}
	.mainCal { display: none;}
}

@media only screen and (min-width: 1px) and (max-width: 750px)
{
	footer { text-align: center;}
	footer p { text-align: center; width: 100%; margin: 0 !important;}
	footer .right { width: 100%;}
	footer ul { float: none; display: inline-block; margin: 10px 0;}
	.hero .inner h5 { width: 90%; margin: 0 auto; font-size: 15px; line-height: 19px;}
	.hero .inner h5 br { display: none; }
	.hero .inner img { width: 300px;}
	.hero .inner h4 { font-size: 24px; line-height: 27px; padding: 6px 17px;}
	ul.activities li span.button { font-size: 14px; line-height: 14px; text-align: center; width: 90%;}
	ul.activities li span.button span { display: none;}
	ul.activities li a:hover span.button { padding-bottom: 17px;}
	#truthvine-content td.tv-sermon-reference { display: none;}
}

@media only screen and (min-width: 1px) and (max-width: 650px)
{
	.hero .specialMessage { width: 84%; padding: 5%; margin: 0 3%;}
}

@media only screen and (min-width: 1px) and (max-width: 600px)
{
	nav ul li, .home nav ul li { width: 22%;}
	ul.notices li embed { display: none;}
	table.tv-sermon-list td.tv-sermon-title span.tv-sermon-title-text { font-size: 14px; }
  	table.tv-sermon-list td { font-size: 13px !important; padding: 12px 15px !important;}
}
  

@media only screen and (min-width: 1px) and (max-width: 540px)
{
	.hero .inner img { width: 80%; padding: 0 0 24px}
	.hero .inner { padding-bottom: 30px;}
	table.tv-sermon-list td.tv-sermon-speaker { display: none; }
 	form#tv-searchForm input[type=text] { width: 70%; }
	ul.activities li { width: 48%; padding-bottom: 48%;}
}

@media only screen and (min-width: 1px) and (max-width: 450px)
{
	nav ul li a, .home nav ul li a { background-image: none !important; padding: 15px 0;}
	nav ul li, .home nav ul li { width: 30%;}
	.hero { height: 700px;}
	.featured { height: 125px;}
	.heading h1 { font-size: 25px; line-height: 30px;}
}