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

	.wrap-column{
		width:960px;
		margin:0 auto;
	}
	
	.welcome-box-wrap{
		width:940px;
		margin:0 auto;
	}
	
	.milestones-box-wrap{
		width:960px;
		margin:0 auto;
	}
	
	.portfolio-relatives-wrap{
		width:960px;
		margin:0 auto;
	}
	
	.content .widget_search input[type=text]{
		max-width:100px;
	}
	
	
}

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

	.wrap-column{
		width:740px;
		margin:0 auto;
	}
	
	.welcome-box-wrap{
		width:720px;
		margin:0 auto;
	}
	
	.milestones-box-wrap{
		width:740px;
		margin:0 auto;
	}
	
	.portfolio-relatives-wrap{
		width:740px;
		margin:0 auto;
	}
	
	/* topbar */
	
	.topbar-left{
		float:none;
		width:100%;
		text-align:left;
	}
	
	.topbar-right{
		float:none;
		width:100%;
		text-align:left;
	}
	
	#topbar-open{
		display:inline-block;
	}
	
	#top-bar{
		display:none;
	}
		
	.top-social-container .top-social:first-child{
		margin-left:0px;
	}
	
	.top-social-container .top-social:last-child{
		margin-right:0px;
	}
	
	.topbar-right .topbar-contact-text,
	.topbar-left .topbar-contact-text{
		padding-top:0px;
		padding-left:0px;
		margin-left:0px;
		margin-right:20px;
	}
	
	/* 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-top:10px;
		padding-bottom:20px;
	}
	
	.main-menu ul li a{
		padding:5px 12px 7px 12px;
	}
	
	.main-menu ul ul {
		top: 62px;
	}
	
	#scroll-header .main-menu ul li a{
		padding:5px 12px 7px 12px;
	}
	
	/* blog */
	.big-column{
		width:66%;
	}
	
	.small-column{
		width:34%;
	}
	
	.left{
		padding-right:20px;
	}
	
	.content .widget_search input[type=text]{
		max-width:80px;
	}
	
	.post-medium-left{
		float:none;
		width:100%;
		padding-right:0px;
	}
	
	.post-medium-right{
		float:none;
		width:100%;
		padding-left:0px;
	}
	
	.post-medium-media{
		padding-bottom:10px;
	}
	
	
	.column_half_left{
		padding-right:10px;
	}
	
	.column_half_right{
		padding-left:10px;
	}
	
	.depth-2{
		margin-left:48px;
	}

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

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

	.depth-5{
		margin-left:192px;
	}
	
	/* portfolio */
	
	.portfolio-small-column{
		width:45%;
	}
	
	.portfolio-big-column{
		width:55%;
	}
	
	.portfolio-data-left{
		width:55%;
		padding-right:20px !important;
	}

	.portfolio-data-right{
		width:45%;
	}
	
}

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

	.wrap-column{
		width:440px;
		margin:0 auto;
	}
	
	.welcome-box-wrap{
		width:420px;
		margin:0 auto;
	}
	
	.milestones-box-wrap{
		width:440px;
		margin:0 auto;
	}
	
	.portfolio-relatives-wrap{
		width:440px;
		margin:0 auto;
	}
	
	/* header */
	
	#header .logo-container,#header .logo-box{
		text-align:left;
	}
	
	#header{
		position:relative;
	}

	#header .main-menu,#scroll-header{
		display:none;
	}
	
	#toggle-menu-button{
		display:block;
	}
	
	/* heading */
	#page-heading-left{
		float:none;
		display:block;
		width:100%;
	}

	#breadcrumb{
		display:block;
		float:none;
		width:100%;
		padding:0px 0px 0px 0px;
	}
	
	.page-heading-subtitle #breadcrumb{
		padding:0px 0px 0px 0px;
	}
	
	.header-style0 #breadcrumb{
		color:#b3b3b3 !important;
	}

	.header-style0 #breadcrumb a{
		color:#b3b3b3 !important;
	}

	.header-style0 #breadcrumb a:hover{
		color:#3272b0 !important;
	}

	.header-style0 #breadcrumb span{
		color:#b3b3b3 !important;
	}
	
	/* blog */
	
	.depth-2{
		margin-left:0px;
	}

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

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

	.depth-5{
		margin-left:0px;
	}
	
	/* layout */
	.content-column2_1,
	.content-column3_1,
	.content-column3_2,
	.content-column4_1,
	.content-column4_2,
	.content-column4_3{
		float:none;
		width:100%;
		padding-bottom:20px;
	}
	
	.content-column2_1:last-child,
	.content-column3_1:last-child,
	.content-column3_2:last-child,
	.content-column4_1:last-child,
	.content-column4_2:last-child,
	.content-column4_3:last-child{
		padding-bottom:0px;
	}
	
	.column2_1,
	.column3_1,
	.column3_2,
	.column4_1,
	.column4_2,
	.column4_3{
		float:none;
		width:100%;
	}
	
	.widget-element-bottom{
		margin-bottom:20px;
	}
	
	.big-column,.big-column-pagebuilder ,.portfolio-big-column{
		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%;
	}
	
	/* blog */
	.post-small-left{
		float:none;
		width:100%;
	}
	
	.post-small-right{
		padding-left:0px;
	}
	
	/* widget */
	.testimonials{
		margin-bottom:20px;
	}
	
	.percent_column2,
	.percent_column3,
	.percent_column4,
	.percent_column5,
	.percent_column6,
	.percent_column7,
	.percent_column8{
		width:100%;
		float:none;
	}
	
	.board-column2-1,
	.board-column3-1,
	.board-column4-1{
		width:100%;
		display:table-cell;
	}
	
	.board-row{
		display:block;
	}
	
	.board-column{
		display:block;
		
	}
	
	.icon-board-style-normal.board-column{
		border-right:0px !important;
		border-bottom:1px solid #e5e5e5 !important;
	}
	
	.icon-board-style-border.board-column{
		border-right:0px !important;
		border-top:0px !important;
		border-bottom:1px solid #3272b0 !important;
		border-left:0px !important;
	}
	
	.icon-board-style-gradient.board-column{
		border-right:0px !important;
		border-top:0px !important;
		border-bottom:1px solid white !important;
		border-left:0px !important;
	}
	
	.blog-view-all,.portfolio-view-all{
		padding-top:0px;
	}
	
	.milestone_column2_1,
	.milestone_column3_1,
	.milestone_column4_1{
		float:left;
		width:50%;
	}
	
	.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%;
	}
	
	.filters li{
		margin-bottom:17px;
	}
}

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

	.wrap{
		width:auto;
		margin:0 auto;
		padding:0px 10px;
	}
	
	#page-heading .wrap {
		padding-left:10px;
		padding-right:10px;
	}
	
	#toggle-menu-button{
		right:10px;
	}

	.wrap-column{
		width:auto;
		margin:0 auto;
		padding:0px 10px;
	}
	
	
	.welcome-box-wrap{
		width:auto;
		margin:0 auto;
		padding:0px 10px;
	}
	
	.milestones-box-wrap{
		width:auto;
		margin:0 auto;
		padding:0px 10px;
	}
	
	.portfolio-relatives-wrap{
		width:auto;
		margin:0 auto;
		padding:0px 10px;
	}
	
	.content-column2_1,
	.content-column3_1,
	.content-column3_2,
	.content-column4_1,
	.content-column4_2,
	.content-column4_3,
	.column2_1,
	.column3_1,
	.column3_2,
	.column4_1,
	.column4_2,
	.column4_3{
		padding-left:0px;
		padding-right:0px;
	}
	
	.column1, .column1_1{
		padding:0px 0px;
	}
	
	.milestone_column2_1,
	.milestone_column3_1,
	.milestone_column4_1{
		padding-left:0px;
		padding-right:0px;
	}
	
	.footer-widget{
		padding-left:0px;
		padding-right:0px;
	}
	
	.portfolio_filter_item{
		padding-left:0px;
		padding-right:0px;
	}
	
	.wrap-column .fullable-column{
		padding-left:0px;
		padding-right:0px;
	}
	
	#main-menu-toggle a {
		padding-left:0px;
		padding-right:0px;
	}
}