@media(max-width:1680px){
#header-one {height: 862px;}
.tos-box .bottom-content {top: 355px;}
.intro {padding:0px 0px;}
header .intro-text{margin-top: 150px;}
#confirm h2{margin-top: 150px;}
}
@media(max-width:1366px){
#header-one {height: 750px;}
#portfolio p {padding: 15px 0 0px;}
.tos-box .bottom-content {
    top: 238px;
}
.collapse p{font-size: 13px;}
}
@media(max-width:1280px){
	.menu-section p{font-size: 22px;}
	#about p{ font-size:22px;}
	figure.effect-chico p{font-size:16px;}
	.section-title h2{font-size: 3em;}
	#contact{padding: 30px 0 30px 0;}
	#home-callouts h2{font-size: 3em !important;}
	#portfolio .section-title h2{font-size: 3em;}
	#about h4{font-size: 3em; margin: 15px auto 15px auto;}
	.tos-box .middle-content h1{font-size: 3em;}
	
	.about-right-area{ height:670px;}
	#menu.navbar-default .navbar-nav > li > a{margin: 0px 8px; font-size: 18px;}
	.logo-mobile img{ width:100%;}
	.collapse p {font-size: 10px;}
}
@media(max-width:1024px){
	.about-right-area{ height:670px; padding: 10px 40px;}
	#about p{ font-size:22px;}
	.menu-section p{font-size: 22px;}
	.catering-area-bg{height: 670px;}
	.tos-box .middle-content h1{font-size: 2.5em;}
}

@media(max-width:1000px){
	.contact-item p{text-align:center;}
	#footer .social{text-align:center;}
	.navbar-collapse{ background:#f8f8f8;}
	
	#about .about-img:before{position:absolute; top: 0; right: 0; bottom: 0; left: 0; border:#fff 1px solid; float:left; width:100%;}
	
	#footer {float: left; width: 100%; clear: both; }
	.about-text h2{margin: 30px 0 20px 0;}
	#about, #rooms, #portfolio, #contact, #footer, #services {padding: 30px 0;}
	.section-title .overlay {padding: 30px 0 20px 0;}
	.contact-item{ margin-top:30px;}
	#footer .copyrights{margin-top: 10px;}
	.thumbnail .caption{padding: 0px;}
	
	
	
	/*figure.effect-chico figcaption{padding: 2em;}
	figure {height: 800px;}*/
	.about-area-bg{ background:none; height:auto;}
	.about-left-area{ height:auto; border:none;}
	.about-right-area{height:auto; padding: 20px; position:relative; margin-top:0px;}
	
	.tos-box .middle-content h1{font-size: 3em; line-height:normal;}
	#about p{ text-align:left;}
	#menu.navbar-default .navbar-nav > li > a{font-size: 18px; margin: 10px 5px; text-align:center;}
	.top-slogan h2 a img {width: 50%;}
	.collapse p span{font-size: 20px; margin-left: 5px; margin-right: 5px;}
	figure.effect-chico figcaption{padding: 4em;}
	
	
	.catering-area-bg{ background:none; height:auto;}
	.menu-section{height: auto;}
	.tos-box .middle-content h1{font-size: 2em;}
	
	/*figure.effect-chico figcaption::before{ border:none;}*/
	
	.navbar-header{ float:left; width:100%; text-align:center;}
	.collapse p{ text-align:center !important; float:left; width:100%; margin-top:15px; margin-bottom:15px;}
	.collapse p {font-size: 19px;}
	#text{margin: 50px auto;}
	.navbar-right{margin-right: 0;}
	
	.banner-header h1{font-size: 30px; margin-top:50px;}
	#portfolio-display-section{ padding-left:5px; padding-right:5px;}
	#portfolio-display-section h4,#portfolio-display-section h5{font-size: 22px; font-weight: 500;}
	#portfolio-display-section p{ float:left;}
	#portfolio-display-section h3{font-size: 25px; margin: 25px 0 30px; font-weight: 700;}
	.new-banner-area{ margin-top:200px;}
	
	.logo-mobile img{ float:left; width:200px;}
.navbar-toggle {background: #fff; position:fixed; right:0px;}
.middle-content{ padding:15px; top:20px;}
.tos-box .middle-content h2{font-size: 15px;}
.tos-box .middle-content p{padding: 5px 15px 0 15px; font-size: 15px;}

#footer h2, #footer p{ text-align:left;}
}

@media(max-width:800px){
	
#header-one {
    height: 860px;
}	
.tos-box .bottom-content {
    top: 327px;
}
	}

@media(max-width:768px){

.intro{ height:auto;}
header .intro-text{margin-top: 100px; padding: 20px;}
.tos-box .bottom-content {
    top: 547px;
}
}

@media(max-width:767px){
.navigation-area li{ float:left; width:100%; clear:both; text-align:center; margin-top:10px; margin-bottom:10px; font-size:20px;}
/*.logo-mobile{ display:block;}
.logo-desktop{ display:none;}*/
.top-border, .bottom-border{ display:none;}
#text{ border:none;}
.navbar-header{ float:none; width:auto; text-align:left;}
.navbar-collapse p{ display:none;}
#text{margin: 0px auto;}
.navbar-right{margin-right: -15px;}
.form-space-two{ padding-top:30px !important;}
}


@media(max-width:767px){
header .intro-text{padding: 20px 15px;}
.tos-box .middle-content h1{font-size: 2em;}
.tos-box .bottom-content .tos-button{width: 100%; font-size: 1.5em; padding: 10px 15px !important;}
figure.effect-chico figcaption {padding: 4em 3em;}

/*figure .hr{margin-top: -35px;}*/
#footer{padding: 0px 0 0 0;}
}



@media(max-width:640px){
#header{ float:left; width:100%; position:relative; height:350px;}
#about p, #rooms p, #services p, #portfolio p {font-size: 16px; line-height:24px;}
.menu-section p {font-size: 22px;}

.about-right-area{ height:auto; position:relative; margin-top:0px;}
#portfolio .hr{width: 100%;}
.about-area-bg, .catering-area-bg{ height:auto;}
.new-banner-area{ margin-top:0px;height: 90px;}
.banner-header h1{ffont-size: 30px;}
.tos-box .middle-content h1 {font-size: 30px;}
header .intro-text {margin-top: 50px;}
.tos-box .bottom-content {top: 0px;}
#portfolio-display-section h3 {
    margin: 35px 0 30px;}
	
	#menu.navbar-default .navbar-nav > li > a {font-size: 22px;}
	#header-one {height: 555px;}
	#portfolio p {padding: 15px 10px 0px 10px;}
	
		#rooms-display-section-one h4 img {
    width: 70%;
	margin: -53px 0 3px 0;
}
#portfolio h4 {}
.lower-mobile-footer {background-color: white;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0 0 5px grey;
    box-shadow: 0 0 5px grey;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    position: fixed;
    width: 100%;
	z-index: 999999;
	}
	
.footer-box {color:#4c4c4c}
.footer-box-area {display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
	font-weight:400;
	}
.icon-area {font-size: 17px;
    margin-bottom: 2px;}

}
@media(max-width:360px){
.banner-header h1{font-size: 25px;}
#portfolio-display-section h3{font-size: 22px;}
#portfolio-display-section h4, #portfolio-display-section h5{font-size: 20px;}
#portfolio-display-section p{margin: 10px 0 0px;}
#header-one {height: 502px;}
.tos-box .bottom-content {
    top: 0px;
}
}
@media(max-width:320px){
.banner-header{left: 30%; transform: translate(-20%, -50%);}
.banner-header h1{margin-top: 150px;}
}