@media (max-width:1236px) {
	.villa h2 {
		font-size: 26px;
	}
	.villa h4 {
		font-size: 16px;
	}
	.villa div div:first-child {
		font-size: 16px;
		padding: 30px;
	}
}

@media (max-width:1199px) {
	.about-kitchens > div:first-child {
		padding: 140px 30px;
	}
	.villa div div:first-child {
		font-size: 16px;
	}
	.villa div div:first-child {
		padding: 20px;
	}
}

@media (max-width:1199px) and (min-width:768px) {
	hr {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.read-more {
		font-size: 16px;
		padding: 10px 0;
	}
}

@media (min-width:992px) {
	.proximity img {
		width: 600px;
	}
	.testimonials div:nth-child(3) {
		padding: 10px 0;
	}
	.inner-main .navbar-default {
		padding: 0px 0;
		width: 650px;
}
}

@media (max-width:991px) {
	.about > div:nth-child(2) img {
		width: 100%;
		position: inherit; 
		top: auto;
	}
	.contact {
		text-align: center;
	}
	.form {
		margin-top: auto;
	}
	.review {
		text-align: center;
	}
	.user img {
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
}

@media (max-width:767px) and (max-width:850px) {
	.navbar-default {
		width: 90%;
	}
}

@media (max-width:767px) {
	.navbar-default {
		width: 90%;
		text-align: center;
	}
	.hero {
		background-size: auto;
	}
	.hero-text {
		padding-bottom: 100px;
	}
	.hero-text img {
		width: 70%;
	}
	.about > div:nth-child(2) img {
		width: 80%;
		position: inherit; 
		top: auto;
		margin-top: 50px;
	}
	.container {
		text-align: center;
	}
	.villas-wrapper, .testimonials-wrapper {
		padding-top: 20px;
		padding-bottom: 0;
	}
	.villas ul {
		overflow: visible;
		height: auto;
		text-align: left;
		width: 90%;
		margin: 0 auto;
	}
	.villa-img img {
		margin-top: 40px;
	}
	.amenities div:last-child {
		padding: 0 20px;
	}
	.about h1, .villas h1, .amenities h1, .testimonials-wrapper h1, .contact h1 {
		font-size: 36px;
	}
	.about h2, .villas h2, .amenities h2, .testimonials-wrapper h2, .contact h2 {
		font-size: 24px;
	}
	.amenities {
		font-size: 14px;
	}
	.amenities img {
		padding-top: 20px;
	}
	.amenities h2 {
		padding-bottom: 32px;
	}
	.testimonials {
		width: 100%;
		padding-bottom: 40px;
	}
	.testimonials img {
		margin-bottom: 30px;
	}
	.contact-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	footer ul li {
		padding: 10px 10px;
	}
	.about-main .amenities-wrapper {
		padding: 0 50px; 
	}
	.about-beach {
		padding:90px;
	}
	.hero-text {
		font-size: 3em;
	}
	.hero-text h2 {
		font-size: 0.5em;
	}
	.villas-main .amenities {
		padding-left: 20px;
		padding-right: 20px;
	}
	::placeholder {
		text-align: center;
	}
	input {
		text-align: center;
	}
}

@media (max-width:500px) {
	.villas ul li span:nth-child(2) {
		border: none;
	}
	.about-kitchens {
		height: auto;
	}
	.about-kitchens > div:first-child {
		height: auto;
	}
	.about-main .amenities {
		padding: 70px 0;
	}	
	.about-beach {
		padding:60px;
	}
	.about-beach, .about-kitchens > div:first-child, .about-main .amenities span, .about-main .about p {
		font-size: 18px;
	}
	.proximity {
		padding: 80px 20px;
	}
	::placeholder {
		font-size:14px;
		text-align: center;
	}
}

@media (min-width:768px) { 
	.navbar > .container {
	    text-align: center;
	}
	.navbar-header,.navbar-brand,.navbar .navbar-nav,.navbar .navbar-nav > li {
	    float: none;
	    display: inline-block;
	}
	.collapse.navbar-collapse {
	    float: none;
	    display: inline-block!important;
	    width: auto;
	    clear: none;
	}
	.navbar-brand {
		display: none;
	}
}