/*

	00. Font Face
	01. Key Frames fade in
	02. Media Queries MAX WIDTH 1024px
	03. Media Queries MAX WIDTH 960px
	04. Media Queries MAX WIDTH 720px
	05. Media Queries MAX WIDTH 520px
	06. Media Queries for Smartphones
	07. Media Queries for Portraits
	08. Media Queries for Works Grid
	09. Mobile Navigation Queries
	
	
*/



/* 00. FONT FACE ================================================== */


	/*removed - loaded google web fonts instead*/


/* 01. KEY FRAMES FADE IN ================================================== */


@-webkit-keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity:1;
}
}
.fade-in {
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-in.one {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
/* ISOTOP IS THERE FOR SOFT TRANSITIONS BETWEEN WORKS */

.isotope .isotope-item {
	/* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	transition-property:         transform, opacity;
}



/* 02. MAX WIDTH 1024px ================================================== */



/* 03. MAX WIDTH 960px ================================================== */


@media screen and (max-width: 1024px) {
 .carousel-inner > .item > img, .carousel-inner > .item > a > img {
 height: auto !important;
}
 .carousel {
 margin-bottom: 0px !important;
}
 .body {
 width:100%\0/ !important;;
}
 section.content .inner {
 margin-bottom:0px;
}
 section.home .inner {
 margin-bottom:0px;
}
 section.bar .inner {
 padding-bottom:0px;
}
 section.home .inner {
 height:600px !important;
}
 section.restaurant .more-link, section.food .more-link {
 margin-bottom:200px;
}
 section.restaurantText .page-content {
 margin-bottom:150px;
}
 section.function .first {
 padding-top:170px !important;
}
 section.function .page-content {
 margin-bottom:170px !important;
}
 .fix-box {
 height: 510px !important;
}
section.about .post-content p, .slider-box_bar .post-content p {
 font-size: 15px !important;
}
section.about .post-content p, .slider-box_bar .post-content p {
 font-size: 15px !important;
}
section#community .post-content p {   
    font-size: 13pt;
    line-height: 14pt;
}
section#sports-bar .function-links ul li a {
    color: #FFFFFF ;
    font-size: 20pt !important ;
	display:inline-table;
}
section#community h3 {
    font-size: 60px !important;
    line-height: 62px !important;
}
 section#restaurant .inner {
 margin-bottom:200px !important;
}
section.restaurant .inner{margin-top:0px !important;}
section#restaurant .inner{margin-bottom:0px !important;margin-top:0px !important}
section.bar .inner,section.contact .inner {margin-top:320px !important;margin-bottom:10px !important; }
section.about .inner,section#kids-area .inner{margin-top:360px !important}
section.whaton .inner{margin-top:160px !important;}
.slide-restaurant .fix-box{position:inherit !important}
.fix-box .inner{position:inherit !important}
.fix-box{height:auto !important}
section p, section.restaurant div.content a{font-size:17px !important};
section p,section .post-content p{line-height:22px !important}
.whaton ul li{margin:10px 28px !important;}
section#contact .the-content p { 
    font-size: 27pt !important;
    line-height: 29pt;
}
}
 @media screen and (width: 768px) {
 section.food .inner {
 margin-bottom:150px !important;
}
 section#about-us .inner {
 margin-bottom:10px !important;
}

#homeSlider-winbar .fix-box {
 height:390px !important;
}
#homeSlider-winbar .image-button {
 display:none !important;
}
 #homeSlider-winbar .post-content p {
 line-height:15px !important;
}
 .box_bar {
 bottom:none !important;
}
.winbar h3 {
 font-size: 45px !important;
}

