@charset "UTF-8";
/* CSS Document */

@media (max-width: 1170px) {

.container {
	width:960px;
}

ul#menu li {
    margin-right: 20px;
    font-size: 14px;
}

.bjs-hotel-col {
	width:50%;
}

.hotel-col-margin {margin-bottom:50px;}

}

@media (max-width: 960px) {

.container {
	width:720px;
}

ul#menu {
    display:none;
}

.insta-link {
	padding: 20px 0 20px 33px;
}

.insta-link a {
	color: #fff;
}

.small-col {
	width:100%;
}

.big-col {
	width:100%;
}

.basic-col {
	width:100%;
}

.col-margin {margin-bottom:30px;}
.sub-col-margin {margin-bottom:30px;}

.location-container {
	width:100%;
}

.testi-quote {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    -o-border-radius: 160px;
    border-radius: 160px;
    padding-top: 55px;
}

.about-logo {
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

.sby-hotel-container {
	width:720px;
}

.sby-hotel-col {
	width:50%;
}

.taxi-col {
	width:33.333%;
}

}


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

.container {width:480px;}

.logo-container {width:160px;}

#logo {
    width: 140px;
    height: auto;
    margin-top: 23px;
}

h1 {font-size:42px;}

#featured {
	display:none;
}

.featured-mobile {
	display:block;
}

.half-subcol {
	width:100%;
}

.tiny-col {
	width:100%;
}

.giant-col {
	width:100%;
}

.bjs-hotel-col {
	width:100%;
}

.sby-hotel-container {
	width:480px;
}

.sby-hotel-col {
	width:100%;
}


.about-icon {
	width:50%;
}

.franchise-col {
	width:50%;
}

}

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

.container {width:95%; padding:0px; box-sizing:border-box;} 

.flex-direction-nav a {
    display:none;
}

.intro-bg {
	width:300px;
	height:300px;
}

.sby-hotel-container {
	width:95%;
}

h1 {font-size:34px;}

h2 {font-size:32px;}

.city {font-size:18px;}

.tab-container {
    width: 100%;
}


ul.tab li a {
    margin-left:30px;
	font-size:22px;
}

.franchise-col {
	width:100%;
}

.hotel-slider .flex-control-nav {
    bottom: -25px;
    left: 40%;
}

.testi-slider .flex-control-nav {
	bottom: -25px;
	right:25px;
}

.taxi-col {
	width:50%;
}

.taxi-25 {
	height:259px;
}

.taxi-50 {
	height:289px;
}

.copyright {
	width:256px;
}

}

@media screen and (max-width: 400px) {
	
.taxi-25 {
	height:294px;
}

.taxi-50 {
	height:324px;
}
	
}