/*-----------------------------------------------------------------------------------*/
/*  Responsive Config
/*-----------------------------------------------------------------------------------*/

/* Setting for show on Responsive only */

@media (max-width:900px){
	.header-tab nav{
		display: none;
	}
	.header-tab .logo{
		border-right: solid 1px #e1e1e1;
	}
	.header-tab .booknow-btn{
		right: auto;
		left: 116px;
		background: #978c71;
		color: #ffffff;
	}
	.header-tab .booknow-btn::before, .header-tab .res-booknow-btn::before{
		background: url(../images/icon/calendar-icon.png) center center no-repeat;
	}
	.extend-listing .list-item .img-list span{
		width: 80%;
	}
	footer .content ul{
		margin: 0 0 40px 0;
	}
	footer .footer-contact{
		text-align: center;
	}
	footer .social{
		text-align: center;
		margin: 20px 0 0 0;
	}
	footer .copyright{
		padding: 10px 0 0 0;
		text-align: center;
	}
	footer .footer-contact span{
		padding: 5px 0;
	}
	footer{
		padding: 120px 0 200px 0;
	}
	footer.page{
		padding: 70px 0 200px 0;
	}
	.gallery .gallery-title a{
		font-size: 12px;
	}
	.page.parallax{
		height: 600px;
	}
}
@media (max-width:800px){
	.header-overlay .banner-title h1{
		font-size: 19px;
	}
	.home-aboutus .wrapper .img-wrapper{
		position: relative;
		width: 100%;
		height: auto;
		display: none;
	}
	.home-aboutus .wrapper .content{
		width: 60%;
	}
	.home-aboutus .full-content {
    	padding: 70px 5%;
	}
	.full-slide .img-wrapper{
		height: 400px;
	}
	.owl-carousel .owl-controls .owl-buttons{
		width: 160px !important;
	}
	.extend-listing .list-item .img-list{
		width: 60%;
		height: 100%;
		bottom: 0;
		transform: none !important;
	}
	.extend-listing .list-item .img-list .img-wrapper{
		width: 100%;
		height: 110%;
		bottom: 0;
		top: -40px;
	}
	
}
@media (max-width:768px){
	.grid-content-2 div.cols{
		width: 100%;
		float: none;
	}
	.grid-content-2 div.cols.left p,
	.grid-content-2 div.cols.right p{
		padding:0;
	}
	.grid-content-2 div.cols.right .content{
		padding: 40px 0 0 0;
	}
	.grid-content-2 div.cols.left .content:first-child{
		padding:0 0 40px 0;
	}
}

/* -+- Fix & Resize all to Responsive Screen -+- */

@media (max-width:600px){
	.header-overlay .banner-title h1{
		font-size: 16px;
	}
	.header-overlay .banner-title, 
	.header-overlay .banner-page{
		width: 90%;
	}
	.extend-listing .list-item{
		height: auto;
	}
	.extend-listing .list-item .content, 
	.extend-listing .list-item .img-list, 
	.extend-listing .list-item .content p{
		position: relative;
		width: 100%;
		height: auto;
	}
	.extend-listing .list-item .img-list{
		height: 400px;
	}
	.extend-listing .list-item .img-list .img-wrapper{
		height: 100%;
		top: 0;
		bottom: 0;
	}
	.extend-listing .list-item .img-list.left{
		left: 0;
	}
	.extend-listing .list-item .img-list.right{
		right: 0;
	}	
	.extend-listing .list-item .content{
		padding: 50px 0;
	}
	.extend-listing .list-item .content p.marks{
		margin: 50px 0 0 0;
	}
	footer .footer-contact{
		position: relative;
	}
	footer nav.style,
	footer nav.social{
		margin: 30px 0 0 0;
	}
	footer,
	footer.page{
		top: 0;
		padding: 70px 0 0 0;
	}
	.clear-footer{
		margin: 0;
	}
	.header-overlay .banner-page{
		padding: 40px 0 0 0;
	}
	footer .content .page-wrapper{
		padding: 0 10px;
	}
	.home-aboutus .wrapper.parallax,
	.page.parallax{
		background-size: cover !important;
		background-position: center center !important;
		background-attachment: scroll;
	}
	.header-overlay .banner-title h1, .header-overlay .banner-title.banner-page h1, .full-content h1, .page.parallax .title h1{
		font-size: 24px;
	}
	.home-aboutus .full-content{
		padding: 70px 0;
	}
	.gallery .gallery-wrapper span div.img-wrapper{
		width: 49.75%;
	}
	.header-overlay .banner-title h1{
		font-size: 20px;
	}
	.villa .listing {
		width: 100%;
		float: inherit;
		height: 500px;
	}
	.villa .listing .title h1{
		font-size: 23px;
	}
	.villa .listing .title p{
		font-style: 14px;
	}
}

/* -------------  Mobile Config  ------------ */

@media (max-width:480px){
	.header-overlay .banner-title.banner-page h1{
		width: 90%;
		font-size: 18px;
	}
	.full-content p{
		text-align: justify;
	}
	.header-tab .booknow-btn,
	.header-tab.fixed .booknow-btn, .header-tab.fixed .res-booknow-btn{
		position: fixed;
		top: 40px;
		height: 40px;
		width: 50%;
		left: auto;
		right: 0;
		bottom: auto;
		padding: 12px 0 0 35px;
	}
	.header-overlay a.find-btn{
		left: -50px;
	}
	.page-container{
		padding: 50px 25px;
	}

	.header-tab,
	.header-tab.fixed{
		height: 80px;
	}
	.header-tab .logo{
		width: 50%;
	}
	.header-tab .logo .img,
	.header-tab.fixed .logo .img{
		width: 141px;
		height: 80px;
	}
	.hamburger-wrapper{
		top: 0px !important;
	}
	.header-overlay .header-social{
		display: none;
	}
	.header-overlay .header-contact{
		left: 0;
		width: 100%;
		text-align: center;
	}
	.home-aboutus .wrapper .content{
		width: 70%;
	}
	.full-slide .img-wrapper{
		height: 250px;
	}
	.owl-carousel .owl-controls .owl-buttons{
		height: 40px !important;
		width: 80px !important;
	}
	.owl-carousel .owl-controls .owl-buttons .owl-prev, .owl-carousel .owl-controls .owl-buttons .owl-next{
		width: 40px !important;
		height: 40px !important;
		background-size: 100%;
	}
	.owl-carousel .owl-controls .owl-buttons .owl-prev{
		right: 40px !important;
	}
	.full-slide a{
		left: 0;
	}
	.extend-listing .list-item .img-list span{
		font-size: 13px;
		height: 52px;
	}
	.header-overlay a.find-btn{
		bottom: -130px;
	}
	footer{
		padding: 100px 0 0 0;
	}
	footer .content{
		padding: 0 30px;
	}
	footer .footer-contact{
		padding: 50px 30px;
	}
}
@media (max-width:385px){

}
@media (max-width:320px){

}