@media screen and (max-width:1280px) {
.container{ max-width:1160px;}

h1{ font-size:66px;}
h2{ font-size:64px;}

.menu-main .home-tag{ width:126px; height:114px; left:-100px;}
.menu-main .home-tag img{ width:100%; height:100%; display:block;}

.home-slider{ margin-top:54px;}

.sub-head{ font-size:28px;}

.frames-section .half-sec h3{font-size:36px;}
.frames-section .half-sec{ width:48%; float:right;}
.frames-section .half-sec:first-child{ float:left;}

.frames-section .full-sec .frame img{ width:100%; height:auto; display:block;}
.frames-section .full-sec .frame2{ max-width:248px;}
.frames-section .full-sec .frame3{ max-width:258px;}
.frames-section .full-sec .frame4{ max-width:284px;}
.frames-section .full-sec .origami{ width:200px; height:auto; top:16px;}
.frames-section .full-sec .origami img{ width:100%; height:auto; display:block;}

.music-section ul li{ width:30%; margin:0px 1%;}

footer .footer-top .ft-hours{ max-width:260px;}
footer .footer-top .ft-contact{ max-width:416px;}
}


@media screen and (max-width:1166px){
.container, .inner-page .container{max-width:1000px;}

h1{ font-size:58px;}
h2 {font-size:54px;}

.nav li{ margin:0px 10px;}
.nav li.last{margin-left:0px; margin-right:0px;}
.nav a{ font-size:14px;}

header .logo{ margin-top:-18px;}
header .social-icon{ margin-left:5px;}
header .social-icon a{ margin:0px 2px;}

.sub-head {font-size:24px;}

.frames-section .half-sec h3 {font-size:30px;}
.frames-section .full-sec .frame{ max-width:280px;}
.frames-section .full-sec .frame2{ max-width:230px;}
.frames-section .full-sec .frame3{ max-width:230px;}
.frames-section .full-sec .frame4{ max-width:260px;}

footer .footer-top .ft-address p, footer .footer-top .ft-hours p, footer .footer-top .ft-contact p{ font-size:16px;}
footer .footer-top .ft-hours{ max-width:210px;}
footer .footer-top .ft-contact{ max-width:320px;}
footer .footer-top .ft-newsletter{ max-width:290px;}
footer .footer-top h4{ font-size:16px;}


.inner-page h1{ font-size:54px; line-height:50px; margin-top:30px; letter-spacing:3px;}
.inner-page .frames-section{ margin:30px 0;}
.inner-page .food-frame{ padding:26px 23px; height:423px;}
.menu-list{ margin-bottom:30px;}

.event-list{ margin:40px 0px;}
.event-list ul li .col-sm-5{ width:14%;}
.event-list ul li h4, .event-list ul li h4 a{ font-size:30px;}
.event-list ul li p{ font-size:24px;}
.event-list ul li .event-dateyear{font-size:50px;}
.event-list ul li .event-dateyear span{font-size:24px;}
.event-list ul li .tickets-button{ width:100%;}
.event-list ul li .tickets-button a{ width:100%; text-align:center; padding:0px;}

.news-main h1{ font-size:54px; line-height:50px;}
.news-main .story-main h3{ font-size:31px; line-height:30px;}
.news-main .press-main ul li{ padding:20px 16px;}
.news-main .press-main ul li h4{ font-size:26px;}
.news-main .story-main h1{ margin-bottom:40px;}
.news-main .story-main .align-left{ max-width:600px; margin-right:30px;}
.news-main .story-main .align-right{max-width:600px; margin-left:30px;}
.news-main .story-main p.text-right{ max-width:140px; display:inline-block; margin:0px 0px 15px 0}
.news-main .story-main p.text-right img{ width:100%;}
}

