/* CSS Document for responsive*/
@media screen and (min-width:320px) {} /*for small mobiles and large mobile in portrait*/
@media screen and (min-width:480px) {} /*larg mobiles and mobiles in landscape*/
@media screen and (min-width:600px) {} /*for small tablets*/
@media screen and (min-width:768px) {} /*for normal tablets*/
@media screen and (min-width:1024px) {} /*for normal tablets, laptop, desktop*/
@media screen and (min-width:1281px) {} /*large laptop, desktop*/

@media screen and (max-width: 670px) {
	body,html,div,span,h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote,form,input,fieldset{margin:0;padding:0}
	img,fieldset{border:0}
	img{height:auto;max-width:100%}
	ul,ol{list-style:none}
	body{font-size:1em;line-height:1.2em}
	blockquote{border-left:4px solid #d54e21;margin:12px 8px;padding-left:4px}
	h1{font-size:1.6em;font-weight:normal;line-height:1.6em;margin:0 0 10px 0}
	h2{font-size:1.1em;font-weight:normal;line-height:1.2em;margin:0 0 10px 0}
	h3{font-size:1.0em;font-weight:normal;line-height:1.2em;margin:0 0 10px 0}
	p{font-size:.9em;line-height:1.2em;margin:0 0 10px 0}
	textarea{width:90%}
	ul{list-style:none;margin:0 0 10px 25px}
	ol{list-style:decimal;margin:0 0 10px 25px}
	ul li,ol li{font-size:1.0em;padding:2px}
	.clearfix{clear:both}
	#headerwrap{width:100%}
	#header{padding:2px 8px 8px}
	#header h1{margin:0}
	#header h1 a{text-decoration:none}
	#header p{font-size:.9em;margin:0}
	#contentwrap{width:100%}
	#title h2{padding:8px;margin:0}
	.page{padding:8px}
	.post{clear:both;min-height:55px;padding:8px}
	.post p{font-size:.8em}
	.post .title{margin:0}
	.post .subtitle{font-size:.9em;margin:0}
	.post .singleline{margin:0}
	.post .thumbnail{float:left;margin:5px 7px 2px 0}
	.post .comment{margin:8px 0}
	.post .commentmeta{font-size:.7em}
	.postmeta{padding:8px}
	.postmeta p{font-size:.8em;margin:0}
	#posttags{padding:8px}
	#posttags p{font-size:.8em;margin:0}}
	#pagination{clear:both;font-size:.9em;padding:8px}
	#pagination .next{float:right}
	#pagination .prev{float:left}
	#comments{padding:8px}
	#comments p{font-size:.8em;margin:0}
	#heading h2{font-size:.9em;padding:8px}ul#list,ol#list{margin:0;list-style:none;padding:0 8px 8px}
	ul#list li,ol#list li{font-size:.8em;padding-left:0}
	#search{padding:8px}
	#footerwrap{width:100%}
	#footer{border-top:0;padding:0;height: 100%;margin:0;}
	#footer p{font-size:.9em;margin:0}
	#contentleft{width:100%}
	#contentright{width:100%}
	.topAd{width:100%;height:100%}
	
	#header{width:100%}
	#wrap{width:100%}
	#logo{max-width: 100%;height: auto}
	#home{width:100%}
	#logo #socialwdg{padding-left:10%;max-width:100%;padding-top:10%;}
	#logo #title{max-width:100%;height:auto;padding:0}
	.colorBar{margin-top: 40px;}
	#navigation{right:5%}
	
	#single-portfolio-right{width: 100%;}
	.pagination{margin:0;}
	.post.clearfix{width: 100%;margin: 0;}	
	
}