@-ms-viewport {
  width: device-width;
}

.mobile-menu{
	display:none;
	width:100%;
	padding:8px 10px;
}

/* Ipad 2/Mini Landscape - width 1024px
 * Kinde Fire HD portrait - width 1200px
 * Mini notebook - width 1024px
 * ---------------------------------------- */

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px), screen and (max-width: 1200px){
	
	/* Grid */
	body.fixed #wrapper{
		max-width:1020px;
	}
	.container{
		width:940px;
	}
	
	/* Logo */
	#logo{
		margin-top:0;
	}
	
	/* Top Banner */
	#top-banner{
		display:none;
	}
	#top-banner-tablet{
		display:block;
	}
	
	/* Featured Slider */
	#featured-slider{
		margin-left:202px;
	}
	#featured-slider .image img{
	}
	#featured-slider .flex-caption{
		left:-202px;
		width:182px;
	}
	
	/* Entry Default  */
	.entry .entry-thumb{
		width:182px;
	}
	.entry .entry-header,
	.entry .entry-excerpt,
	.entry .entry-footer{
		margin-left:202px;
	}
	
	/* Widget ad */
	.medium-rectangle-ad a{
		padding:0;
	}
	
	/* Flickr and Dribbble widget */
	.flickr-photos ul li,
	.dribbble-shots ul li{
		width:70px;
		height:70px;
	}
	
}

/* Ipad 2/Mini Portrait - width 768px
 * ---------------------------------------- */
 
@media screen and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 960px){
	
	/* Grid */
	body.fixed #wrapper{
		max-width:768px;
	}
	.container{
		width:700px;
	}
	
	/* Logo */
	#logo{
		margin-top:0;
	}
	
	/* Menu */
	#menu{
		display:none;
	}
	.mobile-menu{
		display:block;
		width:700px;
		margin:0 auto;
	}
	
	/* Top Banner */
	#top-banner{
		display:none;
	}
	#top-banner-tablet{
		display:block;
	}
	
	/* Featured Slider */
	#featured-slider{
		margin-left:0px;
	}
	#featured-slider .image img{
		margin-bottom:15px;
	}
	#featured-slider .flex-caption{
		left:0px;
		position:relative;
		width:100%;
		z-index:110
	}
	#featured-slider ol.flex-control-nav{
		top:274px;
	}
	#featured-slider .flex-direction-nav a {
		top:154px;
	}
	
	/* Entry Default  */
	.entry .entry-thumb{
		width:129px;
	}
	.entry .entry-header,
	.entry .entry-excerpt,
	.entry .entry-footer{
		margin-left:149px;
	}
	
	/* Comments */
	ol.commentlist li{
		list-style:none;
		margin:0 0 0 73px;
		padding:0;
	}
	ol.commentlist li li{
		margin-left:0
	}
	ol.commentlist li li .comment-reply-link{
		display:none
	}
	ol.commentlist li .comment-author img.avatar{
		width:48px;
		height:48px;
		margin-left:-88px
	}
	
	/* Social Counter */
	.social-counter ul li,
	.social-counter ul li:nth-last-child(-n+2){
		float:none;
		width:100%;
		border-bottom:1px dashed #eee;
		margin:0 0 10px;
		padding:0 0 10px;
	}
	
	/* Widget ad */
	.medium-rectangle-ad a{
		padding:0;
	}
	
	/* Flickr and Dribbble widget */
	.flickr-photos ul li,
	.dribbble-shots ul li{
		width:50px;
		height:50px;
	}
	
}

@media screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 750px){
	
	/* Grid */
	body.fixed #wrapper{
		width:100%;
	}
	.container{
		width:420px;
	}
	.container .grid.one-half, 
	.container .grid.one-third, 
	.container .grid.two-third, 
	.container .grid.one-fourth, 
	.container .grid.three-fourth{
		width:100%;
	}
	.fresh-one-half,
	.fresh-one-third,
	.fresh-two-third,
	.fresh-one-fourth,
	.fresh-three-fourth{
		width:100%;
	}
	
	/* Layout */
	#sidebar-wrapper,
	#sidebar-wrapper.layout-left-sidebar{
		border:none;
		float:left;
		margin:0px;
		padding-left:15px;
		padding-right:15px
	}
	#content{
		border:none;
		padding-right:0px;
	}
	
	/* Left sidebar mode */
	#content-wrapper.layout-left-sidebar{
		float:left;
	}
	#content-wrapper.layout-left-sidebar #content{
		border:none;
		border-right:none;
		padding:0px;
	}
	
	/* Logo */
	#logo{
		margin-top:0;
	}
	
	/* Menu */
	#menu{
		display:none;
	}
	.mobile-menu{
		display:block;
		width:420px;
		margin:0 auto;
	}
	
	/* Newsticker */
	#newsticker .label{
		display:none;
	}
	
	/* Top Banner */
	#top-banner{
		display:none;
	}
	#top-banner-tablet{
		display:none;
	}
	
	/* Featured Slider */
	#featured-slider{
		margin-left:0px;
	}
	#featured-slider .image img{
		margin-bottom:15px;
	}
	#featured-slider .flex-caption{
		left:0px;
		position:relative;
		width:100%;
		z-index:110
	}
	#featured-slider ol.flex-control-nav{
		top:270px;
	}
	#featured-slider .flex-direction-nav a {
		top:152px;
	} 
	
	/* Popular & Related Post */
	#popular-posts .row20,
	#related-posts .row20{
		margin-left:-5px;
		margin-right:-5px;
	}
	#popular-posts .row20 .grid,
	#related-posts .row20 .grid{
		padding-left:5px;
		padding-right:5px;
	}
	#popular-posts .row20 .one-third,
	#related-posts .row20 .one-third{
		width:33.333333%;
	}
	
	/* Entry Default  */
	.entry .entry-thumb{
		width:123px;
	}
	.entry .entry-header,
	.entry .entry-excerpt,
	.entry .entry-footer{
		margin-left:143px;
	}
	
	/* Comments */
	ol.commentlist li{
		list-style:none;
		margin:0 0 0 73px;
		padding:0;
	}
	ol.commentlist li li{
		margin-left:0
	}
	ol.commentlist li li .comment-reply-link{
		display:none
	}
	ol.commentlist li .comment-author img.avatar{
		width:48px;
		height:48px;
		margin-left:-88px
	}
	
	/* WP PageNavi */
	.wp-pagenavi{
		border-bottom:1px solid #eee;
		margin-bottom:30px;
		padding-bottom:30px;
	}
	
	/* Post Navigation */
	.post-navigation.row20{
		margin-left:-5px;
		margin-right:-5px;
	}
	.post-navigation.row20 .one-half{
		width:50%;
		padding-left:5px;
		padding-right:5px;
	}
	
	/* Social Counter */
	.social-counter ul li,
	.social-counter ul li:nth-last-child(-n+2){
		float:left;
		width:50%;
		border-bottom:1px dashed #eee;
		margin:0 0 10px;
		padding:0 0 10px;
	}
	
	/* Widget ad */
	.medium-rectangle-ad a{
		background:#fff;
		padding:0;
	}
	
	/* Flickr and Dribbble widget */
	.flickr-photos ul li,
	.dribbble-shots ul li{
		width:49px;
		height:49px;
	}
	
	/* Footer */
	#footer .one-half,
	#footer-menu{
		text-align:left;
	}
	#footer-menu li{
		display:inline-block;
		margin:0 15px 0 0;
	}
	
}

