/************************  RESPONSIVE RULES  ***/
@media only screen and (min-width: 1020px) {
}
@media only screen and (min-width: 1300px) {
	.inner {
		font-size: 1em;
	}
	#site-title h4 {
		font-size: 2.5em;
	}
	.postloop article {
		/*width: 32%;*/
	}
	.postloop span ,.postloop span.has_img {
		/*float:none;		*/
/*		margin:0.1em 0;
		width:100%;
		height:6em;*/
	}
}


@media only screen and (max-width: 979px) {
	#site-title h1{
		font-size: 5em !important;
	}
	#site-title h4 {
		font-size: 1em !important	;
	}
/*	.container{
		width: 95%;
	}
	#site-title p{
		text-align: left;
	}
	#logos{
		position:absolute;
		left:auto;
	}*/
	#logos img{
		max-width:90px;
	}
}
@media only screen and (max-width: 768px) {

	#site-title h4 {
	}
	
	.menu {
		font-size: 1em;
	}
	
/*	.type-desktop .inner {
		width: 95%;
		padding: 0;
	}*/
/*	#content, .has-sidebars #content {
		width: 100%;
	}
	.postloop{
		width:100%;
		padding:0;
	}
	.postloop article, .widgetloop article{
		display: block;
		width: 43%;
		margin: 1.5%;
		padding: 2%;
		float:left;
	}
	#sidebar {
		width: 100%;
		display: block;
		float: none;
		margin: 0;
		font-size: 1em;
	}
	#content article img{
		max-width:750px;
	}
	*/
	
	#crumbs{
		display:none;
	}

}
@media only screen and (max-width: 666px) {
	body {
	}
	
	#site-title{
		padding: 0 0 1em;
		min-height: 0 !important;
	}
	#header h4 {
		text-align: right;
		padding-right: 20px;
	}
	
	#site-title h1 {
		font-size:4em !important;
	}
	#header p.description {
		font-size:1.2em !important;
		margin: 0.5em auto;
	}
	#header_menu {
		position: relative;
		bottom: auto;
		width:100%;
		max-width: 100%;
	}
	
	.menu ul{
		display: block;
	}
	
	#menu-menu li,#menu-menu ul li{
		float:none;
		width:100%;
		padding:0;
	}
	#menu-menu li a{
		display:block;
		width: 100%;
		height: 35px;
		line-height: 35px;
	}
	
	#menu-menu li:first-child a{
		display:block;
		text-indent: 0px;
		overflow:visible;
		background:transparent;
		width: auto;
	}
/*	#menu-menu li li:first-child a{
		display:inherit;
		width:auto !important;
		height:auto !important;
		padding:inherit !important;
		text-indent: 0;
		overflow:visible;
		margin:0 auto;
		background:none;
	}*/
	
	.menu a{
		padding: 0 !important;
	}
	
	#menu-menu .sub-menu{
		position:relative;
		width:100%;
		top:auto;
		left:0;
		margin:0;
		padding:0;
	}
	#bottom_to_top {
		position: relative;
		top: auto;
		right: auto;
		height: auto;
	}
	#container{
		padding:0;
		max-width: 100%;
	}
	
	
	.postloop article, .postloop article:first-child , .widgetloop article{
		float: none;
		width: 90%;
		height:auto;
		margin:1.5% 0;
	}
	.postloop span {
		width:296px;
	}
	#logos img{
		max-width:60px;
	}
	.postloop article {
		height:auto;
	}
	.postloop div {
		height:auto;
	}
	
	.postloop article a span img,.widgetloop article a span img,.homeget article a span img{
		max-width:400px;
	}
	#content article img{
		max-width:480px;
	}
	/**comments*/
    #comments ol, #comments form {
        margin:0;    
    }
}
@media only screen and (max-width: 480px) {
	.postloop article a span img,.widgetloop article a span img,.homeget article a span img{
		max-width:300px;
	}
	#content article img{
		max-width:320px;
	}
}