/*
Theme Name: Byng St Local Store
Theme URI: http://www.byngstreet.com.au/
Description: This theme has been designed by Central Web Services.
Version: 1.0
Author: Central Web Services.
Author URI: http://www.centralwebservices.com.au
*/

/*
red: #bf1e2e
*/


.width-value {
position: fixed;
bottom: 0px;
background-color: #CCC;
border: 1px solid #C00;
width: 100%;
display: none;
}


* {
margin: 0px;
padding: 0px;
	}

body {
position: relative;
background: #FFFFFF;
background-image: url(images/paperbkgd.jpg)
}

/*
        header{
            position: fixed;
            width: 100%;
            text-align: center;
            font-size: 72px;
            line-height: 108px;
            height: 108px;
            background: #335C7D;
            color: #fff;
            font-family: 'PT Sans', sans-serif;

            // set animation
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        header.sticky {
            font-size: 24px;
            line-height: 48px;
            height: 48px;
            background: #efc47D;
            text-align: left;
            padding-left: 20px;
        }
 */




/* HEADER */
#header_outer {
	position: fixed;
	top: 0px;
	width: 100%;
	border-top: 4px solid #bf1e2e;
	height: 90px;

	background-image: url(images/header_bg.png);
z-index: 999;
background-position:bottom;
}

#header {
position: relative;
margin: 0 auto;
height: 90px;
width: 935px;
border: 0px solid #0F0;
font-family: "alternate-gothic-no-1-d" 400;
	}


	#header h1{
display: block;
position: absolute;
top: 85px;
left: 393px;
width: 152px;
height: 65px;
border: 0px solid #0F0;
background-image: url(images/decal_bg.png);
background-repeat: no-repeat;
text-indent: -9000px;
	}

	#header h1 a{
display: block;
position: absolute;
top: -75px;
left: 13px;
width: 125px;
height: 125px;
border: 0px solid #0F0;
background-image: url(images/byngst_decal_lg@2x.png);
    background-size: 125px 125px;
    background-repeat: no-repeat;
text-indent: -9000px;

	}


#hp_slider_outer {
	display: block;
	width: 100%;
	max-height: 560px !important;
	border-bottom: 4px solid #bf1e2e;
    margin-top: 89px;
}

#hp_button_left {
    border: 0px solid #000;
    float: left;
    height: 180px;
    left: 50%;
    margin: 0 0 0 -140px;
    position: absolute;
    top: 25%;
    width: 280px;
    z-index: 99;

	background-image: url(images/byngst_banner_logo@2x.png);
    background-size: 280px 180px;
    background-repeat: no-repeat;
}

/* Slider */

.flexslider {
    margin: 0;
}

/* Content */

#content-outer {
width: 100%;
background-image: url(images/content_bg.png);
background-position: top center;
background-repeat: repeat-y;
padding: 0px 0px 100px 0px;
}

#social_icons {
margin: 0 auto;
height: 45px;
width: 944px;
border: 0px solid #F90;
padding: 20px 0px 0px 0px;
}

#content {

margin: 0 auto;

width: 944px;
border: 0px solid #F90;
}

.heading_sml {
border: 0x solid #C00;
width: 100%;
font-family: museo-sans;
font-size: 12px;
font-weight: 700;
color: #999;
margin: 0px 0px 2px 0px;
}



#content  #content_col {
	float: left;
width: 645px;
border: 0px solid #C00;
margin: 0px 60px 0px 0px;
}


#content #content_col p{
font-family: museo-sans;
font-size: 15px;
font-weight: 300;
color: #362f2d;
margin: 0px 0px 25px 0px;
line-height: 22px;
}

.ngg-gallery-thumbnail span{
font-family: museo-sans;
font-size: 15px;
font-weight: 300;
}

#content #content_col p strong{
font-weight: 700;
color: #362f2d;
}

#content #content_col h4{
font-family: alternate-gothic-no-1-d;
font-size: 30px;
font-weight: 400;
color: #362f2d;
width: 100%;

margin: 0px 0px 10px 0px;
line-height: 30px;
}

