/* responsive */
@media screen and (max-width: 1008px) {
	.boxed-layout #top-bar,
	.boxed-layout #header,
	.boxed-layout #page-title-bar,
	.boxed-layout #body,
	.boxed-layout #footer,
	.boxed-layout #footer-bottom{
		width:716px;
		padding-left:12px;
		padding-right:12px;
		margin:0 auto;
	}
	
	.boxed-layout #slider{
		width:740px;
		margin:0 auto;
	}
	
	#static-content{
		width:716px;
		padding-left:12px;
		padding-right:12px;
		margin:0 auto;
	}
	
	.wrap{
		width:740px;
		margin:0 auto;
	}
	
	.boxed-layout .wrap{
		width:100%;
	}
	
	#logo-box{
		float:none;
	}
	
	#main-menu{
		float:none;
		padding-top:0px;
		text-align:right;
	}

	#main-menu ul li a{
		margin-left:0px;
		height:24px;
		padding:6px 24px;
	}
	
	#main-menu ul ul{
		top:39px;
		left:0px;
	}
	
	#main-menu ul ul ul{
		left:200px;
		border-left:0px;
		border-right:1px solid #4d4d4d;
	}
	
	#main-menu ul ul ul a{
		padding-left:12px;
	}
	
	#main-menu ul ul a{
		text-align:left;
	}
	
	#main-menu ul li ul a{
		margin-left:0px;
		margin-right:0px;
	}
	
	
}

@media screen and (max-width: 740px) {
	.wrap{
		width:420px;
		margin:0 auto;
	}
	
	#header .wrap{
		height:auto;
	}
	
	.boxed-layout #top-bar,
	.boxed-layout #header,
	.boxed-layout #page-title-bar,
	.boxed-layout #body,
	.boxed-layout #footer,
	.boxed-layout #footer-bottom{
		width:420px;
		padding-left:12px;
		padding-right:12px;
		margin:0 auto;
	}
	
	.boxed-layout .wrap{
		width:100%;
	}
	
	#slider{
		width:100%;
		margin:0 auto;
	}
	
	#static-image{
		display:block;
		width:420px;
		line-height:1px;
		margin:0 auto;
	}
	
	.boxed-layout #slider{
		width:444px;
		margin:0 auto;
	}
	
	.boxed-layout #static-image{
		display:block;
		width:444px;
		line-height:1px;
		margin:0 auto;
	}
	
	#logo-box{
		float:none;
		text-align:center;
		width:100%;
	}
	
	#top-bar-left{
		float:none;
		width:100%;
	}
	
	#top-bar-right{
		display:none;
	}
	
	#top-text{
		padding:3px 0px 6px 0px;
	}
	
	#main-menu-dropdown{
		display:block;
		padding-bottom:24px;
	}

	#main-menu{
		display:none;
		float:none;
	}
	
	#footer-copyright{
		float:none;
		width:100%;
		margin-right:0%;
		text-align:center;
		padding-bottom:6px;
	}
	
	
	#footer-bottom{
		padding-bottom:6px;
	}
	
	#footer-right{
		float:none;
		width:100%;
		text-align:center;
		padding:0px 0px 12px 0px;
	}

	#main-slider,#static-content{
		display:none;
	}
	
	.static-content-container{
		padding:0px;
	}

	#top-links{
		display:none;
	}
	
	.welcome-text , .welcome-buttons{
		float:none;
		width:100%;
		text-align:center;
	}
	
	.feature-box{
		float:none;
		width:100%;
		margin-right:0%;
		border-bottom:1px solid #f2f2f2;
		padding-bottom:12px;
	}
	
	.post-box{
		float:none;
		width:100%;
		margin-right:0%;
	}
	
	.footer-widget{
		float:none;
		width:100%;
		margin-right:0%;
		padding-bottom:24px;
		padding-top:12px;
		margin-bottom:0px;
	}
	
	.sidebar-widget-title{
		margin-bottom:6px;
	}
	
	.small-column{
		display:none;
	}
	
	.big-column{
		float:none;
		width:100%;
		margin-right:0%;
	}
	
	.column2_1,.column3_1,.column3_2,.column4_1,.column4_2,.column4_3{
		float:none;
		width:100%;
		margin-right:0%;
	}
	
	.column2_1 .column2_1,
	.column2_1 .column3_1,
	.column2_1 .column4_1,
	.column3_1 .column2_1,
	.column3_1 .column3_1,
	.column3_1 .column4_1,
	.column3_2 .column2_1,
	.column3_2 .column3_1,
	.column3_2 .column4_1,
	.column4_1 .column2_1,
	.column4_1 .column3_1,
	.column4_1 .column4_1,
	.column4_2 .column2_1,
	.column4_2 .column3_1,
	.column4_2 .column4_1,
	.column4_3 .column2_1,
	.column4_3 .column3_1,
	.column4_3 .column4_1
	{
		float:none;
		width:100%;
		margin-right:0%;
	}
	
	.user_profile_title{
		left:0px;
		right:none;
	}
	
	.project-entry-left{
		float:none;
		width:100%;
		text-align:left;
	}
	
	.project-entry-right{
		float:none;
		width:100%;
		text-align:left;
		margin-left:0px;
		padding-left:0px;
	}
	
	.depth-2,.depth-3,.depth-4,.depth-5{
		margin-left:0px;
	}
	
	#page-title-bar{
		padding:12px;
	}
	
	.pricing-5column .normal-plan , .pricing-5column .main-plan{
		width:100%;
	}

	.pricing-4column .normal-plan , .pricing-4column .main-plan{
		width:100%;
	}

	.pricing-3column .normal-plan , .pricing-3column .main-plan{
		width:100%;
	}

	.pricing-2column .normal-plan , .pricing-2column .main-plan{
		width:100%;
	}
	
	.post-entry-meta{
		float:none;
		border-bottom:1px solid #e6e6e6;
		margin-bottom:12px;
		padding-bottom:12px;
		width:100%;
		padding-top:0px;
	}
	
	.post-entry-main-content{
		margin-left:0px;
		padding-left:0px;
	}
}

