@media screen and (min-width: 980px) {
	.boxes .box:nth-child(even) {
		margin: 0 0px 10px 20px;
	}
	.boxes .box:nth-child(odd) {
		margin: 0 0px 10px 10px;
	}
}
@media screen and (max-width: 1000px) {
	.boxes .box .border {
		width: 465px;
	}
	.boxes .box .header h3,
	.boxes .box .header h2 {
		width: 435px;
	}
	.boxes .box .info .desc {
		width: 335px;
	}
	
	.boxes .box:nth-child(even) {
		margin: 0 0px 10px 10px;
	}
	.boxes .box:nth-child(odd) {
		margin: 0 10px 10px 10px;
	}
	
	.boxes .tiki-channels, 
	.boxes .tiki-videos {
		width: 98%;
		margin: 0 1%;
	}
}

@media screen and (max-width: 980px) {
	#content {
		position: static;
	}
	.clear30 {
		float: left;
		width: 100%;
		padding-top: 30px;
	}
	.boxes {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 92%;
	}
	.boxes .box {
		width: 46%;
		margin: 0 2% 10px 2%;
	}
	
	.boxes .box:nth-child(odd) {
		margin: 0 3% 10px 1%;
	}
	
	.boxes .box:nth-child(even) {
		margin: 0 1% 10px 3%;
	}
	
	.boxes .box .border {
		width: 100%;
	}
	
	.boxes .box .header h2 {
		width: 96%;
		padding: 5px 2%;
	}
	.boxes .box .info .image {
		width: 20%;
		padding: 0 0 0 2%;
	}
		
		.boxes .box .info .image img {
			width: 90%;
			padding: 0px;
			margin: 0 5% 5% 5%;
		}
	
	.boxes .box .info .desc {
		width: 73%;
		float: right;
		margin: 0%;
		padding: 0% 2% 0% 0%;
	}
	
	.boxes .box .shadow_left {
		background: url("../images/shadow_left_310.png") no-repeat scroll center bottom transparent;
		left: -10px;
	}
	.boxes .box .shadow_right {
		background: url("../images/shadow_right_310.png") no-repeat scroll center bottom transparent;
		right: -10px;
	}
	
	.boxes .tiki-channels, 
	.boxes .tiki-videos {
		width: 98%;
		margin: 0 1%;
	}
}