#content #content_col p a{
	color: #bf1e2e;
	text-decoration: none;
}

#content #content_col p a.btn_book{
	font-family: alternate-gothic-no-1-d;
font-size: 18px;
font-weight: 300;
color: #FFF;
text-transform: uppercase;
padding: 2px 10px 0px 10px;
background:#bf1e2e;
border:0 none;
cursor:pointer;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 20px 0px 0px 0px;
}


#content #content_col img.alignright {
float: right;
margin: 15px 0px 15px 15px;
}

.news_row {
border: 0px solid #C00;
width: 100%;
}

.news_row h3{
font-family: alternate-gothic-no-1-d;
font-size: 50px;
font-weight: 400;
color: #362f2d;
width: 100%;
border-bottom: 1px solid #362f2d;
margin: 0 0 24px 0;
line-height: 50px;
}


.promobox {
	float: left;
border: 0px solid #C00;
width: 100%;
margin: 0px 0px 30px 0px;
}


.promobox h4,
.promobox h4 a{
font-family: alternate-gothic-no-1-d;
font-size: 30px;
font-weight: 400;
color: #362f2d;
width: 100%;

margin: 0px 0px 10px 0px;
line-height: 30px;
text-decoration: none;
}


.promobox img,
.promobox img a{
float: left;
width: 140px;
height: auto;
border: 5px solid #FFF;
border-radius: 3px;
margin: 0px 15px 0px 0px;
}

#testimonial,
.testimonials-list {
width: 100%;
border: 0px solid #C00;
font-family: museo-sans;
color: #362f2d;
font-size: 15px;
}

#testimonial strong,
.testimonials-list strong{
	display: block;
font-weight: 700;

text-transform: uppercase;
margin: 0px 0px 10px 0px;
}




#testimonial blockquote p,
.testimonials-list blockquote p {
margin: 0px;
line-height: 25px;
font-style: italic;
}


#testimonial blockquote p:before,
.testimonials-list blockquote p:before {
    content: '\201c';
	font-size: 25px;
	font-family: georgia;
	line-height: 5px;
}

#testimonial blockquote p:after,
.testimonials-list blockquote p:after {
    content: '\201d';
	font-size: 25px;
	font-family: georgia;
	line-height: 5px;
}


#testimonial cite,
.testimonials-list cite {
	display: block;
font-style: normal;
color: #656565;
margin: 10px 0px 0px 0px;
}

.testimonials-list div{
border: 0px solid #C00;
margin: 0px 0px 50px 0px;
}


.past-events {
    width: 100%;
}

.past-events, .past-events .items:after {
    content: '';
    display: table;
    clear: both;
}

.past-events .items {
    margin-right: -15px;
}

.past-events .past-event {
    float: left;
    margin-right: 15px;
    height: 250px;
}

.past-events .past-event img {
    height: auto;
    width: 140px;
    border: 5px solid white;
    border-radius: 3px;
}

.past-events h3 {
    font-family: alternate-gothic-no-1-d;
    font-size: 40px;
    font-weight: 400;
    color: #362f2d;
    width: 100%;
    border-bottom: 1px solid #362f2d;
    margin: 0 0 24px 0;
    line-height: 40px;
}

.event-datetime, .event-location, .event-ticketinfo {
    margin: 0 !important;
}

.event-meta, .event-make-booking, .event-description p {
    margin: 1em 0 !important;
}




.newsletter_box {
		float: left;
border: 0px solid #C00;
width: 100%;
background: rgba(0,0,0,0.05);

min-height: 135px;
margin: 0px 0px 0px 0px;
}


#content #content_col .newsletter_box h4{
	float: left;
font-family: alternate-gothic-no-1-d;
font-size: 30px;
font-weight: 400;
color: #362f2d;
width: 100%;

margin: 15px 0px 0px 11px;
line-height: 30px;
}

#content #content_col .newsletter_box p{
font-size: 12px;
margin: 15px 0px 0px 11px;
}


.ngg-gallery-thumbnail img {
    background-color: #ffffff;
    border: 0px solid #a9a9a9 !important;
    display: block;
    margin: 4px 0 4px 4px;
    padding: 4px;
    position: relative;
}