#landing-title-bar1 h3 {    
    line-height: 55px !important;   
}
section.bar h3 {
    line-height: 70px !important;
}
section#community .whaton ul{
    padding-bottom:30px !important;
}
.bar .post-content .content p{font-size:13px !important}
.function-links .body img {margin-bottom: -6px !important;width: 34px !important;height: auto}
.carousel-control{top:20% !important}
}
 @media screen and (max-width: 960px) {
 header {
 background:transparent;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
 .roles {
 font-size: 20pt;
}
 #twitterwrap {
 padding:30px 50px 30px;
}
 #ticker ul.tweet_list {
height:19px;
font-family: 'Futura', arial, sans-serif;
 font-weight:400;
 font-size:12px;
}
 ticker .tweet_list li {
overflow:hidden;
vertical-align:middle;
font-family: 'Futura', arial, sans-serif;
 font-weight:400;
 font-size:12px;
color:#666;
height:30px;
}
 .lead {
 padding:20px 30px 10px 30px;
 font-family: 'Futura', arial, sans-serif;
 font-weight:400;
 font-size:18px;
}
}

/* 04. MAX WIDTH 720px ================================================== */


@media screen and (max-width: 720px) {
header {
 background:transparent;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
 .roles {
 font-size:  20pt;
}
}


/* 05. MAX WIDTH 520px ================================================== */


@media screen and (max-width: 520px) {
 header {
 background:transparent;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
 .lead {
 padding:10px 30px 10px 30px;
 font-family: 'Futura', arial, sans-serif;
 font-weight:400;
 font-size:15px;
}
 section.contact .row .col1 {
 width:90%;
}
 section.contact .row .col2 {
 width:90%;
 margin-top:30px;
 text-align: center;
}
 section.contact .inner blockquote p {
 color:#fff;
 text-transform:uppercase;
 font-family: 'Futura', arial, sans-serif;
 font-weight:400;
 font-size:14px;
}
 section.contact .inner form input[type="text"], section.contact .inner form input[type="email"], section.contact .inner form textarea {
 width:95%;
}
 section.contact .inner form .submit {
 width:100%;
}
 footer {
 font-size:9px;
}
}

/* 06. Smartphones (landscape) ================================================== */


@media only screen and (max-device-width : 550px) and (orientation : landscape) {
header {
 height:100%;
}
 #tab a, .android #tab a {
 padding:10px;
}
 header h1 {
 margin-top:5%;
}
#wrapper {
 position:absolute;
 width:100%;
}
section.about .inner h2, section.contact .inner h2, section.portfolio .inner h2 {
 font-family: 'Futura', arial, sans-serif;
 font-weight:400;
}
}

/* 06. Smartphones (portraits) ================================================== */


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
header {
/*height:417px;*/
}
#wrapper {
 position:absolute;
	/*top:417px;*/
	width:100%;
}
 #tab a {
 position:absolute;
/*bottom:-60px;*/}
 header h1 {
 font-size:30pt;
}
section.about .inner h2, section.contact .inner h2, section.portfolio .inner h2 {
 font-family: 'Futura', arial, sans-serif;
 font-weight:300;
}
}

/* 06. iPads (landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* 06. iPads (portrait) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
header h1 {
 margin-top:45%;
}
}

/* 06. iPhone 4 ----------- */

/* @media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
header h1 {
	margin-top:50%;}
}

*/


/* 07. PORTRAITS Media Queries ================================================== */


/* 3 COL */

@media (max-width: 800px) {
 #portraits li {
 width: 31%;
 padding-top: 0%;
 margin-bottom: 3%;
}
 #bullet_file_gallery_page ul li {
 background: url("../images/circel-restaurant-mall.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
 display: inline-table;
 letter-spacing: 0px !important;
 line-height: 23pt;
 margin: 0px !important;
 height:65px !important;
 margin-right:20px !important;
 text-align: center;
 width: 65px !important;
 word-break: inherit;
}
 #bullet_file_gallery_page ul li p {
 padding: 20px 5px !important;
 line-height:0 !important;
}
 #bullet_file_gallery_page ul li a {
 color: #FFFFFF;
 font-family: 'Futura Condensed Light', 'Myriad Pro', Arial;
 font-size: 8pt !important;
 line-height: 13pt !important;
}
 #bullet_file_gallery_page {
 margin-top: -80px !important;
 z-index: 0;
}
.home h3 p, .home h3 p a {
 font-weight: bold !important;
}
}