@media screen and (min-width: 884px) {
	
			#menu ul li {
				
			}
			

				#menu ul ul {
					position: absolute;
					background: none;
					top: 49px;
					margin-left:1px;
					float: left;
					width: 178px;
					display: none;
					background:#efefef;
				}
				
				#menu ul ul li a{
					text-transform: none;
				}
				
				#menu ul li:hover ul {
					display: block;
				}
				
					#menu ul ul li {
						display: block;
						position: relative;
						z-index: 999999;
						float: left;
						width: 100%;
						padding: 0;
						height: auto;
						background: #efefef;
					}
					
						#menu ul ul li:first-child:hover,
						#menu ul ul li:first-child {
							padding: 0;
							border: 0px none;
							line-height: 34px;
							height: auto;
							margin: 0px;
						}
						#menu ul ul li:hover {
							height: auto;
							margin: 0px;
						}
					
						
						#menu ul li:hover ul a,
						#menu ul ul li:hover a:hover,
						#menu ul ul li:hover a {
							margin:-1px 0px 0px -1px;
							position:relative;
							background: url('../images/menu_arrow.png') no-repeat 5px center #efefef;
							
						}
						#menu ul li:hover ul li:first-child  a{
							margin:0px 0px 0px -1px;
							position:relative;
						}
						
						#menu ul ul li:hover a:hover {
							background: url('../images/menu_arrow.png') no-repeat 5px center #d9d9d9;
						}
					
						#menu ul ul li a {
							line-height: 28px;
							width: 80%;
							padding: 0 10%;
							float: left;
							margin: 0px;
							background: none;
						}
					
					#menu ul ul ul {
						position: absolute;
						left: 100%;
						top: -1px;
						display: none;
						border: 0px none;
					}
					
					#menu ul:hover ul ul {
						display: none;
					}
							
					#menu ul ul li:hover > ul {
						display: block;
						padding: 0px;
						margin: 0px;
					}
					#menu ul ul li:hover {
						padding: 0px;
						margin: 0px;
					}
					
						#menu ul ul ul li {
							height: auto;
							z-index: 9999999;
						}
						
							#menu ul ul ul li a {
								line-height: 28px;
							}
}
@media screen and (max-width: 883px) {

	#menu ul ul, #menu ul ul ul,.sub-menu{
		display:block !important;
		background:none !important;
	}
	#menu ul li a{
		border:none;
		margin:0px;
	}

	.small_menu_box {
		float: left;
		width: 100%;
	}
		.small_menu {
			display: block;
			float: left;
			margin-left: 15px;
		}
			
			#menu {
				display: none;
			}
			
	#header {
		padding-bottom: 0px;
	}
	
	#header .desc {
		width: 50%;
		padding-top: 0px;
	}
	/******************************** MENU ****************************/
		
		.small_menu {
			margin: 0px;
			font-size: 24px;
			color: #5e5e5e;
			text-transform: uppercase;
			text-decoration: none;
			padding: 5px 15px 10px 15px;
		}
		.small_menu.active,
		.small_menu:hover {
			color: #5e5e5e;
			text-decoration: none;
			background-color: #e8e8e8;
		}
		.small_menu:focus {
			color: #5e5e5e;
			text-decoration: none;
		}
		
			#menu {
				float: left;
				width: 100%;
				height: auto;
				background: #e8e8e8;
			}
			
				#menu ul {
					float: left;
					width: 100%;
					background: none;
				}
				
					#menu ul li {
						float: left;
						width: 100%;
						padding: 0px;
						height: auto;
						margin: 0px;
						background: none;
						position: static;
						clear:both;
					}
					#menu ul li:first-child,
					#menu ul li:first-child:hover,
					#menu ul li:hover {
						padding: 0px;
					}
					
						#menu ul li a {
							margin: 0px;
							font-size: 15px;
							float: left;
							width:auto;
							line-height: 28px;
						}
						#menu ul li:hover a {
							margin: 0px;
						}
						#menu ul li:hover a {
							background: none;
						}
						#menu ul li:hover li a{
							background: url('../images/menu_arrow.png') no-repeat left center transparent;;
						}
						#menu ul li a:hover {
							background: #d9d9d9;
							
						}
						#menu ul li ul li a:hover {
							background: url('../images/menu_arrow.png') no-repeat left center #d9d9d9;
						}
						
						#menu ul.active {
							display: block;
						}
						
						#menu ul li {
							padding-left: 0px;
						}
						
							#menu ul li ul li{
								padding-left: 10px;
									width:auto !important;
							}
								#menu ul li ul li a{
									background: url('../images/menu_arrow.png') no-repeat left center transparent;
								}
							
							#menu ul li ul li:first-child,
							#menu ul li ul li:first-child:hover,
							#menu ul li ul li:hover {
								padding-left: 10px;
									width:auto !important;
							}
							
								#menu ul li ul li ul li{
									padding-left: 10px;
									width:auto !important;
								}
								
								#menu ul li ul li ul li:first-child,
								#menu ul li ul li ul li:first-child:hover,
								#menu ul li ul li ul li:hover {
									padding-left: 10px;
									width:auto !important;
								}
								
							#menu ul ul {
								position: static;
								width: 100%;
								border: 0px none;
							}
							#menu ul ul li {
								position: static;
								width: 100%;
							}
							#menu ul ul ul {
								position: static;
							}
								
	/****************************** END MENU **************************/
}

@media screen and (max-width: 850px) {
	.boxes .box .shadow_left {
		left: 0px;
	}
	.boxes .box .shadow_right {
		right: 0px;
	}
}
@media screen and (max-width: 768px) {
	#footer .fmenu.special,
	#footer .fmenu {
		width: 45%;
		
	}
	
	.left_content {
		width: 96%;
		padding: 0 2%;
	}
	.right_content {
		width: 100%;
	}
}