.newsletter_box form {
	float: left;
	width: 100%;
	padding: 8px 0 10px 11px;
	font-family: museo-sans;
	font-weight: 300;
}

.newsletter_box fieldset {
	border: 0;
}

.newsletter_box form div {
	float: left;
	margin: 0px 15px 0px 0px;
}

.newsletter_box form div.error {
	width: 95%;
}

.newsletter_box label {
	font-size: 10px;
	text-transform: uppercase;
	color: #333;
}

.newsletter_box input, .newsletter_box button {
	height: 40px;
	border: 0;
}

.newsletter_box input[type=text], .newsletter_box input[type=email] {
	width: 240px;
	font-size: 15px;
	padding: 0 10px;
}

.newsletter_box input[type=submit], 
.newsletter_box button,
.newsletter_box a.button {
	border: 1px solid #c00;
	font-family: "alternate-gothic-no-1-d";
	font-size: 22px;
	font-weight: 300;
	line-height: 40px;
	color: #fff!important;
	text-transform: uppercase;
	padding: 4px 20px 0px 20px;
	background: #bf1e2e;
	cursor: pointer;
	border-radius: 10px;
	margin-top: 20px;
	width: auto;
}

.newsletter_box form div br:last-child { display: none; }






.visual-form-builder fieldset {
		float: left ;
border: 0px solid #C00 !important;
width: 100%;
background: rgba(0,0,0,0.05) !important;

min-height: 135px;
margin: 0px 0px 20px 0px;

    font-family: museo-sans;
    font-weight: 300;

}

.visual-form-builder .vfb-legend {
border: 0px solid #C00 !important;
}

.visual-form-builder label,
label.vfb-desc {
    color: #333 !important;
    display: block;
    margin: 0;
    padding: 0 0 0px !important;

	font-size: 10px !important;
    text-transform: uppercase !important;
	font-weight: normal !important;
}


.visual-form-builder .vfb-legend h3 {
float: left;
font-family: alternate-gothic-no-1-d !important;
font-size: 30px !important;
font-weight: 400 !important;
color: #362f2d !important;
width: 100%;

margin: 15px 0px 0px 11px;
line-height: 30px;

border: none;
}


input.vfb-text, input.vfb-text[type="text"], input.vfb-text[type="tel"], input.vfb-text[type="email"], input.vfb-text[type="url"] {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #0F0 !important;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 3px 0;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

	   border: 0 solid #ccc !important;
    font-size: 15px !important;
    height: 40px !important;
    padding: 0 0 0 10px !important;
    width: 240px !important;
}

textarea.vfb-textarea{
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #0F0 !important;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 3px 0;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

	   border: 0 solid #ccc !important;
    font-size: 15px !important;

    padding: 10px 0 0 10px !important;

}



/* CONTACT FORM



.visual-form-builder fieldset{
		float: left;
border: 0px solid #C00;
width: 100%;
background: rgba(0,0,0,0.05);

min-height: 135px;
margin: 0px 0px 20px 0px;
}


.visual-form-builder fieldset h3{
	float: left;
font-family: alternate-gothic-no-1-d;
font-size: 30px;
font-weight: 400;
color: #362f2d;
width: 100%;

margin: 15px 0px 0px 11px;
line-height: 30px;

border: none;
}


ul.vfb-section {
border: 1px solid #C00;
}


ul.vfb-section li{
border: 1px solid #0F0;
}


ul.vfb-section li.vfb-left-half{
float: left;
width: 45%;
}

ul.vfb-section li.vfb-right-half{
float: right;
width: 45%;
}

#content #content_col .newsletter_box p{
font-size: 12px;
margin: 15px 0px 0px 11px;
}


.newsletter_box form#newsletter {
float: left;
width: 100%;
margin: 8px 0px 10px 11px;
padding: 0px 0px 0px 0px;
font-family: museo-sans;
font-weight: 300;
}

.newsletter_box form#newsletter fieldset{
border: 0px;
}

.newsletter_box form#newsletter fieldset div{
float: left;
border: 0px solid #0F0;
margin: 0px 15px 0px 0px;
}

.newsletter_box form#newsletter fieldset div label {

font-size: 10px;


text-transform: uppercase;
color: #333px;
}

.newsletter_box form#newsletter fieldset div input {
width: 240px;
height: 40px;
border: 0px solid #CCC;
font-size: 15px;
padding:0px 0px 0px 10px;
}

.newsletter_box form#newsletter fieldset input[type=submit] {
	font-family: alternate-gothic-no-1-d;
font-size: 18px;
font-weight: 300;
color: #FFF;
text-transform: uppercase;
padding: 2px 10px 0px 10px;
background:#bf1e2e;
border:0 none;
cursor:pointer;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 20px 0px 0px 0px;
}

*/




