@media only screen and (min-width: 768px) and (max-width: 1200px) {
	
	.container { padding: 0 10px; }
	
	/* s2 general */
	.s2 { width: 50px; }
	.s2 .sidebar-content { display: none; float: left; width: 100%; }
	.s2 .sidebar-toggle { display: block; }
	
	/* s2 expand/collapse */
	.s2-expand .s2 { background: #f0f0f0; position: absolute; top: 0; bottom: 0; width: 260px; margin: 0!important; z-index: 9; overflow: auto;
	-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }	
	.s2-expand .s2 .sidebar-content { display: block; min-width: 260px; }
	.s2-collapse .s2 .sidebar-content { display: none; }
	
	/* s2 toggle icon */
	.s2-expand .col-3cm .s2 .icon-sidebar-toggle:before,
	.s2-expand .col-3cl .s2 .icon-sidebar-toggle:before { content: "\f101"; }
	.s2-expand .col-3cr .s2 .icon-sidebar-toggle:before { content: "\f100"; }
	
	/* s2 3 column, content middle */
	.col-3cm.main { background: url(img/sidebar/s-right-collapse.png) repeat-y right; }
	.col-3cm .main-inner { padding-right: 50px; }
	.col-3cm .s2 { margin-right: -50px; }
	.s2-expand .col-3cm .s2 { right: 0; }

}
@media only screen and (min-width: 961px) and (max-width: 1200px) {

	.s2 .sidebar-toggle { height: 60px; }
	.s2 .sidebar-toggle i { padding: 10px 0; }
	
	/* 3 column, content right */
	.col-3cl.main { background-image: none; }
	.col-3cl .main-inner { background: url(img/sidebar/s-right-dual-half-collapse.png) repeat-y right; padding-right: 390px; }
	.col-3cl .s2 { margin-right: -50px; }
	.col-3cl .s1 { margin-right: -390px; }
	.s2-expand .col-3cl .s2 { right: 340px; }
	
	/* 3 column, content left */
	.col-3cr.main { background-image: none; }
	.col-3cr .main-inner { background: url(img/sidebar/s-left-dual-half-collapse.png) repeat-y left; padding-left: 390px; }
	.col-3cr .s2 { margin-left: -50px; }
	.col-3cr .s1 { margin-left: -390px; }
	.s2-expand .col-3cr .s2 { left: 340px; }
	
}

/* ------------------------------------------------------------------------- *
 *  Toggle Sidebar s1 : 960px > 479px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width:768px) and (max-width: 960px) {
	
	/* s1 general */
	.s1 { width: 50px; }
	.s1 .sidebar-content { display: none; float: left; width: 100%; }
	.s1 .sidebar-toggle { display: block; }
	
	/* s1 expand/collapse */
	.s1-expand .s1 { background: #f0f0f0; position: absolute; top: 0; bottom: 0; width: 340px; margin: 0!important; z-index: 9; overflow: auto;
	-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }	
	.s1-expand .s1 .sidebar-content,
	.s1-expand .s1 .post-nav { display: block; min-width: 340px; }
	.s1-collapse .s1 .sidebar-content,
	.s1-collapse .s1 .sidebar .post-nav { display: none; }
	
	/* s1 toggle icon */
	.s1-expand .col-2cl .s1 .icon-sidebar-toggle:before,
	.s1-expand .col-3cl .s1 .icon-sidebar-toggle:before { content: "\f101"; }
	.s1-expand .col-2cr .s1 .icon-sidebar-toggle:before,
	.s1-expand .col-3cm .s1 .icon-sidebar-toggle:before,
	.s1-expand .col-3cr .s1 .icon-sidebar-toggle:before { content: "\f100"; }

	/* 2 column, content right */
	.col-2cr .main-inner { background-position: -290px 0!important; padding-left: 50px; }
	.col-2cr .s1 { margin-left: -50px; }
	.s1-expand .col-2cr .s1 { left: 0; }
	
	/* 2 column, content left */
	.col-2cl .main-inner { background-image: url(img/sidebar/s-right-collapse.png); padding-right: 50px; }
	.col-2cl .s1 { margin-right: -50px; }
	.s1-expand .col-2cl .s1 { right: 0; }
	.s1-expand .col-2cl .sidebar-toggle { float: right; }
	
	/* 3 column, content middle */
	.col-3cm .main-inner { background-position: -290px 0!important; padding-left: 50px; }	
	.col-3cm .s1 { margin-left: -50px; }
	.s1-expand .col-3cm .s1 { left: 0; }	
	.col-3cm .s2 { margin-right: -50px; }
	.s2-expand .col-3cm .s2 { right: 0; }
	
	/* 3 column, content left */
	.col-3cl.main { background-image: none; }
	.col-3cl .main-inner { background: url(img/sidebar/s-right-dual-full-collapse.png) repeat-y right; padding-right: 100px; }
	.col-3cl .s2 { margin-right: -50px; }
	.col-3cl .s1 { margin-right: -100px; }
	.s2-expand .col-3cl .s2 { right: 50px; }
	.s1-expand .col-3cl .s1 { right: 0; }	
	
	/* 3 column, content right */
	.col-3cr.main { background-image: none; }
	.col-3cr .main-inner { background: url(img/sidebar/s-left-dual-full-collapse.png) repeat-y left; padding-left: 100px; }
	.col-3cr .s2 { margin-left: -50px; }
	.col-3cr .s1 { margin-left: -100px; }
	.s2-expand .col-3cr .s2 { left: 50px; }
	.s1-expand .col-3cr .s1 { left: 0; }
	
}


/* ------------------------------------------------------------------------- *
 *  Tablet (Portrait) : 768px > 719px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 800px) {
	
	/* layout */
	.grid { margin-right: 2.9%; }
	.pad { padding: 25px 25px 15px; }
	
	.one-half { width: 48.5%; }
	.one-third { width: 31.4%; }
	.two-third { width: 65.65%; }
	.one-fourth { width: 22.8%; }
	.three-fourth { width: 74.1%; }
	.one-fifth { width: 17.6%; }
	.two-fifth { width: 38.5%; }
	.three-fifth { width: 59%; }
	.four-fifth { width: 79.5%; }
	
	/* blog */
	#flexslider-featured { margin-top: 5px; }	
	.format-gallery .post-format .flexslider .slides img { max-height: 300px; }
	.format-link .post-format p { margin-bottom: 15px; }

}