@media screen and (min-width: 1680px){
	.div_header {
		background-size: cover;
	}
	
	.cb-slideshow li span { 
		background-size: contain !important;
	}
	
	.div_header .explore {
		margin-top: 47%;
	}
	
	.villas_header {
		background-size: contain, cover;
	}
}

@media screen and (max-width: 1450px){
}

@media screen and (max-width: 1420px){
}

@media screen and (max-width: 1360px){
	.facilities .facility {
		margin-left: 10px;
		margin-top: 0px;
	}
}

@media screen and (max-width: 1280px){
	.contact_form .ct_form {
		padding: 50px;
	}
	
	.villas_plan {
		background-position: right top, left 80%, right bottom;
		background-size: 150px, 200px, 200px;
	}
}

@media screen and (max-width: 1247px){
}

@media screen and (max-width: 1200px){
	.div_location .col-8 {
		width: 100%;
	}
	
	.locat_img_slide .slick-list {
		/*padding: 0 220px !important;*/
	}
	
	.facilities .facility ul {
		padding: 0px;
	}
	
	.facilities .facility ul li {
		padding: 15px 20px;
	}
}

@media screen and (max-width: 1170px) {
	.villas_plan {
		background-position: right top, left 80%, right bottom;
		background-size: 100px, 150px, 100px;
	}
	
	.villas_plan .villa_plan {
		padding-top: 100px;
	}
}

@media screen and (max-width: 1150px){
}

@media screen and (max-width: 1135px){
	.contact_form .ct_form {
		width: 80%
	}
}

@media screen and (max-width: 1110px){
	.div_header .floor_plan .floor_list {
		display: none;
	}
	
	.div_header .floor_plan .floor_list2 {
		display: inline-block;
		width: 430px;
	}
	
	.div_header .floor_plan .floor_img {
		float: none;
		margin-left: 0px;
		padding: 0 20px;
		margin-bottom: 40px;
	}
	
	.div_room .room_img .room_detail {
		top: 25%;
	}
	
	.div_room .room_img .room_detail2 {
		top: 15%;
	}
	
	.locat_img_slide .slick-list {
		/*padding: 0 200px !important;*/
	}
}

@media screen and (max-width: 1051px){
	.facilities .col_fac {
		padding: 0px;
	}
	
	.facilities .fac_img {
		width: 100%
	}
	
	.facilities .facility {
		width: 100%;
		margin-left: 0px;
		padding: 30px;
	}
	
	.facilities .facility .fac_ul1 {
		display: none;
	}
	
	.facilities .facility .fac_ul2,
	.facilities .facility .fac_ul3{
		display: block;
		float: left;
		width: 50%;
	}
	
	.facilities .facility ul li {
		height: 68px;
		font-size: 18px;
	}
}

@media screen and (max-width: 1000px){
	.button_container {
		margin-top: 20px;
	}
	
	.social_menu{
		margin-top: 10px;
	}
	
	.div_location .villas_location {
		padding-left: 20px;
		padding-top: 0px;
	}
}

@media screen and (max-width: 980px){
	.div_footer .footer1 {
		width: 100%;
		text-align: center;
		padding-top: 0px;
		padding-right: 0px;
	}

	.div_footer .footer2 {
		display: none;
	}

	.div_footer .footer3 {
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}
	
	.locat_img_slide .slick-list {
		/*padding: 0 180px !important;*/
	}
}

@media screen and (max-width: 976px){
	.photo .gallery_photo .col-4 {
		width: 50%;
	}
}
	
@media screen and (max-width: 947px){
	.contact_form .ct_form {
		width: 95%
	}
	
	.locat_google_map .googlemap {
		width: 90%;
	}
}

@media screen and (max-width: 900px){
}

@media screen and (max-width: 829px){
}

@media screen and (max-width: 800px){
	.contact_form .ct_form .div_input1, 
	.contact_form .ct_form .div_input2, 
	.contact_form .ct_form .div_input3 {
		width: 100%
	}
	
	.locat_img_slide .slick-list {
		/*padding: 0 20% !important;*/
	}
	
	.locat_img_slide .slide_box .location_detail h1 {
		font-size: 16px;
	}
	
	.locat_google_map .googlemap {
		width: 100%;
	}
}