@media screen and (max-width: 740px) {
	
	.boxes .box:nth-child(odd),
	.boxes .box:nth-child(even) {
		margin: 0;
	}
	
	.clear30 {
		display: none;
	}
	
	.boxes {
		width: 100%;
		float: left;
		margin: 0px;
	}
		.boxes .box {
			float: left;
			width: 100%;
			margin: 0px;
		}
		
			.boxes .box .info .image {
				width: 18%;
				padding: 0 0 0 1%;
			}
				
				.boxes .box .info .image img {
					width: 90%;
					padding: 0px;
					margin: 0 5% 5% 5%;
				}
			
			.boxes .box .info .desc {
				width: 80%;
				float: right;
				margin: 0%;
				padding: 0 1% 0 0;
			}
			
			.boxes .box .border {
				border-top: 1px solid #C1C2C3;
				border-bottom: 0px none;
				border-left: 0px none;
				border-right: 0px none;
			}
			.boxes .box .header h2 {
				background: none;
				margin-bottom: 0px;
				border-bottom: 0px;
			}
			.boxes .box .header {
				width: 100%;
				float: left;
				-webkit-border-radius: 	3px 3px 0px 0px; 
				 -moz-border-radius: 	3px 3px 0px 0px; 
				 border-radius: 		3px 3px 0px 0px; 
				border-bottom: 1px solid #c1c2c3;
				margin-bottom: 20px;
				/* fallback */ 
				background-color: #f8f8f9; 
				background: url(images/header_bg.png); 
				background-repeat: repeat-x;
				
				/* Safari 4-5, Chrome 1-9 */ 
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f2f5)); 
				/* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #ffffff, #f3f2f5); 
				/* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #ffffff, #f3f2f5); 
				/* IE 10 */ 
				background: -ms-linear-gradient(top, #ffffff, #f3f2f5); 
				/* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #ffffff, #f3f2f5); 
				border-bottom: 1px solid #c1c2c3;
			}
			.boxes .box .border {
				width: 100%;
			}
			.boxes .box .shadow_left,
			.boxes .box .shadow_right,
			.boxes .box .shadow {
				display: none;
			}
			
			.boxes .box .header span {
				bottom: -11px;
			}
			#content {
				float: left;
				/*width: auto;*/
				min-width: 320px;
			}
}

@media screen and (max-width: 685px) {
	#header .desc {
		width: 40%;
	}
}
@media screen and (max-width: 600px) {
	#header .logo {
		
		
	}
	
	#header .desc {
		display: none;
		width: 100%;
	}
	
	#header .afterdesc {
		width: 100%;
		margin: 0 auto;
		display: block;
		text-align: center;
		padding: 10px 0;
	}
	
	.small_menu_box {
		width: auto;
	}
	#header {
		min-width: 320px;
		padding-bottom: 0px;
	}
		#header .header_menu,
		#header .sharing {
			display: none;
		}
		#header .sharing_clone {
			display: block;
			float: right;
			padding-bottom: 0px;
		}
		
		#header .search_small {
			display: block;
			float: right;
		}
			
			#header .search_small img {
				padding: 0 5px 9px 5px;
			}
		
		#header .header_menu_clone {
			display: block;
			padding-bottom: 0px;
			padding-left: 10px;
			
		}
		
		#header .search {
			display: none;
		}
		#shs {
			display: none;
		}
		#shs {
			float: left;
			width: 100%;
			background: #e8e8e8;
			padding: 10px 0;
		}
			#shs .right_s {
				float: right;
				padding-right: 10px;
			}
			
			#shs input {
				float: left;
				
			}
			
			#shs input[type="text"] {
				padding: 3px 3px 5px 3px;
			}
			
			#shs input[type="submit"] {
				margin: 1px 0 0 10px;
			}
		
		
	.boxes .box {
		margin: 0px 0px 10px 0;
	}
	
		.boxes .box .info .image {
			width: 18%;
			padding: 0 1%;
		}
		
		.boxes .box .info .desc {
			width: 79%;
		}
	
	#footer .fmenu.special, 
	#footer .fmenu {
		width: 100%;
		margin: 0;
	}
	#footer .fmenu ul {
		margin: 0 0 0 4%;
		width: 95%;
	}
	#footer .fmenu.special, 
	#footer .fmenu {
		height: auto !important;
	}
}

