/*CSS*/

/*

Theme Name: Suriwathi Hotel

Theme URI: http://alamaya.com/

Author: the Alamaya team

Author URI: http://alamaya.com/

Description: The theme for Suriwathi Hotel

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: 

Text Domain: Suriwathi Hotel



This theme, like WordPress, is licensed under the GPL.

*/

*{

	font-family: 'Raleway', sans-serif !important;

}

body{

	font-family: 'Raleway', sans-serif !important; font-size: 13px !important; color: #4b4a4a; background: #f0f0f0 !important;

}

.container {

	max-width: 980px; margin:0px auto; 

}

.clear {

	clear:both;

}

/*Header*/

.black-line{

	height: 20px !important; background: #000 !important;

}

.logo{

	z-index: 99999; padding-right: 0px;

}

.navmenubar{

	padding-left: 10px !important; 

}

.menu{ 

	max-width: 980px;

}

.navbar-default{

	background-color: #f0f0f0; border:none !important; z-index: 9999; margin: 0 auto;

}

.navbar{ 

	min-height: 54px; border-radius: 0px !important; border-color: none; font-family: 'Raleway', sans-serif; margin-top: -20px;

}



.navbar-nav {

	float: none; margin: 0 auto; display: table; table-layout: auto;

}

.test{

	float: right !important;

}

.navbar-nav.test li:last-child {

 	margin-right: 0px;

}

.test2{

	padding: 0 !important;

}

.test3{

	padding-right: 0 !important;margin-right: -1px;

}

/*Ukuran hover menu*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{

	background: #ff8e01 !important; color: #fff !important;

}

.navbar-nav ul {

	list-style:none;

}

.navbar-nav ul li {

	display:inline;

}

.navbar-nav>li>.dropdown-menu {

  margin-top: -1px;

}

/*Ukuran Teks, warna teks*/

.navbar-default .navbar-nav > li > a {

	padding: 20px; color: #FFF; font-size: 13px; color: #000 !important;

}

.navbar-default .navbar-nav>li>a:hover {

	background: #ff8e01 !important; color: #fff !important;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

	text-decoration: none !important;

}

.nav a {

	text-decoration:none;

}

.nav a:hover {

	background: #ff8e01; color: #fff; text-decoration: none !important;

}

.clear {

	clear:both;

}

.navbar-nav .open >a:focus {

	background-color: #211308; border-color: #428bca;

}

.navbar-nav>li>a:focus {

	color: #FFF;

}

.navbar-nav>li {

	text-align: center;

}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

	background-color: #211308; border-color: #428bca;

}

.navbar-nav>li {

	-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;

}

.navbar-nav>li:hover {

	-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;

}

.navbar-default .navbar-brand {

	color: #FFF;

}

.navbar-default .navbar-toggle .icon-bar {

	background: #FFF;

}

.navbar-default .navbar-toggle:hover {

	background: #ff8e01 !important; text-align:left;

}

.navbar-default .navbar-toggle {

	border-color: none !important; background: #ff8e01 !important;

}

.dropdown-menu {

	display: none; float: left; min-width: 180px; padding: 0px 0; margin: 2px 0 0; text-align: left; background-color: #F0F0F0 !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);

}

.dropdown-menu>li>a:hover {

  color: #fff !important;

  text-decoration: none;

  background: #ff8e01 !important;

 }

.navbar-default .navbar-nav .open .dropdown-menu>li>a {

	color: #000;

	padding: 10px 20px;

}



/*Menu Mobile*/

.header-resp{

	height: 40px;

	margin-top: -20px;

	background: #000;

}

.header-resp a{

	background: center center no-repeat transparent;

	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );



	display: block;

	width: 40px;

	height: 40px;

	position: absolute;

	top: 0;

	left: 10px;

}

.mm-menu > .mm-panel {

	background: #000 !important;

	color: #FFF !important;

}

.mm-listview > li {

	position: relative !important;

	border-bottom: 1px solid #FFF !important;

}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {

	background: rgba(245, 243, 239, 0.34) !important;

}