@media screen and (max-width: 775px){
	.villas_plan .areaplan img {
		display: none;
	}

	.villas_plan .areaplan2 img {
		width: 50%;
		display: inline-block;
	}
	
	.villas_plan .table_planlist .table_a {
		display: none;
	}
	
	.villas_plan .table_planlist .table_b{
		width: 100%;
	}
	
	.villas_plan .table_planlist .table_a2 {
		display: inline-table;
		width: 100%;
	}
	
	.villas_type .typeA_img {
		width: 100%;
		height: 500px;
	}
	
	.villas_type .typeB_img {
		display: none;
	}
	
	.villas_type .typeB2_img {
		display: block;
		width: 100%;
		height: 500px;
	}
	
	.villas_type .typeA_detail{
		width: 100%;
		padding: 50px 0px;
	}
	
	.villas_type .typeB_detail{
		width: 100%;
		padding: 50px 0px;
	}
	
	.villas_type .typeA_detail .details {
		width: 80%;
		margin: auto;
		text-align: center;
	}
	
	.villas_type .typeB_detail .detailB {
		width: 80%;
		margin: auto;
		text-align: center;
	}
	
	.villas_type .typeA_detail .details .detail,
	.villas_type .typeB_detail .detailB .detail
	{
		float: left;
		text-align: left;
		margin-right: 10px;
	}
	
	.villas_type .typeA_detail .image img,
	.villas_type .typeB_detail .image img{
		margin-top: 0px;
	}
}

@media screen and (max-width: 760px){
	.div_location {
		padding-top: 0px;
	}
	
	.div_location .col-8 {
		width: 100%;
		padding: 0px;
	}
	
	.div_location .slide_main {
		width: 100%
	}
	
	.div_location .slide_box img {
		width: 100%!important;
	}
	
	.div_location .villas_location {
		padding: 0 30px;
		margin-top: 30px;
		width: 100%;
	}
}

@media screen and (max-width: 700px){
	.brand_logo img{
		height: 60px;
	}
	
	.button_container.active {
		left: 20px;
	}
	
	.overlay ul li {
		text-align: left;
	}
	
	.arrow_more:before{
        right: auto;
        left: -25px;
        border-left: 10px solid #b2a085;
        border-right: none;
    }
	
	.navbar_fix .sub_menu {
		padding-left: 40px;
	}
	
	.navbar_fix .sub_menu li:before {
        left: -20px;
    }
	
	.div_room .room_img .room_detail {
		top: 10%;
	}
	
	.div_room .room_img .room_detail2 {
		top: 5%;
	}
	
	.div_room .room_img .room_detail h1, 
	.div_room .room_img .room_detail2 h1 {
		font-size: 18px;
	}
	
	.div_room .room_img .room_detail p, 
	.div_room .room_img .room_detail2 p {
		line-height: unset;
	}
	
	.div_room .room_img .room_detail p.readmore, 
	.div_room .room_img .room_detail2 p.readmore {
		margin-top: 0px;
	}
	
	.villas_plan {
		background: none
	}
	
	.villas_plan .master_plan {
		padding-top: 50px;
	}
	
	.villas_plan .villa_plan {
		padding-top: 0px;
	}
	
	.images_description {
		margin-top: 100px;
	}
}

@media screen and (max-width: 665px){
	.div_footer .footer4 p:first-child {
		text-align: center;
		width: 100%;
	}

	.div_footer .footer4 p:last-child {
		text-align: center;
		width: 100%;
	}
}

@media screen and (max-width: 660px){
	.div_header .div_intro ul {
		width: 100%;
		padding-left: 0px;
		margin-bottom: 0px;
	}
	
	.div_header .div_intro .p11 {
		margin-top: 20px;
	}
	
	.div_header .div_intro .div1 {
		width: 100%;
	}
}

@media screen and (max-width: 608px){
	.div_header .div_intro .div2 {
		width: 100%;
	}
}

@media screen and (max-width: 597px){
	.facilities .facility ul li {
		font-size: 16px;
	}
	.facilities .facility .fac_ul1 {
		display: block;
	}
	
	.facilities .facility .fac_ul2,
	.facilities .facility .fac_ul3{
		display: none;
	}
}

