/*responsive*/
@media only screen and (max-width : 1280px){
	.spacer{height:96px;}
	.navbar-brand img{height:76px; width:auto;}
	.navbar-brand div{font-size:16px;}
	.navbar{width: 100%; padding: 0;}
	.navbar .container{padding: 0 100px; left: 0; width: 100%;}
	ul.nav.navbar-nav.navbar-right{padding: 0 15px 0 0;}
	.header{height:300px; background-size:auto 100%;}
	main, .about-news-sct, .service_sct, .footer-up{width:100%;}
	.slide-caption {transform:translateY(-150px);}
	.slide-caption .caption{width: 50%;}
	.slide-caption h3{font-size:20px;}

	/* LOCATION & SURROUNDINGS */
	.ls{width: 100%; padding: 0 15px;}

	/* GALLERY */
	.gallery{width: 100%; padding: 0;}
	.gallery_ctn{padding: 0;}

	/* CONTACT */
	.contact{width: 100%;padding: 0;}

	/* MAPS & DIRECTION */
	.md{width: 100%;padding: 0;}
}
@media only screen and (max-width : 1157px){
	.spacer{height:71px;}
	.navbar-brand img{height:58px; width:auto;}
	.navbar-brand div{margin:-8px 0 0 0; padding:1px 0 7px 12px; font-size:16px;}
	.postit{width: 110px; height:135px; margin-top:30px;}
	.postit #price{width:30px; height:49px; margin:45px 0 10px 54px; font-size:32px;}
	/*.collapse.navbar-collapse.navHeaderCollapse{margin-right: -105px !important;}
	.about-news-sct{padding: 50px 120px;}
	.service_sct{padding: 30px 120px;}
	.footer-up{padding: 50px 15px;}*/
	.navbar .container{padding: 0 15px;left: 0;width: 100%;}
	ul.nav.navbar-nav.navbar-right li a{font-size: 12px;padding: 15px 5px;}
	main.main-about{background-size:100% auto; background-position:center bottom;}
	.about-news-sct{padding: 50px 120;}
	.service_sct{padding: 40px 120px;}
	.footer-up{padding: 50px 15px;}
	.houserules .titlebox h1{font-size: 28px; letter-spacing:1px;}
	.main-ls .titlebox h1{font-size: 28px; letter-spacing:4px;}
	.main-ls .titlebox img{height:68px;}
}



