/* Media Queries - 1 */


/* Note: Design for a width of 768px */
@media only screen and (max-width: 767px) {
.show_mobile1 {
	display:block
}

.hide_mobile1 {
	display:none
}


.container-box {
	padding-top:0;
}


.container {
	width:100%;
	padding:0 4% 
}

.collapse {
	height:0;
	overflow:hidden;
	-webkit-transition:height .35s ease;
	-moz-transition:height .35s ease;
	-o-transition:height .35s ease;
	transition:height .35s ease
}

.collapse.in {
	height:auto
}


/* #Header
=======================================================*/

header {
	min-height:inherit;
	background:url(../images/divider01.png) repeat-x top left;
	padding:16px 10px;
	position:relative
}

header .logo {
	width:230px;
	float:none;
	text-align:center;
	font-size:25px;
	line-height:18px;
	margin:0 auto;
	padding-left:16px 
}

header .logo span {
	float:none;
	text-align:right;
	font-size:16px;
	display:none;
	padding-left:45px;
}

header .logo a {
	width:auto;
	float:none;
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
}

header .banner-add {
	display:none
}

.menu-bar {
	display:block
}

.row-offcanvas {
	width:100%;
	float:left;
	position:relative;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.row-offcanvas-right {
	right: 0;
}

.row-offcanvas-left {
	left: 0;
}

.row-offcanvas-right .sidebar-offcanvas {
	right: -260px; 
}

.row-offcanvas-left .sidebar-offcanvas {
	left: -260px; 
}

.row-offcanvas-right.active .sidebar-offcanvas {
	right:0;
}

.row-offcanvas-left.active .sidebar-offcanvas {
	left:0
}

.row-offcanvas-right.active {
	right: 260px; 
}

.row-offcanvas-left.active {
	left: 260px; 
}

.row-offcanvas-right.active .fixed header {
	left: -260px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease	
}

.sidebar-offcanvas {
	position:fixed;
	top:0;
	width:260px;
	height:100%;
	float:left;
	overflow:auto;
	background:#c66d06;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-o-transition:all .25s ease-out;
	transition:all .25s ease-out;
	z-index:100;
	padding:20px 0 0 0
}


/* #Content - Main
=======================================================*/

.left-panel {
	width:100%;
	margin:0 0 10px 0
}

.left-panel ul {
	padding:14px 16px 5px 16px
}

.left-panel aside {
	background:#FFFFFF;
	margin-bottom:0;
}

.left-panel .collapse {
	width:100%;
	float:left
}

.left-panel .heading-main {
	cursor:pointer;
	padding:0;
}

.left-panel .heading-main h2 {
	padding:9px 16px 7px 16px;
}

.right-panel {
	padding:0;
}

.section-main .article-post article {
	padding:12px 0 0 10px
}

.section-01 {
	padding-bottom:5px
}

.section-01 ul {
	border-bottom:none;
}

.section-01 ul li {
	border:1px solid #cccccc;
	color:#333366;
	padding:0;
	margin-bottom:15px;
}

.section-01 ul li figure {
	width:70px;
	box-shadow: #000000 0 1px 3px, #000000 0 0 3px;
	line-height:26px;
	margin-right:-85px
}

.section-01 ul li h3 {
	width:100%;
	height:36px;
	padding:0 0 0 85px
}

.section-01 ul li .col-1 {
	width:100%;
	border-bottom:1px solid #CCCCCC;
	text-align:left
}

.section-01 ul li .col-1 span {
	height:auto;
	line-height:normal
}

.section-01 ul li .col-2 {
	width:100%;
	border-bottom:1px solid #CCCCCC;
}

.section-01 ul li .col-3 {
	width:100%;
}

.section-01 ul li .col-3 .span-out {
	width:100%;
	height:auto;
	display:table
}

.section-01 ul li .col-3 .span-in {
	float:left
}

.section-01 ul li .col-4 {
	width:100%;
	min-height:inherit;
	position:static
}

.section-01 ul li .left {
	width:75px;
	min-height:3px;
	float:left;
	padding:10px;
	margin-right:-75px;
	position:relative
}

.section-01 ul li .right {
	width:100%;
	min-height:3px;
	float:left;
	padding:10px 10px 10px 90px
}

.section-01 ul li .divider {
	width:1px;
	height:100%;
	float:left;
	border-left:1px solid #CCCCCC;
	position:absolute;
	left:75px;
	top:0;
	display:block
}

.section-01 ul li .btn-right {
	float:left;
	padding:0 0 0 0;
	position:absolute;
	top:9px;
	right:4px
}

.section-01 ul li .btn {
	margin-right:5px;
}

.section-01 ul li .btn-primary {
	padding:0 14px
}

.section-01 ul .heading {
	display:none
}


/* #02-news listing
=======================================================*/

.section-02 article {
	width:33.33%
}

.section-02 article ul {
	background:none;
	padding:0
}

.section-02 article ul li {
	width:100%;
	background:none;
	padding:0 0 4px 0
}
}