#gallery ul li, #gallery ul li img {
	width:193px;
	height:109px;
	list-style:none;
}
.eight {
	width:90%;
}
.three {
	float:left;
	width:30%;
}
* {
	margin:0px;
	padding:0px;
}
/* #Base (1180 Grid)
================================================== */
.container {
	width:1200px;
	margin:0 auto;
	position:relative;
}
.columns {
	float:left;
	margin:0px 10px;
}
.lft {
	float:left;
	width:230px;
	padding:0px 20px 0px 30px;
}
.rht {
	float:right;
	width:918px;
	padding-left:2px;
	background-color:#fff;
}
.subban iframe {
	float:left;
	width:918px;
	height:250px;
}
.con_middle {
	float:left;
	width:709px;
	padding:0px 100px;
}
@media only screen and (min-width:1290px) and (max-width:1390px) {
body.boxed, .fullwidth-element, .fullwidth-element img {
 width:100%
}
}
/* #Dekstop (960 Grid)
================================================== */
@media only screen and (min-width:960px) and (max-width:1389px) {
#gallery ul li, #gallery ul li img {
 width:151px;
 height:85px;
}
.container {
 width:960px;
}
.lft {
 width:200px;
}
.profile a {
 font-size:12px;
}
.rht {
 width:708px;
}
.subban iframe {
 width:708px;
 height:193px;
}
.con_middle {
 width:529px;
 padding:0px 75px;
}
}
@media only screen and (min-width:769px) and (max-width:1040px) {
body.boxed, .fullwidth-element {
 width:100%;
}
}
/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width:768px) and (max-width:990px) {
#gallery ul li, #gallery ul li img {
 width:117px;
 height:66px;
}
.container {
 width:768px;
}
.lft {
 width:168px;
}
.profile a {
 font-size:11px;
 line-height:14px;
}
.rht {
 width:548px;
}
.subban iframe {
 width:548px;
 height:150px;
}
.con_middle {
 width:400px;
 padding:0px 70px;
}
}
/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width:767px) {
#gallery ul li, #gallery ul li img {
 width:88px;
 height:50px;
}
.container {
 width:300px;
}
.columns {
 margin:0px;
}
.logo {
 width:100px;
 margin:20px 0px 10px 0px;
}
.booking {
 width:200px;
 margin:25px 0px 10px 0px;
}
.booking h2, .booking h3 {
 font-size:9px;
 line-height:11px;
}
.banner {
 margin:0px;
 background:none;
 padding-bottom:30px;
}
.lft {
 width:90%;
 float:left;
 padding:0px 5% 30px 5%;
 background-color:#e7e7e7;
}
.tour img {
 width:50%;
 text-align:center;
}
.rht, .content, .con_middle {
 float:left;
 width:100%;
 margin:0px;
 padding:0px;
}
.footer_gallery, .footer_contact {
 padding:0;
 width:100%;
 margin-bottom:30px;
}
}
/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width:480px) and (max-width:767px) {
#gallery ul li, #gallery ul li img {
 width:128px;
 height:72px;
}
.container {
 width:420px;
}
.columns {
 margin:0px;
}
.logo {
 width:150px;
}
.booking {
 width:250px;
 margin:30px 0px 20px 0px;
}
.booking h2, .booking h3 {
 font-size:11px;
 line-height:13px;
}
.banner {
 margin:0px;
 background:none;
 padding-bottom:30px;
}
.lft {
 width:90%;
 float:left;
 padding:0px 5% 30px 5%;
 background-color:#e7e7e7;
}
.tour img {
 width:50%;
 text-align:center;
}
.rht, .content, .con_middle {
 float:left;
 width:100%;
 margin:0px;
 padding:0px;
}
.footer_gallery, .footer_contact {
 padding:0;
 width:100%;
 margin-bottom:30px;
}
}