@import url(https://fonts.googleapis.com/css?family=Lato);
@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=Cinzel);
 @media all and (max-width: 1100px) {
#header, #page, #pager, .footer-stat, .pattern-add {
	padding-left: 10px;
	padding-right: 10px;
}
.logo {
	width: 20%;
}
.foot {
	width: 18%;
}
.foot2 {
	width: 16%;
	margin: 0 0 0 5%;
}
.foot3 {
	width: 32%;
	margin-left: 5%;
}
.foot4 {
	width: 22%;
}
#content {
	width: 30%;
}
}
@media all and (max-width: 1000px) {
.logo {
	width: 30%;
}
.luxor h3 {
	text-align: center;
}
#content {
	width: 100%;
	margin-bottom: 20px;
}
.vide {
	width: 45%;
	margin-left: 0px;
	margin-top: 4px;
}
#sidebar {
	width: 45%;
}
}
 @media all and (max-width: 900px) {
.logo {
	width: 35%;
}
.foot {
	width: 40%;
}
.foot2 {
	width: 45%;
	margin: 0 0 0 5%;
}
.foot3 {
	width: 45%;
	margin-left: 0%;
}
.foot4 {
	width: 45%;
	float: left;
}
.pattern-add .h3 {
	width: 45%;
}
.luxor h3 {
	text-align: center;
	margin-bottom: 28px;
}
.feat-icon {
	width: 80px;
}
#feature h2 {
	color: #000000;
	font-size: 17px;
}
}
 @media all and (max-width: 700px) {
.logo {
	width: 39%;
	top: 42px;
}
#follows {
	display: none;
}
.foot3 {
	width: 100%;
	margin-left: 0%;
}
.foot4 {
	width: 100%;
}
.pattern-add .h3 {
	font-size: 22px;
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 15px;
}
.s-enquiry {
	font-size: 16px;
	width: 50%;
	margin-left: 20%;
	float: left;
	padding: 2% 2%;
	text-align: center;
	display: block;
}
.feat-icon {
	width: 60px;
}
#feature h2 {
	font-size: 15px;
}
#content {
	width: 80%;
	margin-left: 10%;
}
.vide {
	width: 80%;
	margin-left: 10%;
	margin-bottom: 20px;
}
#sidebar {
	width: 80%;
	margin-left: 10%;
	float: left;
}
}
 @media all and (max-width: 550px) {
.logo {
	width: 39%;
	top: 42px;
}
.foot-loog {
	max-width: 300px;
}
.foot {
	width: 100%;
}
.foot2 {
	width: 100%;
	margin-left: 0%;
}
.lex {
	float: left;
	width: 30%;
}
#content, .vide, #sidebar {
	width: 90%;
	margin-left: 5%;
}
}
 @media all and (max-width: 451px) {
.list {
	float: right;
	width: auto;
	margin: 3px 10px 3px 10px;
}
.logo {
	width: 39%;
	top: 62px;
}
.s-enquiry {
	font-size: 15px;
	width: 50%;
	text-transform: none;
	margin-left: 20%;
	float: left;
}
}
@media all and (max-width: 351px) {
.lex {
	float: left;
	width: 45%;
}
.logo {
	top: 60px;
}
.top-icon {
	display: none;
}
}