/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

@media screen and (max-width: 980px) {
.col-620{
	width:100%;
}
	body {}

	.grid, 
	.grid-right {
		float: none;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}
		header{ background:#373E43 url(core/images/header-bottom-bg.png) bottom repeat-x; display:block; position: relative; width:100%; z-index:2; }
	header .inner .phone, header .inner .top-menu{
		float:none;
		margin:0 auto;
		width:95%;
		text-align: center;
	}
	header .inner .phone{
		padding:6px 0px 12px 0px;
	}
	header .inner .top-menu ul,
	#site-navigation .logo{
		text-align:center;
	}
	
	#site-navigation .mainmenu,
	.mainheading{
		width:100%;
		float:none;
	}
#site-navigation .logo{
	float:none;
}

#billboard{
	background-position:top;
}

#billboard .stripes .inner .server{
	float:none;
	width:100%;
	position:inherit;
	padding-bottom:10px;
}

#billboard .stripes {
background-position: right bottom;
padding-bottom:15px;
}

#billboard .stripes .inner .heading h2{
	font-size:36px;
}

#billboard .stripes .inner .article{
	padding:0px 10px;
}

#billboard .stripes .inner{
	padding-top:15px;
}
#footer .widget-one{
	padding:35px;
}
#footer .widget-one ul{
	padding-left:35px;
}
#footer .widget-one,#footer .widget-two,#footer .widget-three{
	float:none;
}
#footer .widget-two, #footer .widget-three{
	width:auto;
}

.footerbottom, .client {
	text-align:center;
	margin:0 auto;
}
.footerbottom .login{
	text-align:center;
	margin:33px 20px 0px 20px;
}

.footerbottom .footer-menu{ float:none; margin:10px 0px 0px 0px;}
.footerbottom .footer-logo{ float:none; display:inherit; margin-top:15px;}
.footerbottom .copyright{ float:none; display:inherit; text-align:center; padding-bottom:10px;}
.mainleft{ padding:25px 15px; float:none; width:93%;}
.leftsidebar,
.cols-50-50 .homeright,
.cols-50-50 .homeleft{ float:none; width:100%;}
.maininnercontainer{ padding:0px;};
}

@media screen and (max-width: 650px) {

	body {}

	#logo {
		float: none;
		margin: 0;
		text-align: center;
	}

.grid{
	margin-bottom: 1.127659574468%;
}
	.grid, 
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	
	.top-widget {
		float: none;
		margin: 0 auto 10px auto;
		position: relative;
		text-align: center;
		width: auto;
	}
	
	.top-widget .widget-title {
		text-align: center;
	}
	
	.js .sub-header-menu {
		display: none;
	}
	
	.js .main-nav {
		position: relative;
		margin: 0 auto;
		height:42px;
	}
	
	.js .main-nav .menu {
		display: none;
		position: absolute;
		width: 100%;
		top: 30px;
		z-index: 1000;
		margin-top:13px;
	}
	
	.js .main-nav .menu ul {
		margin-top: 1px;
	}
	
	.js .main-nav .menu li {
		float: none;
		background-color: #fff;
		border: none;
	}
	
	.js .main-nav .menu li a {
		color: #000;
		font-size: 13px;
		font-weight: normal;
		height: 45px;
		padding: 0 12px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		text-shadow: none;
		text-align: left;
		cursor: pointer;
	}
	.main-nav ul li.home a{
		background: none !important;
		left:0px;
	}
	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #99cc00;
		color:#333333 !important;
	}
	
	.js .main-nav .menu li li:hover {
		background: none!important;
	}
	
	.js .main-nav .menu li li a {
		position: relative;
		padding: 10px 10px 10px 30px;
	}
	
	.js .main-nav .menu li li li a {
		position: relative;
		padding: 10px 10px 10px 40px;
	}
	
	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover {
		background-image: none;
		filter: none;
		background-color: #99cc00!important;
		color:#333;
	}
	
	.js .main-nav .menu li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
		padding:10px 0px 0px 0px
	}
	
	.js .main-nav .menu li li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}
	
	.js .main-nav .menu li li li a::after {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 30px;
		padding:10px 0px 0px 0px;
	}
	
	.js .main-nav .menu li ul {
		position: static;
		visibility: visible;
		background-color: #fff;
	}

	.js .main-nav .menu ul {
		min-width: 0;
	}

	.js .main-nav #responsive_current_menu_item {
		display: block;
		padding: 5px 40px 5px 10px;
		color: #333333;
		font-weight: normal;
		cursor: pointer;
		font-size:16px;
	}
	
	.js .main-nav a#responsive_menu_button {
		position: absolute;
		display: block;
		top: 0;
		left: 100%;
		height: 30px;
		width: 28px;
		padding:0px 0px 0px 6px;
		margin-left: -40px;
					-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
		background: #0C6189 url(../images/select-icons.png) 2px 5px no-repeat;
		cursor: pointer;
	}
	
	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: #99cc00 url('../images/select-icons.png') 2px -46px no-repeat;
	}
		
	
	.top-menu, 
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}
	
	.tinynav {
		display: block;
	}
	
	.sb-holder {
		display: block;
	}
	
	#author-meta {
		padding: 20px;
	}
	
	.hide-650 {
		display: none;
	}
	
	.show-650 {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {

	body {}

td.homencontentleft{
	border:0px;
}
	#logo {
		float: none;
		text-align: center;
	}

	.grid, 
	.grid-right {
		float: none;
	}
	
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	
	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}
	
	.featured-subtitle {
		font-size: 24px;
	}
	
	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}
	
	.hide-480 {
		display: none;
	}
	
	.show-480 {
		display: block;
	}
	
	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

@media screen and (max-width: 320px) {
	
	body {}
	
	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}
	
	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}

	.hide-320 {
		display: none;
	}
	
	.show-320 {
		display: block;
	}
}

@media screen and (max-width: 240px) {
	
	body {}
	
	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}
	
	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}
	
	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"], 
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}
	
	.widget-title,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}
	
	.hide-240 {
		display: none;
	}
	
	.show-240 {
		display: block;
	}
	
}