@media screen and (max-width: 480px) {
	
	.entry-content #channels-holder .channel-thumb-box,
	.tiki-container #channels-holder .channel-thumb-box,
	.entry-content #videos-holder .video-thumb-box,
	.tiki-container #videos-holder .video-thumb-box {
		width: 90%;
		margin-top: 15px;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.tiki-container .page-header .box-head {
		width: 104%;
		margin-left: -2%;
	}
	#header {
		min-width: 320px;
		padding-bottom: 0px;
	}
		#header .header_menu,
		#header .sharing {
			display: none;
		}
		#header .sharing_clone {
			display: block;
			float: right;
			padding-bottom: 0px;
		}
		
		#header .search_small {
			display: block;
			float: right;
		}
			
			#header .search_small img {
				padding: 0 5px 9px 5px;
			}
		
		#header .header_menu_clone {
			display: block;
			padding-bottom: 0px;
			padding-left: 10px;
		}
		
	#header .search {
		display: none;
	}
	#shs {
		display: none;
	}
	#shs {
		float: left;
		width: 100%;
		background: #e8e8e8;
		padding: 10px 0;
	}
		#shs .right_s {
			float: right;
			padding-right: 10px;
		}
		
		#shs input {
			float: left;
			
		}
		
		#shs input[type="text"] {
			padding: 3px 3px 5px 3px;
		}
		
		#shs input[type="submit"] {
			margin: 1px 0 0 10px;
		}
	
	.boxes {
		width: 100%;
		float: left;
		margin: 0px;
	}
		.boxes .box {
			float: left;
			width: 100%;
			margin: 0px;
		}
			
			.boxes .box .border {
				border-top: 1px solid #C1C2C3;
				border-bottom: 0px none;
				border-left: 0px none;
				border-right: 0px none;
			}
			.boxes .box .header h2 {
				background: none;
				margin-bottom: 0px;
				border-bottom: 0px;
			}
			.boxes .box .header {
				width: 100%;
				float: left;
				-webkit-border-radius: 	3px 3px 0px 0px; 
				 -moz-border-radius: 	3px 3px 0px 0px; 
				 border-radius: 		3px 3px 0px 0px; 
				border-bottom: 1px solid #c1c2c3;
				margin-bottom: 20px;
				/* fallback */ 
				background-color: #f8f8f9; 
				background: url(images/header_bg.png); 
				background-repeat: repeat-x;
				
				/* Safari 4-5, Chrome 1-9 */ 
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f2f5)); 
				/* Safari 5.1, Chrome 10+ */ 
				background: -webkit-linear-gradient(top, #ffffff, #f3f2f5); 
				/* Firefox 3.6+ */ 
				background: -moz-linear-gradient(top, #ffffff, #f3f2f5); 
				/* IE 10 */ 
				background: -ms-linear-gradient(top, #ffffff, #f3f2f5); 
				/* Opera 11.10+ */ 
				background: -o-linear-gradient(top, #ffffff, #f3f2f5); 
				border-bottom: 1px solid #c1c2c3;
			}
			.boxes .box .border {
				width: 100%;
			}
			.boxes .box .shadow {
				display: none;
			}
			
			.boxes .box .header span {
				bottom: -11px;
			}
			#content {
				float: left;
				width: auto;
				min-width: 320px;
			}
			
	.featured_post_image {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
		.featured_post_image img {
			width: 100%;
			float: left;
			margin-bottom: 10px;
		}
	.containment.no_thumbnail,
	.containment {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		clear: both;
	}
	
	.page-title {
		font-size: 25px;
		margin-top: 10px;
	}
	
	.right_content #secondary {
		padding: 0;
		width: 100%;
		background: #ffffff;
	}
	.left_content article:last-child {
		border-bottom: 0px none;
	}
	.widget {
		width: 100%;
	}
	.middle .boxes .widget {
		width: 98%;
		margin-left:1%;
	}
	.boxes .tiki-channels .box-item, .boxes .tiki-videos .box-item{
		width:100%;
	}
	.boxes .tiki-channels .box-item a, .boxes .tiki-videos .box-item a {
		width:100%;
	}
	.widget #s {
		margin-left: 10px;
	}
	
	.widget select {
		margin-left: 10px;
	}
	
	.boxes .box-head h2 {
		border-left: 0px none;
		border-right: 0px none;
		-webkit-border-radius: 	0px; 
		-moz-border-radius: 	0px; 
		border-radius: 			0px; 
	}
	
	.upcoming-events-holder-widget {
		width: 96%!important;
		margin-left: 2%!important;
		margin-right: 2%!important;
	}
	
	.widget ul li .recent {
		margin-left: 4%;
		margin-right: 4%;
	}
	
		.boxes .box .info .image {
			width: 20%;
		}
		
		.boxes .box .info .desc {
			width: 77%;
		}
}

