@font-face {
    font-family: 'Square721BTRoman';
    src: url('../fontovi/sq721bt2-webfont.eot');
    src: url('../fontovi/sq721bt2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontovi/sq721bt2-webfont.woff') format('woff'),
         url('../fontovi/sq721bt2-webfont.ttf') format('truetype'),
         url('../fontovi/sq721bt2-webfont.svg#Square721BTRoman') format('svg');
    font-weight: normal;
    font-style: normal;
 }
@font-face {
    font-family: 'Square721CnBTSDRoman';
    src: url('../fontovi/sq721bt1-webfont.eot');
    src: url('../fontovi/sq721bt1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontovi/sq721bt1-webfont.woff') format('woff'),
         url('../fontovi/sq721bt1-webfont.ttf') format('truetype'),
         url('../fontovi/sq721bt1-webfont.svg#Square721CnBTSDRoman') format('svg');
    font-weight: normal;
    font-style: normal; }

* { margin: 0; padding: 0; outline: none; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; }
body { font-family: 'Square721BTRoman', Arial, Helvetica, sans-serif; color:#f6e9bd; background:#f4f4f4; }
a { text-decoration: none;} 
.mt-100 { margin-top: 100px!important; }
ul, ol {list-style: none;}
main, header, nav, article, section, aside, footer { display: block; } 
figure {line-height: 0;} 
figure figcaption {display: none;}
.artikli_selector { width: 350px; display:block; background: #d7160e; color:  #fff; line-height: 25px; font-size: 18px; font-weight: 600; padding: 15px 18px; cursor: pointer; margin:50px auto 0px auto; }
.artikli { margin:0px auto; display: none; position: absolute; margin: 0; background: #eee; z-index: 9; width: 100% !important; }
.artikli > li { width: 100%; display:block; cursor: pointer; }

p { font-size: 16px; font-weight: 400; color: #473c27; line-height: 1.666666666666667em; /* 20px / 12px */ }
p + hr { margin: 20px auto 70px; border: none; border-bottom: 2px solid #d7160e; width: 150px; }
h1 { font-size: 5em; /* 80px / 16px */ font-weight: 700; text-transform: uppercase; line-height: 1em; color: #fff; margin-bottom: 8px; }
h2 { font-size: 3.75em; /* 60px / 16px */ font-weight: 400; color: #323232; line-height: 1em; text-align: center; margin-bottom: 15px; }
h2 + p { text-align: center; margin: 0 auto; width: 65%; }
h3 { font-size: 4.375em; /* 70px / 16px */ font-weight: 900; color: #fff; text-transform: uppercase; line-height: 1em; }
h3 span { color: #d7160e; margin-left: 7px; }
h4 { font-size: 2.25em; /* 36px / 16px */ font-weight: 700; color: #fff; line-height: 1em; }
h4 span { color: #d7160e; }
h5 { font-size: 1.25em; /* 20px / 16px */ font-weight: 400; color: #323232; line-height: 1em; }
h5 span { color: #d7160e; font-weight: 700; }
h6 { font-size: 0.75em; /* 12px / 16px */ font-weight: 900; letter-spacing: .2em; color: #fff; line-height: 1em; text-transform: uppercase; margin-bottom: 10px; }
a.square-button { display: block; width: 240px; height: 45px; border: 1px solid #fff; background-color: #d7160e; text-transform: uppercase; line-height: 45px; text-align: center; font-size: 0.75em; /* 12px / 16px */ font-weight: 900; color: #fff; letter-spacing: .2em; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
a.square-button:hover { background-color: #838281; color: #fff; border-color: #fff; }
img[alt='title-detail'] { display: block; margin: 0 auto 15px; }
input, textarea { border: 1px solid #dcdcdc; padding: 10px 15px; font-size: 0.75em; /* 12px / 16px */ color: #323232; font-weight: 400; }
div.wrapper { max-width: 1230px; margin: 0 auto; }
.error { border-color: #db2e2e; }

#loading { font-size: 90px; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 1em auto 2.3em; position: relative; display: none; animation: loader 1.7s infinite ease; -webkit-animation: loader 1.7s infinite ease; }

#pager { margin: 0 auto; overflow: hidden; }
#pager > li { float: left; margin-right: 5px; }
#pager > li:last-child { margin-right: 0; }
#pager > li > a { display: block; width: 29px; height: 29px; font-size: 0.625em; /* 10px / 16px */ font-weight: 700; color: #323232; line-height: 29px; text-align: center; border: 1px solid #dfdfdf; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
#pager > li > a:hover, #pager > li.selected > a { background-color: #d7160e; border-color: #d7160e; color: #fff; }

div.circle { background-color: #373737; border-radius: 50%; padding: 3px 0 0 3px; position: relative; overflow: hidden; }
div.circle > figure { border-radius: 50%; }
div.circle > a { display: block; position: absolute; top: 0; left: 0; border-radius: 50%; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; }
div.circle > a:hover { background-color: rgba(0,0,0,.75); }
div.circle > a:hover > img { opacity: 1; }
div.circle > a > img { opacity: 0; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; }

div.circle.tiny { width: 70px; height: 70px; }
div.circle.tiny figure { width: 64px; height: 64px; }

div.circle.small { width: 75px; height: 75px; }
div.circle.small figure { width: 69px; height: 69px; }
div.circle.small > a { width: 75px; height: 75px; }
div.circle.small > a:hover > img { transform: translate(0,25px); -webkit-transform: translate(0,25px); }
div.circle.small > a > img { margin-left: 26px; }

aside { position: fixed; top: 200px; right: -100px; z-index: 5; }
aside > a { display: block; position: relative; right: 0px; margin-bottom: 10px; transition: all .5s ease; -webkit-transition: all .5s ease; color: #fff; }
aside svg text { font-size: 12px; text-transform: uppercase; font-weight: 900; fill: #fff; }
aside > a:hover { right: 100px; }

header { position: relative;  }
header > div.wrapper { height:120px; background: transparent url(../images/header-bg.jpg) repeat-x left; border-bottom:8px solid #838281; max-width: 100%; }
header > figure { width: 228px; position: absolute; top: 25px; left: 50%; margin-left: -140px; z-index: 99; }
header > figure > img[alt='GiroEspresso-logo'] { margin-top: 10px; }

#menu-banner, #events-banner, #blog-banner, #gallery-banner { background-size: 2px 2px, cover !important; height: 400px; text-align: center; padding-top: 150px; }
#menu-banner h1, #events-banner h1, #blog-banner h1, #gallery-banner h1, #menu-banner h6, #events-banner h6, #blog-banner h6, #gallery-banner h6 { text-shadow: 0px 0px 8px rgba(150, 150, 150, 1); }
#menu-banner { background: url('../images/tekstura.png') repeat, url('../images/ponuda/ponuda-bg.jpg') no-repeat center; }
#events-banner { background: url('../images/tekstura.png') repeat, url('../images/eventi/eventi-bg.jpg') no-repeat center; }
#blog-banner { background: url('../images/tekstura.png') repeat, url('../images/blog/blog-bg.jpg') no-repeat center; }
#gallery-banner { background: url('../images/tekstura.png') repeat, url('../images/galerija/galerija-bg.jpg') no-repeat center; }

#main-nav { max-width: 1230px; min-height: 120px; margin: 0 auto; background: url(../images/shadow.png) no-repeat center bottom; position: relative; top: -9px; }
 #main-nav > ul > li { 	float: left; height: 70px; width: 200px; }
 #main-nav > ul.responsive-nav { display: none; }
 #main-nav > ul > li:nth-child(3), #main-nav > ul > li:nth-child(4) { float: right; }
 #main-nav > ul > li > a { 	display: block; text-align: center; line-height: 130px; color: #d7160e; font-size: 18px; font-weight: 600; text-transform: uppercase; transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; position: relative; }
 #main-nav > ul > li.sub-items > a:after { content: url('../images/nav-arrow.png'); position: absolute; bottom: 3px;right: 60px; }
 #main-nav > ul > li > a:hover { color: #838281; }
 #main-nav > ul > li.sub-items > a:hover:after { content: url('../images/nav-arrow-hover.png'); } 

#main-nav > ul > li > ul { width: 200px; background-color: #141414; position: relative; z-index: 2; margin-left: 57px; display: none; }
#main-nav > ul > li > ul > li { border-bottom: 1px solid #373737; }
#main-nav > ul > li > ul > li:last-child { border-bottom: none; }
#main-nav > ul > li > ul > li > a { line-height: 40px; display: block; padding: 0 15px; font-size: 12px; color: #d7160e; text-transform: uppercase; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
#main-nav > ul > li > ul > li > a:hover { color: #838281; background-color: #d7160e; }

header ul.main-slider li { height: 650px; padding-top: 250px; text-align: center; }
header ul.main-slider li a.square-button { margin: 45px auto 0; }
header ul.main-slider li.first { background: url('../images/tekstura.png') repeat,url('../images/slider/slide-1.jpg') center; background-size: 2px 2px, cover; -webkit-background-size: 2px 2px, cover; }
header ul.main-slider li.second { background: url('../images/tekstura.png') repeat,url('../images/slider/slide-2.jpg') center; background-size: 2px 2px, cover; -webkit-background-size: 2px 2px, cover; }
header ul.main-slider li.third { background: url('../images/tekstura.png') repeat,url('../images/slider/slide-3.jpg') center; background-size: 2px 2px, cover; -webkit-background-size: 2px 2px, cover; }
header ul.main-slider li.four { background: url('../images/tekstura.png') repeat,url('../images/slider/slide-4.jpg') center; background-size: 2px 2px, cover; -webkit-background-size: 2px 2px, cover; }
header ul.main-slider li.five { background: url('../images/tekstura.png') repeat,url('../images/slider/slide-5.jpg') center; background-size: 2px 2px, cover; -webkit-background-size: 2px 2px, cover; }
header ul.main-slider li.six { background: url('../images/tekstura.png') repeat,url('../images/slider/slide-6.jpg') center; background-size: 2px 2px, cover; -webkit-background-size: 2px 2px, cover; }
header ul.main-slider li.seven { background: url('../images/tekstura.png') repeat,url('../images/slider/slide-7.jpg') center; background-size: 2px 2px, cover; -webkit-background-size: 2px 2px, cover; }
header ul.main-slider h2 { font-size: 5em; /* 80px / 16px */ font-weight: 700; text-transform: uppercase; font-family: 'Square721CnBTSDRoman', Arial, Helvetica, sans-serif; line-height: 1em; color: #fff; margin-bottom: 8px; text-shadow: 0px 0px 8px rgba(150, 150, 150, 1); }

.pager-container { width: 200px; position: absolute; bottom: 80px; left: 50%; margin-left: -65px; z-index:99999; }
.pager-container a { display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; float: left; margin-right: 10px; }
.pager-container a:last-child { margin-right: 0; }
.pager-container a:hover { background-color: #d7160e;	 }
.pager-container a.active { background-color: #d7160e; }

#our-dishes { background-color: #fff; padding: 120px 0 120px; position: relative; overflow: hidden; }
#our-dishes p { text-align: center;  }

#shows { background: url('../images/tekstura.png') repeat, url('../images/eventi/eventi-bg.jpg') center; padding-top: 150px; position: relative; min-height: 510px; background-size: 2px 2px, cover; -webkit-background-size: 2px 2px, cover; }
#shows > div.wrapper { position: relative; width: 100%; }
#shows img[alt='eventi'] { position: absolute; top: -197px; left: 0%; }
#shows article { margin-left: 45%; }
#shows article > p { color: #fff; }
#shows article > h3 + p { font-size: 1.125em; /* 18px / 16px */ letter-spacing: .32em; text-transform: uppercase; font-weight: 900; line-height: 1em; margin: 10px 0 25px; }
#shows article > p + p { width: 84%; margin-bottom: 15px; }

#popular-dishes { background-color: #fff; padding: 120px 0 120px; position: relative; }

ul.dishes { overflow: hidden; visibility:hidden; width: 1169px; margin: 0 auto; }
.visible { visibility: visible!important; }
ul.dishes > li { float: left; width: 100%; padding-bottom: 0; margin: 5px 0px; border-bottom: 1px dotted #838281; text-align: left; position: relative; }
ul.dishes.v3 > li > h5 { text-align: left; font-size: 15px; display: inline-block; color: #d7160e; } 
ul.dishes.v3 > li > p { text-align: center; font-size: 15px; float:right; } 
ul.dishes.v3 > li > p span { margin-left: 100px; display: inline-block; } 
#popular-dishes a.square-button { margin: 50px auto 0 auto; }

#news { background: url('../images/tekstura.png') repeat, url('../images/news-bg.jpg') center; background-size: 2px 2px, cover; -webkit-background-size: 2px 2px, cover; min-height: 400px; padding-top: 130px; }
#news > p { font-size: 0.875em; /* 14px / 16px */ color: #fff; font-weight: 900; line-height: 1em; text-transform: uppercase; text-align: center; }
#news > h4 { margin-top: 15px; text-align: center; text-transform: uppercase; }
#news > article { width: 400px; margin: 40px auto 0; position: relative; }
#news input[type='email'] { min-width: 275px; }
#news input[type='submit'] { position: absolute; top: 0; right: 0; height: 100%; width: 125px; font-size: 0.75em; /* 12px / 16px */  font-weight: 900; color: #fff; letter-spacing: .2em; cursor: pointer; background-color: #d7160e; text-transform: uppercase; border: none; }
#news p.subs-error { color: #db2e2e; font-weight: 700; float: left; margin-top: 5px; font-size: 0.75em; text-transform: none; }

::-webkit-input-placeholder { font-size: 12px; font-weight: 400; color: #ababab; }
:-moz-placeholder { /* Firefox 18- */ font-size: 12px; font-weight: 400; color: #ababab;  }
::-moz-placeholder {  /* Firefox 19+ */ font-size: 12px; font-weight: 400; color: #ababab; }
:-ms-input-placeholder {   font-size: 12px; font-weight: 400; color: #ababab; }

#contact { background-color: #eee; padding: 120px 0 120px; }
#contact p { text-align: center }
#contact ul { margin: 35px auto 0 auto; text-align:center;  overflow: hidden; }
#contact ul > li { text-align:center;  }

#map { width: 100%; height: 500px; }

footer { height:120px; background:url(../images/bg_footer.jpg) repeat-x center;  border-top:8px solid #d7160e; }
footer #copy { max-width: 1230px; margin: 0 auto; overflow: hidden; padding: 0 30px; }
footer #copy > h5 { font-size: 0.8125em; /* 13px / 16px */ color: #fff; line-height: 70px; float: left; }
footer #copy > h5 { font-weight: 400; }
footer #copy > nav > ul { float: right; }
footer #copy > nav > ul > li { height: 70px; line-height: 70px; float: left; margin-right: 13px; }
footer #copy > nav > ul > li:after { content: url('../images/copy-divider.png'); margin-left: 13px; }
footer #copy > nav > ul > li:last-child:after { content: ''; margin-left: 0; }
footer #copy > nav > ul > li:last-child { margin-right: 0; }
footer #copy > nav > ul > li > a { font-size: 0.8125em; /* 13px / 16px */ color: #d7160e; }
footer #copy > nav > ul > li > a:hover { color: #838281; }

#menu { background-color: #fff; padding: 120px 0 120px; }
#menu-nav { width: 770px; overflow: hidden; margin: 0 auto 70px; }
#menu-nav.text-nav { width: 1158px; }
#menu-nav > li { float: left; margin-right: 70px; position: relative; }
#menu-nav.text-nav > li { margin: 6px; }
#menu-nav > li:last-child { margin-right: 0; }
#menu-nav.text-nav > li > a { display: block; font-size: 13px; font-weight: 400; text-align: center; line-height: 35px; padding: 0 30px; color: #6f6f6f; border: 1px solid #dfdfdf; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
#menu-nav.text-nav > li > a:hover { color: #fff; background-color: #d7160e; border-color: #d7160e; }
#menu-nav > li.selected > a { border-color: #f06600; }
#menu-nav.text-nav > li.selected > a { color: #fff; background-color: #d7160e; border-color: #d7160e; }
#menu ul.dishes { margin-bottom: 30px; }


#gallery { background-color: #fff; padding: 120px 0 120px; }
#gallery-pics, .gallery { width: 1170px; margin: 0 auto; overflow: hidden; }
.gallery > li { float: left; background-color: #333; margin: 0 30px 30px 0; position: relative; overflow: hidden; border: 1px solid #dfdfdf; }
#gallery-pics > li { float: left; width: 150px; height: 150px; margin: 0 20px 20px 0; border: 1px solid #dfdfdf; position: relative; cursor: pointer; }
#gallery-pics > li > div { width: 150px; height: 0; background-color: rgba(0,0,0,.7); text-align: center; position: absolute; top: 0; left: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
#gallery-pics > li > div > img, #gallery-pics > li > div > p { transition: all .6s ease; -webkit-transition: all .6s ease; opacity: 0; }
#gallery-pics > li > div > p { font-size: 10px;  font-weight: 900; color: #fff; text-transform: uppercase; }
#gallery-pics > li > div > img { margin-top: 50px; }
#gallery-pics > li:hover > div > img, #gallery-pics > li:hover > div > p { opacity: 1; }
#gallery-pics > li:hover > div { height: 150px; }
#gallery-pics > li > figure { width: 150px; height: 150px; }
#gallery-pics > li:nth-child(7n+7) { margin-right: 0; }
.gallery > li > a > div { width: 100%; background-color: rgba(0,0,0,.75); position: absolute; left: 0; bottom: 0; transition: all .5s ease; -webkit-transition: all .5s ease; }
.gallery > li > a > div > h5 { color: #fff; }
.gallery > li > a > div > p { margin-top: 30px; color: #898989; }
.gallery > li > a > div:after { content: url('../images/plus-icon-small.png'); position: absolute; top: 20px; }

#gallery-3c > li { width: 370px; height: 270px; }
#gallery-3c > li:nth-child(3n+3) { margin-right: 0; }
#gallery-3c > li > a > div { max-height: 70px; padding: 18px 20px 25px; }
#gallery-3c > li > a > div:after { right: 20px; }
#gallery-3c > li > a:hover > div { max-height: 270px; }


@keyframes plus-roll { 0% {opacity: 0; 	transform: translate(0,0) rotate(0deg); }
 100% { opacity: 1; transform: translate(100px,0) rotate(360deg); } }
@-webkit-keyframes plus-roll { 0% { opacity: 0; -webkit-transform: translate(0,0) rotate(0deg); }
 100% { opacity: 1; -webkit-transform: translate(100px,0) rotate(360deg); } }
@keyframes rotate { 0% { transform: rotate(0deg); }
 100% { transform: rotate(180deg); } }
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); }
 100% { -webkit-transform: rotate(180deg); } }
@keyframes rotate-fix { 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); } }
@-webkit-keyframes rotate-fix { 0% { -webkit-transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); } }

@keyframes loader {
  0% {
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.11em -0.83em 0 -0.42em #d7160e, -0.11em -0.83em 0 -0.44em #d7160e, -0.11em -0.83em 0 -0.46em #d7160e, -0.11em -0.83em 0 -0.477em #d7160e;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.11em -0.83em 0 -0.42em #d7160e, -0.11em -0.83em 0 -0.44em #d7160e, -0.11em -0.83em 0 -0.46em #d7160e, -0.11em -0.83em 0 -0.477em #d7160e;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.51em -0.66em 0 -0.42em #d7160e, -0.75em -0.36em 0 -0.44em #d7160e, -0.83em -0.03em 0 -0.46em #d7160e, -0.81em 0.21em 0 -0.477em #d7160e;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.29em -0.78em 0 -0.42em #d7160e, -0.43em -0.72em 0 -0.44em #d7160e, -0.52em -0.65em 0 -0.46em #d7160e, -0.57em -0.61em 0 -0.477em #d7160e;
  }
  100% {
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.11em -0.83em 0 -0.42em #d7160e, -0.11em -0.83em 0 -0.44em #d7160e, -0.11em -0.83em 0 -0.46em #d7160e, -0.11em -0.83em 0 -0.477em #d7160e;
  } }

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.11em -0.83em 0 -0.42em #d7160e, -0.11em -0.83em 0 -0.44em #d7160e, -0.11em -0.83em 0 -0.46em #d7160e, -0.11em -0.83em 0 -0.477em #d7160e;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.11em -0.83em 0 -0.42em #d7160e, -0.11em -0.83em 0 -0.44em #d7160e, -0.11em -0.83em 0 -0.46em #d7160e, -0.11em -0.83em 0 -0.477em #d7160e;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.51em -0.66em 0 -0.42em #d7160e, -0.75em -0.36em 0 -0.44em #d7160e, -0.83em -0.03em 0 -0.46em #d7160e, -0.81em 0.21em 0 -0.477em #d7160e;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.29em -0.78em 0 -0.42em #d7160e, -0.43em -0.72em 0 -0.44em #d7160e, -0.52em -0.65em 0 -0.46em #d7160e, -0.57em -0.61em 0 -0.477em #d7160e;
  }
  100% {
    -webkit-transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #d7160e, -0.11em -0.83em 0 -0.42em #d7160e, -0.11em -0.83em 0 -0.44em #d7160e, -0.11em -0.83em 0 -0.46em #d7160e, -0.11em -0.83em 0 -0.477em #d7160e;
  } }


.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: .95; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

/***************************************/
/* 26. MEDIA QUERIES */
/***************************************/
@media screen and (max-width: 1290px) { 
	ul.dishes { width: 570px; }
	ul.dishes > li:nth-child(2n+2) { margin-right: 0; }
	#gallery-3c { width: 770px; }
	#gallery-3c > li:nth-child(3n+3) { margin-right: 30px; }
	 #gallery-3c > li:nth-child(2n+2){ margin-right: 0; }
	 #gallery-pics { width: 830px; }
	 #gallery-pics > li:nth-child(7n+7) { margin-right: 20px; }
	 #gallery-pics > li:nth-child(5n+5) { margin-right: 0; }
	 #menu-nav.text-nav { width: 100%; }
	 #menu-nav.text-nav > li { margin-bottom: 8px; display: block; width: 100%; }	
	 #menu-nav.text-nav > li > a { display: block; width: 100%; }
}

@media screen and (max-width: 1275px) {

 /*--------------- 	SHOWS ---------------*/ #shows img[alt='eventi'] { 	left: 3%; }



 /*--------------- 	BLOG ---------------*/ #side-nav .side-posts > article > div.circle.small { 	float: none; 	margin: 0 auto; }
 #side-nav .side-posts > article > h6, #side-nav .side-posts > article > p { 	text-align: center; }
 /*--------------------- 	ASIDE NAVIGATION ---------------------*/ aside { 	display: none; } }

@media screen and (max-width: 1024px) { /*--------------- 	HEADER ---------------*/ header > figure { 	width: 140px; 	top: 25px; 	margin-left: -140px; }
 /*--------------- 	MAIN NAV ---------------*/ #main-nav { 	min-height: 185px;	 	position: relative; 	z-index:999999; }
 #main-nav > ul { 	display: none; 	position: absolute; 	z-index: 3; 	top: 185px; 	left: 0; 	width: 100%; }
 #main-nav > ul > li { 	width: 100%; 	height: auto; 	background-color: #000; }
 #main-nav a#pull {  
        display: block;     
        position: absolute;  
        left: 50%;
       	bottom: 15px;
       	margin-left: -13px;
    }  
    
    #main-nav a#pull:after {  
        content: url('../images/nav-icon.png');   
    } 
 /*--------------- 	SUB MENU ---------------*/ #main-nav > ul > li > ul { 	margin-left: 0; 	width: 100%; }
 #main-nav > ul > li > ul > li > a { 	text-align: center; }

 /*--------------- 	SHOWS ---------------*/ #shows img[alt='eventi'] { 	display: none; }
 #shows article { 	margin: 0 auto; 	text-align: center; }
 #shows article > p + p { 	margin: 0 auto 55px; }
 #shows article > a.square-button { 	margin: 0 auto; }
 /*--------------- 	MENU ---------------*/ #menu-nav { 	width: 350px; }
 #menu-nav > li { 	margin-bottom: 30px; }
 #menu-nav > li:nth-child(3) { 	margin-right: 0; }
 #menu-nav > li:nth-child(3):after { 	display: none; }
 /*--------------- 	GALLERY ---------------*/ #gallery-pics { 	width: 490px;	 }
 #gallery-pics > li:nth-child(5n+5) { 	margin-right: 20px; }
 #gallery-pics > li:nth-child(3n+3) { 	margin-right: 0; } /*--------------- 	LIGHTBOX ---------------*/ .mfp-gallery .mfp-close { 	right: 30px!important; }
 .mfp-close { 	right: 0!important; } }

@media screen and (max-width: 855px) {
 /*------------ 	BLOG ------------*/ #blog #side-nav { 	display: none; }
 #blog #post-list.right, #blog #post-list.left {  	float: none; 	width: 90%; 	margin: 0 auto; 	padding-left: 0; 	padding-right: 0; }
 #blog #post-list a.more { 	margin-left: auto; 	margin-right: auto; }
 /*------------- 	GALLERY -------------*/ #gallery-3c { 	width: 370px; }
 #gallery-3c > li { 	margin-right: 0; } }

@media screen and (max-width: 750px) {

 /*------------------- 	POPULAR DISHES -------------------*/ ul.dishes { 	width: 96%; } 
h2 + p, #our-dishes p {width: 96%; }


 /*------------- 	GALLERY -------------*/

 #gallery-pics { 	width: 320px;	 }
 #gallery-pics > li:nth-child(3n+3) { 	margin-right: 20px; }
 #gallery-pics > li:nth-child(2n+2) { 	margin-right: 0; }

 footer #copy > h5 { 	margin-top: 50px; 	float: none; 	text-align: center; }
 footer #copy { 	position: relative; }
 footer #copy > nav > ul { 	width: 336px; 	position: absolute; 	top: 0; 	left: 50%; 	margin-left: -168px; } }

@media screen and (max-width: 600px) { /*--------------- 	HEADER ---------------*/ header ul.main-slider img { 	display: none; }
 header h1, header h2 { 	font-size: 4.375em; /* 70px / 16px */ } /*--------------- 	SHOWS ---------------*/ #shows article > h3 + p:before, #shows article > h3 + p:after { 	display: none; }
 #shows article > h3 { 	font-size: 2.5em; /* 40px / 16px */ }

 
 /*--------------- 	NEWS ---------------*/ #news > h4 { 	font-size: 1.875em; /* 30px / 16px */ }
 #news > article { 	width: 80%; 	text-align: center; }
 #news input[type='email'] { 	min-width: 0; 	width: 95%; 	margin-bottom: 20px; }
 #news input[type='submit'] { 	position: static; 	height: 38px; 	display: block; 	margin: 0 auto; }


 }

@media screen and (max-width: 480px) { /*--------------- 	HEADER ---------------*/ header h1, header h2 { 	font-size: 3.125em; /* 60px / 16px */ }
 /*------------- 	GALLERY -------------*/ #gallery-3c { 	width: 90%; }
 #gallery-3c > li { 	width: 100%; }
 #gallery-3c > li > a > div > h5 { 	font-size: 1em; /* 16px / 16px */ }
 /*------------- 	POSTS -------------*/ #post-list .author article:first-child { 	float: none; 	margin: 0 auto; } /*------------- 	FOOTER -------------*/
 footer #copy > h5 { 	margin-top: 20px; 	font-size: 0.75em; /* 12px / 16px */ }

 /*--------------- 	MENU NAV ---------------*/ #menu-nav { 	width: 210px; }
 #menu-nav > li:nth-child(odd) { 	margin-right: 70px; }
 #menu-nav > li:nth-child(odd):after { 	display: block; }
 #menu-nav > li:nth-child(even) { 	margin-right: 0; }
 #menu-nav > li:nth-child(even):after { 	display: none; } }

@media screen and (max-width: 400px) { /*--------------- 	GALLERY ---------------*/ #gallery-pics { 	width: 150px;	 }
 #gallery-pics > li { 	margin-right: 0; } }