@media screen and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 450px){
	
	/* Grid */
	body.fixed #wrapper{
		width:100%;
	}
	.container{
		width:300px;
	}
	.container .grid.one-half, 
	.container .grid.one-third, 
	.container .grid.two-third, 
	.container .grid.one-fourth, 
	.container .grid.three-fourth{
		width:100%;
	}
	.fresh-one-half,
	.fresh-one-third,
	.fresh-two-third,
	.fresh-one-fourth,
	.fresh-three-fourth{
		width:100%;
	}
	
	/* Layout */
	#sidebar-wrapper,
	#sidebar-wrapper.layout-left-sidebar{
		border:none;
		float:left;
		margin:0px;
		padding-left:15px;
		padding-right:15px
	}
	#content{
		border:none;
		padding-right:0px;
	}
	
	/* Left sidebar mode */
	#content-wrapper.layout-left-sidebar{
		float:left;
	}
	#content-wrapper.layout-left-sidebar #content{
		border:none;
		border-right:none;
		padding:0px;
	}
	
	/* Logo */
	#logo{
		margin-top:0;
	}
	
	/* Menu */
	#menu{
		display:none;
	}
	.mobile-menu{
		display:block;
		width:300px;
		margin:0 auto;
	}
	
	/* Newsticker */
	#newsticker .label{
		display:none;
	}
	
	/* Top Banner */
	#top-banner{
		display:none;
	}
	#top-banner-tablet{
		display:none;
	}
	
	/* Featured Slider */
	#featured-slider{
		margin-left:0px;
	}
	#featured-slider .image img{
		margin-bottom:15px;
	}
	#featured-slider .flex-caption{
		left:0px;
		position:relative;
		width:100%;
		z-index:110
	}
	#featured-slider ol.flex-control-nav{
		display:none;
	}
	#featured-slider .flex-direction-nav a {
		top:94px;
	} 
	
	/* Related Post */
	#popular-posts .row20{
		margin-left:-15px;
		margin-right:-15px;
	}
	#popular-posts .row20 .one-third{
		width:100%;
		padding-left:15px;
		padding-right:15px;
	}
	
	/* Entry Default  */
	.entry .entry-thumb{
		width:100%;
		margin-bottom:15px;
	}
	.entry .entry-header,
	.entry .entry-excerpt,
	.entry .entry-footer{
		margin-left:0px;
	}
	.entry .entry-excerpt{
		margin-bottom:30px;
	}
	
	/* Comments */
	ol.commentlist li{
		list-style:none;
		margin:0 0 0 73px;
		padding:0;
	}
	ol.commentlist li li{
		margin-left:0
	}
	ol.commentlist li li .comment-reply-link{
		display:none
	}
	ol.commentlist li .comment-author img.avatar{
		width:48px;
		height:48px;
		margin-left:-88px
	}
	
	/* WP PageNavi */
	.wp-pagenavi{
		border-bottom:1px solid #eee;
		margin-bottom:30px;
		padding-bottom:30px;
	}
	
	/* Post Navigation */
	.post-navigation.row20{
		margin-left:-5px;
		margin-right:-5px;
	}
	.post-navigation.row20 .one-half{
		width:50%;
		padding-left:5px;
		padding-right:5px;
	}
	
	/* Social Counter */
	.social-counter ul li,
	.social-counter ul li:nth-last-child(-n+2){
		float:none;
		width:100%;
		border-bottom:1px dashed #eee;
		margin:0 0 10px;
		padding:0 0 10px;
	}
	
	/* Widget ad */
	.medium-rectangle-ad a{
		background:#fff;
		padding:0;
	}
	
	/* Flickr and Dribbble widget */
	.flickr-photos ul li,
	.dribbble-shots ul li{
		width:72px;
		height:72px;
	}
	
	/* Footer */
	#footer .one-half,
	#footer-menu{
		text-align:left;
	}
	#footer-menu li{
		display:inline-block;
		margin:0 15px 0 0;
	}
	
}