/* 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:234px;
	padding-top:0
}

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

.navbar .home {
	width:47px;
	margin-right:-47px;
}

.navbar .home a {
	background-size:20px 17px
}

.navbar nav {
	padding:0 0 0 47px
}

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


/*=Content-main
=======================================================*/
.content-main { 
	background:url("../images/bg02.gif") repeat-y top right
}

.left-panel {
	width:68%;
	padding:20px 0 0 2%
}

.section-list .title .col-3 {
	display:none
}

.section-list .col-1 {
	width:40%
}

.section-list .col-2 {
	width:60%;
	padding:0 0 0 10%
}

.section-list .col-3 {
	width:50%
}

.section-list article {
	padding:0 10px
}

.section-list article .col-2 {
	padding:15px 0 10px 10%
}

.section-list article .col-3 {
	padding:0 0 10px 0
}


.right-panel {
	width:30%;
}
}


/* 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
}

.container-box {
	border:none;
}


/*=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 {
	height:auto
}

header {
	padding:0
}

header .logo {
	width:100%;
	text-align:center;
	margin:30px 0 23px 0;
	padding:0 10px
}

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


header .hd-add {
	display:none
}

.navbar .menu {
	width:100%;
	height:0;
	float:left;
	background:#006db5;
	z-index:30
}

.navbar .home {
	width:52px;
	height:46px;
}

.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 #003e86;
	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:hover {
	background:#005e9c
}

.navbar nav ul li a.active {
	background:#005e9c
}

.navbar .menu-btn {
	display:block
}


/*=Content-main
=======================================================*/
.content-main { 
	background:none; 
	padding:0 3.75%
}

.left-panel {
	width:100%;
	padding:20px 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 p {
	width:100%;
	float:left
}

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

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

.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 .title .col-2 {
	display:none
}

.section-list .title .col-3 {
	display:none
}

.section-list .col-1 {
	width:100%
}

.section-list .col-2 {
	width:100%;
	padding:0
}

.section-list .col-3 {
	width:50%
}

.section-list article {
	padding:10px 10px 30px 10px
}

.section-list article h3 {
	text-align:center
}

.section-list article figure {
	text-align:center;
}

.section-list article .col-2 {
	padding:15px 0 15px 0
}

.section-list article .col-3 {
	width:100%;
	padding:0
}

.section-list article .btn-primary {
	font-size:20px
}

.right-panel {
	width:100%;
	padding:20px 0 0 0
}



.right-panel .btn-primary {
	float:none;
	display:inline-block;
	margin:0 3px
}

.right-panel .btn-secondary {
	float:none
}

.add-block {
	text-align:center
}

.add-block h3 {
	text-align:left
}

.add-block ul {
	width:223px;
	float:none;
	text-align:left;
	margin:0 auto
}

.add-block .btn-bg {
	width:100%;
	float:left;
	margin-top:10px
}

.add-block .btn-bg .btn-primary {
	margin:0 7px
}

.add-block .heading-main {
	margin-bottom:12px
}

.catagory-list aside {
	padding:20px 0;
	text-align:center
}

.catagory-list aside .price {
	float:none;
	display:inline-block;
	vertical-align:middle;
	line-height:18px;
	text-align:center
}

.catagory-list aside .btn-bg {
	margin:0;
	vertical-align:top
}

.catagory-list aside .btn-bg .btn-primary {
	vertical-align:top;
	margin:0 5px
}

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


/*=Footer
=======================================================*/
footer {
	padding:20px 3.75% 32px 3.75%;
}

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

footer aside {
	width:100%;
	text-align:center;
	padding-bottom:20px
}

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


/*= casino-review
======================================================*/
.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
}
}


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

.hide_mobile2 {
	display:none
}
}