@media screen and (max-width:1023px) {
.container, .inner-page .container{ max-width:900px;}

h1{font-size:40px;}
h2{font-size:38px;}
h2 span{ font-size:68px;}


header{ height:76px; background-size:100% 100%;}
header .logo{ width:auto; display:none;  margin:-10px 0px 0px 0px;}
header .menu-main .logo-mobile{ max-width:180px; display:inline-block; margin:0px 0px 0px 50px;}
header .menu-main .logo-mobile img{ width:100%; height:auto; display:block;}
header .social-icon {display:inherit; width:100%; float:left; position:relative; top:0px; margin:10px 0px 0px 0px; padding:0px 18px;}

.menu-main{ width:100%; display:inline-block; margin:10px 0px 0px 0px; position:relative; text-align:left;}
.menu-main .home-tag{ display:none;}
.toggleMenu {top:50px; position:relative; float:right; right:20px;}
.active {display: block;}

.toggleMenu.active span{ opacity:0;}
.toggleMenu.active span:first-child{ opacity:1; transform:translate3d(0,5px,0) rotate(50deg);}
.toggleMenu.active span:last-child{ opacity:1; transform:translate3d(0,-7px,0) rotate(-50deg); background:#ffffff;}

.nav{ width:100%; float:left; background-color:#eee1be; margin:-34px 0px 0px 0px; padding:40px 0px 10px 0px;}
.nav > li { width:100%; float:left; margin:0px; padding:0px 10px;}
.nav a {font-size:14px; line-height:32px; padding:0px 10px; margin:0px;}
.nav li{ display:inherit; border-bottom:0px solid #e4e4e4;}
.nav > li > .parent{}
.nav > li:hover > .parent {}
.nav li span.arrow { display:inline-block; width:25px; height:25px; position:absolute; right:10px; top:0px; background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: center center; cursor:pointer; border:none; vertical-align:middle;}
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul, .nav li li.hover ul { position: static; width:100%; padding:6px 0px;}
.nav li.hover span { transform:rotate(180deg);}
.nav li.last{margin-left:0px; margin-right:0px; margin-top:4px; padding:0px 18px;}
.nav a:hover, .nav a.act { background-image:none; padding:0px 10px;}
.nav > li:hover > .parent {}
.nav li ul:before{ content:""; width:100%; height:30px; position: absolute; left:0; top:0px; margin:-30px 0 0 0; display:none; background:url(../images/menu-arrow.png) no-repeat center top;}
.nav li:hover > a, .nav ul ul :hover > a { color:#b69c4d; border-radius:0px;}
.nav li ul { padding-top:0px; }
.nav li li { margin-right:0px; display:block; padding:0px 16px;}
.nav li li a { /*background:#fff;*/ border-top:0px solid #7f7f7f; border-bottom:0px solid #7f7f7f;}
.nav li li a:hover{ color:#b69c4d; padding:0px;}

.sub-head {font-size:20px;}

.frames-section .half-sec h3 {font-size:26px;}
.frames-section .full-sec .origami {width:150px;top:-24px;}
.frames-section .full-sec .frame {max-width:190px; padding:0px 6px;}
.frames-section .full-sec .frame2 {max-width:160px; margin-top:44px;}
.frames-section .full-sec .frame3 {max-width:180px; margin-top:104px;}
.frames-section .full-sec .frame4 {max-width:200px; margin-top:98px;}

.music-section .visit-page{ font-size:24px;}

footer .footer-top{ padding:20px 0px;}
footer .footer-top .ft-address p, footer .footer-top .ft-hours p, footer .footer-top .ft-contact p{ font-size:14px; line-height:18px; margin:0px; padding:0px;}
footer .footer-top .ft-hours{ max-width:170px;}
footer .footer-top .ft-contact{ max-width:200px;}
footer .footer-top .ft-newsletter{ max-width:208px;}
footer .footer-top h4{ font-size:14px; line-height:18px;}

}

@media screen and (max-width:980px) {
.container, .inner-page .container{ max-width:730px;}

h1{font-size:36px;}
h2{font-size:32px;}
h2 span{ font-size:60px;}

header .menu-main .logo-mobile{ max-width:160px; margin:0px 0px 0px 20px;}

.home-slider{ margin-top:30px;}

.music-section .visit-page {font-size:22px;}

.inner-page h1{ font-size:44px;}
.inner-page .frames-section{ margin:20px 0px 30px 0px}
.inner-page .food-frame{ background-size:100% 100%; height:auto; padding:18px 17px;}
.menu-list ul li a{ font-size:26px; line-height:48px;}

.event-list ul li .event-dateyear{font-size:42px;}
.event-list ul li .event-dateyear span{font-size:22px;}
.event-list ul li .event-time{ font-size:28px;}
.event-list ul li .col-sm-3{ width:12%;}
.event-list ul li .col-sm-4{ width:46%;}
.event-list ul li h4, .event-list ul li h4 a{ font-size:28px;}
.event-list ul li p{ font-size:22px;}
.event-list ul li .tickets-button a{ font-size:16px;}
.event-list .show-more a{ font-size:30px;}


.news-main h1{ font-size:50px; line-height:46px;}
.news-main .press-main ul li h4{ font-size:22px; line-height:28px;}
.news-main .press-main p.showmore a{ font-size:30px;}
.news-main .story-main{ margin-bottom:50px;}
.news-main .story-main h3{ font-size:28px; line-height:30px;}
.news-main .story-main .align-left{ max-width:400px; margin-right:30px;}
.news-main .story-main .align-right{max-width:400px; margin-left:30px;}
.news-main .story-main p.text-right{ max-width:140px; display:inline-block; margin:0px 0px 15px 0}

.contact-address, .contact-form{ margin-top:50px;}
.contact-address h3, .contact-form h3{ font-size:32px;}
.contact-address .store-hours h5{ font-size:26px;}
.contact-address .store-hours p{ font-size:20px; line-height:28px;}
.contact-map #gmap_canvas{ height:400px;}
}

@media screen and (max-width:767px) {
.container, .inner-page .container{ max-width:580px;}

h1{font-size:30px;}
h2{font-size:28px;}
h2 span{ font-size:50px;}

.frames-section{ margin:40px 0px;}
.frames-section .full-sec .origami {width:110px; top:-40px;}
.frames-section .full-sec .frame {max-width:140px;}
.frames-section .full-sec .frame2 {max-width:130px; margin-top:20px;}
.frames-section .full-sec .frame3 {max-width:150px; margin-top:50px;}
.frames-section .full-sec .frame4 {max-width:160px; margin-top:48px;}

footer .footer-top .ft-address{ width:49%; float:none; display:inline-block;}
footer .footer-top .ft-hours{ width:49%; max-width:100%; float:none; display:inline-block; vertical-align:top;}
footer .footer-top .ft-contact { width:49%; max-width:100%; float:none; display:inline-block;}
footer .footer-top .ft-newsletter { width:50%; max-width:100%; float:none; display:inline-block;}

.inner-page h1{ font-size:40px; line-height:40px;}
.inner-page .food-frame{padding:14px 13px;}
.menu-list ul li a{ font-size:20px; line-height:40px;}

.event-list ul li .col-sm-1{width:10%;}
.event-list ul li .col-sm-3{width:16%;}
.event-list ul li .col-sm-4{ width:42%; padding-left:10px;}
.event-list ul li .col-sm-5{width:20%;}
.event-list ul li .event-dateyear{font-size:34px; line-height:28px;}
.event-list ul li .event-dateyear span{font-size:15px;}
.event-list ul li .event-time{ font-size:22px;}
.event-list ul li p{ font-size:16px;}
.event-list ul li h4, .event-list ul li h4 a{ font-size:22px;}
.event-list .show-more a{ font-size:28px;}


.news-main h1{ font-size:40px; line-height:38px;}
.news-main .press-main ul li{ padding:16px 10px;}
.news-main .press-main ul li h4{ font-size:20px; line-height:24px;}
.news-main .press-main p.showmore a{ font-size:26px;}
.news-main .story-main{ margin:10px 0px 50px 0px;}
.news-main .story-main h1{ margin-bottom:30px;}
.news-main .story-main h3{ font-size:24px; line-height:30px;}
.news-main .story-main .align-left{ max-width:300px; margin-right:20px;}
.news-main .story-main .align-right{max-width:300px; margin-left:20px;}
.news-main .story-main p.text-right{ max-width:140px; display:inline-block; margin:0px 0px 15px 0}


.contact-address, .contact-form{ margin-top:40px;}
.contact-address h3, .contact-form h3{ font-size:28px; margin-bottom:5px;}
.contact-address p{ font-size:18px;}
.contact-address .store-hours h5{ font-size:24px;}
.contact-address .store-hours p{ font-size:18px; line-height:26px;}
.contact-map #gmap_canvas{ height:350px;}

}

@media screen and (max-width:599px) {
.container, .inner-page .container{ max-width:460px;}

h1{font-size:28px; line-height:26px; letter-spacing:3px;}
h2{font-size:24px; letter-spacing:3px;}
h2 span{ font-size:44px;}

.frames-section .half-sec{ width:100%;}
.frames-section .half-sec:first-child{ margin-bottom:20px;}
.frames-section .half-sec p{ text-align:center; padding:0px;}

.sub-head {font-size:18px;}
.music-section .visit-page {font-size:18px;}

.frames-section .full-sec .origami {width:90px; top:240px;}
.frames-section .full-sec .frame {max-width:100%; width:49%;}
.frames-section .full-sec .frame2 {max-width:100%; width:49%; float:right; margin-top:20px;}
.frames-section .full-sec .frame3 {max-width:100%; width:49%; clear:both; margin-top:50px;}
.frames-section .full-sec .frame4 {max-width:100%; width:49%; float:right; margin-top:48px;}

.inner-page h1{ font-size:36px;}
.inner-page .food-frame{padding:24px 22px;}
.menu-list{ margin-bottom:20px;}
.menu-list ul li{ padding:0px 2% 4% 0px;}
.menu-list ul li a{ font-size:18px; line-height:40px;}

.event-list ul li{ margin-bottom:20px;}
.event-list ul li .col-sm-1{width:14%;}
.event-list ul li .col-sm-1:nth-child(2n){ display:none;}
.event-list ul li .col-sm-3{width:18%;}
.event-list ul li .col-sm-4{ width:42%; padding-left:10px;}
.event-list ul li .col-sm-5{width:24%;}
.event-list ul li .event-dateyear{font-size:24px; line-height:20px; letter-spacing:0px;}
.event-list ul li .event-dateyear span{font-size:15px;}
.event-list ul li .event-time{ font-size:22px;}
.event-list ul li p{ font-size:16px;}
.event-list ul li h4, .event-list ul li h4 a{ font-size:18px;}
.event-list ul li .tickets-button a{ font-size:14px; height:40px; line-height:32px;}
.event-list .show-more a{ font-size:26px;}


.news-main h1{ font-size:36px;}
.news-main .press-main ul li{ padding:12px 6px;}
.news-main .press-main ul li h4{ font-size:18px; line-height:24px;}
.news-main .press-main p.showmore a{ font-size:24px;}
.news-main .story-main{ margin:10px 0px 30px 0px;}
.news-main .story-main h1{ margin-bottom:30px;}
.news-main .story-main h3{ font-size:22px; line-height:26px;}
.news-main .story-main .align-left{ max-width:250px; margin-right:20px;}
.news-main .story-main .align-right{max-width:250px; margin-left:20px;}
.news-main .story-main p.text-right{ max-width:160px; display:inline-block; margin:0px 0px 15px 0}


.contact-address{ width:100%; margin-top:40px;}
.contact-form{width:100%; margin-top:10px;}
.contact-address h3, .contact-form h3{ font-size:26px; margin-bottom:5px;}
.contact-address p{ font-size:16px;}
.contact-address .store-hours{ margin-top:12px;}
.contact-address .store-hours h5{ font-size:24px;}
.contact-address .store-hours p{ font-size:16px; line-height:26px;}
.contact-map{ margin-top:26px;}
.contact-map #gmap_canvas{ height:300px;}
}

@media screen and (max-width:479px) {
.container, .inner-page .container{ max-width:300px;}

h1{ font-size:24px; line-height:24px;}
h2{ font-size:22px;}
h2 span{font-size:38px;}

header{ height:60px;}
header .menu-main .logo-mobile{ max-width:120px;}
.toggleMenu{ margin-top:-50px;}

.frames-section .half-sec h3{ font-size:22px; line-height:24px;}
.frames-section .full-sec .origami {width:90px; top:240px; display:none;}
.frames-section .full-sec .frame {width:100%; padding:0px;}
.frames-section .full-sec .frame2 {width:100%; float:left; margin-top:20px;}
.frames-section .full-sec .frame3 {width:100%; clear:both; margin-top:20px;}
.frames-section .full-sec .frame4 {width:100%; float:left; margin-top:20px;}

.music-section ul{ margin:10px 0px 0px 0px;}
.music-section ul li{ width:100%; margin:0px 0px 20px 0px;}

footer .footer-top .ft-address, footer .footer-top .ft-hours, footer .footer-top .ft-contact, footer .footer-top .ft-newsletter{ width:100%; padding:0px; text-align:left; margin:5px 0px;}

.inner-page h1{ font-size:30px; line-height:32px;}
.inner-page .food-frame{padding:14px 14px;}
.menu-list{ margin-bottom:20px;}
.menu-list ul li{ width:100%; padding:0px 0% 14px 0px;}
.menu-list ul li:nth-child(3n){ width:100%; padding-bottom:14px;}
.menu-list ul li a{ font-size:18px; line-height:40px;}

.event-list ul li{ margin-bottom:20px;}
.event-list ul li .col-sm-1{width:14%;}
.event-list ul li .col-sm-1:nth-child(2n){ display:none;}
.event-list ul li .col-sm-3{width:22%;}
.event-list ul li .col-sm-4{ width:62%; padding-left:8px;}
.event-list ul li .col-sm-5{width:100%; float:left; margin-top:12px;}
.event-list ul li .event-dateyear{font-size:18px; line-height:20px; letter-spacing:0px;}
.event-list ul li .event-dateyear span{font-size:13px;}
.event-list ul li .event-time{ font-size:22px;}
.event-list ul li p{ font-size:14px; line-height:18px;}
.event-list ul li h4, .event-list ul li h4 a{ font-size:16px;}
.event-list ul li .tickets-button a, .event-list ul li .tickets-button a:hover{ font-size:14px; height:40px; line-height:32px; padding:0px 20px; border-width:3px;}
.event-list .show-more a{ font-size:20px;}


.news-main h1{ font-size:30px; line-height:32px;}
.news-main .press-main ul li{ width:100%; padding:0px 0px 20px 0px;}
.news-main .press-main ul li h4{ font-size:16px; line-height:22px;}
.news-main .press-main p.showmore a{ font-size:24px; margin:0px; padding:0px;}
.news-main .story-main{ margin:10px 0px 30px 0px;}
.news-main .story-main h1{ margin-bottom:30px;}
.news-main .story-main h3{ width:100%; font-size:22px; line-height:26px; float:left; margin-bottom:6px;}
.news-main .story-main p{ font-size:14px; line-height:18px;}
.news-main .story-main .align-left{ max-width:100%; margin-right:0px; margin-bottom:10px;}
.news-main .story-main .align-right{max-width:100%; margin-left:0px; margin-bottom:10px;}
.news-main .story-main p.text-right{ max-width:160px; display:inline-block; margin:0px 0px 15px 0}


.contact-address h3, .contact-form h3{ font-size:24px;}
.contact-address .store-hours h5{ font-size:22px;}
.contact-address .store-hours p{line-height:22px;}
.contact-map #gmap_canvas{ height:250px;}
}