/* responsive */
@media screen and (max-width: 1120px) {
	#background{
		min-width:980px;
	}	
	
	.wrap{
		width:940px;
		margin:0 auto;
	}
	
	.no-wrap{
		width:100%;
	}

	.wrap-column{
		width:960px;
		margin:0 auto;
	}
	
}

@media screen and (max-width: 980px) {
	#background{
		min-width:760px;
	}	
	
	.wrap{
		width:720px;
		margin:0 auto;
	}

	.wrap-column{
		width:740px;
		margin:0 auto;
	}
	
	
	/* logo & menu */

	#header .logo-container,#header .logo-box{
		float:none;
		width:100%;
		text-align:center;
	}

	#header .main-menu{
		float:none;
		width:100%;
		text-align:center;
	}
	
	.main-menu ul li{
		padding-left:20px;
		padding-right:20px;
		padding-top:10px;
		padding-bottom:25px;
	}

	.main-menu ul ul {
		top: 55px;
	}

	
	/* blog */
	
	.depth-2{
		margin-left:48px;
	}

	.depth-3{
		margin-left:96px;
	}

	.depth-4{
		margin-left:144px;
	}

	.depth-5{
		margin-left:192px;
	}
	
	
	
}

@media screen and (max-width: 760px) {
	#background{
		min-width:460px;
	}
	
	.wrap{
		width:420px;
		margin:0 auto;
	}

	
	/* header */
	
	#header .logo-container,#header .logo-box{
		text-align:left;
	}
	
	#header{
		position:relative;
	}
	
	#header .main-menu{
		display:none;
	}

	
	#toggle-menu-button{
		display:block;
	}
	
	
	/* blog */
	
	.depth-2{
		margin-left:0px;
	}

	.depth-3{
		margin-left:0px;
	}

	.depth-4{
		margin-left:0px;
	}

	.depth-5{
		margin-left:0px;
	}
	
	/* layout */
	
	.column1_2,
	.column1_3,
	.column2_3,
	.column1_4,
	.column2_4,
	.column3_4,
	.column1_3.column-last,
	.column2_3.column-last{
		float:none;
		width:100%;
	}

	.big-column,.big-column-pagebuilder ,.portfolio-big-column{
		float:none;
		width:100%;
	}
	
	.big-column{
		margin-top:0px;
		margin-bottom:40px;
	}
	
	.small-column{
		float:none;
		width:100%;
	}
	
	.left{
		padding-right:0px;
	}

	.right{
		padding-left:0px;
	}
	
	.footer-column{
		padding-bottom:0px;
		float:none;
		width:100%;
	}
	
	.footer-column.column-last{
		padding-bottom:40px;
	}

	#footer-bottom .wrap{
		padding-bottom:10px;
		display:block;
	}
	
	#footer-copyright,#footer-right{
		text-align:center;
		float:none;
		width:100%;
		display:block;
	}
	
	.footer-logo{
		text-align:center;
	}
	
	.footer-logo img{
		display:inline-block;
	}
	
	#footer-copyright{
		padding-bottom:20px;
	}
	
	#footer-right ul li{
		margin-left:5px;
		margin-right:5px;
	}
	
	.post-entry-body{
		padding:20px;
	}
	
	.post-entry-link{
		padding:20px;
	}
	
	.post-entry-quote{
		padding:20px;
	}
	
	.author-bio-page{
		padding:20px;
	}
	
	.page-entry-body{
		padding:20px;
	}
	
	.form-submit{
		padding-bottom:20px;
	}
	
	.comment-form-left,.logged-in-as{
		float:none;
		width:100%;
		margin-right:0%;
	}
	
	.comment-form-comment,.form-submit{
		float:none;
		width:100%;
		margin-right:0%;
	}
	
	.author-bio-avatar{
		padding-right:20px;
	}
	
	.author-bio-details{
		margin-left:0px;
	}
	
	.post-entry-quote i{
		font-size:36px;
		line-height:36px;
		right:20px;
		bottom:16px;
	}
	
	.post-entry-quote h1.post-entry-content{
		font-size:30px;
		line-height:36px;
	}
}	
	

@media screen and (max-width: 480px) {
	#background{
		min-width:100%;
	}

	.wrap{
		width:auto;
		margin:0 auto;
		padding:0px 20px;
	}
	

	#toggle-menu-button{
		right:20px;
	}

	
	#main-menu-toggle a {
		padding-left:0px;
		padding-right:0px;
	}
}