#content  #sidebar
 {
	float: left;
width: 235px;
border: 0px solid #C00;
margin: 14px 0px 0px 0px;
}

#content  #sidebar .sidebar_box,
#content  #sidebar .widget_con {
float: left;
width: 235px;
border-bottom: 1px solid #333;
padding: 0px 0px 10px 0px;
margin: 0px 0px 35px 0px;
}

#content  #sidebar .sidebar_box h3,

#content  #sidebar .widget_con h3{
	font-family: alternate-gothic-no-1-d;
font-size: 30px;
font-weight: 300;
color: #333;
float: left;
width: 235px;
border-bottom: 1px solid #333;
}

#content  #sidebar .sidebar_box h3 a{
color: #333;
text-decoration: none;
}

#content  #sidebar .sidebar_box img{
float: left;
width: 225px;
height: auto;
border: 5px solid #FFF;
border-radius: 3px;
margin: 5px 0px 5px 0px;
}


#content  #sidebar .sidebar_box p{
font-family: museo-sans;
font-weight: 300;
font-size: 12px;
line-height: 20px;
margin: 0px 0px 0px 0px;
}

#content  #sidebar .sidebar_box p a{
	color: #bf1e2e;
	text-decoration: none;
}


#content  #sidebar .sidebar_box p a:hover{
color: #999;
}


#content  #sidebar .widget_con ul.instagram-pics {
float: left;
border: 5px solid #FFF;
border-radius: 2px;
list-style-type: none;
}

#content  #sidebar .widget_con ul.instagram-pics li {
float: left;
width: 110px;
height: 110px;
border: 1px solid #FFF;
}



#content  #sidebar .widget_con ul.instagram-pics li img {
width: 110px;
height: 110px;
}

#content  #sidebar_left
 {
	float: left;
width: 235px;
border: 0px solid #C00;
margin: 50px 45px 0px 0px;
}


#footer-outer {
	width: 100%;
	background: rgba(0,0,0,0.05);
	min-height: 70px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 100px 0px;
}

#footer {

	margin: 0 auto;
	position: relative;

width: 933px;
border: 0px solid #000;

}

#byng_logo {
float: left;
width: 90px;
height: 90px;
border: 0px solid #Fa9;
position: absolute;
top: 30px;
left: -145px;
background-image: url(images/byngst_decal_bw@2x.png);
    background-size: 90px 90px;
    background-repeat: no-repeat;

}

#footer h4{
font-family: alternate-gothic-no-1-d;
font-size: 26px;
font-weight: 300;
color: #bf1e2e;
margin: 0px 0px 15px 0px;
}

#footer p {
font-family: museo-sans;
font-weight: 300;
font-size: 13px;
color: #666;
line-height: 20px;
margin: 0px 0px 20px 0px;
}

#footer p a{
	color: #bf1e2e;
	text-decoration: none;
}


#footer p a:hover{
color: #999;
}

#footer #footer_col_1{
float: left;

width: 360px;
margin: 40px 65px 0px 0px;
border:	0px solid #C00;
}

ul#group_logos {
	list-style-type: none;
float: left;
width: 100%;
border: 0px solid #000;
}

ul#group_logos li {

float: left;
width: 75px;
height: 115px;
border: 0px solid #000;
margin: 0px 60px 25px 0px;
}