.mm-listview>li>a:hover{

	background: #FF8E01 !important;

}

.mm-listview .mm-next {

	background: #FF8E01 !important;

}

.mm-header .mm-btn:first-child {

	background: #FF8E01 !important;

}

.mm-header .mm-title {

	color: #FFF !important;

}

/*End*/

/*End Of Header*/



/*Section*/

.banner-company{

	margin-top: -107px !important;

}

.banner-company img{

	width: 100%;

}

 .glyphicon {

	font-family: 'Glyphicons Halflings' !important;

}

.carousel-fade .carousel-inner .item {

  opacity: .8;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

  opacity: 1 !important;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}

.carousel-fade .carousel-control {

  z-index: 2;

}

.carousel, .item, .active{ 

	height:auto; 

}

.carousel-inner{ 

	width: auto; height:auto; z-index:0; 

}

.carousel{ 

	width: 100%; 

	height: auto !important; /*position:absolute !important;*/ float: left;

}

.carousel-caption {

	width: 100%; background: rgba(0, 0, 0, 0.78); min-height: 1px; right: 0px !important; bottom: 0px !important; left: 0px !important; padding: 10px !important; text-align: center;

}

.carousel-captiona {

	display:none;

	position: absolute;

	min-height: 1px;

	right: 15%;

	width: 790px;

	background: rgba(0, 0, 0, 0.75);

	height: 60px;

	z-index: 10;

	margin-top: -285px;

	margin-right: 95px;

	padding: 10px;

	color: #fff;

	padding: 15px;

	font-style: italic;

	font-size: 20px;

}

.carousel-control.left { 

	background-image: none; 

}

.carousel-control.right{ 

	background-image: none; 

}

.container.black{

    padding-left: 15px !important; padding-right: 15px !important;

}

.black-form{

	background: rgba(0, 0, 0, 0.70); min-height: 85px; margin-top: -63px; padding-top: 10px; padding-bottom: 15px; z-index: 9999;

}

.datepiker{

	max-width: 130px; float: left; margin-right: 15px;

}

.combox{

	max-width: 100px; float: left; margin-right: 15px;

}

.rapi-form{

	height: 30px !important; width: 60px !important; border-radius: 3px; color: #000;

}

.reservasion-text{

	display: none;

}

.btn-submitx{

	float: left; /*width: 182px; */background: #ff8e01 !important; color: #FFF !important; border: 0px !important; border-radius: 4px;

}

.hr-line-title{

	padding: 20px;

}

.hr-line{

	width:100%; height: 2px; background:#d8d8d8;

}

.content-middle{

	padding:20px 0px; min-height: 1px;

}

.title-detail {

	margin-top: -15px; padding-left: 0px;

}

h3{

	font-size: 18px;

}

.title-detail-right{

	float:right; padding-right: 0px; text-align: right;

}

.title-detail.icon-gambar {

  padding: 10px 0px;

}

.title-detail-gambar{

  float: right; padding: 35px 0px; text-align: right;

}

.breadcrumb {

	padding: 0; list-style: none; float: right; background: transparent !important; border-radius: 0px !important;

}

.line-hr{

	height: 1px !important; background: #c4c4c4 !important; margin-top: 5px; margin-bottom: 15px !important;

}

.line-image{

	height: 1px !important; background: #c4c4c4 !important; margin-bottom: 15px !important;

}

.title-room{

	padding:10px 0; font-size: 20px;

}

li.inclu{

  	line-height: 25px; margin-left: -15px;

}

.flexslider.flexslider-hidden.banner-companyx {

  margin-top: -107px !important; float: left;

}

