@media (min-width:1024px) {
.stxt {
font-size:22px;
}
}
@media (min-width:768px) {
.boxed .navbar {
max-width:1170px
}
.boxed .navbar .container {
margin:0
}
}
@media (min-width:992px) and (max-width:1199px) {
.room-thumb {
font-size:12px
}
.room-thumb, .room-thumb .mask {
width:100%;
height:224px
}
.room-thumb .main h5 {
padding:0 10px
}
.room-thumb .main .price {
padding:10px;
font-size:12px;
border-right:none
}
.room-thumb .main, .room-thumb .main .price {
height:35px
}
.room-thumb .mask {
background-color:#fff;
-webkit-transform:translateY(188px);
-moz-transform:translateY(188px);
-o-transform:translateY(188px);
-ms-transform:translateY(188px);
transform:translateY(188px)
}
.room-thumb .content {
padding:10px
}
.room-thumb .main .price span {
display:none
}
.room-thumb .content .btn {
margin-top:0
}
.room-thumb .btn-lg {
padding:6px 16px;
font-size:14px
}
#reservation-form .price h4 {
width:100%
}
}
@media (min-width:768px) and (max-width:991px) {
#reservation-form .form-inline .fa.infield, .room-thumb .main .price span, .room-thumb .mask p {
display:none
}
.navbar-nav>li>a {
padding-left:10px;
padding-right:10px
}
.navbar.shrink #logo, header #logo {
padding-right:30px;
padding-top:16px
}
.navbar-nav>li:first-child {
padding-left:20px
}
#reservation-form .reservation-horizontal {
padding:25px;
font-size:12px
}
#reservation-form .reservation-horizontal .col-sm-1, #reservation-form .reservation-horizontal .col-sm-2, #reservation-form .reservation-horizontal .col-sm-3 {
padding-right:5px
}
#reservation-form .col-sm-2 button {
margin-top:22px
}
.room-thumb, .room-thumb .mask {
width:100%;
height:191px
}
.room-thumb .main h5 {
padding:0 10px;
font-size:12px
}
.room-thumb .main .price {
padding:10px;
font-size:12px;
border-right:none
}
.room-thumb .main, .room-thumb .main .price {
height:35px
}
.room-thumb .mask {
background-color:#fff;
-webkit-transform:translateY(141px);
-moz-transform:translateY(141px);
-o-transform:translateY(141px);
-ms-transform:translateY(141px);
transform:translateY(141px);
margin-top:-63px
}
.room-thumb .content {
padding:10px;
font-size:10px
}
.room-thumb .content .btn {
margin-top:0
}
.room-thumb .btn-lg {
padding:6px 16px;
font-size:14px
}
.parallax-effect #parallax-image, .parallax-effect #parallax-pagetitle {
background-position:0 0!important;
margin-top:0
}
.gallery-pd {
top:100px!important
}
}
@media (max-width:767px) {
.m-none{display:none !important;}
.mb--60{margin-bottom:-50px;}
.host-img{width:200px;}
.breadcrumb {
	font-size:16px;
	text-align:center;
}
.tabs [class^="tab"] label,
  .tabs [class*=" tab"] label {
    color: #8B7646;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0;
    text-align: center; }
div.pp_overlay {
	background:none;
	display:none;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:9998
}
div.pp_pic_holder {
	display:none !important;
	position:absolute;
	width:100px;
	z-index:9999
}
.gallery a i, .gallery-slider a i {
	display:none;
}
footer {
	color:#FFF;
	background-color:#8B7646 !important;
	background-image:none;
	font-size:14px;
	padding:30px 0 0 0;
	margin-top:2px !important;
	font-family:"Open Sans";
}
footer h2 {
	color:#fff;
	margin-top:40px;
	margin-bottom:20px;
}
.btn-view-more{
	background-color:transparent;
	width:100%;
	color:#8B7646 !important;
	padding:10px 20px;
	margin-left:0;
	margin-top:10px;
	border:1px solid #8B7646;}
.btn-view-more:hover{
	background-color:#8B7646;
	color:#fff !important;
	padding:10px 20px;
	margin-left:0;
	margin-top:10px;
	border:1px solid #8B7646;}
.desktop-slider{display:none !important;;}
.mobile-slider{display:block !important;;}
.mt50-m{
	margin-top:50px !important;}
.mt30-m{
	margin-top:30px !important;}
.pull-left-h{
	text-align:center;
	float:none;}
.th-mobile{display:block;}
.th-desktop{display:none;}
.mobile-text{
	text-align:justify;}
.mobile-center{
	text-align:center;}
h1.text-center {
margin-top: 45px;
}
.booknow {
padding: 20px 0;
}
.callnow {
    position:fixed;
    bottom:0; 
    z-index:1000; 
    right:0px; 
    display:block}
.whatsapps{
    position:fixed; 
    bottom:50px;
    z-index:1000;
	right:0;
    display:block;
}
.mb40 {
	margin-bottom:0px
}
.stxt {
font-size: 16px;
line-height: 22px;
}
p.intro {
line-height: 20px;
padding: 10px 0;
}
.room-thumb .mask, .room-thumb1 {
overflow:hidden;
position:relative
}
#call-to-action, .navbar-collapse {
text-align:center
}
.google-map {
height:auto;
width:100%
}
.room-thumb1 .mask {
width:346px;
height:283px;
position:absolute;
overflow:hidden;
top:-12px;
left:0
}
.room-thumb1 {
width:100%;
height:272px;
float:left;
border:1px solid #ebebeb;
-webkit-box-shadow:0 2px 0 0 #e0e0e0;
box-shadow:0 2px 0 0 #e0e0e0;
-webkit-backface-visibility:hidden;
-webkit-perspective:5000
}
.desktop-reservation {
display:none
}
#special-button {
width:41%;
margin-left:35%;
margin-top:10px
}
.room-thumb .mask {
overflow:hidden;
top:0;
left:0
}
body {
font-size:14px;
}
#top-header .pull-left, #top-header .th-text .social-icons {
display:show;
font-size:12px!important
}
#top-header .pull-right {
float:none!important;
display:none
}
#top-header .col-xs-6 {
width:100%;
margin:0 auto
}
#top-header .th-text .th-item {
padding:6px;
line-height:10px;
border-right:none;
}
.sticky-wrapper {
max-height:74px
}
.galler-pd {
top:550px
}
.navbar-brand {
height:inherit
}
.navbar-nav {
margin:0 -15px
}
.navbar-default .navbar-toggle {
border-color:#e1e1e1;
margin-top:35px
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color:#fff
}
.navbar-default .navbar-toggle .icon-bar {
background-color:#ccc
}
.navbar-default .navbar-nav .open .dropdown-menu>li {
color:#5e5e5e;
font-size:13px;
background-color:transparent;
border-bottom:1px dotted #e1e1e1;
padding:10px 15px;
display:inline-block
}
.navbar-default .navbar-nav .open .dropdown-menu>li:last-child {
border:none
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-default .navbar-nav>li {
border-bottom:1px solid #e1e1e1
}
.navbar-default .navbar-nav>li {
display:inline-block
}
.navbar-default .navbar-nav>li>a {
padding:15px
}
.navbar-default .navbar-nav .open .dropdown-menu, {
padding:0;
}
.navbar-default .navbar-nav li:last-child {
border-bottom:none
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
background-color:transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color:#ccc;
background-color:transparent
}
.yamm, .yamm a, .yamm p {
font-size:14px
}
.yamm .yamm-content {
margin-left:10px
}
#owl-reviews img, #reservation-form .guests {
display:block;
margin-left:auto;
margin-right:auto
}
.yamm .yamm-content ul {
margin-bottom:20px
}
.room-thumb {
margin-bottom:50px
}
.room-thumb, .room-thumb .mask {
width:100%;
height:auto
}
.room-thumb .mask {
background-color:#fff;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.room-thumb:hover .mask, .room-thumb:hover img {
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none;
transform:none
}
.room-thumb .main .price {
border-right:none
}
#reservation-form {
	margin-top:0px
}
#reservation-form .guests {
position:relative;
margin-top:-254px
}
#owl-reviews .text-balloon:after, #owl-reviews .text-balloon:before {
border:none
}
#owl-reviews img {
margin-bottom:5px
}
#owl-reviews .text-balloon {
margin-bottom:20px
}
.room-slider .owl-theme .owl-controls .owl-buttons div {
display:none
}
.parallax-effect #parallax-image, .parallax-effect #parallax-pagetitle {
background-position:0 0!important;
margin-top:0
}
#go-top {
display:none!important
}
#call-to-action h2 {
margin:20px 0
}
#call-to-action .btn {
display:block;
float:none!important;
margin:0 auto 50px
}
footer h4 {
margin:50px 0 20px
}
}
@media (min-width:0px) and (max-width:351px) {
.parallax-effect .content {
padding:10px 0 0
}
.parallax-effect h1 {
margin-top:0
}
.breadcrumb {
margin:15px 0 10px
}
}
@media (min-width:0px) and (max-width:300px) {
body {
min-width:280px
}
#special-button {
width:49%;
margin-left:35%;
margin-top:10px
}
.navbar-brand {
padding:15px 2px
}
.parallax-effect h1 {
margin-top:-17px
}
}
@media (min-width:0px) and (max-width:330px) {
body {
min-width:280px
}
#special-button {
width:49%;
margin-left:35%;
margin-top:10px
}
.navbar-brand {
padding:15px 2px
}
.parallax-effect h1 {
margin-top:-17px
}
}
@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
header #logo #retina-logo {
    margin-left:-60px;
width:100%;
display:block
}

header #logo #default-logo {
display:none
}
.pattern-1 {
background:url(../images/patterns/xv__2X.png) center center
}
.pattern-2 {
background:url(../images/patterns/purty_wood__2X.png) center center
}
.pattern-3 {
background:url(../images/patterns/hexellence__2X.png) center center
}
.pattern-4 {
background:url(../images/patterns/brushed_alu__2X.png) center center
}
.pattern-5 {
background:url(../images/patterns/grid_noise__2X.png) center center
}
.pattern-6 {
background:url(../images/patterns/diamond_upholstery__2X.png) center center
}
.pattern-7 {
background:url(../images/patterns/escheresque__2X.png) center center
}
.pattern-8 {
background:url(../images/patterns/knitting250px__2X.png) center center
}
.pattern-9 {
background:url(../images/patterns/bo_play_pattern__2X.png) center center
}
}
@media only screen and (max-width:370px) {
header #logo #retina-logo {
    margin-left:-60px;
    margin-top: -60px;
width:100%;
display:block
}
}