@media only screen and (max-width : 1024px){
	.navbar-brand div{width:90px; margin:-8px 0 0 0; padding:8px 0 7px 11px; font-size:13px; line-height:1em;}
	.navbar-brand img{height:58px; width:auto;}
	.about-news-sct{padding: 50px 80px;}
	.service_sct{padding: 20px 80px;}
	.service_ctn .col-sm-9 strong{font-size: 16px;}
	.socmed_sct{padding: 50px 0 70px;}
	/*.fup-left-ctn span.maps{font-size: 20px;padding: 6px 10px;}
	.fup-left-ctn span.phone{font-size: 18px;padding: 6px 12px 7px 10px;}
	.fup-left-ctn span.email{font-size: 14px;padding: 8px 20px 9px 10px;}*/
	.houserules, .roomtypes, .direction{width:100%;}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {
	h1{font-size: 30px; letter-spacing:6px;}
	.titlebox img{height:70px;}
	.slide-caption .caption h3{font-size: 18px;}
	.about-news-sct{padding: 30px 30px;}
	.service_sct{padding: 20px 30px;}
	.service_ctn img{max-width: 30%;}
	.service_ctn .col-sm-9{padding: 10px 0 0;}
	.service_ctn .col-sm-9 strong{font-size: 12px;}
	.socmed_sct{padding: 30px 0 50px;}
	.socmed_sct h3{font-size: 28px;}
	.socmed_sct a img{max-height: 58px;}
	.footer-up{padding: 30px 15px;}
	/*.fup-left-ctn span.maps{font-size: 18px;padding: 6px 19px 6px 9px;border: 2px solid #000;}
	.fup-left-ctn span.phone{font-size: 18px;padding: 6px 19px 6px 9px; border: 2px solid #000;}
	.fup-left-ctn span.email{font-size: 14px;padding: 8px 20px 9px 10px;border: 2px solid #000;}
	.fup-left-ctn .maps-txt{padding: 0 0 0 2px; margin-right: -40px;}
	.fup-left-ctn .phone-txt,.fup-left-ctn .email-txt{padding: 0 0 0 2px; margin-right: -40px;margin-top: 30px;}
	.fup-left-ctn .maps-txt strong,.fup-left-ctn .phone-txt strong,.fup-left-ctn .email-txt strong{font-size: 12px;}
	.fup-left-ctn .maps-txt p,.fup-left-ctn .phone-txt p,.fup-left-ctn .email-txt p{font-size: 10px;}*/
	.fup-right {padding: 20px 0 0;}
	.fup-right a img{width: 50%;}
	.about .container{width:100%; padding:0 30px;}
	.main-testimonial .testimonial-list{width:90%;}
}



@media only screen and (max-width : 768px ) {
	h1{font-size: 28px; letter-spacing:4px;}
	.titlebox img{height:68px;}
	.houserules .titlebox h1{font-size: 22px; letter-spacing:1px;}
	.main-ls .titlebox h1, .main-md .titlebox h1{padding:10px 5px; font-size: 21px; letter-spacing:2px;}
	.main-ls .titlebox img, .main-md .titlebox img{height:64px;}
	.main-ls .titlebox h1 i, .main-md .titlebox h1 i{margin:0 5px; font-size:10px !important;}
	.navbar-brand div{width:auto; margin:-5px 0 0 0; padding:0 0 1px 10px; font-size:16px;}
	.navbar{border-color: rgba(0,0,0,0.0); background-color: rgba(0,0,0,0.6);}
	.navbar-brand{padding: 15px 0 0;}
	.navbar-brand img{height:52px; width:auto;}
	.navbar-collapse{margin-top: 50px;border:unset;text-align: center;}
	.navbar-inverse .navbar-nav li a{border:none;}
	.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li.active a:hover, .navbar-inverse .navbar-nav li.active a{background-color: #c29d4f;border:none;}
	.navbar-inverse .navbar-toggle{background-color: transparent; border: none; padding: 0;margin-right: 5px;}
	.navbar-inverse .navbar-toggle:hover{background-color: transparent;}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: transparent;}
	.header{height:200px;}
	main .container{padding:0;}
	main.main-about{background-size:auto 75%; background-position:center bottom;}
	.postit{margin-top:1px; padding-right:0;}
	.postit #price{width:30px; height:49px; margin:43px 0 10px 53px; font-size:30px;}
	.slideshow{margin-top: 0;}
	.slide-caption .caption{width: 60%;}
	.about-news{background-image:none;}
	.about-news-sct{padding: 30px 0px;}
	.about_sct,.about-left,.about-right,.news_sct{padding: 0;}
	.about_ctn{padding: 10px 0 50px;}
	.cols-news{padding:10px;}
	.news-txt .group1{height:auto;}
	.roomtypes-list .col-sm-3{padding-top:15px; padding-left:15px;}
	.facilities .container li div{height:80px; padding:30px 10px; line-height:1em;}
	.facilities .container li:nth-child(2n+1){clear:left;}
	.service_ctn{text-align: center;padding: 10px 0;}
	.service_ctn img.col-sm-3,.service_ctn .col-sm-9{padding: 0;}
	.service_ctn .col-sm-9 strong{font-size: 18px;}
	.service_ctn .col-sm-9 small{font-size: 16px;}
	.socmed_sct{padding: 20px 0 200px;}
	.socmed_sct h3{font-size: 24px; padding-bottom: 10px;}
	.socmed_sct a img{max-height: 52px;}
	.postit2{margin-top:-140px;}
	.fup-left, .fup-right{text-align: center; clear:both; display:block; width:100%;}
	.fup-left .fa{float:none; clear:both; display:inline-block; margin:0 0 10px;}
	.fup-right a img{margin: 0 auto 40px; width: 32%;}
	.fup-left-ctn{float:left; width:100%; clear:both; margin:15px 0; text-align:center;}
	.fup-left-ctn .maps-txt, .fup-left-ctn .phone-txt, .fup-left-ctn .email-txt{float:none; display:block; width:100%; margin:0; padding:0;}
	.footer-up{padding: 30px 15px;}
	/*.fup-left-ctn span.maps{border: 3px solid #000; padding: 8px 16px; font-size: 24px;}
	.fup-left-ctn span.phone{border: 3px solid #000; padding: 8px 14px; font-size: 24px;}
	.fup-left-ctn span.email{border: 3px solid #000; padding: 8px 12px; font-size: 22px;}
	.fup-left-ctn span.maps,.fup-left-ctn span.phone,.fup-left-ctn span.email{margin: 0;}
	.fup-left-ctn .maps-txt strong, .fup-left-ctn .phone-txt strong, .fup-left-ctn .email-txt strong{font-size: 18px;}
	.fup-left-ctn .maps-txt p, .fup-left-ctn .phone-txt p, .fup-left-ctn .email-txt p{font-size: 14px;}*/
	.footer-bottom{padding: 10px 0 1px;}

	/* LOCATION & SURROUNDINGS */
	.ls_sct{margin: 0;}
	.tab-content h3{padding: 0;}

    /*--- PROJECT DETAIL ---*/
	.title-project{text-align:center;}
    .pd_ctn{padding: 40px 0 50px; background-repeat: repeat-y; background-position: top;}
	.thumbnails-image{text-align:center;}
	.thumbnails-image ul{text-align:center;}
    .pd_content:last-child{padding:30px 30px 0; text-align:justify; font-size:17px; line-height:1.75em;}

	/* GALLERY */
	.gallery_img{padding: 0 0 10px;}

	/* CONTACT */
	.contact_ctn{padding: 0;}
	.contact h2{font-size:22px;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	h1{padding:10px 5px; font-size: 20px; letter-spacing:3px;}
	.titlebox img{height:60px;}
	.houserules .titlebox h1{font-size: 14px; letter-spacing:1px;}
	.main-ls .titlebox h1{font-size: 16px; letter-spacing:1px;}
	.main-ls .titlebox img{height:56px;}
	.main-ls .titlebox h1 i{margin:0 3px; font-size:8px !important;}
	.navbar-brand div{font-size:12px;}
	ul.nav.navbar-nav.navbar-right li a{font-size: 12px;padding: 4px 5px;}
	.slide-caption .caption{width: 70%;}
	.slide-caption .caption h3{font-size: 16px;}
	.postit{width:90px; height:110px; right:0;}
	.postit #price{width:24px; height:40px; margin:30px 0 12px 46px; font-size:30px;}
	.postit a img{height:24px;}
	.service_ctn .col-sm-9 strong{font-size: 16px;}
	.service_ctn .col-sm-9 small{font-size: 14px;}
	.fup-right a img{width: 40%;}
	.about .container{padding:0;}
	ul.nav.nav-tabs{padding-top: 0;}
	.contact h2{font-size:18px;}
}


@media only screen and (max-width : 320px) {
	h1{font-size: 22px; letter-spacing:1px;}
	.titlebox img{display:none;}
	h1 i{margin:0 5px; font-size:8px !important;}
	.slide-caption .caption{width: 85%;}
	.slide-caption .caption h3{font-size: 14px;}
	.about_sct span{font-size: 16px;}
	.about_sct strong{font-size: 20px;}
	.about_sct small{font-size: 13px;}
	.about_ctn p{font-size: 12px;}
	.news-txt strong{font-size: 14px;}
	.service_ctn .col-sm-9 strong{font-size: 14px;}
	.service_ctn .col-sm-9 small{font-size: 12px;}
	.socmed_sct{padding: 10px 0 20px;}
	.socmed_sct h3{font-size: 20px;}
	.socmed_sct a img{max-height: 46px;}
	/*.fup-left-ctn .maps-txt strong, .fup-left-ctn .phone-txt strong, .fup-left-ctn .email-txt strong{font-size: 14px;}*/
	.fup-left-ctn .maps-txt p, .fup-left-ctn .phone-txt p, .fup-left-ctn .email-txt p{font-size: 12px;}
	.fup-right a img{width: 60%;}
	.footer-bottom strong{font-size: 12px;}
	.footer-bottom p{font-size: 10px;}
	.tab-content{padding: 10px;}
	.tab-content h3{font-size: 20px;}
	.ls_ctn strong{font-size: 14px;}
	.ls_ctn p{font-size: 12px;}
	main.main-contact{padding-bottom: 30px;}
	.direction p{font-size: 12px;}
	.direction strong{font-size: 16px;}
}