/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
body 
	{
		background: #f0f0f0;
	}
	
#addressNavbar, #mainNavbar, .jumbotron
	{
		margin-bottom: 0px;
	}

#addressNavbar
	{
		background: #056A96;
		color: white;
		min-height: 30px;
	}

#addressNavbar a
	{
		color: white;
		text-decoration: none;
		font-family: 'Roboto',Arial,sans-serif;
		text-transform: uppercase;
		font-size: 11px;
		padding-bottom: 5px;
		padding-top: 5px;

	}

#addressNavbar p
	{
		color: rgb(182, 211, 234);
		font-family: 'Roboto',Arial,sans-serif;
		text-transform: uppercase;
		font-size: 11px;
		padding-top: 5px;

	}
	
#addressNavbar ul
	{
		text-align: center;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	
#addressNavbar li
	{
		display: inline-block;
		padding-bottom: 0px;
		padding-top: 0px;
	}

.banner-detail h5 
	{
	color: white;
	}

.banner-detail h5 a
	{
	color: white;
	text-decoration: none
	}

.banner-detail h5 small
	{
	color: #bca474;
	}

.banner-detail h5 small a
	{
	color: #bca474;
	text-decoration: none
	}
	
.banner 
	{
		position: relative;
		background-position: center;
		aspect-ratio: 1;
		background-size: cover; 
	}

.banner-detail
	{
		position: absolute;
		background-color: rgba(0,0,0,0.6);
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 15px;
	}
#bannerContainer .col-sm-4 
	{
		padding-left: 0;
		padding-right: 0;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
#mainNavbar 
	{
		background-color: white;
	}

.navbar-brand
	{
		height: 45px;
		width: auto;
		padding-top: 3px;
	}
	
.navbar-brand img
	{
		height: 45px;
		width: auto;
	}

.contentTitle
	{
		background: url('../images/doted-divider.png') repeat-x bottom left;
		padding-bottom: 8px;
		font-family: 'Roboto';
		text-transform: uppercase;
		color: #828282;
	}
	
.big
	{
		margin-bottom: 0px;
		text-transform: uppercase;
		letter-spacing: -0.5px;
		font-size: 24px;
	}

.hotel-thumb
	{
		float: left;
		margin-right: 30px;
		overflow: hidden;
		border: 1px solid #f2f2f2;
		margin-top: 3px;
		padding: 5px;
		box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.04);
	}	
.welcome-area
	{
		  margin-top: 20px;
	}
.content-text p
	{
		color: #666666;
		margin: 0 0 18px;
		font-size: 12px;
		line-height: 22px;
	}
.about-content
	{
		min-height: 500px;
	}
.about-area
	{
		  margin-top: 20px;
	}
	
.about-text p
	{
		color: #666666;
		margin: 0 0 18px;
		font-size: 12px;
		line-height: 22px;
	}
		
.news-container 
	{
		list-style-type: none;
		padding-left: 0;
	}
	
.news-container li
	{
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px dotted #dddddd;
		list-style: none !important;
		min-height: 80px;
	}
	
.news-container span
	{
		color: #a5a5a5;
		font-size: 11.5px;
		display: block;
	}
	
.news-container .news-data 
	{
		width: 46px;
		height: 55px;
		float: left;
		display: block;
		margin-right: 12px;
		margin-bottom: 10px;
		background: url('../images/small-date-bg.png') no-repeat left center;
		position: relative;
	}

.news-container .news-data  strong
	{
		display: block;
		font-weight: bold;
		padding: 12px 0 0 12px;
		font-size: 21px;
	}	

.news-container .news-data  a
	{
		background: url('../images/small-date-bg-light.png') no-repeat left center;
		display: block;
		width: 46px;
		height: 34px;
		position: absolute;
		left: 2px;
		top: 0px;
	}

.news-container .news-data  span
	{
		display: block;
		font-size: 10.5px;
		text-transform: uppercase;
		text-align: center;
		margin-top: 8px;
	}	
	
.news-container .news-title 
	{
		font-size: 13.5px;
		display: block;
		color: rgb(226, 181, 30);
	}	

.view-all 
	{
		float: right;
		font-style: italic;
		font-size: 12px;
		line-height: 15px;
		margin-top: 5px;
	}

.post 
	{
		 padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #dddddd;

	}

.post h3
	{
		margin-bottom: 9px;
		font-size: 20px;
		font-family: 'Roboto';
		line-height: 27px;
		margin: 0 0 20px 0;
		font-weight: 400;
		padding: 0;
		color: #333;
	}

.post p
	{
		margin: 0 0 18px;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: #666666;
	}

.post .img-responsive
	{
		max-width: 90%;
		height: auto;
		margin-bottom: 15px;
	}

.post h5
	{
		
	}

.post h5 a
	{
		color: #bca474;
		text-decoration: none;
		  text-transform: uppercase;
  font-family: 'Roboto',Arial,sans-serif;
  font-weight: normal;
  font-size: 12px;
	}

.make-reservation
	{
		float: right;
		margin-top: -10px;
	}

	
.subscribe_section {
  padding: 40px 30px;
  background: #f5f5f5;
  margin: 0px auto 0px;
  text-align: center;
  font-family: 'Roboto';
}

.subscribe_section  label
	{
		font-size: 18px;
		margin-right: 13px;
		font-family: 'Roboto',Arial,sans-serif;
		color: #777777;
		font-weight: 300;
		font-style: italic;
		vertical-align: middle;
	}

.subscribe_section .subs_email_input {
  padding: 9px 9px;
  margin-right: 15px;
  min-width: 200px;
  font-size: 12px;
  color: #555555;
  vertical-align: middle;
  background: #ffffff;
}	

.footer-background 
	{
		background: rgb(9, 58, 79);
	}

#footer-content
	{
		color: white;
	}

#footer-content a
	{
		color: white;
		text-decoration: none;
	}	
	
#footer-content > .row
	{
		padding-top: 10px;
		margin-bottom: 20px;
	}	

.footer-section
	{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
.footer-title
	{
		color: #fff;
		font-size: 15px;
		text-transform: uppercase;
		padding-bottom: 0px;
		margin-bottom: 18px;
		margin-top: 0px;
		letter-spacing: -0.1px;
		font-family: 'Roboto';
	}

.footer-contact ul, .footer-links ul, .footer-apartments ul
	{	
		list-style: none outside;
		margin: 0;
		padding: 0;
		font-size: 11px;
		text-transform: uppercase;
		font-family: arial;
	}

.footer-contact
	{
		background: url('../images/footer-map.png') no-repeat bottom center;
	}
	
.footer-contact ul li
	{	
		padding: 4px 7px 4px 22px;
	}

.footer-address
	{
		background: url('../images/icon-address.png') no-repeat left 10px;
	}

.footer-phone
	{
		background: url('../images/icon-phone.png') no-repeat left 10px;
	}

.footer-email
	{
		background: url('../images/icon-email.png') no-repeat left 10px;
	}

.footer-links ul li
	{
		padding: 4px 7px 4px 11px;
		background: url('../images/footer-list-bullet.png') no-repeat left center;
	}

.footer-apartments ul li
	{
		padding: 4px 7px 4px 11px;
		background: url('../images/footer-list-bullet.png') no-repeat left center;
	}

.footer-gallery 
	{
		
	}
	
.footer-gallery .footer-gallery-picture
	{
		float: left;
		margin-bottom: 12px;
		margin-left: 12px;
	}

.footer-gallery .footer-gallery-picture img
	{
		width: 53px;
		height: 53px;
		border: 1px solid #F5F5F5;
		padding: 3px;
	}

.footer-social 
	{
		border-top: 1px solid white;
		padding-top: 30px;
	}

.social-links
	{
		float: right;
	}

.social-list
	{
		list-style: none;
	}

.social-list li
	{
	display: inline-block;	
	}

.contact-form .input-group
	{
		width: 100%;
		margin-bottom: 15px;
		font-family: 'Roboto';
		color: #626262;
	}

.contact-form .input-group input, .contact-form .input-group textarea
	{
		border: none;
		background-color: rgb(238, 238, 238);
	}

.room-list
	{
		margin-bottom: 30px;
	}	
	
.room-list h3
	{
		font-size: 15px;
		padding-bottom: 4px;
		margin-bottom: 7px;
		font-weight: 500;
		font-family: 'Roboto';		
	}
	
.room-list ul
	{
		margin-bottom: 0px;
		list-style: none outside;
		margin: 0;
		padding: 0;
	}
	
.room-list ul li
	{
		margin: 0px;
	}
	
.room-list ul li a
	{
		display: block;
		padding: 7px 0px 7px 15px;
		background: url('../images/arrow.png') no-repeat left center;
		border-bottom: 1px dotted #DDDDDD;
		color: #666666;
	}

.room-list ul li a:hover, .room-list ul li a:active
	{
		color: #BCA474;
		text-decoration: none;
	}

.room-content .img-responsive
	{
		margin-bottom: 30px;
	}

#room-carousel img
	{
		width: 100%;
		height: auto;
	}

.room-content .carousel-control
	{
		background-image: none !important;
	}
	
.services-included
	{
		float: left;
		width: 100%;
		margin-bottom: 30px;

	}
	
.services-included h3
	{
		margin-bottom: 7px;
		font-size: 16px;
		font-family: 'Roboto';
		line-height: 22px;
		font-weight: 400;
		padding: 0;
		color: #333;
		margin-top: 0px;
		letter-spacing: -0.1px;
  	}

.services-included ul
	{
		list-style: none outside;
		margin: 0;
		padding: 0;
		margin-bottom: 18px;
 		text-align: center 
	}

.services-included ul li
	{
		float: left;
		width: 25%;
		border-bottom: 1px dotted #DDDDDD;
		padding: 8px 0px;
	}

.services-included .service-item
	{
		
	}

.contact-info h3
	{
		font-size: 15px;
		padding-bottom: 4px;
		margin-bottom: 7px;
		font-weight: 500;
		font-family: 'Roboto';
	}

.contact-text
	{
		border-top: 1px dotted #dddddd;
		padding-top: 6px;
		color: #666666;
		line-height: 22px;
	}	
	
.contact-text ul
	{
		margin-bottom: 0px;
		list-style: none outside;
		margin: 0;
		padding: 0;
	}

.contact-text ul li
	{
		margin-bottom: 6px;
		list-style-position: outside;
	}

.contact-text ul li h5
	{
		width: 100px;
		float: left;
		margin-right: 0px;
		overflow: hidden;
		margin-top: 2px;
		font-weight: 500;
		margin-bottom: 0px;
		color: #666666;
		font-size: 12px;
		line-height: 18px;
		font-family: 'Roboto';
	}

.contact-text ul li span
	{
		float: left;
		font-size: 12px;
	}

.contact-text ul li span a
	{
		color: #bca474;
		text-decoration: none;
		font-size: 12px;
		line-height: 18px;
	}

.contact-text ul li .clear
	{
		clear: both;
		height: 0;
	}	

.apartment
	{
	margin-bottom: 15px;
	}
	
.apartment-detail h5
	{
		color: #bca474;
		padding-top: 14px;
		margin-bottom: 3px;
		text-transform: uppercase;
		font-size: 16px;
	}
	
.apartment-detail h5 a
	{
		color: #bca474;
		text-decoration: none;
	}

.apartment-detail h5 small
	{
		font-size: 12px;
		font-style: italic;
		color: #858585;
		text-transform: initial;
	}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

.container
	{
		width: 100%;
	}

#addressNavbar ul
	{
		text-align: center;
	}
	
#addressNavbar li
	{
		display: inline-block;
	}	

.banner-detail h5 
	{
	color: white;
	}

.banner-detail h5 a
	{
	color: white;
	text-decoration: none
	}

.banner-detail h5 small
	{
	color: #bca474;
	}

.banner-detail h5 small a
	{
	color: #bca474;
	text-decoration: none
	}
	
#footer-content > .row
	{
		padding-top: 30px;
		margin-bottom: 20px;
	}	

#bannerContainer .col-sm-4 
	{
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
	}	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

.container {
  width: 970px;
}

#addressNavbar 
	{
		min-height: 30px;
		height: 30px;
	}
	
#addressNavbar a, #addressNavbar p, #addressNavbar navbar-text
	{
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0px 5px;
	}

.navbar-brand
	{
		padding-top: 12px;
	}
	
.navbar-brand img
	{
		height: 75px;
		width: auto;
	}

.jumbotron
	{
		box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.7);
	}
	
#mainNavbar 
	{
		height: 100px;
		box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
	}

#mainNavbar li
	{
		line-height: 100px;
	}

#mainNavbar li a
	{
		line-height: 70px;
	}
	
#mainContent
	{
		margin-top: -25px;
		background-color: white;
	}

		
.row 
	{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
.banner 
	{
		position: relative;
	}

.banner-detail
	{
		position: absolute;
		background-color: rgba(0,0,0,0.6);
		left: 0;
		top: 0;
		bottom: initial;
		width: 100%;
		padding: 15px;
	}
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.container {
  width: 1170px;
}

}