.flexslider {

	margin: 0 0 5px !important;

	background: none !important; 

	border: none !important; 

	position: relative;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

.flexslider-hidden .flex-control-thumbs {

	display: none;

}

.flex-control-thumbs li {

    width: 33% !important;

	float: left !important;

	padding-right: 10px;

	padding-top: 10px;

}

.flex-control-nav{

	display: none;

}

.flex-direction-nav .flex-prev {

  left: 0px !important; top: 50% !important;

}

.flex-direction-nav .flex-next {

  right: 0px !important; text-align: right; top: 50% !important;

}

.li-jarak{

	margin-right: 10px !important;

}

.caption {

  text-align: center; padding: 5px; color: #FFF; z-index: 9999999999; background: rgba(0, 0, 0, 0.7) !important; height: 30px; bottom: 0; width: 100%;

}

.no-left{

	padding-left: 0px;

}

.no-right{

    padding-left: 0px; padding-right: -1px;

}

.facil{

	margin-top: -23px;

}

ul.facil{

	margin-left:0;padding-left:0;

}

ul.facil li{

	display:inline;

}

.price{

	float: left;

}

.btn-booking{

	background:#ff8e01 !important; color:#000 !important; font-size: 19px;

}

.short-desk{

	padding: 10px 0;

}

.mainContent{

	text-align: justify;

	line-height: 1.7em;

}

.slider-gallery{

	padding-top: 10px 0px;

}

.gall-tengah{

	padding: 10px 0px;

}

.come-address{

	margin-top:20px !important; margin-bottom:20px !important; padding:0px; font-size: 18px;

}

.form-contact{

	padding-left: 0px; padding-right: 0px;

}

.space-form{

	padding-bottom: 15px;

}

.btn-contact{

	width: 120px; background: #FF8E01 !important; color: #fff !important;

}

.deskripsi{

	padding: 20px 0px; text-align: justify; line-height: 1.7em;

}

.desk-rsv{

	padding-bottom: 20px; font-size: 22px;

}

.limit{

	width: 50%;

}

.line-hr-space{

	height: 1px; background: #c4c4c4;  margin-top: 15px; margin-bottom: 15px;

}

.quick-menu{

	background-color:#d8d8d8; padding:20px 0px; min-height: 1px;

}

.icon-title{

	float:left; margin-right:15px;

}

.title-quick{

	float:left; margin-right:15px; padding-top:10px; font-size: 18px;

}

.galery-quick{

	padding:20px 0px;

}

.link-quick{ color: #333; text-decoration: none !important; width: 100%; float:left !important; }

a:hover, a:focus .link-quick{ color: #333; text-decoration: none;

}

p.teks-left{ float: left; margin: 10px 0px;}

.quick-link img{ width: 100% !important;}

.new img { margin-top: -420px; padding-left: 384px; }

p.text-price {

	margin-top: -57px;

	padding-bottom: 0px;

	padding-left: 10px;

	font-size: 30px;

	color: #FF8E01;

	font-weight: bold;

	font-family: 'Open Sans', sans-serif !important;

}

sup.sup-teks{

	font-size: 16px;

}

.up{

	margin-top: -20px;

}

.villas-ulx{

	margin-bottom: 70px;

}

.thank-you.has-success {

	background: #FFF; color: #3C763D; border: 1px solid #3C763D; border-radius: 2px; font-size: 30px; text-align: center;

}

iframe.mapsx{

	border: none;

}

.padd-captcha{

	margin-bottom: 10px;

}

.fancybox-overlay.fancybox-overlay-fixed { z-index: 999999; }

/*End Of Section*/



/*Footer*/

.footer{

	background: #282828 !important; 

	min-height: 1px; 

	color: #FFF !important;

}

.address-company{

	padding-top: 10px; margin-bottom: 20px;

}

.email-news{

	width: 250px !important;

}

.btn-submit-news{

	width:90px; background: #ff8e01 !important; color: #FFF !important; border: 0px !important; border-radius: 2px;

}

.carousel-indicators {

  bottom: -20px !important;

}

.testimonial{

	/*min-height: 405px !important;*/ min-height: 1px;

}

.talk{

	float:left; margin-right:20px;

}

.testimonial-isi{

	text-align: justify; padding-left: 70px;

}

.hr-line-footer{

	padding: 15px 0;

}

.hr-footer{

	height: 2px; background:#464646;

}

.txtOrange{

	color: #ff8e01;

}

.txtIcon{

	margin-right: 5px;

}

.copy{

	padding-right: 0px !important; padding-left: 0px !important; padding-top: 15px; padding-bottom: 15px;

}

.sosmed{

	padding-right: 0px !important; padding-left: 0px !important; padding-top: 7px; padding-bottom: 10px; text-align: right !important;

}

/*End Of Footer*/



/*Gallery*/

#itemsx {

	display: inline-block;

	padding-left: 0px;

	list-style: none;

}

#itemsx>li{

	padding: 10px;

}