/* 2 COL */

@media (max-width: 600px) {
 #portraits li {
 width: 46%;
 padding-top: 0%;
 margin-bottom: 4%;
}
 .home h3 p, .home h3 p a {
 font-weight: bold !important;
}
 .fix-box, .fix-box .inner, .food .inner, .box-function, .box_bar {
 position:inherit !important;
}
 .fix-box {
 height:inherit !important;
}
 h3 {
 margin-top:0px !important;
}
 .inner h3 {
 line-height:inherit !important;
}
 .fix-box {
 height: 510px !important;
}
}
}


/* SINGLE COL */

@media (max-width: 400px) {
section.function .page-content .body li a, .function-links ul li a {
   font-size: 8pt !important;
}
.function-links .body img {
	margin-bottom: -4px !important;
	width: 18px !important;
	height: auto;
}
 #portraits li {
 width: 75%;
 padding-top: 0%;
 margin-bottom: 5%;
}
 span.break {
 display: block;
}
 .fix-box, .fix-box.inner, .food .inner, .box-function, .box_bar {
 position:inherit;
}
}


/* 08. WORKS GRID Media Queries ================================================== */



@-webkit-keyframes loader {
 0% {
background: #ddd;
}
 33% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
}
 66% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
}
}
 @-moz-keyframes loader {
 0% {
background: #ddd;
}
 33% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
}
 66% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
}
}
 @keyframes loader {
 0% {
background: #ddd;
}
 33% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
}
 66% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
}
}
 @media screen and (max-width: 830px) {
 .og-expander h3 {
font-size: 32px;
}
 .og-expander p {
font-size: 13px;
}
 .og-expander a {
font-size: 12px;
}
 .og-fullimg {
margin-top:2%;
}
}
 @media screen and (max-width: 650px) {
 .og-fullimg {
display: none;
}
 .og-details {
float: none;
width: 100%;
}
 .og-close {
right:45%;
top:10px;
display: none;
}
 .og-details h3 {
padding-top: 50px;
}
 .og-expander-inner {
padding-top:10px;
}
}
@media screen and (max-width:640px){
 .inner h3 {
 font-size: 20pt !important;
}

 .fix-box .inner, .slider-box_bar {
 top:0 !important;
}
section.about .post-content p, .slider-box_bar .post-content p {
 font-size: 13px !important;
 line-height:19px !important;
}

section.winbar #landing-title-bar1 h3 {
 font-size: 25px !important;
}
section p, section.restaurant div.content a {
  font-size:13px !important;
  line-height:19px !important;
}
#landing-title-bar1
{
	margin-top:0px !important;	
}
.image-button
{
	display:none !important;	
}
 #bullet_file_gallery_page {
	 margin-top: -80px ;
	 z-index: 0;
}
section#community .post-content p {	
		line-height: 16pt !important;
	}
#wrapper section#bar
	{
		height:400px !important;
	}
#wrapper section#sports-bar
	{
		height:600px !important;
	}		
section#sports-bar .page-content .body li a
	{		
		width:100% !important;
		text-align:center !important;
	}	
#wrapper section#bar #homeSlider-winbar .fix-box
	{
		top:30px !important;
	}	
section#community .post-content p {	
		line-height: 16pt !important;
	}	
section.bar h3
	{
		line-height:60px !important;	
	}
	
	section#community .post-content p {
      font-size: 10px !important;
      line-height: 15px !important;
}	
section.restaurant .inner{margin-top:0px !important;}
section#restaurant .inner{margin-bottom:0px !important;margin-top:0px !important}
section.about .inner,section.whaton .inner,section.bar .inner,section.contact .inner {margin-top:200px !important;margin-bottom:10px !important; }
.slide-restaurant .fix-box{position:inherit !important}
.fix-box .inner{position:inherit !important}
.fix-box{height:auto !important}
section p, section.restaurant div.content a{font-size:13px !important};
section p,section .post-content p{line-height:19px !important}
.function-links .body img {margin-bottom: -6px !important;width: 34px !important;height:auto;}
.carousel-control{top:25% !important}

}