@media screen and (max-width: 583px){ 
	.villas_type .typeA_detail .details .detail{
		float: unset;
		text-align: left;
		margin-right: 0px;
		width: fit-content;
		margin: auto;
	}
	
	.villas_type .typeB_detail .detailB .detail{
		float: unset;
		text-align: left;
		margin-right: 0px;
		width: fit-content;
		margin: auto;
	}
	
	.villas_type .typeB_detail .image img {
		margin-top: 10px;
	}
	
	.div_room .room_img .room_detail,
	.div_room .room_img .room_detail2	{
		width: 100%;
		position: unset;
		padding: 20px 30px;
		text-shadow: unset;
	}
	
	.div_room .room_img .room_detail h1, 
	.div_room .room_img .room_detail2 h1 {
		color: #313131;
	}
	
	.div_room .room_img .room_detail p, 
	.div_room .room_img .room_detail2 p {
		font-size: 12px;
		color: #2a2a2a;
	}
	
	.div_room .room_img .room_detail p.readmore, 
	.div_room .room_img .room_detail2 p.readmore {
		font-size: 12px;
		color: #2a2a2a;
	}
	
	.div_room .room_img .room_detail p.readmore i.fa,
	.div_room .room_img .room_detail2 p.readmore i.fa {
		display: inline;
		font-size: 10px;
		margin-left: 15px;
	}
	
	.div_room .room_img .room_detail p.readmore img.img-fluid,
	.div_room .room_img .room_detail2 p.readmore img.img-fluid {
		display: none;
	}
}

@media screen and (max-width: 500px){
	.photo .gallery_photo .col-4 {
		width: 100%;
	}
	
	.photo .gallery_photo {
		margin-top: 30px;
	}
	
	.villas_plan .areaplan2 img {
		width: 70%;
	}
}

@media screen and (max-width: 492px){
	.div_header .div_intro .div2 .div2_1 {
		padding-left: 20px;
	}
}

@media screen and (max-width: 463px){
	.photo .div_gallerylist {
		padding: 0px;
	}
	
	.photo .div_gallerylist button {
		margin: 0px 10px;
	}
}

@media screen and (max-width: 450px){
	.div_header .floor_plan .floor_list2 {
		width: 100%;
		padding: 20px;
	}
	
	.div_room .room_img .room_detail,
	.div_room .room_img .room_detail2	{
		width: 100%;
		position: unset;
		padding: 20px 30px;
	}
	
	.div_room .room_img .room_detail h1, 
	.div_room .room_img .room_detail2 h1 {
		color: #313131;
		font-size: 18px;
	}
	
	.div_room .room_img .room_detail p, 
	.div_room .room_img .room_detail2 p {
		font-size: 14px;
		color: #2a2a2a;
	}
	
	.div_room .room_img .room_detail p.readmore, 
	.div_room .room_img .room_detail2 p.readmore {
		font-size: 14px;
		color: #2a2a2a;
	}
	
	.div_room .room_img .room_detail p.readmore i.fa,
	.div_room .room_img .room_detail2 p.readmore i.fa {
		display: inline;
		font-size: 10px;
		margin-left: 15px;
	}
	
	.div_room .room_img .room_detail p.readmore img.img-fluid,
	.div_room .room_img .room_detail2 p.readmore img.img-fluid {
		display: none;
	}
	
	.contact_form .ct_form {
		padding: 50px 10px;
	}
	
	.contact_form .ct_form .div_input1 input, 
	.contact_form .ct_form .div_input2 input, 
	.contact_form .ct_form .div_input3 textarea,
	.contact_form .ct_form .div_input2 input.line {
		width: 100%
	}
}

@media screen and (max-width: 417px){
	.villas_plan .table_planlist td {
		padding: 3px;
	}
}

@media screen and (max-width: 400px){
	.div_header .div_intro .div4 {
		padding-left: 0px;
	}
	
	.div_header .floor_plan .floor_list2 .floor_list21 {
		width: 100%
	}
	
	.div_footer .footer1 img{
		width: 60%;
	}
	
	.contact_info .contact_logo img,
	.em_info .em_logo img	{
		width: 60%;
	}
	
	.em_info .em_intro img {
		margin-top: 20px;
		margin-bottom: 50px;
	}
	
	.locat_img_slide {
		margin-top: 0px;
	}
	
	.div_header .floor_plan .floor_list2 .floor_list22 {
		width: 100%
	}
	
	.facilities .facility {
		padding: 0px;
	}
}

@media screen and (max-width: 392px){
	.div_header .div_intro .div2 .p1 {
		text-align: left;
	}
	
	.div_header .div_intro .div2 .div2_1 {
		width: 100%;
		padding-left: 0px;
	}
}

@media screen and (max-width: 360px){
	.photo .div_gallerylist button {
		margin: 0 20px;
	}
}

@media screen and (max-width: 335px){
}

@media screen and (max-width: 320px){
	.photo .div_gallerylist button {
		margin: 0 10px;
	}
}

@media screen and (max-width: 278px){
}