@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Philosopher);
@import url(https://fonts.googleapis.com/css?family=Dosis);
@import url(https://fonts.googleapis.com/css?family=Rouge+Script);
 @media all and (max-width: 1150px) {
#header, #page, #feature, .pattern-add, .footer-stat, #footer {
	padding-left: 10px;
	padding-right: 10px;
}
#feature {
    width: 760px;
	margin: 0 auto;
}
.lex2 {
    display: block;
	margin: auto;
	float: none;
}
.hider {
	display: block;
}
}
 @media all and (max-width: 900px) {
.logo {
	float: left;
	position: absolute;
	left: 10px;
	top: 5px;
	z-index: 9999;
}
}
@media all and (max-width: 768px) {
.video-play {
	width: 48%;
}
.logo {
	max-width: 250px;
}
.forms {
	width: 100%;
}
.maps {
	width: 100%;
}
#wrapper {
	position: relative;
	/*background: url(../image/download.png) top center repeat-x #3C3F93;*/
	border-top: 5px solid #fff;
}
#feature {
    width: 370px;
	margin: 0 auto;
}
.lex2 {
	float: left;
}
.content {
	width: 100%;
	float: left;
}
.gallerys {
	float: right;
	width: 100%;
	margin-top: 45px;
}
.teem {
	width: 44%;
	margin: 15px 2% 10px;
	padding: 1%;
}
.hider {
	display: block;
}
.pattern-add .h3, .pattern-add .h4 {
	float: none;
	width: 100%;
	text-align: center;
	display: block;
}
.s-enquiry {
	font-size: 19px;
	width: 50%;
	margin-left: 20%;
	float: left;
	padding: 2% 4%;
	text-align: center;
	display: block;
}
.lightbox {
	left: 20%;
	top: 5%;
}
.q_form, .q_submit {
	width: 210px;
}
.q_form_2 {
	width: 210px;
}
#q-enquiry h2 {
	font-size: 17px;
}
.foot {
	width: 45%;
	margin-right: 2%;
}
.foot2 {
	width: 50%;
	margin-right: 0%;
}
.foot3 {
	width: 100%;
	float: left;
}
.dest {
	float: none;
	display: block;
	clear: both;
	margin: auto;
	text-align: center;
}
}
@media all and (max-width: 650px) {
.loft2 {
    display: none;
}
}
 @media all and (max-width: 600px) {
.video-play {
	width: 98%;
}
.act {
	width: 48%;
	margin: 20px 1% 0;
	float: left;	
}
.hider2 {
	display: block;
}
.acts {
	width: 50%;
	margin: auto;
	margin-top: 20px;
	float: none;	
}
.foot, .foot2 {
	width: 90%;
	margin-right: 0%;
	margin-left: 5%;
}
#footer p {
	text-align: center;
}
}
@media all and (max-width: 500px) {
.act span, .acts span {
	display: block;
	margin: auto;
	width: 50px;
	text-align: center;
	border-radius: 100%;
	padding: 20px;
	border: 2px solid #fff;
}
.teem {
	width: 80%;
	margin: 15px 9% 10px;
	padding: 1%;
}
.lightbox {
	left: 5%;
	top: 5%;
}
}
 @media all and (max-width: 400px) {
#feature {
    width: 94%;
	margin: 0 auto;
}
.lex, .lex2 {
    float: left;
	width: 100%;
	margin: 20px 0px 20px 0;
	height: 293px;
	background: #fff;
}
}