ul#group_logos li:nth-child(3) {
margin: 0px 0px 25px 0px;
}

ul#group_logos li a{
display: block;
width: 74px;
height: 114px;
background-image: url(images/byngst_decal_bw@2x.png);
    background-size: 74px 114px;
    background-repeat: no-repeat;
text-indent: -9000px;
}

ul#group_logos li.store a{
background-image: url(images/group_local_store_bw@2x.png);
}

ul#group_logos li.endsleigh a{
background-image: url(images/group_endsleigh_bw@2x.png);
}
ul#group_logos li.botanic a{
background-image: url(images/group_botanic_bw@2x.png);
}
ul#group_logos li.health a{
background-image: url(images/group_health_bw@2x.png);
}
ul#group_logos li.catering a{
background-image: url(images/group_catering_bw@2x.png);
}

#footer #footer_col_2{
float: left;
width: 230px;
margin: 40px 50px 0px 0px;
border:	0px solid #0F0;
}

#footer #footer_col_2 img{
float: left;
width: 220px;
height: auto;
border: 5px solid #FFF;
border-radius: 3px;
margin: 0px 0px 0px 0px;
}

#footer #footer_col_3{
float: left;
width: 200px;
margin: 40px 0px 0px 0px;
border:	0px solid #9cf;
}







@media screen and (min-width: 984px) {  /* This is style when it's fullscreen */

.nav-collapse ul {
	display: block;


	width: 933px;
margin: 30px 0px 0px 0px;
padding: 0px;
list-style-type: none;
border: 0px solid #9cf;
}

.nav-collapse ul li{
float: left;
margin: 0px 25px 0px 25px;
padding: 0px;
text-align: center;
}

.nav-collapse ul li a{
color: #666;
text-decoration: none;
text-transform: uppercase;
font-family: alternate-gothic-no-1-d;
font-size: 24px;
font-weight: 400;
}

.nav-collapse ul li a:hover{
color: #b11116;
}

.nav-collapse ul li.current-menu-item a{
color: #b11116;
}


.nav-collapse ul li a span{
	display: block;
clear: both;
text-transform: none;

font-family: ff-tisa-web-pro;
font-size: 12px;
font-weight: 400;
font-style: italic;
}

.nav-collapse ul li:first-child {
   border: 0px solid #9cf;
   margin-left: 0px;
}


.nav-collapse ul li:nth-child(4) {
   border: 0px solid #9cf;
   margin-right: 165px;
}

.nav-collapse ul li:last-child {
   border: 0px solid #9cf;

   margin-right: 0px;
}


}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 960px or less  964 */
@media screen and (max-width: 984px) {

.width-value {
position: fixed;
bottom: 0px;
background-color: yellow;
border: 0px solid #C00;
width: 100%;
}


#header {
position: relative;
margin: 0 auto;
height: 100px;
width: 768px;
border: 0px solid #0F0;
font-family: "alternate-gothic-no-1-d" 400;
	}

	#hp_slider_outer {
	display: block;
	width: 100%;
	max-height: 560px !important;
	border: 0px solid #9cf;
    margin-top: 90px;
}

	/*
	#header h1 a{
display: block;
position: absolute;
top: 4px;
left: 350px;
width: 60px;
height: 60px;
border: 0px solid #C00;
background-image: url(images/byngst_decal_sml@2x.png);
    background-size: 60px 60px;
    background-repeat: no-repeat;
text-indent: -9000px;
	}

 This is the style when the logo gets small and tha nav is on one line */


#header h1{
display: block;
position: absolute;
top: 7px;
left: 345px;
width: 60px;
height: 60px;
border: 0px solid #0F0;
background-image: none;
background-repeat: no-repeat;

	}

	#header h1 a{
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 60px;
height: 60px;
border: 0px solid #0F0;
background-image: url(images/byngst_decal_sml@2x.png);
    background-size: 60px 60px;
    background-repeat: no-repeat;
text-indent: -9000px;
	z-index: 999;
	}


.nav-collapse ul {
	display: block;


	width: 768px;
margin: 30px 0px 0px 0px;
padding: 0px;
list-style-type: none;
border: 0px solid #fa9;
}

