/* Media Queries - 1 */


/* Note: Design for a below width of 1024px */
@media only screen and (min-width: 781px) and (max-width: 1023px) {
.show_ipad1 {
	display:block
}

.hide_ipad1 {
	display:none
}

.container {
	max-width:730px
}


/*=Header
=======================================================*/
header .logo {
	width:300px
}

header .hd-add {
	width:300px;
}

.navbar nav ul li a {
	padding:0 19px 0 18px
}


/*=Content-main
=======================================================*/
.section-list article {
	padding-bottom:24px
}

.section-list article figure {
	width:38%
}

.section-list article aside {
	width:56%;
}

.section-list article aside ul {
	width:100%;
	padding-bottom:10px
}

.section-list article aside .btn-bg {
	width:100%;
	float:right
}

.left-box {
	width:48%
}

.right-box {
	width:48%
}

.right-add {
	padding:5px 0 25px 0
}

.side-bar {
	padding-bottom:25px
}

.side-bar figure span {
	background-size:60px 60px;
}


.side-bar article figure {
	width:75px;
	height:75px;
	margin-right:-75px
}

.side-bar article aside {
	padding:0 0 0 85px
}
}


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

.hide_mobile1 {
	display:none
}

.container {
	width:100%;
	max-width:100%;
	padding:0
}


/*=Header
=======================================================*/
.collapse {
	position:relative;
	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 {
	width:100%;
	float:left;
	padding:0
}

header .logo {
	width:100%;
	float:left;
	text-align:center;
	padding:24px 10px 20px 10px
}

header .logo img {
	width:100%;
	max-width:440px;
}

header .hd-add {
	display:none
}

.navbar .menu {
	width:100%;
	height:0;
	float:left;
	background:#006db5;
}
.navbar nav {
	width:100%;
	height:auto;
	padding:0
}

.navbar nav ul {
	height:auto
}

.navbar nav ul li {
	width:100%;
	height:auto;
	float:left;
	border-right: none;
	border-top:1px solid #003580;
	position:relative
}

.navbar nav ul li:first-child {
	border-top:none
}

.navbar nav ul li a {
	width:100%;
	height:auto;
	line-height:18px;
	padding:18px 20px 16px 20px
}

.navbar nav ul li a span {
	width:100%;
	height:auto;
	background:url(../images/icon-arrow03.png) no-repeat right;
	padding-right:22px
}

.navbar nav ul li:hover > a {
	background:#006db5;
	text-decoration:underline
}

.navbar nav ul li:hover > a span {
	background:url(../images/icon-arrow03.png) no-repeat right;
	text-decoration:underline
}

.navbar nav ul li a.active span {
	background:url(../images/icon-arrow02.png) no-repeat right;
	text-decoration:none
}

.navbar nav ul li:hover ul {
	display:block
}

.navbar nav ul li ul {
	width:100%;
	height: 0;
	position:static;
	top:0;
	left:0;
	display:block;
	padding:0 0 0 20px;
}

.navbar nav ul li ul a {
	height:auto;
	line-height:normal;
	padding:0
}

.navbar nav ul li ul li {
	width:100%;
	height:auto;
	float:left;
	border:none;
	border-top:1px solid #003580
}

.navbar nav ul li ul li:first-child {
	border-top:1px solid #003580
}

.navbar nav ul li ul li a {
	color:#FFFFFF;
	padding:16px 10px 16px 20px
}

.navbar nav ul li ul li a:hover {
	background:#006db5
}

.navbar .menu-btn {
	display:block
}


/*=Content-main
=======================================================*/
.content-main {
	width:100%;
	float:left;
	padding:0 6%
}

.heading-main {
	margin-bottom:14px
}

.left-panel {
	width:100%;
	border-right: none;
	padding:22px 0 0 0;
	margin-right:0
}

.right-panel {
	width:100%;
	border-left: none;
	padding:5px 0 0 0
}

.welcome-info p {
	padding-bottom:18px
}

.welcome-info p {
	width:100%;
	float:left;
}

.welcome-info p span {
	width:100%;
	float:left;
	margin-bottom:20px
}

.welcome-info aside {
	width:100%;
	float:left
}

.welcome-info .aside-out {
	width:100%;
	float:left;
	position:relative;
	padding-bottom:18px;
	margin-bottom:18px
}

.welcome-info .show-more {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	text-decoration:underline
}

.welcome-info .show-more .more {
	display: block
}

.welcome-info .show-more .less {
	display: none
}

.welcome-info .show-more.active .more {
	display:none
}

.welcome-info .show-more.active .less {
	display: block
}

.section-list {
	padding-bottom:24px
}

.section-list article {
	padding:8px 0 24px 0;
}

.section-list article figure {
	width:100%;
	text-align:center;
	padding-bottom:15px;
}

.section-list article aside {
	width:100%;
	float:left
}

.section-list article aside ul {
	width:100%;
	padding:0 0 20px 0;
}

.section-list article aside .btn-bg {
	width:100%;
}

.section-list .heading-main {
	margin-bottom:0
}

.section-article article {
	min-height:inherit;
	padding-bottom:14px
}

.left-box {
	width:100%
}

.right-box {
	width:100%
}

.right-add {
	padding:5px 0 27px 0
}

.side-bar {
	padding-bottom:0;
	margin-bottom:-6px;
	padding-bottom:10px
}

.side-bar article:last-child { 
	border-bottom:none
}


/*=Footer
=======================================================*/
footer {
	padding:26px 3%
}

footer article {
	width:100%;
	text-align:center
}

footer article ul {
	width:100%;
	text-align:center;
	padding:18px 0 14px 0
}

footer article ul li {
	float:none;
	display:inline-block;
	padding:0 4px
}

footer aside {
	width:100%;
	text-align:center;
	position:relative;
}

footer aside .logo-footer {
	float:none;
	display:inline-block;
	margin:0 5px 0 0;
	vertical-align:top
}

footer aside .number {
	float:none;
	display:inline-block;
	margin:0 0 0 5px
}


/*=02-review
=======================================================*/
.section-review {
	padding-bottom:10px
}

.section-shots {
	padding-bottom:30px
}

.section-shots figure {
	width:100%;
	padding:0 0 25px 0
}

.section-shots .figure-right {
	width:100%;
	padding:0 0 0 0
}

.section-shots .heading-main {
	margin-bottom:20px
}

.section-comments {
	padding:30px 0
}

/*=03-news-listing
=======================================================*/
.section-archives .sbHolder {
	width:100%
}
}


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

.hide_mobile2 {
	display:none
}
}