#wrapper,
.container { min-width: 320px; }

/* ------------------------------------------------------------------------- *
 *  Toggle Sidebar s2 : 1280px > 480px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 1260px) {
	
	.site-description { display: none; }
	
	/* 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: #eee; 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; }	
	.s2-expand .s2 .sidebar-content { display: block; min-width: 340px; }
	.s2-collapse .s2 .sidebar-content { display: none; }
	
	/* s2 toggle icon */
	.col-3cm.s2-expand .s2 .icon-sidebar-toggle:before,
	.col-3cl.s2-expand .s2 .icon-sidebar-toggle:before { content: "\f101"; }
	.col-3cr.s2-expand .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; }
	.col-3cm.s2-expand .s2 { right: 0; }
	
	/* ipad, iphone fix */
	.safari .s2 { min-width: 50px; max-width: 50px; width: auto; }
	.safari.s2-expand .s2 { min-width: 340px; max-width: 340px; width: auto; }

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

	/* 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 .s1 { margin-right: -390px; }
	.col-3cl .s2 { margin-right: -50px; }
	.col-3cl.s2-expand .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;