/*
Theme Name: Theme Restaurante Lisboa II
Theme URI: http://www.restlisboa.lu/
Author: the Push The Brand team
Author URI: https://pushthebrand.com
Description: Restaurante Lisboa II
Version: 2
Tags: Push The Brand, Lisboa2
*/


/* reset 
----------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


/* Typography and Elements 
----------------------------------------------------------------------------- */
body,button,input,select,textarea {
    color: #e1e1e1;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

a {color: #b39546}
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 700; font-family: Lora, serif}
h1{text-transform: uppercase; font-weight: 700}
p {margin-bottom: 1em}
b,strong {font-weight: 700}
dfn,cite,em,i {font-style: italic}
blockquote {
    border-left: 4px solid #707070;
    border-left: 4px solid rgba(51, 51, 51, 0.7);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-size: 18px;
    font-size: 1.8rem;
    font-style: italic;
    line-height: 1.6667;
    margin-bottom: 1.6667em;
    padding-left: 0.7778em;
}
blockquote p {margin-bottom: 1.6667em}
blockquote > p:last-child {margin-bottom: 0}
blockquote cite, blockquote small {
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: "Noto Sans", sans-serif;
    line-height: 1.6;
}
blockquote em,blockquote i,blockquote cite {font-style: normal}
blockquote strong,blockquote b {font-weight: 400}
address {font-style: italic;margin: 0 0 1em}
code,kbd,tt,var,samp,pre {
    font-family: Inconsolata, monospace;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
pre {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.01);
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    line-height: 1.2;
    margin-bottom: 1em;
    max-width: 100%;
    overflow: auto;
    padding: 0.8em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
abbr[title] {
    border-bottom: 1px dotted #eaeaea;
    border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
    cursor: help;
}
mark,ins {background-color: #fff9c0;text-decoration: none}
sup,sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {bottom: 1ex}
sub {top: .5ex}
small {font-size: 75%}
big {font-size: 125%}
hr {
    background-color: #eaeaea;
    background-color: rgba(51, 51, 51, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 1em;
}
ul,ol {margin: 0 0 1em 1.3333em}
ul {list-style: disc}
ol {list-style: decimal}
li > ul,li > ol {margin-bottom: 0}
dl {margin-bottom: 1em}
dt {font-weight: bold}
dd {margin-bottom: 1em}
table,th,td {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1em;
    table-layout: fixed; /* Prevents HTML tables from becoming too wide */
    width: 100%;
}
caption,th,td {	font-weight: normal;text-align: left}
th {border-width: 0 1px 1px 0;font-weight: 700}
td {border-width: 0 1px 1px 0}
th, td {padding: 0.4em}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
figure {margin: 0}
del {opacity: 0.8}


/* Media
----------------------------------------------------------------------------- */
audio,canvas {display: inline-block}
embed,iframe,object,video {margin-bottom: 1em;max-width: 100%!important;vertical-align: middle}
p > embed,p > iframe,p > object,p > video {margin-bottom: 0}
.wp-audio-shortcode,.wp-video,.wp-playlist.wp-audio-playlist {
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 1em;
}
.wp-playlist.wp-playlist {padding-bottom: 0}
.wp-playlist .wp-playlist-tracks {margin-top: 0}
.wp-playlist-item .wp-playlist-caption {border-bottom: 0;padding: 10px 0}
.wp-playlist-item .wp-playlist-item-length {top: 10px}


/* Clearings
----------------------------------------------------------------------------- */
.clear:before,
.clear:after,
.site:before,
.site:after,
.widget-area:before,
.widget-area:after,
.content-area:before,
.content-area:after,
.entry-content:before,
.entry-content:after,
.site-main:before,
.site-main:after,
.nav-links:before,
.nav-links:after,
.widget-content:before,
.widget-content:after {
    content: "";
    display: table;
}

.clear:after,
.site:after,
.widget-area:after,
.content-area:after,
.entry-content:after,
.site-main:after,
.nav-links:after,
.widget-content:after {
    clear: both;
}


/* forms 
----------------------------------------------------------------------------- */
::-webkit-input-placeholder {color: #6f6f6e}
:-moz-placeholder {color: #6f6f6e}
::-moz-placeholder {color: #6f6f6e}
:-ms-input-placeholder {color: #6f6f6e}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
input[type="date"], textarea {
    color: #fff;
    box-shadow: inset 0 0 6px -1px #000, inset -1px -1px 1px #666;
    padding: 5px;
    border: 1px inset #333;
    background-color: #333;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
}
input[type="submit"], button {
    background-color: #b39546; 
    border: 0; 
    width: 100%; 
    padding: 5px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
    cursor: pointer;
}
input[type="submit"]:hover, button:hover {color: #fff}

#page div.wpcf7-response-output {
    margin: 0 0 1em 0;
}

.wpcf7 img.ajax-loader {
    background: #FFF;
    border-radius: 50%;
    margin: 1em 0 0 -10px!important;
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 2px;
    display: block;
}
.wpcf7 .wrap-submit{text-align: center; position: relative}



/* Structure 
----------------------------------------------------------------------------- */
body {background: #b39546}

#page{
    border-top: 5px solid #b39546; 
    background: #333 url(./img/bg_pattern.jpg) repeat
}

#masthead, #main {
    width: 100%; 
    max-width: 1040px;
    margin: 0 auto;
}

#masthead .site-title {text-align: center}
#masthead .site-title img {margin: 30px 0}

#primary {position: relative; z-index: 1}

#colophon {
    background: url(./img/bg_footer.png) repeat-x 50% 0;
    padding: 10px;
    margin-top: 50px;
}

/* info coontact */
.site-info ul.info-contact, .entry-content ul.info-contact {list-style: none; margin: 0 0 20px; padding: 0}
.site-info ul.info-contact {text-align: center; margin-top: 30px}
.site-info ul.info-contact li  {display: inline; margin: 0 10px; font-size: 0.85em}
.site-info ul.info-contact li, .site-info  ul.info-contact li a {color: #302e31; text-decoration: none}
.site-info ul.info-contact li.theme_info_contact_facebook span {display: none}
.entry-content ul.info-contact li:nth-child(2n) {margin-bottom: 1em}
.entry-content .info-contact img {display: none}

.alignleft {display: inline;float: left}
.alignright {display: inline;float: right}
.aligncenter {display: block;margin-right: auto;margin-left: auto}

img.alignleft {margin: 0.25em 1em 1em 0}
img.alignright {margin: 0.25em 0 1em 1em}
img.aligncenter {clear: both;margin-top: 0.25em;margin-bottom: 1em}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.img-cover {
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover
}
.img-cover img.hidden {opacity: 0; position: relative; z-index: -1}

.widget a, .entry-content a {text-decoration: none}
.widget a:hover, .entry-content a:hover {text-decoration: underline}

.hentry {
    background-color: #333; 
    display: inline-block;
    margin: 20px;
    max-width: 100%
}
.hentry, .widget {text-align: left}
.hentry.width-small {width: 290px; min-height: 490px}
.hentry.weekly-menu {text-align: center}

.not-found {display: block; background: #444; margin: 20px}

#primary {text-align: center}

.hentry h3 {
    color: #b39546;
    text-align: center;
    padding-bottom: 15px;
    background: url(./img/wave.png) no-repeat 50% 100%;
    margin-bottom: 10px;
}
.temp-title {
    font-size: 2em;
    font-family: "Open Sans";
    text-align: center;
    color: #B39546;
    text-align: center;
    padding-bottom: 20px;
    background: url(./img/wave.png) no-repeat 50% 80%;
    margin-bottom: 20px;
    border-bottom: 1px solid #B39546;
}

.button {
    margin-top: 1em;
    font-size: 1em;
    background: #B1984E; 
    padding: 10px 0;
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase
}
.button:hover {text-decoration: underline}

.entry-header {position: relative}
.entry-title a {text-decoration: none}

.box {box-shadow: 0 0px 13px 1px #222; padding: 20px}
.box .entry-title, .widget-title {   
    font-size: 1.2em;
    color: #b39546;
    text-transform: uppercase;
    padding: 10px 0 25px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #b39546;
    text-align: center;
    text-decoration: none
}

.no-js .hide-no-js {display: none}

.maps-info-window {text-align: center}
.maps-info-window h3 {color: #333;font-size: 1.2em}


/* navigation post
----------------------------------------------------------------------------- */
.navigation {margin: 20px 0}
.navigation * {text-decoration: none; padding: 2px; margin: 0 5px}

.nav-post a {
    display: block; 
    text-decoration: none; 
    font-size: 1.8em;
    position: absolute;
    top: 0;
    line-height: 1.65;
    font-family: serif
}
.nav-post a.prev {left: 0}
.nav-post a.next {right: 0}
.nav-post a.on:hover {text-decoration: underline}
.nav-post a.off {color: #574D30; cursor: default}

.nav-post-weekly-menu {
    position: absolute; 
    width: 100%;
    top: 45%
}


/* page template restaurant-menu
----------------------------------------------------------------------------- */
.hentry.restaurant-menu .entry-content ul {list-style: none; margin-left: 0}
.hentry.restaurant-menu .entry-content ul li {
    border-bottom: 2px solid #3A3A39;
    overflow: hidden;
    margin-top: 10px;
}
.hentry.restaurant-menu .entry-content ul li em {color: #999}
.hentry.restaurant-menu .entry-content ul li strong {
    float: right; 
    display: inline; 
    color: #b39546; 
    font-style: italic;
    padding-left: 20px
}


/* widget 
----------------------------------------------------------------------------- */
.widget {width: 205px;  background-color: #444; overflow: hidden}

.widget-content {height: 100%}

#primary .widget {
    position: absolute;
    top : 160px;
    height: 350px;
}
#primary .widget.first {left: 20px}
#primary .widget.last {right: 20px}

#secondary{
    border-bottom: 1px solid #B1984E;
    text-align: center;
    margin: 20px 20px 0 20px; 
    border-top: 1px solid #B1984E;
    position: relative
}
#secondary .wrap {
    width: 260px;
    float: right;
    background: #333 url(./img/bg_pattern.jpg) repeat;
    position: relative;
    z-index: 2;
}
#secondary .widget{margin: 10px 0 10px 15px; width: auto}
#secondary figure {
    width: 75%;
    position: absolute;
    bottom: 10px;
    top: 10px;
    background-image: url(./img/img-cuisine.jpg);
}


/* comments
----------------------------------------------------------------------------- */
.no-comments {margin: 1em 0}

#comments {margin: 19px 20px 20px; border-top: 1px solid #b39546}
.comment-body {
    padding: 10px 0;
    border-bottom: 1px solid #b39546; 
    display: block;
}
.comment-meta {
    background-color: #444;
    color:#b39546 ;
    padding: 20px;
    text-align: center;
    margin-bottom: 15px;
    width: 225px;
    display: table-cell;
    vertical-align: middle; 
    box-shadow: 0 0px 13px 1px #222
}
.comment-metadata a {text-decoration: none}
a.comment-edit-link {display: block; text-decoration: underline; margin: 5px 0 0}
.comment-author .fn {
    font-weight: 700; 
    font-family: Lora, serif; 
    font-size: 1.2em;
    text-transform: uppercase
}
.comment-content{
    display: table-cell;
    padding-left: 20px;
    text-align: justify
}
.comment-content p:last-child {margin-bottom: 0}
.comment-respond {text-align: left; margin-top: 10px}
.comment-respond .form-submit {margin-bottom: 0}
.comments-area .comment-respond {
    padding: 20px;
    background: #333;
    box-shadow: 0 0px 13px 1px #222;
}
.comment-respond label {margin-bottom: 5px; display: block}
.comment-reply-title {display: none}
.comment-awaiting-moderation {color: #fff; margin: 10px 0 0}


/* widget comments
----------------------------------------------------------------------------- */
.wrap-comments {position: relative; min-height: 275px}
.wrap-comments ul {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 230px;
    padding:0 10px 0 0;
    margin: 0;
    list-style: none
}
.wrap-comments li {
    border-bottom: 1px dashed #FFF;
    margin-bottom: 15px;
}
.wrap-comments li.not-comments {border: 0}
.wrap-comments li:last-child {margin-bottom: 0}

/*widget comments form */
.wrap-comments .comment-respond {
    margin: 0;
    position: absolute;
    background: #444;
    top: 110%;
    width: 100%;
    height: 100%;
    transition: top .5s ease
}
.wrap-comments .comment-respond.toggled-on {top: 0}
.wrap-comments button {
    background: none;
    color: #888;
    font-weight: normal;
    text-transform: none;
    padding: 10px 0 0;
    margin: 20px 0 0;
    text-align: left;
    font-style: italic;
    border-top: 1px solid #B39546;
    outline: none;
    cursor: text;
}
.wrap-comments button.toggle-on {
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #B39546;
    top: -58px;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -5px;
    cursor: pointer;
    text-indent: -9999em
}

.wrap-comments textarea {height: 90px}
.wrap-comments .form-submit {margin: 0 0 20px}

/* widget comments style scroll */
.wrap-comments ul::-webkit-scrollbar {-webkit-appearance: none}
.wrap-comments ul::-webkit-scrollbar:vertical {width: 11px}
.wrap-comments ul::-webkit-scrollbar:horizontal {height: 11px}
.wrap-comments ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #555;
    background-color: #333;
}
.wrap-comments ul::-webkit-scrollbar-track {background-color: #555;border-radius: 0} 


/* page template weekly-menu
----------------------------------------------------------------------------- */
.page-template-page-weekly-menu .hentry.weekly-menu {
    width: 264px;
    background-color: #444
}


/* page template events
----------------------------------------------------------------------------- */
.page-template-page-events #primary {margin-top: 10px}
.page-template-page-events #primary .hentry.event {
    width: 225px; 
    height: 175px; 
    margin: 10px; 
    position: relative;
    padding: 0;
    overflow: hidden;
    display: inline-block
}
.page-template-page-events .hentry.event .entry-title {
    padding: 0;
    border: 0;
    margin: 0
}
.page-template-page-events .hentry.event a {
    height: 175px;
    line-height: 1.2;
    opacity: 0;
    color: #222; 
    text-decoration: none; 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    padding: 35% 20px 0 20px; 
    box-sizing: border-box;
    transition: opacity .2s ease;
}
.page-template-page-events .hentry.event a:hover {
    background-color: #b39546; 
    background-color: rgba(177, 152, 78, .8); 
    opacity: 1
}
.touch .page-template-page-events .hentry.event a {
    opacity: 1; 
    text-shadow: 0 0 10px #000; 
    color: #fff
}


/* menu 
----------------------------------------------------------------------------- */
.main-menu {
    margin: 0 auto; 
    text-align: center; 
    position: relative; 
    z-index: 10; 
    padding: 0 20px;
}
.main-menu .nav-primary {
    margin: 0 0 15px;
    border-bottom: 1px solid #b39546;
    display: inline-block;
    padding: 0;
}
.main-menu li {display: inline-block; position: relative}
.main-menu a {
    text-decoration: none;
    color: #fff; 
    font-size: .9em;
    text-transform: uppercase;
    padding: 10px 10px 30px;
    display: inline-block;
}
.single-guestbook .guestbook-menu > a,
.single-weekly-menu .weekly-menu > a,
.single-event .events-menu > a,
.single-restaurant-menu .restaurant-menu > a,
.main-menu ul li > a:hover,
.main-menu ul li.current-menu-item > a {
    color: #b39546; 
    background: url(./img/wave.png) no-repeat 50% 70%
}

/* sub-menu */
.main-menu ul li:hover ul {display:block}
.main-menu ul ul {
    display: none; 
    z-index: 1;
    position:absolute;
    left: 50%;
    margin: 0 0 0 -75px;
    width: 150px;
    padding: 0;
    background:#444;
    border-top: 1px solid #b39546;
    color:#e1e1e1;
    box-shadow: 0 0px 13px 1px #222
}
.main-menu ul ul li {display: block}
.main-menu ul ul li a {
    display: block; 
    text-align: center; 
    text-transform: none; 
    padding: 10px;
    font-weight: 400;
    background-image: none!important;
    background: 0; 
    text-align: left; 
}
.main-menu ul ul li.current-menu-item a, 
.main-menu ul ul a:hover{background:#333; color: #b39546}

/* responsive menu */
.icon-menu {
    border-bottom: 10px double #333;
    border-top: 3px solid #333;
    content: "";
    height: 3px;
    width: 20px;
    position: absolute;
    left: 10px;
}
#main-menu .dropdown-toggle {
    display: none; 
    outline: 0;
    width: 100%; 
    padding: 10px; 
    position: relative; 
    z-index: 10
}
#main-menu #nav-primary.toggled-on {display: block}

/* lang*/
#main-menu li[class*="lang-"] a {padding: 0 2px 0 4px; background: none; line-height: 1}
#main-menu li[class*="lang-"].last a {border-left: 1px solid #B39546}


/* owl-carousel / full header
----------------------------------------------------------------------------- */
.owl-carousel .owl-wrapper-outer {z-index: 1}
#page .owl-theme .owl-controls .owl-page span {background: #fff}
#page .owl-theme .owl-controls {margin: 10px 0 20px}

.js #page .owl-carousel .hentry {width: auto}
.no-js .owl-carousel, .js #page .owl-carousel .hentry  {display: block}

.no-js #carousel-today-menu article:nth-child(n+2),
.no-js #carousel-weekly-menu article:nth-child(n+7) {display: none}

#wrap-home-carousel {width: 390px; max-width: 100%; margin: 0 auto }
#carousel-header .item {height: 415px; overflow: hidden}

#page .full-header {width: 100%; height: 415px; overflow: hidden;  background-color: #fff; margin:20px 0 -115px 0}
#page .full-header figure img, .img-cover .hidden.wp-post-image {height: 415px}

/* navigation and pagination */
.csstransforms #page .owl-controls {position: absolute; top:30px; width: 100%; z-index: 2}
.csstransforms #page .owl-pagination {display: none}
.csstransforms #page .owl-buttons div {
    position: absolute; 
    background: none; 
    color: #333; 
    width: 5px; 
    height: 5px; 
    overflow: hidden;
    display: block;
    border: 1px solid #B39546;
    -ms-transform: rotate(45deg); /* IE 9 */
    -ms-transform-origin: 20% 40%; /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 20% 40%; /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    transform-origin: 20% 40%;
    border-radius: 0;
    padding: 6px;
    text-indent: 9999em
}
.csstransforms #page .owl-buttons .owl-prev {left: 35px; border-width: 0 0 1px 1px}
.csstransforms #page .owl-buttons .owl-next {right: 35px; border-width: 1px 1px 0 0}


/* facebook
----------------------------------------------------------------------------- */
.fb-comments, .fb-comments *{max-width: 100% !important; background-color: #fff}
.fb-page, .fb-page *[style] {width: 100%!important}
.fb-post {border-bottom: 1px solid #B39546}
.fb-post:last-of-type {border-bottom: 0; margin-bottom: 0}
.fb-video, .fb-post {margin-bottom: 1em}
.fb-title {margin-bottom: 1em}
.fb-content {overflow: hidden}
.fb-post-link-wrap {margin-bottom: 1em}
.owl-item .fb-post-link-wrap {margin:-2px 0 4px}
#page .facebook-content .owl-controls {top: -85px}
#page .facebook-content .owl-controls .owl-prev {left: 0}
#page .facebook-content .owl-controls .owl-next {right: -5px}

/* Galleries 
----------------------------------------------------------------------------- */
.gallery {margin-bottom: 1em; text-align: center}
.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
    min-width: 225px;
    box-sizing: border-box;
}
.gallery-columns-2 .gallery-item {max-width: 50%}
.gallery-columns-3 .gallery-item {max-width: 33.33%}
.gallery-columns-4 .gallery-item {max-width: 25%}
.gallery-columns-5 .gallery-item {max-width: 20%}
.gallery-columns-6 .gallery-item {max-width: 16.66%}
.gallery-columns-7 .gallery-item {max-width: 14.28%}
.gallery-columns-8 .gallery-item {max-width: 12.5%}
.gallery-columns-9 .gallery-item {max-width: 11.11%}
.gallery-icon img {
    margin: 0 auto; 
    box-shadow: 0 0px 13px 1px #222;
    border: 1px solid #b39546 
}
.gallery-caption {display: none;padding: 0.5em 0} /* display caption ? */
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {display: none}


/* media queries 
----------------------------------------------------------------------------- */
@media screen and (max-width: 915px) {
    #primary .hentry, #wrap-home-carousel {
        width: auto; 
        height: auto; 
        display: block;
        min-height: 100%
    }
    #primary .widget {width: auto; height: auto; margin:20px; position: static}
    #secondary {margin: 0 20px}
    #colophon {margin-top: 20px}
    #commentform-sidebar {position: static; margin: 0}
    .wrap-comments ul {overflow: auto; height: auto}
}

@media screen and (max-width: 620px) {
    .comment-meta, .comment-content {
        display: block; 
        width: auto;
        padding: 0
    }
    .comment-meta {padding: 10px}   
    #secondary .wrap, #secondary figure {width: 50%}
    /* menu */
    #main-menu ul, #main-menu ul * {width: auto; text-align: center; display: block}
    #page #main-menu li a {margin: 2px 0; padding: 10px; background: #353535; border:0}
    #main-menu li a:hover {background: #444}
    #main-menu ul ul, .js #main-menu .nav-primary {display: none}
    #main-menu .dropdown-toggle {display: block}
}

@media screen and (max-width: 460px) {
    #secondary .wrap, #secondary figure {
        width: 100%; 
        float: none; 
        position: static
    }
    .full-header {display: none!important}
    #secondary .widget {margin-left: 0}
    #secondary figure {/*margin-bottom: 10px*/ display: none}
}