@media screen and (max-width:568px){
 .og-fullimg {
display: none;
}
 .og-details {
float: none;
width: 100%;
}
 .og-close {
right:45%;
top:10px;
display: none;
}
 .og-details h3, .image-button {
padding-top: 50px;
}
 .og-expander-inner {
padding-top:10px;
}
.inner h3 {
 font-size: 20pt !important;
}
section#community h3 {
 font-size: 20pt !important;	
}

 .fix-box .inner, .slider-box_bar {
 top:0 !important;
}
section.about .post-content p, .slider-box_bar .post-content p {
 font-size: 11px !important;
 line-height:20px !important;
}

section.winbar #landing-title-bar1 h3 {
 font-size: 25px !important;
}
section p, section.restaurant div.content a {
 font-size:11px !important;
}

#landing-title-bar1
{
	margin-top:0px !important;	
}
.image-button
{
	display:none !important;	
}
 #bullet_file_gallery_page {
	 margin-top: -80px ;
	 z-index: 0;
}
section#community .post-content p {	
		line-height: 16pt !important;
	}
#wrapper section#bar
	{
		height:610px !important;
	}
#wrapper section#sports-bar
	{
		height:650px !important;
	}		
section#sports-bar .page-content .body li a
	{		
		width:100% !important;
		text-align:center !important;
	}	
section#restaurant .function-links ul li,section#sports-bar .function-links ul li
	{		
		width:auto !important;
		text-align:center !important;
	}		
#wrapper section#bar #homeSlider-winbar .fix-box
	{
		top:30px !important;
	}	
section#community .post-content p {	
		line-height: 16pt !important;
	}	
section.bar h3
	{
		line-height:60px !important;	
	}
	
	section#community .post-content p {
      font-size: 10px !important;
      line-height: 15px !important;
}	
section.restaurant .inner{margin-top:0px !important;}
section#restaurant .inner{margin-bottom:0px !important;margin-top:0px !important}
section.about .inner,section.whaton .inner,section.bar .inner,section.contact .inner {margin-top:200px !important;margin-bottom:10px !important; }
.slide-restaurant .fix-box{position:inherit !important}
section#bar div.content p ,
section#sports-bar div.content p {
 font-size:20px !important;
 line-height: 34px !important;
}
section.function .page-content .body li a, .function-links ul li a {
	font-size: 14pt !important;	
}
section#sports-bar .function-links ul li a {
  font-size: 14pt !important;
}

}


/* 09. Mobile Navigation Queries ================================================== */ 

@media screen and (max-width: 400px) {
 .nav_and_social_module {
 clear: both;
 float: left;
 padding: 4%;
 width: 92%;
 margin: 0px !important;
}
 .sticky-wrapper {
 height: 100px;
}
 .home h3 p, .home h3 p a {
 font-size: 14px !important;
 font-weight: bold;
}
 nav select {
 clear:both;
 display:none;
 width:100% !important;
}
 nav.header ul#nav {
 width:100%;
}
 nav #logo {
 width:100%;
}
}
@media screen and (max-width: 700px) {
body .logo_contact img{
	width:80% !important;
}
 nav #logo {
 float:left;
 display:inline-block;
 margin-left:0px;
 padding:0px 20px 0px 10px;
 vertical-align:middle;
}
 nav ul li {
 display: none;
}
 nav select text {
color:red;
}
 nav select {
 width:120px;
 display: block;
      	/*
		background: url('../images/nav-icon.png') no-repeat  ;
		*/
		border: none;
 height: 30px;
 display: block;
 color: #333;
 padding:5px;
 margin-top:-7px;
}
 .fancy-box-div {
 min-width:95% !important;
 width:98%;
}
 .fancy-box-div .content_box {
 width:100%;
}
 .sidebar_left {
 width:100%;
 height:auto;
 border:none;
}
 .sidebar_left ul li {
 display:inline;
 padding:4px;
}
 .content_box .title_restaurant {
 border-top:1px solid #ccc;
 margin-top:10px;
 padding:10px 0px;
}
 section.food .more-link {
 margin-bottom:150px;
}
}
@media screen and (min-width: 1600px){
	.logo_contact img{
		max-width:531px !important;
		width:100% !important;
	}
}	

