@charset "utf-8";
/* CSS Document */

img {
	/* Responsive images (ensure images don't scale beyond their parents) */

	max-width: 100%;
	/* Part 1: Set a maxium relative to the parent */

	width: auto\9;
	/* IE7-8 need help adjusting responsive images */

	height: auto;
	/* Part 2: Scale the height according to the width, otherwise you get stretching */

	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

@media screen and (max-width: 1170px) {
.text p {
	height: 250px;
	overflow: scroll;
	font-size: 14px !important
}
.quick-contact p {
	font-size: 16px;
}
}

@media screen and (max-width: 1076px) {
.nav-collapse a {
	font-size: 12px !important;
	padding: 0.9em 0.3em !important;
}
}

@media screen and (max-width: 955px) {
.nav-collapse a {
	font-size: 10px !important;
	padding: 0.9em 0.3em !important;
}
}

@media screen and (max-width: 868px) {
.nav-collapse a {
	font-size: 10px !important;
	padding: 0.9em 0em !important;
}
.nav-collapse li {
	float: left;
	width: 12.2%;
}
}

@media screen and (max-width: 979px) {
.text p {
	height: 250px;
	overflow: scroll;
	font-size: 14px !important
}
.quick-contact p {
	font-size: 13px;
}
}

@media screen and (max-width: 767px) {
.img-left {
	float: left;
	width: 49%;
	margin-right: 1.5%;
	margin-bottom: 30px;
}
.img-left img {
	float: right;
}
.img-right {
	float: right;
	width: 49%;
	position: absolute;
	top: 3%;
	right: 0%;
}
.img-right img {
	float: left;
}
.text, .text p {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	overflow: visible !important;
}
/****************************Gallery ********************/
.gallery h4 {
	font-size: 18px;
}
/****************************Gallery ********************/
}

@media screen and (max-width: 639px) {
.logo {
	width: 100%;
	float: none !important;
	margin: 0 auto;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
}
.logo img {
	width: 30%;
	max-width: 30%;
	text-align: center;
}
.icon {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 1.5%;
	text-align: center
}
.icon ul {
	list-style: none;
	text-align: center !important;
}
.icon ul li {
	display: inline;
	padding-left: 20px;
	float: none;
	text-align: center !important;
}
}

@media screen and (max-width: 556px) {
.content-text div {
	float: none !important;
	display: block;
	text-align: center !important;
}
.img-left {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 30px;
}
.img-left img {
	float: none;
}
.img-right {
	position: relative;
	width: 100%;
	margin-bottom: 0px !important;
}
.img-right img {
	float: none !important;
}
.text {
	width: 100%;
	margin-bottom: 30px;
}
.text p {
	height: auto;
	overflow: visible;
	font-size: 14px !important
}
.icon ul li {
	width: 23% !important;
	display: inline;
	padding-left: 20px;
	float: left;
	margin-bottom: 10px;
}

/*******************************Gallery***********************/
.gallery ul li {
	display: inline;
	width: 100%;
	height: auto;
	float: left;
	margin-left: 1.2%;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
}
.gallery h4 {
	text-align: center;
}
.gallery ul li:last-of-type img {
	float: none;
}
/*******************************Gallery***********************/

}

@media screen and (max-width: 480px) {
.icon ul li {
	width: 23% !important;
	display: inline;
	padding-left: 20px;
	float: left;
	margin-bottom: 10px;
}
.contact-details {
	width: 100%;
	height: auto;
	float: left;
	padding: 4%;
	color: #594f3e !important;
	font-size: 14px;
}
.details-table {
	margin-top: 6%;
}
.details-table td {
	padding-top: 18px;
	line-height: 20px;
}
.contact-form {
	width: 100%;
	height: auto;
	float: right;
	padding: 4%;
}
.contact-container h3 {
	color: #594f3e;
	display: block;
	font-size: 20px;
}
}