.nav-collapse ul li{
float: left;
margin: 0px 18px 0px 18px;
padding: 0px;
}



.nav-collapse ul li a{
color: #666;
text-decoration: none;
text-transform: uppercase;
font-family: alternate-gothic-no-1-d;
font-size: 24px;
font-weight: 400;
}

.nav-collapse ul li a:hover{
color: #b11116;
}


.nav-collapse ul li a span{
	display: block;
clear: both;
text-transform: none;

font-family: ff-tisa-web-pro;
font-size: 12px;
font-weight: 400;
font-style: italic;
}


.nav-collapse ul li:first-child {

   margin-left: 0px;
}


.nav-collapse ul li:nth-child(4) {

   margin-right: 65px;
}

.nav-collapse ul li:last-child {


   margin-right: 0px;
}

#social_icons {
margin: 0 auto;
height: 45px;
width: 768px;
border: 0px solid #F90;
padding: 20px 0px 0px 0px;
}

.fb-like {
float: right !important;
width: 150px !important;
border: 0px solid #F90;
height: 20px;
}

#content {
margin: 0 auto;
min-height: 400px;
width: 768px;
border: 0px solid #F90;
}


#content  #content_col {
	float: left;
width: 460px;
border: 0px solid #C00;
margin: 0px 60px 0px 0px;
}


#content  #sidebar {
	float: left;
width: 235px;
border: 0px solid #C00;
}

#content  #sidebar_left {

border: 0px solid #C00 !important;
margin: 50px 30px 0px 15px;
}


#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 768px;
border: 0px solid #000;
}


.nav-collapse ul li:first-child {

   margin-left: 10px;
}


.nav-collapse ul li:nth-child(4) {

   margin-right: 65px;
}

.nav-collapse ul li:last-child {


   margin-right: 5px;
}



#footer #footer_col_1{
float: left;

width: 250px;
margin: 40px 15px 0px 15px;
border:	0px solid #C00;
}



#footer #footer_col_2{
float: left;
width: 230px;
margin: 40px 15px 0px 0px;
border:	0px solid #0F0;
}


#footer #footer_col_3{
float: left;
width: 200px;
margin: 40px 0px 0px 0px;
border:	0px solid #9cf;
}

ul#group_logos li {

float: left;
width: 75px;
height: 115px;
border: 0px solid #000;
margin: 0px 5px 25px 0px;
}


ul#group_logos li:nth-child(3) {
margin: 0px 5px 25px 0px;
}

ul#group_logos li a{
display: block;
width: 74px;
height: 114px;
background-image: url(images/byngst_decal@2x.png);
    background-size: 74px 114px;
    background-repeat: no-repeat;
text-indent: -9000px;
}


}


/* for 768px or less  768 + REPONSIVE NAV*/
@media screen and (max-width: 760px) {

.width-value {
position: fixed;
bottom: 0px;
background-color: orange;
border: 0px solid #C00;
width: 100%;
}



#header {
position: relative;
margin: 0 auto;
height: 100px;
width: 100%;
border: 0px solid #0F0;
font-family: "alternate-gothic-no-1-d" 400;
	}



/*
	#header h1 a{
display: block;
position: absolute;
top: 4px;
left: 50%;
width: 60px;
height: 60px;
margin: 0px 0px 0px -30px;
border: 0px solid #C00;
background-image: url(images/byngst_decal_sml@2x.png);
    background-size: 60px 60px;
    background-repeat: no-repeat;
text-indent: -9000px;
	}
*/

	#header h1{
display: block;
position: absolute;
top: 7px;
left: 50%;
width: 60px;
height: 60px;
border: 0px solid #0F0;
background-image: none;
background-repeat: no-repeat;
margin: 0px 0px 0px -30px;
	}

	#header h1 a{
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 60px;
height: 60px;
border: 0px solid #0F0;
background-image: url(images/byngst_decal_sml@2x.png);
background-size: 60px 60px;
background-repeat: no-repeat;
text-indent: -9000px;
z-index: 0;
	}


/* This when the drop down Kicks in */

	.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  background-color: #bf1e2e;
}