@media screen and (min-width: 1100px) and (max-width: 1365px) {
	.logo_contact img{
		max-width:531px !important;
		width:60% !important;
	}
	.contactmap .the-content a.map,.contactmap .the-content p,.contactmap .the-content a {font-size:20pt;}
}	
@media screen and (max-width: 1100px) {
 #wrapper section.content {
 height: auto !important
}

.logo_contact {
	position:static !important;
	text-align:center !important;
	margin-top:20px !important;
}	
.logo_contact img{
	max-width:531px !important;
	width:50% !important;
}
}
@media screen and (max-width: 960px) {
.logo_contact {
	position:static !important;
	text-align:center !important;
	margin-top:20px !important;
}	
.logo_contact img{
	max-width:531px !important;
	width:45% !important;
}	
 #wrapper section.content {
 background-size:cover !important;
 height: auto !important
}
 section.content .inner {
 margin-bottom:0px;
}
 .my-sticky-nav, #portfolio, .sticky-container, .inner, .body {
 width:100% !important;
}
 nav.header ul#nav li a {
 margin: 0px 8px 0;
 font-size:14pt;
}
 nav #logo {
 padding-left:10px;
}
 nav #logo p {
 font-size:14pt;
}
 .header section.social_module {
 display:none;
}
 section .post-content, section .the-content {
 padding:10px;
 overflow:hidden;
}
 section p, section.restaurant div.content a {
 font-size:14pt
 line-height:1.4em;
 text-align:center;
}
 section.about h3 {
 font-size:50pt;
 line-height:45px;
 margin-top:15px !important;
}
 section.about .post-content {
 padding:10px;
}
 section.about .inner {
 margin: 120px 0px;
}
 section.whaton h3 {
 font-size:100pt;
}
 #community .whaton ul li img {
 width:100px;
 height:auto !important;
 /*padding-righ;t:5px;*/
}
.whaton ul li img{
	height:100px;
	width:70px;
	padding-right:5px;	
		
	}
 .whaton {
 padding-bottom:30px;
}
 section.food {
 padding-top:100px !important;
}
 section.food .more-link {
 font-size:13pt;
 margin-bottom:150px;
}
 section.food .page-content ul li {
 margin-right:5px;
 line-height:25pt;
}
 #wrapper section.winbar {
 padding-bottom:50xp !important;
}
 section.winbar #landing-title-bar1 h3 {
 font-size:45pt;
}
 section.winbar #landing-title-bar1 h5 {
 font-size:13pt;
 padding:10px;
 text-align:justify;
}
 #landing-title-bar2 .image-button {
 margin-top:60px;
}
 section.box_wrapper {
 font-size:13pt;
}
 #landing-title-bar2 .image-button {
 margin-top:40px;
}
 #landing-title-bar1 {
 margin-top:100px;
}
 section h3, section.function .body h3, section.whaton h3 {
 font-size:45pt;
 line-height:45pt;
}
 section.whaton h3 {
 padding: 15px 0px;
}
 section.function .subpage-show {
 width:86%;
 margin: 40px auto;
}
 section.function .page-content {
 padding-top: 10px;
}
 section.function .page-content .body li a, .function-links ul li a {
 font-size:15pt !important;
}
 section.function .page-content .body {
 padding:2%;
 width:96% !important;
}
 section.function .subpage-show p {
 font-size:13pt;
}
 section.function .function-links ul li {
 padding-right:10px;
}
 section.bar .inner h3 {
 font-size:50pt;
 line-height:140px;
 margin-top: 100px;
 padding-bottom: 5px;
}
 section.restaurant h3 {
 font-size:50pt;
 line-height: 50pt;
 margin: 190px 0px 0px 0px;
 padding-top:20px !important;
}
 section.restaurant .more-link {
 font-size:15pt;
 margin-bottom: 100px;
}
 #contact .inner {
 margin-top: 50px;
}
 section.bar .inner {
 padding-bottom: 100px;
}
 section.contactmap .page-content h3, #contact .inner h3 {
 font-size:50pt;
 line-height: 60px;
 margin-top: 80px !important;
}
 section.contactmap .the-content {
 margin-bottom: 10px;
}
 section#contact .the-content p, section.contactmap .the-content span, .contactmap .the-content a {
 font-size:15pt !important;
 line-height: 19pt !important;
}
 #landing-title-bar2 .image-button {
 margin:15px auto 5px auto;
}
 .whaton ul {
 padding-bottom:10px;
 width:auto;
}
 footer .social_module ul {
 display:inline-block;
 margin:0px auto;
 text-align:center;
}
 section.food .inner {
 padding-top: 100px;
}
 section.home .inner {
 height: 600px !important;
}
 .header_box div img {
 width:100%;
 height:auto;
}
 .header_box p {
 text-align:justify !important;
}
 #popup-body p {
 font-size:15px !important;
 line-height:16px;
 text-align:justify !important;
}
 #popup-body {
 width:100%;
 height:100%;
}
 section.home .box_address {
/*margin-top:48px;*/
	 
	 }
 .home h3 p, .home h3 p a {
 font-size:20px;
}

}
/* @media screen and (max-width: 600px) {
 #wrapper section.content {
 background-size:cover !important;
 height: auto !important
}
 .my-sticky-nav, #portfolio, .sticky-container, .inner, .body {
 width:100% !important;
}
 section.about .inner {
 margin: 100px 0px;
 padding-bottom: 10px;
}
 section.home .inner {
 height: 500px !important;
}
 section.food {
 padding-top:100px !important;
}
 section.food .inner {
 padding-top: 50px;
}
 section.food .more-link {
 font-size:18pt;
 margin-bottom:150px;
}
 section.food .page-content ul li {
 margin-right:2px;
 margin-left:2px;
 line-height:25pt;
}
 #wrapper section.winbar {
 padding-bottom:50px !important;
}
 .landing-title-bar2 .image-button {
 margin-top: 15px;
}
 .whaton ul {
 padding-bottom:10px;
}
 section.function .subpage-show {
 margin-bottom:50px;
 min-height:auto;
 margin: 10px auto 20px auto;
}
 footer .social_module ul {
 display:inline-block;
 margin:0px auto;
 text-align:center;
}
 section.bar h3 {
 padding:0px;
 line-height:100px !important;
}
 section.function .body h3 {
 line-height:1.2em !important;
/*line-height:60px !important;
		padding: 10px !important;
	}
 section.function .first {
 padding: 100px 0px 20px 0px;
}
 section.contactmap .page-content h3 {
 margin-top: 100px !important;
}
.contactmap .the-content a, .contactmap .the-content p, .contactmap .the-content {
 font-size:16px;
 line-height:16px;
}
 .home h3 p, .home h3 p a {
 line-height:1.9em;
}
section.home .box_address {
/*margin-top:0px;	 
 }
 section.winbar #landing-title-bar1 h3 {
 font-size: 40px ;
 line-height: 45px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
 height: auto !important;
}
 #bullet_file_gallery_page {
 margin-top: -355px !important;
}
 .carousel {
 margin-bottom: 0px !important;
}
}*/
 @media screen and (max-width: 350px) {
 section.food .page-content ul li {
 margin-right:2px;
 margin-left:2px;
 margin-bottom:15px;
 line-height:25pt;
}
 #popup-body p {
 font-size:15px !important;
 line-height:16px;
 text-align:justify !important;
}
 #popup-body {
 width:100%;
 height:100%;
}
 #bullet_file_gallery_page {
 margin-top: -513px !important;
}
.show-popup,.employment_popup{font-size:13px !important}

}



 @media screen and (width: 320px) {
	 #bullet_file_gallery_page {
 	  margin-top: -159px !important;
	  
	}
	#wrapper section#about
	{
		height:500px !important;
	}
	#wrapper section#bar
	{
		height:370px !important;
	}
	#wrapper section#community
	{
		height:590px !important;	
	}
	.landing-title-bar2 h5 a {		
		font-size: 25px !important;
	}
	section#community .post-content p {	
		line-height: 16pt !important;
	}
	section.winbar #landing-title-bar1 h3
	{
		line-height:32px !important;	
	}
	/*
	#sports-bar img
	{
		height:100px !important;
		width:70px !important;	
	}
	*/
	#award-winning img
	{
		height:300px !important;
		width:200px !important;	
	}
	#wrapper section#bar #homeSlider-winbar .fix-box
	{
		top:40px !important;
	}
	section.function .page-content .body li a, .function-links ul li a
	{
		font-size:15px !important; 
	}
	#wrapper section#sports-bar
	{
		height:auto !important;
	}	
	section.bar h3
	{
		line-height:60px !important;	
	}
	.show-popup,.employment_popup{font-size:13px !important}
	.whaton ul{padding-bottom:10px !important}
	.function-links .body img { margin-bottom: -5px !important; width: 25px !important;}
	.carousel-control{top:15% !important}
	section#bar div.content p ,
	section#sports-bar div.content p {
	 font-size:11px !important;
	 line-height: 20px !important;
	}
	section.function .page-content .body li a, .function-links ul li a {
		font-size: 9pt !important;	
	}
	section#sports-bar .function-links ul li a {
	  font-size: 9pt !important;
	}
	
 }

 @media screen and (max-width: 568px) {
	 
	 #bullet_file_gallery_page {
	 margin-top: -167px !important;
	}
	.fix-box{height:auto !important};
	
}
 @media screen and (max-width: 600px) {
 #bullet_file_gallery_page ul li {
 background: url("../images/circel-restaurant-mall.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
 display: inline-table;
 letter-spacing: 0px !important;
 line-height: 23pt;
 margin: 0px !important;
 height:65px !important;
 margin-right:20px !important;
 text-align: center;
 width: 65px !important;
 word-break: inherit;
}
 #bullet_file_gallery_page ul li p {
 padding: 20px 5px !important;
 line-height:0 !important;
}
 #bullet_file_gallery_page ul li a {
 color: #FFFFFF;
 font-family: 'Futura Condensed Light', 'Myriad Pro', Arial;
 font-size: 8pt !important;
 line-height: 13pt !important;
}
 #bullet_file_gallery_page {
 margin-top: -80px;
 z-index: 0;
}
}
 @media screen and (max-width: 300px) {
 section.food .page-content ul li {
 margin-right:5px;
 line-height:25pt;
}
 .winbar .box_bar {
 height: 630px !important;
}
}
@media screen and (max-width: 1400px) and (min-width: 950px) {
#whats-on ul li a img {
height: 240px !important;
width: 170px !important;
}
}
@media screen and (max-width: 950px) {
#whats-on ul li a img {
height: 190px !important;
width: 140px !important;
}
}
@media screen and (max-width: 300px) {
#whats-on ul li a img {
height: 150px !important;
width: 110px !important;
}
}

@media screen and (max-width: 800px) {
	body.home.page #wrapper #home.home.content {
		background-size: cover !important;
		height: auto !important;
	}
	.top-logo {text-align:center;}
	.top-logo img {width:80%;}
	nav.header ul#nav li a {font-size:11pt;}
}

@media (max-width: 640px) {
.top-logo img {width: 100%;}	
/*
section.function .page-content .body li a, .function-links ul li a {
   font-size: 8pt !important;
}
*/
/*
section#sports-bar .function-links ul li a {
	font-size: 8pt !important;
}*/
.function-links .body img {
	margin-bottom: -4px !important;
	width: 18px !important;
	height:auto;
}
.whaton .function-links ul li {margin: 10px !important}
.employment_popup{font-size:12px !important;  margin-left: 5px;}
.show-popup {font-size:12px !important;}
section#community h3 {
  font-size: 20pt !important;
}

/*
sports-bar
section p,
section.restaurant div.content a ,
*/


}