@media screen and (max-width: 1560px){
	.main_post_container{
		border-right:none;
	}
	.main_post_container{
		padding-right:15px;
	}
	.sidebar_container.right_sidebar .sidebar{
		max-width:100%;
		padding-left:15px;
	}
	.archive .main_post_container, .journal .main_post_container, .search_page .main_post_container{
		padding:0;
		padding-right:15px;		
	}
	.archive div.main_post_container div#main_content, .journal_sidebar div.main_post_container div#main_content, .search_sidebar div.main_post_container div#main_content, .search_page div#main_content.container_m2, div.main_post_container div#main_content.single_blog_post_sidebar{
		padding:0;
		max-width:100%;
	}
}
@media screen and (max-width: 1400px){
	h3{
		font-size:26px;
	}	
}
@media screen and (max-width: 1350px){
	.container_m, div#main_content.container_m2{
		padding-left:30px;
		padding-right:30px;
	}
}
@media screen and (max-width: 1280px){	
	#big_slider{
		padding-left:0;
		padding-right:0;
		padding-top:0;
	}
	.prev{
		left:0;
	}
	.next{
		right:0;
	}
}
@media screen and (max-width: 1200px){
	h1{
		font-size:35px;
		line-height:40px !important;
	}
	h3{
		font-size:22px;
	}
}
@media screen and (max-width: 1100px){
	.pagination li a{
		padding:1px 11px;
	}
}
@media screen and (max-width: 1000px){
	h3{
		font-size:20px;
	}
	#index2_left, #index2_right, #index3_left, #index3_right{
		width:80%;
		margin:0;
	}
	#index2_left, #index3_left{
		margin-bottom:30px !important;
	}
	#home_index2 #index2_left h5, #home_index2 #index2_left h3, #home_index2 #index2_left ul{
		text-align:center
	}
}
@media screen and (max-width: 900px){
	.toGrid > li{
		width:30%;
	}
}
@media screen and (max-width: 880px){
	#home_about h3{
		font-size: 25px;
	}
	.profile #main_content > div{
		width:80%;
		margin:0;
	}
	.profile #main_content > div:first-child{
		margin-bottom:40px;
	}
}
@media screen and (max-width: 850px){
	.sm{
		background-image:none;
	}
	
	#menuMobileToggle{
		display:block;
	}
	nav > ul{
		display:none;
		width: 100%;
		position: absolute;
		top: 52px;
		z-index: 200;
		background: #fafafa;
		left:0;
	}
	nav ul li{
		width:100%;
		text-indent:20px;
		margin:0;
		border-bottom:1px solid #f4f4f4;
		background-image:none;
		height:auto;
	}
	nav ul li.delimiter{
		display:none;
	}
	.has_submenu{
		background:none;
		margin:0;
	}
	.has_submenu:hover .l1_submenu{
		display:none;
	}
	.l1_submenu{
		position:relative;
		width:100%;
		top: auto;
		left: auto;
		padding:10px 0;
		background:#f4f4f4;
	}
	.l1_submenu li{
		margin-bottom:0;
		padding:0 20px;
	}
	.l1_submenu li a{
		padding:10px 0px;
		height:auto;	
	}
	.has_submenu .l1_submenu li a{
		font-size:14px;
		text-transform:none;
	}
	nav ul li a{
		padding: 10px 0;
		text-indent:0;
		font-size:20px;
	}
	.expand_submenu{
		background:#fff url(../img/plus.png) center center no-repeat;
		width:40px;
		height:40px;
		display:block;
		position:absolute;
		z-index:120;
		padding-left:0;
		right:30px;
		top:15px;
		border:1px solid #e0e0e0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

	}	
	.expand_submenu:after,.expand_submenu:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.expand_submenu:after {
		border-color: rgba(255,255,255,0);
		border-top-color: #fff;
		border-width: 5px;
		margin-left: -5px;
	}
	
	.expand_submenu:before {
		border-color: rgba(224,224,224,0);
		border-top-color: #e0e0e0;
		border-width: 6px;
		margin-left: -6px;
	}
	nav > ul > li > a{
		text-indent:30px;
		margin-right:0;
	}
	nav > ul > li > a.sm{
		margin-right:0px;
	}
	nav > ul > li{
		padding-right:0;
	}
}
@media screen and (max-width: 820px){
	#project_description{
		width:100%;
		margin-bottom:20px;
	}
	#project_description p{
		width:100%;
	}
	#project_info{
		margin-left:0;
		min-width:250px;
	}
	.project_container > div{
		margin-bottom:80px;
	}
	.project_container img:last-child{
		margin-bottom:0;
	}
}
@media screen and (max-width: 810px){
	#contact_info{
		height:auto;
		padding-bottom:40px;
	}
	#contact_info > li{
		display:block;
		width:100%;
	}
}
@media screen and (max-width: 768px){
	.sidebar_container.right_sidebar .sidebar{
		padding-left:0;
	}
	#home_projects_articles > li{
		display:block;
		width:100%;
		margin:0 auto;
		margin-bottom:40px;
	}
	#home_projects_articles > li:last-child{
		margin-bottom:0;
	}
	#company_contact_text{
		padding-left:0;
		padding-right:0;
	}
	#company_contact_text .container_m > p{
		font-size: 15px;
	}
	#contact_to_be_trigered.isOpened > .container_m > p{
		width:100%;
	}
	#contact_info > li{
		border-left:none;
	}
	#home_projects_pics li a img{
		width:100%;
	}
	#home_projects_pics li{
		margin-bottom:20px;
	}
	#home_about h3{
		font-size: 20px;
	}
	
	/*sidebar behaviour*/
	.sidebar_container, .main_post_container{
		width:100%;
	}
	.main_post_container{
		border-right:none;
		margin-bottom:40px;
	}
	#main_content{
		margin: 0 auto;
		display: block;
		float: none;
	}
	.sidebar_container.right_sidebar .sidebar{
		margin: 0 auto;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.pagination li a{
		padding:10px 18px;
	}
	.sidebar_container{
		max-width:500px;
		margin:0 auto;
		float:none;
	}	
	.main_post_container{
		padding-right:0;
	}
	#success p, #faliure p{
		font-size:20px;
		line-height:40px;
	}
	#success, #faliure{
		top:46%;
	}
}
@media screen and (max-width: 670px){
	.pagination li{
		display:none;
	}
	.pagination li:first-child, .pagination li:last-child{
		display:inline-block;
	}
}
@media screen and (max-width: 650px){
	.team > div{
		width:100%;
		margin:0;
		margin-bottom:30px;
	}
	h1{
		font-size:25px;
		line-height:30px !important;
	}
	#page_title_container{
		margin-top:30px;
		margin-bottom:30px;
	}
}
@media screen and (max-width: 600px){
	#home_about h3 br{
		display:none;
	}
	#home_about h3{
		font-size:16px;
	}
	#contact_footer_form_section{
		padding-top:40px;
		padding-bottom:30px;
	}
	.rslides_nav{
		width:30px;
		height:30px;
	}
}
@media screen and (max-width: 560px){	
	#footer_social_media{
		margin: 0 auto;
		float: none;
		text-align: center;
	}
	#footer_social_media li{
		float: none;
		display: inline-block;
		margin-bottom:0;
	}
	#footer_social_media li:first-child{
		margin-left:0;
	}
	footer{
		height:auto;
	}
	footer p{
		width:100%;
		text-align:center;
		line-height:inherit;
		margin-bottom:20px;
	}
	#lists_container > div{
		width:100%;
	}
	blockquote{
		padding: 28px 10px 10px 10px;
		background:#fafafa url(../img/quote.png) 10px 5px no-repeat
	}
	.comment .comment_pic{
		position:relative;
	}
	.comment .comment_body{
		padding:0;
	}
	.comment.reply .comment_pic{
		left:0
	}
	.comment.reply{
		padding-left:15px;
	}
}
@media screen and (max-width: 500px){
	.container_m, div#main_content.container_m2{
		padding-left:40px;
		padding-right:20px;
	}
	#wrapper_footer {
		margin-top: 40px;
	}
	
	.toGrid > li{
		width:40%;
	}
	
	.toGrid .mix{
		display:block;
		margin:0;
		margin-bottom:20px;
	
	
	}
	nav > ul > li > a{
		text-indent:20px;
	}	
}
@media screen and (max-width: 415px){
	#company_home_portofolio .hgroup{
		margin-bottom:30px;
	}
	#company_home_portofolio h6{
		float: left;
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	#company_home_portofolio h6 a{
		width:120px;
	}
}
@media screen and (max-width: 400px){
	#home_about ul li{
		display:block;
	}
	div.section, #home_about{
		padding-top:30px;
		padding-bottom:30px;
	}	
	#mixItUp .mix{
		position:relative;
	}
	.toList .col > a{
		position:relative;
		padding: 20px 0px;
		float:left;
	}
	.toList .is_hover .hover_description{
		line-height:inherit;
		width:100%;
		text-align:left;
	}
	.toList .is_hover .hover_title{
		line-height:inherit;
	}
	.toList > li{
		height:auto;
	}
	.previous_page a{
		padding-left:20px !important;
		padding-right: 10px !important;
		background:url(../img/pagination_normal.png) no-repeat scroll 9px -25px rgba(0, 0, 0, 0)
	}
	.next_page a{
		padding-right:20px !important;
		padding-left: 10px !important;
		background:url(../img/pagination_normal.png) no-repeat scroll 93px 16px rgba(0, 0, 0, 0);
	}

}