.nav-collapse ul li{
float: none;
margin: 0px 0px 0px 0px;
padding: 0px;
  width: 100%;
  display: block;
  text-align:center;
  border-bottom: 1px solid #FFF;
}


.nav-collapse ul li a{
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-family: alternate-gothic-no-1-d;
font-size: 24px;
font-weight: 400;
}

.nav-collapse ul li a:hover,
.nav-collapse ul li a:hover span{
color: #ccc;
}



.nav-collapse ul li a span{
	display: inline;
clear: right;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-family: alternate-gothic-no-1-d;
font-size: 24px;
font-weight: 400;
font-style: normal;


}


#hp_button_left {
    border: 0px solid #000;
    float: left;
    height: 135px;
    left: 50%;
    margin: 0 0 0 -105px;
    position: absolute;
    top: 25%;
    width: 210px;
    z-index: 99;

	background-image: url(images/byngst_banner_logo@2x.png);
    background-size: 210px 135px;
    background-repeat: no-repeat;
}

#social_icons {
margin: 0px auto 0px;
height: 45px;
width: 640px;
border: 0px solid #F90;
padding: 20px 0px 0px 0px;
}




#content {
margin: 0 auto;
width: 640px;
border: 0px solid #F90;
}

#content  #sidebar_left {

border: 0px solid #C00 !important;
margin: 0px 15px 0px 0px !important;
width: 235px;
}



#content  #content_col {
	float: left;
width: 385px;
border: 0px solid #C00;
margin: 0px 15px 0px 0px;
}


img.event_flyer {
width: 385px;
height: auto;
border: 0px solid #Fa9;
}


#content  #sidebar {
	float: left;
width: 235px;
border: 0px solid #C00;
margin-top: 0px !important;
}

#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 640px;
border: 0px solid #000;
}


#footer #footer_col_1{
float: left;

width: 360px;
margin: 40px 15px 0px 15px;
border:	0px solid #C00;
}

#footer #footer_col_2{
float: left;
width: 230px;
margin: 40px 0px 0px 0px;
border:	0px solid #0F0;
}


#footer #footer_col_3{
float: left;
width: 200px;
margin: 40px 0px 0px 15px;
border:	0px solid #9cf;
}

}



/* for 640px or less  640 */
@media screen and (max-width: 657px) {

.width-value {
position: fixed;
bottom: 0px;
background-color: red;
border: 0px solid #C00;
width: 100%;
}
/* 480 */

#hp_button_left {
    border: 0px solid #000;
    float: left;
    height: 135px;
    left: 50%;
    margin: 0 0 0 -105px;
    position: absolute;
    top: 15%;
    width: 210px;
    z-index: 99;

	background-image: url(images/byngst_banner_logo@2x.png);
    background-size: 210px 135px;
    background-repeat: no-repeat;
}


#social_icons {
margin: 0px auto 0px auto !important;
height: 45px;
width: 480px;
border: 1px solid #F90;
padding: 20px 0px 0px 0px;
margin-top: 100px;
}


#content {
margin: 0 auto;
min-height: 400px;
width: 480px;
border: 0px solid #F90;

}


#content  #content_col {
	float: left;
width: 480px;
border: 0px solid #C00;
margin: 0px 10px 0px 0px;
}


#content  #sidebar {
	float: left;
width: 480px;
border: 0px solid #C00;
}




#content  #sidebar  .sidebar_box {
margin-right: 6px;

}


#content  #sidebar .heading_sml {
	display: none;
}




#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 480px;
border: 0px solid #000;
}

#content  #sidebar_left {

display: none;

}

img.event_flyer {
width: 480px;
height: auto;
border: 0px solid #Fa9;
}


}

/* for 640px or less  640 */
@media screen and (max-width: 497px) {  /* kicks in at 463 */

.width-value {
position: fixed;
bottom: 0px;
background-color: purple;
border: 0px solid #C00;
width: 100%;
}
/* 480 */

#hp_button_left {
border: 0px solid #000;
    float: left;
    height: 180px;
    left: 50%;
    margin: 0 0 0 -70px;
    position: absolute;
    top: 15%;
    width: 140px;
    z-index: 99;


	background-image: url(images/byngst_banner_logo@2x.png);
    background-size: 140px 90px;
    background-repeat: no-repeat;



}


