/* ----------------------------------------------------
[Style for Responsive layout]
------------------------------------------------------*/

@media only screen and (max-width: 1215px) {
	.wrapper-1200 {width: 95%;}
}
@media only screen and (max-width: 1139px) {
	.wrapper-1140 {width: 90%;}
}
@media only screen and (max-width: 1024px) {
	#body_bg {background-attachment:scroll;}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
   .wrapper-960 {width: 90%;}
   .wrapper-800 {width:85%;}
   .standard-blog .post .post_date{margin-right:20px;}
   .standard-blog .post .post_excerpt{width:85%;padding-left:20px;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
   .standard-blog .post .post_date{width:50px;}
   .standard-blog .post .post_date span{margin-bottom:-15px;}
   .standard-blog .post .post_date span,
   .standard-blog .post .post_date span.month{font-size:30px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
   #top{padding-bottom:30px;}
   #site_logo a{font-size:50px;letter-spacing:-5px;}	 
   #top p.tagline{font-size:14px;}  
   #primary_menu {border:none;}
   #primary_menu ul{display:none;}
   .css3-selectbox,
   :root .css3-selectbox{display:block;}
   
   .post .post_thumbnail{height:200px;}
   .standard-blog .post .post_date{display:none;}
   .standard-blog .post .post_excerpt{border:none;width:90%;}
   .standard-blog .post_video,
   .post_video iframe{min-height:250px;}
   
   .masonry-blog .tile{width:97%;margin-left:10px;}
   .masonry-blog .tile h2{font-size:24px;line-height:26px;}
   .masonry-blog .tile.bigger .post_thumbnail{height:400px;}
   .masonry-blog .tile.bigger .post_thumbnail .post_title{ left:5%;;margin-left:0;width:90%;}
		   
   #respond input[type="text"],
   .van_column{width:100%;}
   
   .van_skills li{padding:12px;}
   .van_skills li span{font-size:12px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
   #site_logo{margin-top:60px;}
   #site_logo a{font-size:30px;letter-spacing:-1px;}
   #top p.tagline{font-size:12px;width:90%;line-height:18px;}  
   #footer .footer_menu{display:none;}
   
   .post .post_thumbnail{height:150px;}	 
   .standard-blog .post .post_excerpt h2{font-size:22px;line-height:30px;}  
   .standard-blog .post_video,
   .post_video iframe{min-height:100px;}
   .post_header h1#post_title{font-size:36px;line-height:36px;}
   .post_header .post_meta li, .post_header .post_meta li i, .post_header .post_meta a{font-size:14px;}
   .post_meta li{margin-right:12px;}
   
   .masonry-blog .tile{width:96%;margin-left:5px;}
   .masonry-blog .tile h2{font-size:22px;line-height:22px;}
   .masonry-blog .tile .post_content{padding:10px 0;}
   .masonry-blog .tile.bigger .post_thumbnail{height:180px;}
   .masonry-blog .tile.bigger .post_thumbnail .post_title{ left:10px;top:80px;}
   .masonry-blog .tile.bigger .post_thumbnail .post_title h2{font-size:16px; letter-spacing:0;line-height:20px;margin-bottom:0;}
   .masonry-blog .post_meta .link{display:none;}
   .masonry-blog .post_slider.flexslider,
   .post_slider.flexslider{height:200px;}
   
   .standard-blog.single-post .post .post_excerpt .entry{font-size:16px;line-height:1.8em;}
   
   .timeline-blog .item .post_thumbnail{height:130px;}
   .timeline-blog .post_slider.flexslider{height:130px;}
   
   .post_header h1#post_title{font-size:30px;line-height:30px;}
   
   .post_navi{font-size:12px;}
   .post_navi strong{line-height:18px;}
}