#pagination {

	margin: 0px 7px;

	float: right;

	display: inline-block;

	padding-left: 0;

	margin: 20px 0;

	border-radius: 4px;

	text-align: right;

}

#pagination>li{

	background-color: #ff8e01;

	border: 1px solid #f68900;

	color: #fff;

	display: inline;

	padding: 8px 16px;

}

#pagination>li:first-child{

	border-top-left-radius: 4px;

	border-bottom-left-radius: 4px;

}

#pagination>li:last-child{

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

}

#pagination>li:hover,

#pagination>li.current{

	background-color: #000;

	border: 1px solid #000;

	color: #fff;

	cursor: pointer;

}

.title-reservation {margin-bottom: 25px;}

.no-padding{padding: 0;}

.custom-datepicker{float: inherit;margin-right: inherit;max-width: 100%;width: 100%;}

.full{width: 100%;}



/*Responsive*/

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

	.navmenubar {

	  padding-left: 13px !important;

	}

	.carousel-captiona {

		position: absolute;

		min-height: 1px;

		right: 15%;

		width: 745px;

		background: rgba(0, 0, 0, 0.75);

		height: 58px;

		z-index: 10;

		margin-top: -345px;

		margin-right: -18px;

		padding: 10px;

		color: #fff;

		padding: 15px;

		font-style: italic;

		font-size: 19px;

	}

}

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

	*{

		font-family: 'Raleway', sans-serif !important;

		font-size: 14px;

	}

	/*HEADER*/

	.col-md-3.logo {

		z-index: 99999; padding-right: 0px; padding-left: 0px; text-align: center;

	}

	.col-md-9.navmenubar {

		margin-top: 20px; padding-left: 10px; padding-right: 10px; display: block !important; z-index: 9999 !important;

	}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

		margin-right: 0px !important; margin-left: 0px !important;

	} 

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

		background: #ff8e01 !important; color: #fff !important; width: 100%;

	}

	.navbar-default .navbar-nav > li > a {

		color: #777;

		width: 100%;

	}

	.test{

		float: none !important;

		background: #FFF;

	}

	.navbar-default .navbar-nav>li>a:hover {

		background: #ff8e01 !important; color: #fff !important;

	}

	/*End Of Header*/

	/*SECTION*/

	h3{

		text-align: left;

	}

	.content-middle {

		padding: 20px 15px !important; min-height: 1px;

	}

	.banner-company {

		margin-top: -105px !important;

	}

	.carousel-captiona{

		  margin-top: -320px; margin-right: -13px; width: 550px; height: 52px; font-size: 14px;

	}

	.black-form {

		height: 70px; margin-top: -63px; padding: 20px;

	}

	.datepiker {

	  	max-width: 125px;

	}

	.btn-submitx {

		float: none; 

		width:124px;

	}

	.col-md-6.title-detail{

		float: left;

	}

	.title-detail.icon-gambar {

		float: left;

		padding-left: 0px;

	}

	.title-detail-gambar {

		float: right;

		padding: 40px 0;

	}

	.no-left{

		padding-right: 0px;

	}

	.no-right {

		padding-left: 15px; padding-right: 15px;

	}

	.link-quick img{

		width: 100%;

	}

	.price{

		padding: 0px;

		float: none;

		text-align: center;

	}

	p.text-price {

		padding-left: 0px;

		padding-right: 10px;

	}

	.jarak{

		margin-bottom: 15px;

	}

	.new img {

		margin-top: -200px; padding-left: 144px; width: 100%;

	}

	/*End Of Section*/

	/*Footer*/

	.email-news {

		width: 500px !important;

	}

	.btn-submit-news {

  		width: 216px;

  	}

	.copy{

	  	padding-top: 7px; margin: 8px 0px; padding-bottom: 0px; width: 50%; float: left;

	}

	.sosmed{

		padding-top: 7px; padding-bottom: 10px; text-align: right !important; width: 50%; float: right;

	}

	/*End Of Footer*/

}

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

	*{

		font-family: 'Raleway', sans-serif !important;

		font-size: 14px;

	}

	/*HEADER*/

	.col-md-3.logo {

		margin-top: -10px; margin-left: 0px; margin-right: 0px; text-align: center !important; padding-left: 0px; padding-right: 0px;

	}

	.col-md-9.navmenubar {

		margin-top: 20px; padding-left: 10px; padding-right: 10px; display: block !important; z-index: 9999 !important;

	}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

		margin-right: 0px !important; margin-left: 0px !important;

	} 

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

		background: #ff8e01 !important; color: #fff !important; width: 100%;

	}

	.navbar-default .navbar-nav > li > a {

		color: #777;

		width: 100%;

	}

	.test{

		float: left !important;

		width: 100%;

	}

	/*End Of Header*/

	/*SECTION*/

	h3{

		text-align: center;

	}

	.content-middle {

		padding: 20px 15px !important;

		min-height: 1px !;

	}

	.banner-company {

		margin-top: 0px !important;

	}

	.carousel-captiona{

		  margin-top: -285px; margin-right: -13px; width: 550px; height: 52px; font-size: 14px;

	}

	.black-form {

		height: 70px;

		margin-top: -63px;

		padding: 20px;

	}

	.btn-submitx {

		float: none; 

		width: 150px;

	}

	.col-md-6.title-detail{

		float: left;

	}

	.no-left{

		padding-right: 0px;

	}

	.no-right {

		padding-left: 15px; padding-right: 15px;

	}

	.title-room{

		font-size: 20px !important; 

		text-align: center;

	}

	.img-room img{

		width: 100%;

	}

	.price{

		padding: 0px;

		float: none;

		text-align: center;

	}

	p.text-price {

		padding-left: 0px;

		padding-right: 10px;

	}

	.link-quick img{

		width: 100%;

	}

	.list-gallery{

		padding: 10px 0px;

	}

	.list-gallery img{

		width: 100%;

	}

	.galery-quick {

		text-align: center !important;

	}

	.galery-quick img {

		width: 100%;

	}

	.menu-tiga{

		padding: 10px 15px !important;

	}

	.new img {

		margin-top: -680px;

		padding-left: 661px;

	}

	/*End Of Section*/

	/*Footer*/

	.email-news {

		width: 100% !important;

	}

	.btn-submit-news {

  		width: 130px;

  	}

	.copy{

	  	padding-top: 7px; margin: 8px 0px; padding-bottom: 0px; width: 50%; float: left;

	}

	.sosmed{

		padding-top: 7px; padding-bottom: 10px; text-align: right !important; width: 50%; float: right;

	}

	/*End Of Footer*/

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

	*{

		font-family: 'Raleway', sans-serif !important;

		font-size: 14px;

	}

	/*HEADER*/

	.col-md-3.logo {

		margin-top: -10px; margin-left: 0px; margin-right: 0px; text-align: center !important; padding-left: 0px; padding-right: 0px;

	}

	.col-md-9.navmenubar {

		margin-top: 20px; padding-left: 10px; padding-right: 10px; display: block !important; z-index: 9999 !important;

	}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

		margin-right: 0px !important;

		margin-left: 0px !important;

	} 

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

		background: #ff8e01 !important;

		color: #fff !important;

		width: 100%;

	}

	.navbar-default .navbar-toggle {

	  border-color: #9E9999;

	  margin-left: 25px;

	  float: left;

	}

	.navbar-default .navbar-nav > li > a {

		color: #777;

		width: 100%;

	}

	.test{

		float: left !important;

		width: 100%;

	}

	/*END*/



	/*SECTION*/

	.content-middle {

		padding: 20px 15px !important;

		min-height: 1px !;

	}

	.banner-company {

		margin-top: 0px;

	}

	.carousel-captiona{

		margin-top: -285px; margin-right: -40px; width: 550px; height: 52px; font-size: 14px;

	}

	.black-form{

		height: 120px;

	}

	.datepiker {

	  	max-width: 125px;

	}

	.btn-submitx {

		float: none; 

		width:124px;

	}

	.combox{

		max-width:105px; margin-right: 11px !important;

	}

	.gae-btn {

		float: none !important; text-align: center !important;

	}

	.btn-submitx {

		float: none; margin: 20px 0px; width: 50%;

	}

	.title-detail {

		margin-top: -15px;

		padding-left: 0px;

		float: left;

	}

	.title-detail.icon-gambar {

		padding: 10px 0px;

	}

	.title-detail-gambar {

		float: right;

		padding: 40px 0px;

	}

	h3{

		text-align: center;

	}

	.title-room{

		text-align: center;

	}

	.no-left{

		padding-right: 0px;

	}

	.price{

		float: none;

		text-align: center;

	}

	p.text-price {

		padding-left: 0px;

	}

	.link-quick img{

		width: 100%;

	}

	.no-right {

		padding-left: 15px; padding-right: 15px;

	}

	.list-gallery{

		padding: 10px 0px;

	}

	.list-gallery img{

		width: 100%;

	}

	.jarak{

		margin-bottom: 15px;

	}

	.galery-quick {

		text-align: center !important;

	}

	.galery-quick img {

		width: 100%;

	}

	.menu-tiga{

		padding: 10px 15px !important;

	}

	.new img {

	margin-top: -588px; padding-left: 561px;

	}

	/*END*/



	/*FOOTER*/

	.email-news {

		width: 100% !important;

	}

	.copy{

	  	padding-top: 7px; margin: 8px 0px; padding-bottom: 0px; width: 50%; float: left;

	}

	.sosmed{

		padding-top: 7px; padding-bottom: 10px; text-align: right !important; width: 50%; float: right;

	}

	/*END*/

}

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

	*{

		font-family: 'Raleway', sans-serif !important;

		font-size: 14px;

	}

	/*Header*/

	.col-md-3.logo {

		margin-top: -10px; margin-left: 10px; margin-right: 10px; padding-left: 0px; padding-right: 0px; text-align: center 

	}

	.col-md-9.navmenubar {

		margin-top: 20px; padding-left:0px !important; padding-right: 0px !important; width: 100%;

	}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

		margin-right: 0px !important;

		margin-left: 0px !important;

	} 

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

		background: #ff8e01 !important;

		color: #fff !important;

		width: 100%;

	}

	.navbar-default .navbar-toggle {

	  border-color: #9E9999; margin-left: 25px; float: left;

	}

	.navbar-default .navbar-nav > li > a {

		color: #777; width: 100%;

	}

	.test{

		float: left !important; width: 100%;

	}

	.carousel-captiona {

		display: none;

	}	

	/*End*/



	/*Section*/

	.content-middle {

		padding: 20px 15px !important;

		min-height: 1px;

	}

	.banner-company {

		margin-top: 0px;

	}

	.black-form{

		height: 120px;

	}

	.datepiker{

		display: none;

	}

	.combox{

		display: none;

	}

	.reservasion-text{

		display: block;

		color: #FFF;

		font-size: 30px;

		text-align: center;

	}

	.gae-btn {

		float: none !important; text-align: center !important;

	}

	.btn-submitx {

		float: none; margin: 20px 0px; width: 50%;

	}

	.line-image{

		margin-top: -18px;

	}

	h3{

		text-align: center;

	}

	.title-detail{

		text-align: center !important; padding-right: 0px; float: none !important;

	} 

	.title-detail-gambar {

		float: none; 

	   	padding: 0px;

	}

	.title-detail-right {

   		float: none !important;

  	} 

	.breadcrumb {

		float: none;

		text-align: center;

	}

	.no-left{

		padding-right: 0px; padding-left: 0px;

	}

	.no-right {

		padding-left: 15px; padding-right: 15px;

	}

	.title-room{

		font-size: 20px !important; 

		text-align: center;

	}

	.img-room img{

		width: 100%;

	}

	.price{

		padding: 0px; text-align: center; float: none;

	}

	.link-quick img{

		width: 100%;

	}

	p.text-price {

		margin-top: -57px;

		padding-left: 0px;

		padding-right: 8px;

	}

	.list-gallery{

		padding: 10px 0px;

	}

	.list-gallery img{

		width: 100%;

	}

	.jarak{

		margin-bottom: 10px;

	}

	.galery-quick {

		text-align: center !important;

	}

	.galery-quick img {

		width: 100%;

	}

	.new img {

		margin-top: -496px !important;

		padding-left: 462px !important;

	}

	.menu-tiga{

		padding: 10px 15px !important;

	}

	.limit{

		width: 100%;

	}

	/*End*/



	/*Footer*/

	.address-company{

		text-align: justify;

	}

	.email-news {

		width: 100% !important;

	}

	.copy{

		text-align: center; padding: 0px !important; width: 100%;

	}

	.sosmed{ 

		padding: 15px !important; text-align: center !important; width: 100%;

	}

	/*End*/

}

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

	*{

		font-family: 'Raleway', sans-serif !important;

		font-size: 14px;

	}

	/*Header*/

	.col-md-3.logo {

 	 	margin-top: -10px;

		padding-left: 10px;

		padding-right: 10px;

		text-align: center !important;

	}

	.col-md-9.navmenubar {

		margin-top: 20px;  padding-left:0px !important; padding-right: 0px !important; width: 100%;

	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

		background: #ff8e01 !important; color: #fff !important; width: 100%;

	}

	.navbar-default .navbar-toggle {

	  border-color: #9E9999; margin-left: 25px; float: left; 

	}

	.navbar-default .navbar-nav > li > a {

		color: #777;

		width: 100%;

	}

	.test{

		float: left !important;

		width: 100%;

	}

	.carousel-captiona {

		display: none;

	}	

	/*End*/



	/*Section*/

        .flexslider.flexslider-hidden.banner-companyx { margin-top: 0px !important; float: left;}

	.carousel-inner.banner-company {

		margin-top: 0px;

	}

	.black-form{

		height: auto;

		margin-top: none !important;

		padding: none !important;

	}
	.logo img{
		position: relative !important; 
	}

	.datepiker{

		display: none;

	}

	.combox{

		display: none;

	}

	.reservasion-text{

		display: block; color: #FFF; font-size: 30px; text-align: center;

	}

	.gae-btn {

		float: none !important; text-align: center; padding: 0px;

	}

	.title-detail{

		text-align: center !important; padding-left: 0px; padding-right: 0px; float: none !important;

	}

	.title-detail-gambar {

		float: none; padding: 0px;

	}

	.title-detail-right {

   		float: none !important; padding-left: 0px; text-align:center;

  	} 

	.breadcrumb {

		float: none;

		text-align: center;

	}

	.line-image{

		margin-top: -18px;

	}

	.mainContent{

		padding: 0px;

	}

	.title-room{

		font-size: 22px !important; 

		text-align: center;

	}

	.img-room img{

		width: 100%;

	}

	.no-left{

		padding-right: 0px; padding-left: 0px;

	}

	.no-right {padding-left: 15px; padding-right: 15px; }

	.link-quick img{ width: 100%; }

	.include{ margin-top: 10px; }

	.price{ padding: 0px; text-align: center; float: none; 	}

	p.text-price { margin-top: -57px; padding-left: 0px; padding-right: 10px; }

	.galery-quick {

		text-align: center !important;

	}

	.galery-quick img {

		width: 100%;

	}

	.new img {

		  margin-top: -400px !important;

  		padding-left: 357px !important;

	}

	.jarak{

		margin-bottom: 15px !important;

	}

	.list-gallery img{

		width: 100%;

	}

	/*End*/

	/*Footer*/

	.address-company{

		text-align: justify;

	}

	.email-news {

		width: 100% !important;

	}

	.copy{

		text-align: center; padding: 0px; width: 100%;

	}

	.sosmed{

		text-align: center !important; padding:15px; width: 100%;

	}

	/*End*/

}

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

	.title-detail {

  		padding-right: 0px; float: none !important;

	}	

	.new img {

		margin-top: -354px !important;

		padding-left: 308px !important;

	}

	.carousel{
		float: none;
	}

}

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

	.title-detail {

  		padding-right: 0px; float: none !important;

	}	

	.new img {

		margin-top: -317px !important;

		padding-left: 269px !important;

	}


}

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



	*{

		font-family: 'Raleway', sans-serif !important;

		font-size: 13px;

	}

	/*Header*/

	.col-md-3.logo {

		margin-top: -10px; margin-left: 25px; margin-right: 25px; padding-left: 0px; padding-right: 0px; 

	}

	.col-md-9.navmenubar {

		margin-top: 20px; padding-left:0px !important; padding-right: 0px !important; background: #FFF; width: 100%;

	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

		background: #ff8e01 !important;

		color: #fff !important;

		width: 100%;

	}

	.navbar-default .navbar-toggle {

	  border-color: #000;

	  margin-left: 15px;

	  float: left;

	}

	.navbar-default .navbar-nav > li > a {

		color: #777;

		width: 100%;

	}

	.test{

		float: left !important;

		width: 100%;

	}

	.carousel-captiona {

		display: none;

	}	

	.container.content-middle{

		padding: 0px 15px;

	}

	/*End*/



	/*Section*/

	.carousel-inner.banner-company {

		margin-top: 0px;

	}

	.black-form{

		height: 120px; margin-top: -22px !important; padding: 15px;

	}

	.btn-submitx {

		float: left; background: #ff8e01 !important; color: #FFF !important; border: 0px !important; width: 100%;

	}

	.gae-btn {

		float: none !important; text-align: center !important; padding: 0px !important; margin-top: -10px;

	}

	.title-detail{

		text-align: center !important; padding: 15px !important; float: none !important;

	}

	.title-detail-right {

   		float: none !important; padding: 0px;

  	} 

	.title-detail.icon-gambar {

		text-align: center;

		padding: 10px 15px !important;

	}

	.title-detail-gambar {

		float: none; 

	   	padding-bottom: 10px;

	}

	.breadcrumb {

		float: none;

		text-align: center;

	}

	h3{

		font-size: 20px; text-align: center !important;

	}

	.line-image{

		margin-top: -18px;

	}

	

	li.inclu{

		line-height: 25px;

		margin-left: -15px;

	}

	.img-room img {

  		padding: 0px 0px !important;

	}

	.includes {

		padding-right: 0px !important; padding-left: 5px !important;

	}

	p.text-price {

		margin-top: -55px; padding-left: 0px; padding-right: 0px; 

	}

	.no-left{

		padding-right: 0px;

		padding-left: 0px;

	}

	.no-right {

		padding-left: 15px; padding-right: 15px;

	}

	.deskripsi {

		padding: 10px 0px; text-align: justify; line-height: 1.7em; 

	}

	.form-contact{

		margin-bottom: 20px;

	}

	.list-gallery{

		padding: 10px 0px !important;

	}

	.title-quick{

		text-align: center;

	}

	.galery-quick {

		padding: 10px 0px !important;

	}

	.new img {

		margin-top: -242px !important; padding-left: 214px !important;

	}

	.menu-tiga{

		padding: 10px 15px !important;

	}

	/*End



	/*Footer*/

	.email-news {

		width: 100%;

	}

	.copy{ 

		padding: 0px !important; width: 100%;

	}

	.sosmed{ 

		padding: 15px !important; text-align: center !important; width: 100%;

	}

	/*End*/

}