#social_icons {
margin: 0 auto;
height: 45px;
width: 320px;
border: 0px solid #F90;
padding: 20px 0px 0px 0px;
margin-top: 100px;
}


#content {
margin: 0 auto;
min-height: 400px;
width: 320px;
border: 0px solid #F90;

}


#content  #content_col {
	float: left;
width: 320px;
border: 0px solid #C00;
margin: 0px 10px 0px 0px;
}


#content  #sidebar {
	float: left;
width: 320px;
border: 0px solid #C00;
}

#content  #sidebar .sidebar_box,
#content  #sidebar .widget_con
{
	border: 0px solid #0F0;
	margin: 0px 0px 0px 35px;
}

#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 320px;
border: 0px solid #000;
}

#content  #sidebar_left {

display: none;

}


#footer #footer_col_1{
float: left;

width: 320px;
margin: 40px 0px 0px 0px;
border:	0px solid #C00;
text-align: center;
}



#footer #footer_col_2{
float: left;
width: 320px;
margin: 40px 0px 0px 0px;
border:	0px solid #0F0;

text-align: center;
}


#footer #footer_col_2 img{

margin: 0px auto 0px 50px;
clear: both;
}

#footer #footer_col_3{
float: left;
width: 320px;
margin: 40px 0px 0px 0px;
border:	0px solid #9cf;

text-align: center;
}

ul#group_logos {
	list-style-type: none;
float: left;
width: 100%;
border: 0px solid #000;
}

ul#group_logos li {

float: left;
width: 75px;
height: 115px;
border: 0px solid #000;
margin: 0px 0px 25px 0px;
}


ul#group_logos li:nth-child(3) {
margin: 0px 0px 0px 0px !important;
}

ul#group_logos li:nth-child(5) {
margin: 0px 0px 0px 120px !important;
}

ul#group_logos li a{
display: block;
width: 74px;
height: 114px;
background-image: url(images/byngst_decal@2x.png);
    background-size: 74px 114px;
    background-repeat: no-repeat;
text-indent: -9000px;
}

ul#group_logos li.store a{
background-image: url(images/group_local_store@2x.png);
}

ul#group_logos li.endsleigh a{
background-image: url(images/group_endsleigh@2x.png);
}
ul#group_logos li.botanic a{
background-image: url(images/group_botanic@2x.png);
}
ul#group_logos li.health a{
background-image: url(images/group_health@2x.png);
}
ul#group_logos li.catering a{
background-image: url(images/group_catering@2x.png);
}

img.event_flyer {
width: 320px;
height: auto;
border: 0px solid #Fa9;
}


}

@media screen and (max-width: 337px) {  /* 320px +  17px */

.width-value {
position: fixed;
bottom: 0px;
background-color: green;
border: 0px solid #C00;
width: 100%;
}

#hp_slider_outer {
	display: block;
	border: 0px solid #0f0;
}


#hp_button_left {
border: 0px solid #000;
    float: left;
    height: 180px;
    left: 50%;
    margin: 0 0 0 -70px;
    position: absolute;
    top: 15%;
    width: 140px;
    z-index: 99;


	background-image: url(images/byngst_banner_logo@2x.png);
    background-size: 140px 90px;
    background-repeat: no-repeat;



}

#social_icons {
margin: 0 auto;
height: 45px;
width: 320px;
border: 0px solid #F90;
padding: 20px 0px 0px 0px;
margin-top: 0px;
}

#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 320px;
border: 0px solid #000;
}






}







.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 760px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


@font-face {
  font-family: "responsivenav";
  src:url("icons/responsivenav.eot");
  src:url("icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("icons/responsivenav.ttf") format("truetype"),
    url("icons/responsivenav.woff") format("woff"),
    url("icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
  border: 0px solid #0F0;
}

.nav-toggle:before {
  color: #bf1e2e; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}