/*
|--------------------------------------------------------------------------
| Responsive for CMDX
|--------------------------------------------------------------------------
*/ 

/*
|--------------------------------------------------------------------------
| 240px
|--------------------------------------------------------------------------
*/ 

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

	html #wrapper {
		width:240px;
		margin:0 auto;
	}	

	.cmd-container {
		width:240px;
		padding:0 15px;
	}	

	.wpb_row.in_container {
		width: 240px;
		margin: -15px auto;
		margin-top: 0;
		margin-bottom: 0;
	}

	.page-template-template-homepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-blog-php .wpb_row .vc_span12 .wpb_row {
		width: 240px;
		margin:0 auto;
	}	

	.wpb_row.in_container {
		width: 240px;
	}	

	.tparrows {
		display:none;
	}
	
	.tp-bullets {
		display:none;
	}

	#flickr li {
		margin: 0 10px 9px 0;
	}

	ul#social {
		float: none;
		text-align: center;
		margin-bottom:30px;
	}

	ul#social li {
		display: inline-block;
	}

	h1 {
		font-size:24px;
		line-height:30px;
		margin-bottom:13px;	
	}

	h2 {
		font-size:18px;
		line-height:24px;	
		margin-bottom:20px;	
	}

	h3 {
		font-size:16px;
		line-height:22px;
	}

	h4 {
		font-size:12px;
		line-height:20px;
	}

	.space {
		height:40px;
	}

	blockquote {
		margin: 10px 20px;
		padding: 0 0 5px 10px;
	}
	
	.portfolio li.standard-item h1 {
		font-size:20px;
		line-height:28px;
	}
	
	.portfolio li.item-long h1 {
		font-size:14px;
	}
	
	.comment-container {
		margin: 0 0 0 80px; 
	}
	.contact-info {
		margin-bottom:30px;
	}
	
	.single-post .widget {
		margin-top:40px;
		margin-bottom:0px;
	}	

	.separator {
		width:100%;
		height:1px;
		clear:both;
		margin:30px 0;
		display:inline-block;
	}
	
	ul#social {
		margin:30px 0 10px;
	}

	.cmd-locate-map-container [id^="google_map_"] {
		height: 150px;
	}