@media screen and (max-width: 320px) {
	.small_menu_box {
		width: auto;
	}
		
		.small_menu {
			margin: 0px;
			font-size: 24px;
			color: #5e5e5e;
			text-transform: uppercase;
			text-decoration: none;
			padding: 5px 15px 10px 15px;
		}
		.small_menu.active,
		.small_menu:hover {
			color: #5e5e5e;
			text-decoration: none;
			background-color: #e8e8e8;
		}
		.small_menu:focus {
			color: #5e5e5e;
			text-decoration: none;
		}
		
			#menu {
				float: left;
				width: 100%;
				height: auto;
				background: #e8e8e8;
			}
			
				#menu ul {
					float: left;
					width: 100%;
					background: none;
				}
					
					#menu ul li {
						float: left;
						width: 100%;
						padding: 0px;
						height: auto;
						margin: 0px;
						background: none;
						clear:both;
					}
					#menu ul li:first-child,
					#menu ul li:first-child:hover,
					#menu ul li:hover {
						padding: 0px;
					}
					
						#menu ul li a {
							margin: 0px;
							font-size: 15px;
							float: left;
							width: 100%;
							line-height: 28px;
						}
						#menu ul li:hover a {
							padding: 0px 17px;
							margin: 0px;
						}
						#menu ul li:hover a {
							background: none;
						}
						#menu ul li:hover li a{
							background: url('../images/menu_arrow.png') no-repeat left center transparent;;
						}
						#menu ul li a:hover {
							background: #d9d9d9;
							
						}
						#menu ul li ul li a:hover {
							background: url('../images/menu_arrow.png') no-repeat left center #d9d9d9;
						}
						
						#menu ul.active {
							display: block;
						}
						
						#menu ul li {
							padding-left: 0px;
						}
						
							#menu ul li ul li{
								padding-left: 10px;
								width:auto !important;
							}
								#menu ul li ul li a{
									background: url('../images/menu_arrow.png') no-repeat left center transparent;
								}
							
							#menu ul li ul li:first-child,
							#menu ul li ul li:first-child:hover,
							#menu ul li ul li:hover {
								padding-left: 10px;
									width:auto !important;
							}
							
								#menu ul li ul li ul li{
									padding-left: 10px;
										width:auto !important;
								}
								
								#menu ul li ul li ul li:first-child,
								#menu ul li ul li ul li:first-child:hover,
								#menu ul li ul li ul li:hover {
									padding-left: 10px;
									width:auto !important;
								}
								
	
	#content {
		min-width: 320px;
	}
	
		.boxes .box {
			height: auto !important;
		}
			.boxes .box .header h2 {
				width: auto;
			}
			
			.boxes .box .border {
				width: auto;
			}
			
			.boxes .box .info .image {
				width: 85px;
				float: left;
				padding: 0 10px;
			}
			
				.boxes .box .info .image img {
					border: 1px solid #c1c2c3 ;
					float: left;
					width: 83px;
					margin: 0px;
				}
			
			.boxes .box .info .desc {
				width: 195px;
				padding: 0 15px 0 0 ;
			}
			
	#footer {
		min-width: 320px;
	}
}