@media only screen and (max-width: 1580px) {
	.dine-banner .banner {
		top: auto;
		bottom: 4.8em
	}

}

@media only screen and (max-width: 1200px) {
	.learn .ladyface-blog-holder h2 {
		width: 100%;
		line-height: 1.2
	}

	.dine-banner .banner {
		top: auto;
		bottom: 0em
	}

	.full-content.family-banner h1 {
		top: 65%;
	}

	.full-content.family-banner .banner {
		left: -50%;
		width: 160%;
		max-width: none
	}
	.slide-1, .slide-2, .slide-3, .slide-4, .slide-5 {
		background-size: auto 100%;
	}
	.sitemap-banner .banner {
		top: auto;
		bottom: 0em
	}
	.not-head h2  {
		width:100%;
	}
	.not-head p {
		width:100%;
		margin-top:0;
		margin-right:0;
		float:left;
	}
}

@media only screen and (max-width: 1015px) {
	#tabs li {
		float: none
	}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.ales .ales-head h2 {
		font-size: 56px;
	}

	.home .ales-head h2 {
		width: 75%
	}

	.content, .header-inner {
		width: 768px;
	}

	.main-menu ul li {
		margin: 0px 5px;
	}

	.main-menu ul li a {
		font-size: 16px;
	}

	h1 {
		line-height: 90px;
		font-size: 80px;
	}

	h2 {
		line-height: 50px;
		font-size: 45px;
	}

	.ales-head h2, .celar-head h2 {
		font-size: 48px;
		line-height: 62px;
	}

	.header-content h1 {
		padding-right: 100px;
	}

	.home-slider .bx-controls {
		top: 35px;
	}

	.content .three-columns-holder .middle-column {
		width: 50%;
	}

	.content .three-columns-holder .left-column,
	.content .three-columns-holder .right-column {
		width: 23%;
	}

	.latest {
		padding-left: 20px;
	}

	.latest .left-column {
		margin-top: 60px;
	}

	.ales-head h2 {
		font-size: 50px;
		width: 60%;
	}

	.main-ales {
		margin-top: -65px;
	}

	.main-ales .button-holder {
		width: 40%;
		margin: 0;
	}

	.drinks-ales .ales-content, .content .two-columns-holder, .content .two-columns-holder .column-inner {
		width: 100%;
	}

	.content .two-columns-holder .column-holder {
		margin-top: 15px;
	}

	.cs-slider {
		margin-bottom: 10px;
	}

	.cs-holder .bx-controls {
		right: 45px;
	}

	.ales .ales-left {
		position: absolute;
		left: 15px;
		top: 110px;
		width: 15%;
	}

	.main-ales .ales-head {
		width: 80%;
	}

	.ales-content a {
		font-size: 13px;
		line-height: 15px;
	}

	.four-columns-holder {
		width: 100%;
	}

	.now-on-top {
		width: 100%;
	}

	.drinks-inner {
		width: 90%;
	}

	.celar-footer p {
		width: 50%;
	}

	.drink-name, .quantity, p, li {
		font-size: 13px;
	}

	.content .subtitle {
		font-size: 16px;
	}

	.bxslider-cs li {
		width: 360px !important;
	}

	.twitter-news .bx-controls {
		position: absolute;
		right: 0;
		top: 25px;
	}

	.socialize-holder .two-columns-holder .left-column p {
		font-size: 16px;
	}

	.socialize-holder h3 {
		margin-bottom: 5px;
	}

	.socialize-holder .btn-brown {
		margin-left: 0;
		margin-top: 20px;
	}

	.socialize-holder .social-icon {
		margin-left: 8px;
	}

	.twitter-inner {
		padding: 30px 10px;
	}

	.calendar .event {
		font-size: 11px;
	}

	.calendar .bx-controls .bx-controls-direction .bx-prev {
		left: 5px;
	}

	.calendar .bx-controls .bx-controls-direction .bx-next {
		right: 5px;
	}

	.about-holder .button-holder {
		width: 130%;
	}

	.faq-hidden {
		width: 300px;
	}

	.contact-holder .images-holder {
		width: 95%;
	}

	.contact-holder .img-holder h4 {
		font-size: 20px;
	}

	.contact-form {
		margin: auto;
		width: 90%;
	}

	.job-board-holder p {
		line-height: 20px;
	}

	.job-board-holder .subtitle {
		margin-bottom: 10px;
	}

	.ladyface-team-holder .button-holder a {
		float: none;
	}

	.job-board-holder .bx-controls {
		position: absolute;
		left: 320px;
		top: 90px;
	}

	.dine-info {
		width: 96%;
	}

	.gallery-inner {
		padding: 0px 34px;
	}

	.photo-galery .li-column {
		width: 90%;
	}

	.socialize-holder .button-holder {
		margin-left: 0;
		margin-top: 10px;
	}

	.calendar .row .field-inner {
		min-height: 120px;
	}

	.home .main-ales .button-holder {
		width: 100%;
		float: none
	}

	.full-content.contact-banner .banner {
		top: auto;
		bottom: 0.5em
	}

	.full-content.drink-banner .banner {
		top: auto;
		bottom: 0.5em
	}
}

