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

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

	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;
	}

}



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

	body {
	}
	
	#logo {
		float: left;
		margin: 5px;
		text-align: center;
	}

	.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 h3 {
		text-align: center;
	}

	.js .sub-header-menu {
		display: none;
	}

	.js .main-nav {
		position: relative;
		background-color: #C6C6C6;
		clear: both;
		margin: 0 auto;
		width:100%;
	}

	.js .main-nav .menu {
		display: none;
		position: absolute;
		width: 100%;
		top: 39px;
		z-index: 1000;
	}

	.js .main-nav .menu ul {
		margin-top: 1px;
	}

	.js .main-nav .menu li {
		float: none;
		background-color: #b6b6b6;
		border: none;
	}

	.js .main-nav .menu li a {
		color: #444444;
		font-size: 13px;
		font-weight: normal;
		height: 45px;
		line-height: 45px;
		padding: 0 15px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		text-shadow: none;
		text-align: left;
		cursor: pointer;
	}

	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #b6b6b6;
	}

	.js .main-nav .menu li li:hover {
		background: none !important;
	}

	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}

	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}

	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover {
		background-image: none;
		filter: none;
		background-color: #b80205 !important;
		color:#fff
	}

	.js .main-nav .menu li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}

	.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;
	}

	.js .main-nav .menu li ul {
		position: static;
		visibility: visible;
		background-color: #ffffff;
	}

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

	.js .main-nav #responsive_current_menu_item {
		display: block;
		padding: 10px 40px 5px 10px;
		color: #000;
		font-weight: normal;
		cursor: pointer;
		text-transform:uppercase;
		font-size:13pt;
	}

	.js .main-nav a#responsive_menu_button {
		position: absolute;
		display: block;
		top: 3px;
		left: 100%;
		height: 30px;
		width: 23px;
		margin-left: -30px;
		background: url('../images/select-icons.png') 0 5px no-repeat;
		cursor: pointer;
	}

	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url('../images/select-icons.png') 0 -46px no-repeat;
	}

	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	#author-meta {
		padding: 20px;
	}

	#wrapper .gallery .gallery-item {
		max-width: 100%;
	}

	.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;
	}
	
	#container{padding:0 0 0 0; width:100%}
	#header{width:100%}
	.slider{width:100%; margin:0 auto}
	.slider img{float:left;}
	.page-content{width:100%}
	.page-content-column-bg{width:100%}
	.page-content-column{ width:95%; float:none;}
	.page-content-column:last-child{width:95%; float:left; margin-left:15px; padding:10px 0 0 0;  border-left:none; border-top:solid 1px #888888;}
	.products-strip{width:98%; margin-left:3px;}
	.product-img-box{width:48%}
	.product-img-box span{margin-left:94px}
	.rd-left{width:100%}
	.rd-left img{float:left;}
	.rd-left p{padding: 10px 10px 0 5px;}
	.rd-left span{margin-right:10px;}
	.social-icon{ width:100%; margin: 20px auto;}
	.social-icon img{ margin:5px 5px;}
	.quick-form-right{width:98%; float:left; margin-left:6px; margin-top:-20px}
	.submit-div{width:79%}
	.contact-form{width:99%}
	.contact-form form{ width:78%}
	.contact-form-img img{display:block}
	.contact-form label{ width:100px;}
	.contact-form input[type="text"]{width:260px; margin-left:10px;}
	.contact-form textarea{width:260px; margin-left:10px;}
	.footer-menu{width:100%;float:left;}
	.footer-menu li{padding:0 15px 0 15px}
	.footer-menu li a{font-size:12pt; text-transform:none;}
	.footer-line{float: left; margin: -16px 0px; width:100%;}
	.footer-copyright{width: 100%; float:left;}
	.footer-copyright p{text-align:left; float:left}
	.digihive-link{width:50%; float:right; margin-top:5px}
}

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

	body {
	}
#container{padding:0 0 0 0; width:100%}
	#header{width:100%}
	.slider{width:100%; margin:0 auto}
	.slider img{float:left;}
	.page-content{width:100%}
	.page-content-column-bg{width:100%}
	.page-content-column{ width:93%; float:none;}
	.page-content-column:last-child{width:93%; float:left; margin-left:15px; padding:10px 0 0 0;  border-left:none; border-top:solid 1px #888888;}
	.products-strip{width:98%; margin-left:3px;}
	.product-img-box{width:97%}
	.product-img-box span{margin-left:180px}
	.rd-left{width:100%}
	.rd-left img{float:left;}
	.rd-left p{padding: 10px 10px 0 5px;}
	.rd-left span{margin-right:10px;}
	.social-icon{ width:100%; margin: 20px auto;}
	.social-icon img{ margin:5px 5px;}
	.quick-form-right{width:96%; float:left; margin-left:6px; margin-top:-20px}
	.submit-div{width:79%}
	.contact-form{width:99%}
	.contact-form form{ width:100%}
	.contact-form-img img{display:none}
	.contact-form input[type="text"]{width:260px; margin-left:10px;}
	.contact-form textarea{width:260px; margin-left:10px;}
	.footer-menu{width:96%; margin-left:3px;float:left;}
	.footer-menu li{padding:0}
	.footer-menu li a{padding:0 15px 0 15px; font-size:12pt; text-transform:none;}
	.footer-line{float: left; margin: -16px 5px;width: 97%;}
	.footer-copyright{width: 95%; float:left;margin-left: 3px;}
	.footer-copyright p{text-align:center; float:none}
	.digihive-link{width:100%; float:left; margin:25px 10px;}
	#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;
	}

	#wrapper .gallery .gallery-item {
		float: none;
	}

	.hide-480 {
		display: none;
	}

	.show-480 {
		display: block;
	}

	#footer {
		text-align: left;
		width:100%;
		padding:0;
	}

	#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;
	}
	#container{padding:0 0 0 0; width:100%}
	#header{width:100%}
	.slider{width:100%; margin:0 auto}
	.slider img{float:left;}
	.page-content{width:100%}
	.page-content-column-bg{width:100%}
	.page-content-column{ width:90%; float:none;}
	.page-content-column:last-child{width:90%; float:left; margin-left:15px; padding:10px 0 0 0;  border-left:none; border-top:solid 1px #888888;}
	.products-strip{width:98%; margin-left:3px;}
	.product-img-box{width:97%}
	.rd-left{width:100%}
	.rd-left img{float:none;}
	.rd-left p{padding: 10px 10px 0 5px;}
	.rd-left span{margin-right:10px;}
	.social-icon{ width:100%; margin: 20px auto;}
	.social-icon img{ margin:0}
	.quick-form-right{width:96%; float:left; margin-left:6px; margin-top:-20px}
	.contact-form{width:99%}
	.contact-form form{ width:100%}
	.contact-form-img img{display:none}
	.contact-form input[type="text"]{width:260px; margin-left:10px;}
	.contact-form textarea{width:260px; margin-left:10px;}
	.footer-menu{width:96%; margin-left:3px;float:left;}
	.footer-menu li{padding:0}
	.footer-menu li a{padding:0 4px 0 4px; font-size:10pt; text-transform:none;}
	.footer-line{float: left; margin: -16px 5px;width: 94%;}
	.footer-copyright{width: 95%; float:left;margin-left: 3px;}
	.footer-copyright p{text-align:center; float:none}
	.digihive-link{width:100%; float:left; margin:25px 10px;}
	.submit-div{width:88%}
}

@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 h3,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}

	.hide-240 {
		display: none;
	}

	.show-240 {
		display: block;
	}
}