@media(max-width:1680px){
	#display-profile-section-image-area{ width:28%;}
	.catering-right-area{ padding:30px 0px;}
	.banner-header{top: 250px;}
}
@media(max-width:1440px){
	#display-profile-section-image-area{ width:28%;}
	.catering-right-area{ padding:30px 0px;}
	.banner-header{top: 200px;}
}
@media(max-width:1280px){
	#restaurant-menu .menu-section{height: 720px;}
	.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;}
	#restaurant-menu .menu-section-title{font-size: 3em;}
	#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;}
	#display-profile-section-image-area{ width:28%;}
	#display-profile-section-image-area .gal-item .box {height: 75px;}
	.banner-header{top: 170px;}
	.catering-right-area{ padding:15px 0px;}
}
@media(max-width:1024px){
	.about-right-area{ height:670px; padding: 10px 40px;}
	#restaurant-menu .menu-section{height: 830px;}
	#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;}
	
	nav a{padding: 0 10px;}
}

@media(max-width:1000px){
	.contact-item p{text-align:center;}
	#footer .social{text-align:center;}
	
	.navbar-collapse{ background:#fff; position:absolute; top:0; left:0; right:0;}
	.dropdown-menu{ display:block; float:left; width:100%; border:none; background-color: #f0f0f0; color: #024387; position:relative; border-radius:8px; border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow:none;}
.navbar-nav > li > .dropdown-menu {border-top-left-radius: 8px;border-top-right-radius: 8px;}
.navbar-toggle{ position:fixed; right:0; z-index:9999;}
/*.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{min-height: fit-content;}	*/
	
	
	#tag h4 {font-size: 2em;}
	#about .about-img:before{position:absolute; top: 0; right: 0; bottom: 0; left: 0; border:#fff 1px solid; float:left; width:100%;}
	#team .thumbnail .caption p{margin-top: 20px; padding: 0 0px;}
	#team .thumbnail .team-img{margin-top: 20px;}
	#footer {float: left; width: 100%; clear: both; }
	.about-text h2{margin: 30px 0 20px 0;}
	#about, #rewards {padding: 30px 0;}
	.section-title .overlay {padding: 30px 0 20px 0;}
	#portfolio{padding: 0 0 30px 0;}
	#team .overlay{padding: 30px 0 30px 0;}
	#contact{
        width: 100%;
        padding: 20px
/*        padding: 30px 0 0px 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:center;}
	#menu.navbar-default .navbar-nav > li > a{font-size: 15px; margin: 5px 5px;}
	.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;}
	
	#restaurant-menu .menu-section{padding: 20px 15px; margin: 0px 0px; height:auto; position:relative;}
	.catering-area-bg{ background:none; height:auto;}
	#restaurant-menu{padding: 50px 0px;}
	.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%;}
	#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:102px;}
	#team p img{width:100%}
	#rewards img {width:100%}
	#restaurant-menu img {width:100%}
	.rewards-right-area {width:100%; padding: 10px;}
	.contact-section-title h2 { text-align:center;}
	.banner-header {top: -28px;left: 50%;}
	.catering-right-area{padding: 10px;}
	#catering-display-section{padding: 10px;}
	#display-profile-section-image-area{ width:100%;}
	#display-profile-section-image-area .gal-item .box {height: 125px;}
	
	.header-right p {float: none; text-align:center; margin:10px 0px;}
	.active {border-bottom: none;}
	nav a {padding: 0 15px;}
}

@media(max-width:768px){
.intro{ height:auto;}
header .intro-text{margin-top: 100px; padding: 20px;}

#logo { width:100%; text-align:center;}
nav ul{ position:absolute; top:0; right:0; left:0; z-index:9999; background-color:#fff; border-bottom: 4px #f3a146 solid; border-top: 4px #f3a146 solid;}
}

@media(max-width:767px){

.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: 50px 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:600px;}
#about p {font-size: 22px;}
.menu-section p {font-size: 22px;}
#team{padding: 50px 0px;}

.about-right-area{ height:auto; position:relative; margin-top:0px;}
#restaurant-menu .menu-section{height:auto; position:relative; margin-top:0px;}
#team .hr{width: 100%;}
#portfolio .hr{width: 100%;}
.about-area-bg, .catering-area-bg{ height:auto;}
#restaurant-menu{padding: 50px 0px;}
.banner-header h1{font-size: 30px; margin-top:150px;}

#catering-display-section h5{ width:100%;}
#catering-display-section h6{width:100%; float:left; text-align:left;}
#catering-display-section .lower-button-area button{width:100%; margin: 0;}
.testimonial-section h1{margin: 15px 0 15px 0;}
}
@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;}
}
@media(max-width:320px){
.banner-header{left: 30%; transform: translate(-20%, -50%);}
.banner-header h1{margin-top: 150px;}
.btn-custom-one { padding:0px; margin:0px;}

}