@media screen and (max-width: 444px) {
	.boxed-layout #top-bar,
	.boxed-layout #header,
	.boxed-layout #page-title-bar,
	.boxed-layout #body,
	.boxed-layout #footer,
	.boxed-layout #footer-bottom{
		width:300px;
		padding-left:12px;
		padding-right:12px;
		margin:0 auto;
	}
	
	#slider{
		width:100%;
		margin:0 auto;
	}
	
	#static-image{
		display:block;
		width:300px;
		line-height:1px;
		margin:0 auto;
	}
	
	.boxed-layout #slider{
		width:324px;
		margin:0 auto;
	}
	
	.boxed-layout #static-image{
		display:block;
		width:324px;
		line-height:1px;
		margin:0 auto;
	}
	
	.wrap{
		width:300px;
		margin:0 auto;
	}
	
	.boxed-layout .wrap{
		width:100%;
	}
}

@media screen and (max-width: 324px) {
	.boxed-layout{
		padding-top:0px;
		padding-bottom:0px;
	}

	
	.boxed-layout #top-bar{
		border-radius:0px;
	}
	
	.boxed-layout #footer-bottom{
		border-radius:0px;
	}
	
	.wrap{
		width:90%;
		margin:0 auto;
		padding-left:5%;
		padding-right:5%;
	}
	
	.boxed-layout #top-bar,
	.boxed-layout #header,
	.boxed-layout #page-title-bar,
	.boxed-layout #body,
	.boxed-layout #footer,
	.boxed-layout #footer-bottom{
		width:90%;
		margin:0 auto;
		padding-left:5%;
		padding-right:5%;
	}
	
		
	#slider{
		width:100%;
		margin:0 auto;
	}
	
	#static-image{
		width:90%;
		margin:0 auto;
		padding-left:5%;
		padding-right:5%;
	}
	
	.boxed-layout #slider{
		width:90%;
		margin:0 auto;
		padding-left:5%;
		padding-right:5%;
	}
	
	.boxed-layout #static-image{
		width:90%;
		margin:0 auto;
		padding-left:5%;
		padding-right:5%;
	}
	
	.boxed-layout .wrap{
		width:100%;
		padding-left:0%;
		padding-right:0%;
	}
}