@media only screen and (max-width: 960px) {
	.full-content.drink-banner .banner, .full-content.socialize-banner .banner, .full-content.gossip-banner .banner, .full-content.dine-banner .banner, .full-content.socialize-banner .banner {
		height: 340px;
		width: auto;
		max-width: none;
	}

	.full-content.learn-banner .banner {
		bottom: 0
	}
	.now-on-top.nt {width:90%}
}

@media only screen and (max-width: 540px) {
	.full-content.drink-banner .banner, .full-content.socialize-banner .banner, .full-content.gossip-banner .banner, .full-content.dine-banner .banner {
		width: auto;
		height: 240px;
		left: 0;
		bottom: 0
	}
	
	.latest-head h2 {
        font-size: 32px;
        line-height: 100%;
    }

}

@media only screen and (min-width: 480px) and (max-width: 768px) {

	.full-content.contact-banner .banner {
		top: 0;
		bottom: auto
	}

	.not-head h2, .menu-highlights h2 {
		font-size: 38px
	}

	.header-holder {
		background-image: none;
	}

	.main-menu {
		display: none;
	}

	.main-menu-mobile {
		display: block;
	}

	.content, .header-inner {
		width: 420px;
	}

	.header-content h1 {
		font-size: 60px;
		line-height: 70px;
		display: block;
		padding-right: 0;
		padding-top: 200px;
		text-align: center;
		width: 100%;
	}

	h2 {
		font-size: 40px;
		line-height: 45px;
	}

	h3 {
		font-size: 30px;
		line-height: 35px;
	}

	.logo {
		max-width: 165px;
		left: 138px;
		top: 52px;
	}

	.slide-1, .slide-2, .slide-3, .slide-4, .slide-5 {
		background-size: 190%;
		height: 420px;
	}

	.bx-viewport {
		width: 100%;
	}

	.home-slider .bx-controls {
		top: 81%;
		right: 38%;
	}

	.content .three-columns-holder .left-column {
		display: none;
	}

	.content .three-columns-holder .middle-column,
	.content .three-columns-holder .right-column {
		width: 100%;
		float: none;
	}

	.content .three-columns-holder .right-column .btn-red {
		float: none;
		margin: auto;
	}

	.content .three-columns-holder .left-column-hidden,
	.content .three-columns-holder .right-column {
		display: inline-block;
		margin-top: 15px;
	}

	.latest {
		width: 96%;
		padding: 2%;
		background-image: url(../img/bungbarrel.png);
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: 100%;
	}

	.latest .left-column {
		width: 100%;
		float: none;
		margin: 0;
	}

	.latest .right-column {
		width: 50%;
		margin: auto;
		float: none;
		padding-bottom: 20px;
	}

	.latest .latest-news, .latest-news .news-img,
	.latest-news h4, .latest-news p,
	.latest-head,
	.blog-img,
	.ladyface-blog-holder h4, .ladyface-blog p,
	.blog-head {
		width: 100%;
		float: none;
		clear: both;
		text-align: center;

	}

	.latest .latest-news, .latest-news .news-img,
	.latest-news h4, .latest-news p,
	.latest-head {
		color: #562E19;
	}

	.latest h2 {

		text-shadow: none;
		width: 100%;
	}

	.latest-head {
		margin-bottom: 70px;
	}

	.latest .bx-controls {
		top: 80px;
		left: 40%;
	}

	.slider-right-text {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	.latest .latest-news h4 {
		width: 60%;
		margin: auto auto 10px;
	}

	.latest-news .news-img {
		margin-bottom: 20px;
	}

	.latest-news .news-img img {
		margin: auto;
		float: none;
	}

	.latest-news p {
		line-height: 25px;
		width: 80%;
		margin: auto;
	}

	.main-ales {
		margin-top: -60px;
		background-image: url(../img/ales-bkg2.png);
		background-repeat: no-repeat;
		background-position: top center;
		width: 100%;
		text-align: center;
	}

	.main-ales .button-holder {
		margin: auto;
		width: auto;
		float: none;
		display: inline-block;
		margin-right: 0;
	}

	.main-ales .button-holder a {
		float: none;
	}

	.ales-head {
		margin: auto;
		float: none;
		width: auto;
	}

	.ales-content, .ales-ul, .ales-img, .ales-ul ul, .ales-ul h4 {
		width: 100%;
		float: none;
	}

	.ales-head h2 {
		width: auto;
		float: none;
	}

	.border-img {
		display: none;
	}

	.ales-head {
		margin-top: 40px;
	}

	.ales-head h2, .celar-head h2 {
		font-size: 42px;
		line-height: 42px;
		margin-bottom: 40px;
	}

	.drinks-ales .ales-head h2 {
		margin-top: 20px;
	}

	.ales-ul img {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.ales .ales-left {
		display: block;
		position: static;
		margin: 20px auto auto;
		clear: both;
		width: 100%;
	}

	.footer-holder {
		width: 420px;
		margin: auto;
	}

	.footer-wrapper {
		background: url("../img/footer2.png") center top repeat;
	}

	.footer-wrapper ul li {
		float: none;
	}

	.footer-wrapper ul a {
		display: block;
		border-left: none;
		line-height: 25px;
		color: #FDFCE1;
		text-decoration: none;
		font-family: 'lo-typeregular';
		font-size: 15px;
	}

	.footer-wrapper p {
		line-height: 25px;
		margin: 20px auto auto;
		padding-bottom: 20px;
	}

	.four-columns-holder, .content .two-columns-holder {
		width: 100%;
		float: none;
	}

	.four-columns-holder .column-holder {
		padding-left: 0;
		padding-right: 0;
		width: 50%;
	}

	.now-on-top {
		width: 100%;
	}

	.not-head h2, .not-head p {
		width: 100%;
		text-align: center;
		margin: 0;
	}

	.not-head {
		margin-bottom: 30px;
	}

	.not-head p {
		width: 100%;
		float: none;
	}

	.not-news p {
		font-size: 15px;
		padding: 0;

	}

	.not-news, .menus {
		width: 100%;
	}

	.not-head {
		width: 100%;
		display: inline-block;
		padding: 0;
	}

	.now-on-top .bx-controls {
		right: 39%;
		top: 120px;
	}

	.cs-holder .bx-controls {
		right: 40%;
		top: 285px;
	}

	.cs-head {
		padding-bottom: 40px;
	}

	.content .subtitle {
		font-size: 15px;
	}

	.drink-name, .quantity, p, li {
		font-size: 13px;
	}

	.content .two-columns-holder .column-holder {
		width: auto;
		max-width: 100%;
		margin: 0;
		float: none;
		text-align: center;
	}

	.button-holder {
		display: inline-block;
		float: none;
		margin: auto;
		width: auto;
	}

	.button-holder a {
		float: none;
	}

	.about-holder .button-holder {
		margin: auto;
		float: none;
		width: auto;
	}

	.cs-holder .two-columns-holder .column-holder h4 {
		width: 80%;
		margin: auto;
	}

	.celar-holder .two-columns-holder .column-holder {
		margin-top: 30px;
	}

	.btg-holder .two-columns-holder .left-column {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.btg-holder .two-columns-holder .right-column {
		padding-bottom: 230px;
	}

	.bxslider-cs li {
		width: 365px !important;
	}

	.calendar-holder {
		padding: 75px 0;
	}

	.socialize-holder h3, .socialize-holder .left-column p,
	.about-holder h3, .about-holder .left-column p {
		margin: 20px 5px 15px 5px;
		text-align: center;
	}

	.twitter-news .bx-controls {
		right: 16%;
	}

	.socialize-holder .button-holder {
		margin-left: 0;
	}

	.socialize-holder .social-icon, .socialize-holder .btn-brown {
		float: none;
		clear: both;
		margin: 10px auto 10px auto;
	}

	.socialize-holder .two-columns-holder .left-column {
		text-align: center;
	}

	.calendar .days span {
		display: none;
	}

	.calendar .days .day-hidden {
		display: inline-block;
	}

	.calendar .months-name-inner {
		width: 75%;
	}

	.calendar .current-month {
		float: left;
		width: 50%;
	}

	.calendar .current-month h4 {
		font-size: 22px;
		vertical-align: bottom;
	}

	.calendar .prev-month, .calendar .next-month {
		width: 25%;
		font-size: 14px;
	}

	.calendar .field {
		height: 60px;
	}

	.calendar .bx-controls .bx-controls-direction .bx-prev {
		left: 5px;
	}

	.calendar .bx-controls .bx-controls-direction .bx-next {
		right: 5px;
	}

	.calendar .event-text {
		width: 10px;
		height: 10px;
	}

	.calendar .event-name {
		height: 10px;
		width: 10px;
		padding: 0;
		margin: 0;
	}

	.calendar .event {
		height: 10px;
		width: 10px;
		position: static;
	}

	.calendar .event .event-time {
		display: none;
	}

	.row .field-inner .event > .event-name,
	.row .field-inner .event > .event-time {
		text-indent: -19999px;
		line-height: 17px;
		height: 10px;
		width: 10px;
		margin: 0;
		padding: 0;
	}

	.ales-hidden-img img, .event-hidden-img img {
		max-height: 50px;
		margin-bottom: 10px;
	}

	.ales-hidden h4, .event-hidden h4 {
		display: inline;
		width: 100%;
		margin-bottom: 0;
	}

	.ales-hidden p, .event-hidden p {
		width: 100%;
		display: inline-block;
		color: #562E19;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 15px;
	}

	.ladyface-blog-holder h2 {
		width: 100%;
		float: none;
	}

	.ladyface-blog-holder .pager-controls {
		display: inline-block;
		width: auto;
		margin: auto;
		float: none;
	}

	.faq-hidden, .ales-hidden {
		width: 80%;
		margin-left: 8%;
		text-align: center;
		right: auto;
		left: auto;
	}

	.popup-inner {
		padding: 25px 10px 15px 10px;
	}

	.ales-hidden p, .event-hidden p {
		margin-bottom: 5px;
	}

	.calendar .event .event-hidden {
		left: 13%;
		right: auto;
		bottom: 10px;
		top: auto;
	}

	.event-hidden {
		width: 70%;
	}

	.event-hidden .hidden-img {
		width: 30%;
	}

	.event-hidden .hidden-img img {
		margin-bottom: 5px;
	}

	.ales-hidden, .event-hidden {
		top: 30px;
		bottom: auto;
	}

	.submit-your-question .bottom-info {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.submit-your-question .bottom-info .subtitle {
		width: 80%;
	}

	.submit-your-question {
		padding-bottom: 60px;
	}

	.sitemap-holder h3 {
		width: 100%;
	}

	.page-not-found-holder {
		margin: 40px 0 75px 0;
	}

	.content .three-columns-holder .middle-column h4, .contact-holder .home-info h4 {
		font-size: 25px;
	}

	.contact-holder {
		background-image: url(../img/bg/contact-main-bg.jpg);
		background-repeat: repeat;
		background-position: center top;
	}

	.contact-information {
		padding: 5px;
		padding-bottom: 30px
	}

	.contact-holder .images-holder {
		width: 100%;
		padding: 0;
	}

	.contact-holder .img-holder h4 {
		font-size: 20px;
	}

	.contact-form {
		margin: auto;
		width: 90%;
	}

	.contact-form .double-input-box .input-frame {
		float: none;
		width: 100%;
		margin: 0;
	}

	.contact-holder .img-holder {
		margin: 0;
		width: 100%;
		margin-top: 20px;
	}

	.contact-holder .img-holder h4 {
		margin-top: 0;
	}

	.ladyface-team-holder {
		background: url("../img/bg/lt.jpg") repeat-x scroll center top rgba(0, 0, 0, 0);
	}

	.job-board-holder .left-column {
		float: none;
		width: 80%;
		margin: auto;
		text-align: center;
	}

	.job-board-holder .right-column {
		float: none;
		width: 100%;
		text-align: center;
	}

	.job-board-img, .job-board-slide-content .slider-right-text {
		float: none;
		width: 100%;
		text-align: center;
	}

	.job-board-holder .bx-controls {
		position: absolute;
		left: 167px;
		top: 140px;
	}

	.job-board-holder h2 {
		text-align: center;
	}

	.menu-highlights h2 {
		margin: auto;
		width: 100%;
		text-align: center;
		padding: 0;
	}

	.menu-button {
		float: none;
	}

	.three-columns-holder .column-holder {
		width: 100%;
		float: none;
	}

	.menus .li-column {
		margin-top: 20px;
	}

	.menus .bx-controls {
		top: 100px;
	}

	.menu-hidden .popup-inner {
		padding-top: 50px;
	}

	.menu-hidden li {
		margin: 3px 0;
		line-height: 20px;
	}

	.menu-hidden .column-holder .column-inner {
		margin-bottom: 20px;
	}

	.menu-hidden p {
		margin-bottom: 0;
	}

	.print-menu {
		top: 5px;
	}

	.in-the-press .bx-controls {
		top: 105px;
	}

	.gallery-inner {
		padding: 0px 10px;
	}

	.gallery .fancybox {
		margin: 9px 6px;
		width: 110px;
		height: 110px;
	}

	.fancybox-title {
		padding: 20px;
	}

	.fancybox-title {
		padding: 20px !important;
		font-size: 14px !important;
		line-height: 16px !important;
	}

	.gallery-holder h2 {
		font-size: 40px;
		line-height: 60px;
	}

	.photo-galery .li-column {
		width: 80%;
	}

	.photo-galery {
		padding-top: 50px;
	}

	.gossip-holder .bx-controls .bx-next,
	.gossip-holder .bx-controls .bx-prev {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
	}

	.gossip-head h2 {
		text-align: center;
	}

	.gossip-holder .bx-controls {

		position: absolute;
		top: 0;
		left: 38%;
	}

	.gossip-holder .flex-direction-nav .flex-prev {
		left: 128px;
		top: 0;
	}

	.gossip-holder .flex-direction-nav .flex-next {
		right: 128px;
		top: 0;
	}

	.more-popup {
		left: 0;
		top: 50px;
		width: 320px;
		margin: 0;

	}

	.twitter-news .bx-controls {
		right: 0%
	}

	.home .ales-head h2 {
		width: 100%;
		text-align: center;
		font-size: 50px
	}

	.family .celar-head h2 {
		font-size: 50px;
		margin-bottom: 10px
	}

	.cs-head, .celar-head, .btg-head {
		padding-bottom: 0
	}

	.calendar-holder .calendar-holder-head h2 {
		font-size: 44px
	}

	.full-content.dine-banner h1 {
		left: 50%;
		right: auto;
		bottom: 25%;
		top: auto;
		margin-left: -70px
	}

	.full-content.sitemap-banner h1 {
		left: 50%;
		right: auto;
		bottom: 25%;
		top: auto;
		margin-left: -120px
	}

	.full-content.contact-banner h1 {
		left: 50%;
		right: auto;
		bottom: 25%;
		top: auto;
		margin-left: -120px
	}

	.full-content.family-banner h1 {
		left: 50%;
		right: auto;
		bottom: 25%;
		top: auto;
		margin-left: -110px
	}

	.full-content.gossip-banner h1 {
		left: 50%;
		right: auto;
		bottom: 25%;
		top: auto;
		margin-left: -98px
	}

	.full-content.socialize-banner h1 {
		left: 50%;
		right: auto;
		bottom: 25%;
		top: auto;
		margin-left: -145px
	}

	.full-content.drink-banner h1 {
		left: 50%;
		right: auto;
		bottom: 25%;
		top: auto;
		margin-left: -95px
	}

	.family .drinks-inner .cs-head h2, .family .apply-for-job-holder .celar-head h2 {
		font-size: 38px
	}

	.contact .celar-head h2 {
		font-size: 42px
	}

	.learn .blog-head .pagination {
		float: none
	}

	.learn .celar-head h2 {
		font-size: 35px
	}

	.gossip .gallery-holder h2 {
		font-size: 48px
	}

	.ales .ales-head h2, .drinks-inner .cs-head h2, .btg-head h2 {
		font-size: 56px;
	}

	.holder-with-strip.cs-holder .drinks-inner .cs-slider {
		margin-top: 50px
	}

	.drink .not-news .bx-controls {
		top: 130px;
	}

	.drink .ales, .home .ales {
		background: none
	}

	.home .ales-head .button-holder {
		width: 44%
	}

}

@media only screen and (max-width: 767px) {
	.full-content.learn-banner h1 {
		bottom: 25%;
		top: auto;
		left: 41%;
		right: auto;
		font-size: 70px
	}

	.full-content.learn-banner .banner {
		min-height: 240px
	}
	.drinks-ales .ales-head {margin-top:0; }
    .drinks-ales .ales-head h2 {margin-bottom:10px;}
	.full-content.sm h1 {
		font-size:46px;
		top: 45%;
		right:35%;
	}
}

@media only screen and (max-width: 480px) {
	.learn .bx-controls {top:110px !important}
	.full-content.learn-banner .banner {
		bottom: 3em;
		width: auto;
		max-width: none;
		height: 320px
	}

	.full-content.gossip-banner .banner {
		right: 110px;
		left: auto
	}

	.full-content.socialize-banner .banner, .full-content.dine-banner .banner {
		right: 0;
		left: auto
	}

	.full-content.drink-banner .banner {
		left: -80px
	}

	.contact .full-content {
		max-height: 200px
	}

	.learn .full-content {
		max-height: 200px
	}

	.header-holder {
		background-image: none;
	}

	.main-menu {
		display: none;
	}

	.main-menu-mobile {
		display: block;
	}

	.content, .header-inner {
		width: 300px;
	}

	.header-content h1 {
		font-size: 40px;
		line-height: 50px;
		display: block;
		padding-right: 0;
		padding-top: 200px;
		text-align: center;
		width: 100%;
	}

	h2 {
		font-size: 28px;
		line-height: 30px;
	}

	h3 {
		font-size: 25px;
		line-height: 28px;
	}

	h4 {
		font-size: 24px;
		line-height: 26px;
	}
	.home-info h3 {
        font-size:26px;
    }
	
	.content .subtitle, .content .bottom-info {
		font-size: 17px;
	}

	.logo {
		max-width: 165px;
		left: 76px;
		top: 52px;
	}

	.slide-1, .slide-2, .slide-3, .slide-4, .slide-5 {
		background-size: 220%;
		height: 340px;
	}

	.more-btn {
		margin-top: -30px;
	}

	.home-slider .bx-controls {
		top: 81%;
		right: 33%;
	}

	.content .three-columns-holder .left-column {
		display: none;
	}

	.content .three-columns-holder .middle-column,
	.content .three-columns-holder .right-column {
		width: 100%;
		float: none;
	}

	.content .three-columns-holder .right-column .btn-red {
		float: none;
		margin: auto;
	}

	.content .three-columns-holder .left-column-hidden,
	.content .three-columns-holder .right-column {
		display: inline-block;
		margin-top: 15px;
	}

	.latest {
		width: 96%;
		padding: 2%;
		background-image: url(../img/bungbarrel.png);
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: 100%;
	}

	.latest .left-column {
		width: 100%;
		float: none;
		margin: 0;
	}

	.latest .right-column {
		width: 50%;
		margin: auto;
		float: none;
		padding-bottom: 20px;
	}

	.latest .latest-news, .latest-news .news-img,
	.latest-news h4, .latest-news p,
	.latest-head,
	.blog-img,
	.blog-head {
		width: 100%;
		float: none;
		clear: both;
		text-align: center;
	}

	.ladyface-blog p, .ladyface-blog h4 {
		padding: 0 20px;
		width: auto;
	}

	.latest .latest-news, .latest-news .news-img,
	.latest-news h4, .latest-news p,
	.latest-head, .latest h2 {
		text-shadow: none;
		width: 100%;
		color: #562E19;
	}

	.latest-head {
		margin-bottom: 70px;
	}

	.latest .bx-controls {
		top: 80px;
		left: 36%;
	}

	.slider-right-text {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	.latest .latest-news h4 {
		width: 60%;
		margin: auto auto 10px;
	}

	.latest-news .news-img {
		margin-bottom: 20px;
	}

	.latest-news .news-img img {
		margin: auto;
		float: none;
	}

	.latest-news p {
		line-height: 25px;
		margin: auto;
		width: 80%;
	}

	.main-ales {
		margin-top: -60px;
		background-image: url(../img/ales-bkg2.png);
		background-repeat: no-repeat;
		background-position: top center;
		width: 100%;
		text-align: center;
	}

	.main-ales .button-holder {
		margin: auto;
		width: auto;
		float: none;
		display: inline-block;
		margin-right: 0;
	}

	.main-ales .button-holder a {
		float: none;
	}

	.ales-head {
		display: block;
		text-align: center;
		width: 100%;
		float: none;
	}

	.ales-content, .ales-ul, .ales-img, .ales-ul ul, .ales-ul h4 {
		width: 100%;
		float: none;
	}

	.ales-head h2 {
		width: auto;
		float: none;
	}

	.border-img {
		display: none;
	}

	.ales-head h2, .celar-head h2 {
		font-size: 35px;
		line-height: 38px;
		margin-bottom: 25px;
	}

	.ales-ul img {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.ales .ales-left {
		display: block;
		position: static;
		margin: 20px auto auto;
		clear: both;
		width: 100%;
	}

	.footer-holder {
		width: 300px;
		margin: auto;
	}

	.footer-wrapper {
		background: url("../img/footer2.png") center top repeat-x;
	}

	.footer-wrapper ul li {
		float: none;
	}

	.footer-wrapper ul a {
		display: block;
		border-left: none;
		line-height: 25px;
		color: #FDFCE1;
		text-decoration: none;
		font-family: 'lo-typeregular';
		font-size: 15px;
	}

	.footer-wrapper p {
		line-height: 25px;
		margin: 20px auto auto;
		padding-bottom: 20px;
	}

	.four-columns-holder, .content .two-columns-holder {
		width: 100%;
		float: none;
	}

	.four-columns-holder .column-holder {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.now-on-top {
		width: 100%;
	}

	.not-head h2, .not-head p {
		width: 100%;
		text-align: center;
		margin: 0;
		line-height: 1.2;
		padding-top: 0;
		float: none;
	}

	.not-head {
		margin-bottom: 30px;
	}

	.not-news p {
		font-size: 15px;
		padding: 0;

	}

	.not-head, .not-news, .menus {
		padding: 0 5%;
		width: 90%;
	}

	.now-on-top .bx-controls {
		right: 35%;
		top: 130px;
	}

	.cs-holder .bx-controls {
		right: 36%;
		top: 275px;
	}

	.cs-head {
		padding-bottom: 40px;
	}

	.content .subtitle {
		font-size: 14px;
	}

	.drink-name, .quantity, p, li {
		font-size: 13px;
	}

	.content .two-columns-holder .column-holder {
		width: auto;
		max-width: 100%;
		margin: 0;
		float: none;
		text-align: center;
	}

	.cs-holder .two-columns-holder .column-holder h4 {
		width: 80%;
		margin: auto;
	}

	.celar-holder .two-columns-holder .column-holder {
		margin-top: 30px;
	}

	.btg-holder .two-columns-holder .left-column {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.btg-holder .two-columns-holder .right-column {
		padding-bottom: 230px;
	}

	.bxslider-cs li {
		width: 261px !important;
	}

	.calendar-holder {
		padding: 75px 0;
	}

	.socialize-holder h3, .socialize-holder .left-column p,
	.about-holder h3, .about-holder .left-column p {
		margin: 20px 5px 15px 5px;
		text-align: center;
	}

	.socialize-holder .social-icon, .socialize-holder .btn-brown {
		float: none;
		clear: both;
		margin: 10px auto 10px auto;
	}

	.socialize-holder .button-holder {
		margin-left: 0;
	}

	.socialize-holder .two-columns-holder .left-column {
		text-align: center;
	}

	.twitter-inner {
		padding: 30px 10px;
	}

	.calendar .days span {
		display: none;
	}

	.calendar .days .day-hidden {
		display: inline-block;
	}

	.calendar .months-name-inner {
		width: 90%;
	}

	.calendar .current-month {
		float: left;
		width: 50%;
	}

	.calendar .current-month h4 {
		font-size: 22px;
		line-height: 22px;
		vertical-align: bottom;
		padding-top: 30px;
	}

	.calendar .prev-month, .calendar .next-month {
		width: 25%;
		font-size: 14px;
	}

	.calendar .field {
		height: 60px;
	}

	.calendar .prev-month, .calendar .next-month {
		line-height: 40px;
	}

	.twitter-news .bx-controls {
		right: 5%;
	}

	.calendar .bx-controls .bx-controls-direction .bx-prev {
		left: 10px;
		top: 32px;
	}

	.calendar .bx-controls .bx-controls-direction .bx-next {
		right: 10px;
		top: 32px;
	}

	.calendar .event-name {
		height: 10px;
		width: 10px;
		padding: 0;
		margin: 0;
	}

	.calendar .event {
		height: 10px;
		width: 10px;
		position: static;
	}

	.calendar .event .event-time {
		display: none;
	}

	.row .field-inner .event > .event-name,
	.row .field-inner .event > .event-time {
		text-indent: -19999px;
		line-height: 17px;
		height: 10px;
		width: 10px;
		margin: 0;
		padding: 0;
	}

	.ales-hidden-img img, .event-hidden-img img {
		max-height: 50px;
		margin-bottom: 0;
	}

	.ales-hidden h4, .event-hidden h4 {
		width: 100%;
		font-size: 20px;
		margin-bottom: 0;
	}

	.ales-hidden p, .event-hidden p {
		width: 100%;
		display: inline-block;
		color: #562E19;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 15px;
	}

	.popup-inner {
		padding: 25px 10px 15px 10px;
	}

	.ales-hidden p, .event-hidden p {
		margin-bottom: 5px;
		line-height: 15px;
	}

	.button-holder a {
		float: none;
	}

	.about-holder .button-holder {
		margin: auto;
		float: none;
		width: auto;
	}

	.ladyface-blog-holder h2 {
		width: 100%;
		float: none;
	}

	.ladyface-blog-holder .pager-controls {
		display: inline-block;
		width: auto;
		margin: auto;
		float: none;
	}

	.faq-hidden, .ales-hidden {
		width: 90%;
		text-align: center;
		right: auto;
		left: 3%;
		margin: auto;
	}

	.calendar .event .event-hidden {
		left: 4%;
		right: auto;
		bottom: 10px;
		top: auto;
	}

	.event-hidden {
		width: 90%;
	}

	.event-hidden .hidden-img {
		width: 30%;
	}

	.event-hidden .hidden-img img {
		margin-bottom: 0;
	}

	.ales-hidden, .event-hidden {
		top: 30px;
		bottom: auto;
	}

	.submit-your-question .bottom-info {
		font-size: 16px;
		display: inline-block;
		margin-bottom: 10px;
	}

	.submit-your-question .bottom-info .subtitle {
		width: 80%;
	}

	.submit-your-question {
		padding-bottom: 60px;
	}

	.sitemap-holder h3 {
		width: 100%;
	}

	.page-not-found-holder {
		margin: 30px 0 50px 0;
	}

	.content .three-columns-holder .middle-column h4, .contact-holder .home-info h4 {
		font-size: 25px;
	}

	.contact-holder {
		background-image: url(../img/bg/contact-main-bg.jpg);
		background-repeat: repeat;
		background-position: top center;
	}

	.contact-information {
		padding: 5px;
	}

	.contact-holder .images-holder {
		width: 100%;
		padding: 0;
	}

	.contact-holder .img-holder h4 {
		font-size: 20px;
	}

	.contact-form {
		margin: auto;
		width: 90%;
	}

	.contact-form .double-input-box .input-frame {
		float: none;
		width: 100%;
		margin: 0;
	}

	.contact-holder .img-holder {
		margin: 0;
		width: 100%;
		margin-top: 20px;
	}

	.contact-holder .img-holder h4 {
		margin-top: 0;
	}

	.drinks-inner-medium {
		width: 100%;
	}

	.ladyface-team-holder {
		background: url("../img/bg/lt1.jpg") repeat scroll center top rgba(0, 0, 0, 0);
	}

	.job-board-holder .left-column {
		float: none;
		width: 100%;
		margin: auto;
		text-align: center;
	}

	.job-board-holder .right-column {
		float: none;
		width: 100%;
		text-align: center;
	}

	.job-board-img, .job-board-slide-content .slider-right-text {
		float: none;
		width: 100%;
		text-align: center;
	}

	.job-board-holder .bx-controls {
		position: absolute;
		left: 107px;
		top: 130px;
	}

	.file-upload {
		display: none;
	}

	.file-upload-hidden {
		display: block;
	}

	.job-board-holder h2 {
		text-align: center;
	}

	.menu-highlights h2 {
		margin: auto;
		width: 100%;
		text-align: center;
		padding: 0;
	}

	.menu-button {
		float: none;
	}

	.three-columns-holder .column-holder {
		width: 100%;
		float: none;
	}

	.menus .li-column {
		margin-top: 20px;
	}

	.menus .bx-controls {
		top: 85px;
	}

	.menu-hidden .popup-inner {
		padding-top: 50px;
	}

	.menu-hidden li {
		margin: 3px 0;
		line-height: 20px;
	}

	.menu-hidden .column-holder .column-inner {
		margin-bottom: 20px;
	}

	.menu-hidden p {
		margin-bottom: 0;
	}

	.print-menu {
		top: 5px;
	}

	.bottom-menus .btn-huge-red,
	.submit-your-question .btn-huge-red {
		display: none;
	}

	.small-screen {
		display: block;
	}

	.gallery-inner {
		padding: 0px 10px;
	}

	.fancybox-title {
		padding: 10px !important;
		font-size: 13px !important;
		line-height: 15px !important;
	}

	.gallery-holder h2 {
		font-size: 34px;
		line-height: 44px;
		width: 100%;
		text-align: center;
	}

	.photo-galery .li-column {
		width: 80%;
	}

	.photo-galery {
		padding-top: 50px;
	}

	.gossip-holder .bx-controls .bx-next,
	.gossip-holder .bx-controls .bx-prev {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
	}

	.gossip-holder .bx-controls {

		position: absolute;
		top: 0;
		left: 38%;
	}

	.gossip-holder .flex-direction-nav .flex-prev {
		left: 110px;
		top: 0;
	}

	.gossip-holder .flex-direction-nav .flex-next {
		right: 110px;
		top: 0;
	}

	.gossip-head h2 {
		text-align: center;
	}

	.header-border img {
		min-height: 10px;
	}

	.border {
		min-height: 10px;
	}

	.browseText {
		display: none;

	}

	.browseText-hidden {
		display: inline;
	}

	.more-popup {
		left: 0;
		top: 50px;
		width: 280px;
		margin: 0;

	}

	.home .ales-head h2 {
		width: 100%;
		text-align: center;
		font-size: 50px;
		line-height: 1.2
	}

	.calendar-holder .calendar-holder-head h2 {
		font-size: 44px;
		line-height: 1.2
	}

	.calendar .months-name .prev-month, .calendar .months-name .next-month {
		font-size: 17px
	}

	.family .celar-head h2 {
		font-size: 40px;
		margin-bottom: 10px
	}

	.cs-head, .celar-head, .btg-head {
		padding-bottom: 0
	}

	.full-content.dine-banner h1 {
		left: 50%;
		right: auto;
		top: auto;
		margin-left: -40px;
		font-size: 46px;
		bottom: 20%
	}

	.full-content.sitemap-banner h1 {
		left: 50%;
		right: auto;
		top: auto;
		margin-left: -60px;
		font-size: 46px;
		bottom: 20%
	}

	.full-content.family-banner h1 {
		left: 50%;
		right: auto;
		top: auto;
		margin-left: -50px;
		font-size: 46px;
		bottom: 20%
	}

	.full-content.contact-banner h1 {
		left: 50%;
		right: auto;
		top: auto;
		margin-left: -60px;
		font-size: 46px;
		bottom: 15%
	}

	.full-content.learn-banner h1 {
		left: 52%;
		right: auto;
		top: auto;
		margin-left: -50px;
		font-size: 46px;
		bottom: 15%
	}

	.full-content.gossip-banner h1 {
		left: 50%;
		right: auto;
		top: auto;
		margin-left: -50px;
		font-size: 46px;
		bottom: 20%
	}

	.full-content.socialize-banner h1 {
		left: 50%;
		right: auto;
		top: auto;
		margin-left: -67px;
		font-size: 46px;
		bottom: 20%
	}

	.full-content.drink-banner h1 {
		left: 50%;
		right: auto;
		top: auto;
		margin-left: -43px;
		font-size: 46px;
		bottom: 20%
	}

	.family .drinks-inner .cs-head h2, .family .apply-for-job-holder .celar-head h2, .family .drinks-inner .cs-head h2, .family .apply-for-job-holder .celar-head h2 {
		font-size: 38px
	}

	.contact .celar-head h2 {
		font-size: 42px
	}

	.contact-information {
		padding-bottom: 30px
	}

	.learn .celar-head h2 {
		font-size: 35px
	}

	.learn .blog-head h2 {
		font-size: 48px
	}

	.not-head h2, .menu-highlights h2 {
		font-size: 33px
	}

	.gossip .gallery-holder h2 {
		font-size: 48px
	}

	.ales .ales-head h2, .drinks-inner .cs-head h2, .btg-head h2 {
		font-size: 46px
	}

	.holder-with-strip.cs-holder .drinks-inner .cs-slider {
		margin-top: 50px
	}

	.holder-with-strip.cs-holder .drinks-inner .cs-slider .bx-controls {
		top: 285px
	}

	.drink .not-news .bx-controls {
		top: 115px;
	}

	.drink .ales, .home .ales {
		background: none
	}

	.home .ales-head .button-holder {
		width: 58%
	}

	.full-content.contact-banner .banner {
		top: 0;
		bottom: auto
	}

	.drink .full-content {
		height: 240px;
	}
    .main-menu-mobile {
        top:-50px;
        width:50%;
        border-radius: 0 0 5px 5px;
    }
    .logo {
        left:64px;
        top:0
    }
    .more-btn{
        z-index: 1000;
        top:-360px
    }
    .navmobiletext {display: block}
    .navtext {display: none}
    .btn-white {background-image: url("../img/btn-white-mobile.png")}
    .btn-text-with-arrow  span{
        font-size: 25px;
    }
	.content .home-info {
		margin-top: 0;
	}
}