@media only screen and (max-width: 767px) {
	
	body {
		font-family: Helvetica, Arial, sans-serif;
	}
	.menu-trigger {
		display: block;
		height: 20px;
		width: 24px;
		background: url('/images/layout/menu-trigger.png') no-repeat;
		background-size: 24px;
		margin: 15px 3%;
		float: left;
	}
	.menu-trigger span, .search-trigger span {
		visibility: hidden;
	}
	.search-trigger {
		display: block;
		height: 20px;
		width: 20px;
		background: url('/images/layout/search-trigger.png') no-repeat;
		background-size: 20px;
		margin: 15px 3%;
		float: right;
	}
	.page-cap {
		height: 50px;
		background: #fff;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 4px 0 rgba(0,0,0,0.05)
	}
	
	.page-cap div {
	    display: none;
	}
	
	.page-cap h1 {
		display: none;
	}
	
	h1 {
		margin-top: 10px;
	}
	
	img.logo {
	    position: absolute;
	    top: 7px !important;
	    margin-left:25%;
	    width: 50%;
	    height: auto;
	    z-index: 1000;
	}
	
	nav.main {display: none;}
	
	.wrap, footer div.wrap {
		width: 94%;
		padding: 0 3%;
	}

	header.main {
		margin-top: 60px;
		height: auto;
	}
	
	.social-intro {
		display: none;
	}
	
	.mobile-leaderboard {
		display: block;
		width: 320px;
		height: 50px;
		margin: 0 auto 0;
	}
	
	.header-banner,
	.medium-rectangle,
	div.banner {
		display: none;
	}
	
	a.addthis_button_twitter_follow_native {
		display: none;
	}
	
	.main-search {
		display: none;
		position: fixed;
		width: 94%;
		top: 50px;
		height: 30px;
		padding: 10px 3%;
		background: #ff7f00;
		z-index: 10;
	}
	
	.main-search input[name="sa"] {
	    display: none;
	}
	
	.main-search input[type="text"] {
		border: none;
		border-radius: 5px;
		padding: 7px;
		width: 96%;
		float: none;
	}
	
	.home-content {
		padding-right: 0;
		float: none;
		border-right: none;
		width: 100%;
	}
	
	span.header-float {
		display: none;
	}
	
	article.top-story {
    	float: left;
	    margin: 0 20px 10px 0;
	    overflow: hidden;
	    position: relative;
	    width: 46%;
	}
	
	article.top-main img {
	    width: 100%;
	}
	
	article.top-story img {
	    height: auto;
	    width: 100%;
	}
	
	.featured-jobs {
		width: 100%;
	}
	
	.latest-news {
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
		border: none;
		border-bottom: 2px solid #ccc;
	}
	
	article.story img {
	    float: right !important;
	    margin-right: 0;
	    position: inherit;
	    width: 40%;
	}
	
	article.story h2, article.story h3, article.story a.comment-reaction  {
	    margin-left: 0;
	    width: 55%;
	}
	
	article:hover a.qr {
		display: none !important;
	}
	
	.products, .featured-jobs, .twitter {
		border-bottom: 2px solid #ccc;
	}
	
	section.products article.story h3, section.products article.story a.comment-reaction {
	    margin-left: 0;
	}
	
	aside.home {
		width: 100%;
		float: none;
	}
	
	.content {
		width: 100%;
		float: none;
	}
	
	.content article.story img {
	    width: 40%;
	    float: right !important;
	}
	
	.news p, .news article.story h2, .news article.story h3, .news article.story a.comment-reaction {
	    margin-left: 0;
	    width: 55%;
	}
	
	.sign-up-prompt p {
		width: 100%;
	}
	
	aside {
	    float: none;
	    width: 100%;
	}
	
	aside section.jobs {
	    width: 100%;
	}
	
	article.story.popular h2, article.story.popular p {
	    width: 55%;
	}
	
	article.story.popular img {
		width: 40%;
	}
	div.medium-rectangle {
	    width: 100%;
	}
	
	section.features {
	    float: none;
	    width: 100%;
	}
	
	section.features article {
	    float: none;
	    margin-right: 0;
	    width: 100%;
	}
	
	section.features article img {
	    height: auto;
	    width: 100%;
	}
	
	section.article {
	    border-bottom: none;
	    overflow: hidden;
	}
	
	section.article h1 {
	    font-size: 2em;
	}
	
	div.article-image img {
	    float: none;
	    margin-bottom: 0;
	    width: 100%;
	}
	
	section.article h2, section.article h3, section.article time {
	    color: #6B6B6B;
	    font-family: Arial,Helvetica,sans-serif;
	    font-size: 1em;
	    font-weight: normal;
	    line-height: 1.3em;
	    margin-bottom: 10px;
	}
	
	div.article-image {
		margin-bottom: 20px;
	}
	
	div.article-image span.shutterstock {
	    font-size: 0.6em !important;
	}
	
	.extra img {
	    width: 40% !important;
	    height: auto;
	}
	
	.extra img.extra-close {
	    width: auto !important;
	}

	div.avatar {
		display: none;
	}
	
	div.share-box {
		display: none;
 	}
		
	section.blogs article {
    	float: none;
	    margin-bottom: 0;
	    margin-right: 0;
	    padding-bottom: 20px;
	    width: 100%;
	}
	
	section.bloggers {
		min-width: 100%;
	}
	
	section.bloggers article {
	    float: none;
	    margin-right: 0;
	    width: 100%;
	}
	
	aside.blog {
	    width: 100%;
	}
	
	.directory-profile {
	    float: none;
	    width: 100%;
	}
	
	.message-icon-wrap {
	    border-bottom: 1px dashed #CCCCCC;
	    border-top: 1px dashed #CCCCCC;
	    margin: 40px 0 30px;
	    overflow: hidden;
	   }
	
	.message-icon-wrap div {
	    float: none;
	    margin: 0;
	    width: 100%;
	}
	
	.fom p {
	    font-size: 1.2em;
	    margin: 0 0 30px !important;
	}
	
	.advertise p.first {
		margin: 20px 0 !important;
		font-size: 1.4em;
		font-weight: normal
	}
	
	.col-460 {
	    width: 100%;
	}
	
	#cse-search-results {
		width: 100% !important;
	}
	
	.su-individual {
	    border-right: none;
	    float: none;
	    padding-right: 0;
	    width: 100%;
	}
	
	.su-organisation {
	    float: none;
	    width: 100%;
	}
	
	.su-24housing, .su-jobs, .su-jobs-org {
	    border: 1px solid #CCCCCC;
	    border-radius: 5px 5px 5px 5px;
	    float: none;
	    margin: 20px 20px 20px 0;
	    padding: 15px 3%;
	    position: relative;
	    width: 92%;
	}
	
	.directory-request {
	    position: relative;
	    right: 0;
	    top: 0;
	}
	
	.directory-request img {
	    display: none;
	}
	
	.subscriber-wrapper {
	    padding: 2%;
	    width: 96%;
	    margin-top: 10px;
	}
	
	.premium-subscriber-list li {
	    margin-bottom: 10px;
	    width: 100%;
	}
	
	.executive-subscriber-list {
	    margin-top: 0;
	    
	}
	
	.executive-subscriber-list li {
	    width: 100%;
	}
	
	.directory-search-wrapper {
	    background: url("/images/directory/directory-bg.jpg") no-repeat scroll 0 0 #FBFBFB;
	    border: 1px solid #E3DCDC;
	    border-radius: 10px 10px 10px 10px;
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	    margin: 35px 0;
	    padding: 2%;
	    width: 96%;
	}
	
	ul.results-list li {
	    float: none;
	    font-size: 0.9em;
	    line-height: 20px;
	    margin-bottom: 10px;
	    margin-right: 0;
	    width: 100%;
	}
	
	ul.footer-links li {
		line-height: 1.8em;
		font-family: Helvetica, Arial, sans-serif;
		border-right: none;
	}
	
}