.mobile-menu, .mobileads, .mobile-link{
	display:none !important;
}

.desktopads{
	display:block;
}


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

	#page {
    	width: 768px;
	}
	
	.promos, #content .recent-photos, #content .recent-videos{
		display:none;
	}
	
	.mobile-menu {
    	float: right!important;
   		display: block!important;
    	margin-top: 10%;
		z-index:20;
		margin-right:5%;
	}
	
	#menu-button {
		display: block;
		width: 88px;
		height: 43px;
		font-size: 0;
		background: url(../images/menu-bg.png) center no-repeat;
		cursor:pointer;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	.social{
		float: right;
		z-index: 100;
		margin-top: -140px;
		padding: 1.25em 1em;
		margin-right: 50px;
	}
	
	.main-menu{
		display:none;
	}

	.main-menu  .menu{
		padding: 0;
		margin-top: -17%;
		width: 220px;
		position: absolute !important;
		top: 80px;
		right: 5%;
		z-index: 10;
		display:block;
		
	}
	
	.main-menu  .menu li{
		display:block;
		width: 95%;
		border-right:none;
		border-bottom:1px dotted #999;
		padding: 7px 1px;
	}
	
	.main-menu .menu li.expanded .menu{
		position:relative !important;
		display:block;
		top:0px !important;
		background: #999 !important;
		width:90%;
		left:10px;
	}
	
	.main-menu .menu li.expanded .menu li{
		width:90%;
		left:10px;
	}
	
	.main-menu .menu li.expanded .menu li.expanded .menu{
		left:0;
		width:100%;
		background:#CCC !important;
	}
	
	
	
	.mobile-link{
		display:block !important;
	}
	
	.two-sidebars #content{
		margin-top:100px;
		width:56%;
	}
	
	.promotions img{
		width:100%;
		height:auto;
	}
	
	.views_slideshow_cycle_teaser_section{
		height:144px;
		width:100%;
	}
	
	#sidebar-second{
		margin-top:100px;
	}
	
	#content .facebook-stream, #content .twitter-stream, #content .chatroll{
		width:98%;
	}

	
}

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

	#page {
    	width: 100%;
	}
	
	#header{
		height:100px !important;
	}
	
	#logo{
		width:40% !important;
	}
	
	.no-mobile, .breadcrumb{
		display:none !important;
	}
	
	.two-sidebars #content, #sidebar-second{
		width:100%;
		margin-top:0;
		text-align:center;
	}
	
	#sidebar-first .social{
		display:none;
	}
	
 
}



@media screen and (max-width: 480px) {
	#page {
		width: 470px;
	}

 
}

@media screen and (max-width: 375px){
	#page {
		width: 370px;
	}
	
	#logo{
		width:63%;
		padding:0.5em;
	}
	
	#logo img{
		width:100%;
		height:auto;
	}
	
	.desktopads{
		display:none !important;
	}
	
}


@media screen and (max-width: 360px) {
	#page {
		width: 100%;
	}
}

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