/* responsive */
@media screen and (max-width: 1160px) {
	#background{
		min-width:1000px;
	}
	
	.wrap{
		width:940px;
		margin:0 auto;
	}

	.wrap-column{
		width:960px;
		margin:0 auto;
	}
}

@media screen and (max-width: 1000px) {
	#background{
		min-width:760px;
	}
	
	.wrap{
		width:700px;
		margin:0 auto;
	}

	.wrap-column{
		width:720px;
		margin:0 auto;
	}
	
	.page-title-image{
		background-size:auto auto;
		background-position:center center ;
	}
	
	.depth-2{
		margin-left:48px;
	}

	.depth-3{
		margin-left:96px;
	}

	.depth-4{
		margin-left:144px;
	}

	.depth-5{
		margin-left:192px;
	}
	
	#top-bar-left{
		float:none;
		width:100%;
		text-align:center;
	}
	
	#top-bar-right{
		float:none;
		width:100%;
		text-align:center;
	}
	
	.top-social-container .top-social{
		margin-bottom:10px;
	}
	
	.top-social-container .top-social:first-child{
		margin-left:0px;
	}

	#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 a{
		padding:10px 0px 20px 20px;
	}
	
	.main-menu ul ul {
		top: 50px;
	}
	
	#scroll-header .main-menu ul li a{
		padding:15px 0px 15px 20px;
	}
	
	
	.post-medium-left{
		float:none;
		width:100%;
		padding-right:0px;
	}
	
	.post-medium-right{
		float:none;
		width:100%;
		padding-left:0px;
	}
	
}

@media screen and (max-width: 740px) {
	#background{
		min-width:460px;
	}
	
	.wrap{
		width:420px;
		margin:0 auto;
	}

	.wrap-column{
		width:440px;
		margin:0 auto;
	}
	
	#header .logo-container,#header .logo-box{
		text-align:left;
	}
	
	#header{
		position:relative;
	}

	#header .main-menu,#scroll-header{
		display:none;
	}
	
	#toggle-menu-button{
		display:block;
	}
	
	.depth-2{
		margin-left:48px;
	}

	.depth-3{
		margin-left:96px;
	}

	.depth-4{
		margin-left:144px;
	}

	.depth-5{
		margin-left:192px;
	}
	
	
	.content-column2_1,.content-column3_1,.content-column3_2,.content-column4_1,.content-column4_2,.content-column4_3{
		float:none;
		width:100%;
	}
	
	.column2_1,.column3_1,.column3_2,.column4_1,.column4_2,.column4_3{
		float:none;
		width:100%;
	}
	
	.big-column,.big-column-pagebuilder {
		float:none;
		width:100%;
	}
	
	.big-column{
		margin-top:0px;
		padding-top:30px;
	}
	
	.small-column,.portfolio-small-column{
		float:none;
		width:100%;
	}
	
	.left,.wrap-column .left{
		padding-right:0px;
	}
	
	.right{
		padding-left:0px;
		border-left:0px;
	}
	
	.wrap-column .right{
		padding-left:10px;
		border-left:0px;
	}

	.footer-widget{
		float:none;
		width:100%;
		padding-top:0px;
	}
	
	.footer-widget:first-child{
		padding-top:60px;
	}
	
	#footer-copyright,#footer-right{
		text-align:center;
		float:none;
		width:100%;
	}
	
	.widget-element-bottom{
		padding-bottom:20px;
	}
	

	
	.button-block-left,.button-block-right{
		float:none;
		width:100%;
		text-align:left;
	}
	
	.button-block-left{
		padding-bottom:6px;
	}
	
	
	.logo_column2,.logo_column3,.logo_column4,.logo_column5,.logo_column6,.logo_column7,.logo_column8{
		float:none;
		width:100%;
	}
	
	.pricing-table-column5 .pricing-col,.pricing-table-column4 .pricing-col,.pricing-table-column3 .pricing-col,.pricing-table-column2 .pricing-col{
		float:none;
		width:100%;
	}
	
	.pricing-col{
		padding-left:0px;
		padding-right:0px;
		margin-bottom:20px;
	}
	
	.portfolio_filter_item3,.portfolio_filter_item2,.portfolio_filter_item4{
		float:none;
		width:100%;
	}

@media screen and (max-width: 460px) {
	#background{
		min-width:100%;
	}

	.wrap,#page-title-bar .wrap {
		width:auto;
		margin:0 auto;
		padding-left:20px;
		padding-right:20px;
	}
	
	#toggle-menu-button{
		right:20px;
	}

	.wrap-column{
		width:auto;
		margin:0 auto;
		padding:0px 10px;
	}
	
	.depth-2{
		margin-left:0px;
	}

	.depth-3{
		margin-left:0px;
	}

	.depth-4{
		margin-left:0px;
	}

	.depth-5{
		margin-left:0px;
	}
}

