@media screen and (max-width:767px) {
body, body.night {
background:none;
overflow-x:hidden;
overscroll-behavior-y:contain;
}
.nonmobi {
display:none;
}
.bgr2 {
display:none;
background:none;
}
.logo {
display:none;
}
.topmenu {
display:none;
}
.content-wrapper {
width:auto;
margin:0px;
padding:0px;
}
.content-panel {
width:100%;
margin-top:50px;
margin-bottom:3px;
}
.content-panel .left-outer, .content-panel .right-outer,
 .content-panel .left-outer-top, .content-panel .right-outer-top,
 .content-panel .left-outer-bot, .content-panel .right-outer-bot,
 .content-panel .top-outer, .content-panel .bot-outer {
display:none;
width:0px;
height:0px;
background:none;
}
.content-panel.restaurant-page {
padding-left:8px;
box-sizing:border-box;
}
.the-green {	/* till we have login fixed on mobile! */
display:none;	/* 																		 */
}
.front-page-outer,
.sub-page-outer {
width:100% !important;
}
.sub-page-outer {
padding-top:0%;
}    
.sub-page-outer .inner-container h1 img {
margin-left:30px;
}    
.sub-page-outer .inner-container h1 .ext {
padding-right:30px;
}
.content-panel.front-page {
overflow:hidden;
}
.content-panel.front-page h1 {
top:0px;
}
.content-panel.front-page .the-green-line.bot {
margin-top:3%;
margin-bottom:2%;
width:100% !important;
}
.content-panel.front-page .inner-content {
width:90%;
width:calc(100% - 36px);
}
.content-panel.front-page .inner-content .mainSearchInput {
width:75%;
margin-top:4px;
font-size:20px;
height:auto;
}
.content-panel.front-page .inner-content #searchForm a {
display:none;
}
.content-panel.front-page .inner-content #searchForm .rightalign {
text-align:center;
width:80%;
width:calc(90% - 36px);
}
.content-panel.front-page .inner-content #searchForm .rightalign input {
margin:auto !important;
margin-top:1em !important;
}
.front-page-sub {
display:none;
}
.province-index div {
width:100% !important;
}
.province-index h2 {
margin-top:10%;
margin-bottom:0px;
}
.province-index .provinces-map,
.province-index .places-list {
float:none;
display:block;
}
.province-index .provinces-map img {
filter:brightness(125%);
}
.province-index .places-list p {
margin-top:-3em;
}
.province-index .list .largest td a,
.province-index .list td a {
font-size:10pt;
}
.searchresultkm {
left:67% !important;
font-size:24px;
letter-spacing:-2px;
vertical-align:top;
}
.main-page h1, .place-main h1, .restaurant-page h1 {
text-align:center;
}
.main-page h1, .place-main h1 {
position:relative;
top:0px;
margin-bottom:0px;
}
.main-page h1 .ext, .place-main h1 .ext {
line-height:13pt;
padding:0px;
}
.content-panel .inner-container {
padding-bottom:4px;
padding-top:4px;
}
.content-panel.restaurant-page .inner-container {
padding-top:36px; /* to cope with possible extra <- and -> buttons */
}
.content-panel .inner-container .inner-content {
top:0px;
padding-top:4px;
}
.content-panel .inner-container .botgradient {
display:none;
background:none;
}
.content-panel .nav-top-mid {
position:absolute;
top:-38px;
z-index:2;
left:40%;
left:calc(50% - 25px);
}
.content-panel .nav-top-mid.left {
top:-20px;
left:30%;
left:calc(35% - 25px);
}
.content-panel .nav-top-mid.right {
top:-20px;
left:60%;
left:calc(65% - 25px);
}
.mainPlaceText {
margin-top:1.5em;
margin-bottom:1.5em;
margin-right:0px;
width:97.5%;
font-size:9pt;
}
.graybar, .resultsfull .graybar {
/*display:none;*/
height:auto;
padding-top:1ex;
border-radius:3px;
width:90%;
}
.resultsfull .i1 {
width:100%;
}
.resultsfull .i2 {
width:100%;
float:none;
overflow:hidden;
}
.graybar .preflogo, .graybar .preflogo.bot {
display:none;
}
.graybar.bottom {
display:none;
}
.breadcrumb:not(.toptype):not(.topplace):not(.topprefs) {
display:block;
overflow:visible;
margin-bottom:1ex;
}
.breadcrumb .topprefs, .breadcrumb .botprefs {
width:100%;
left:0px;
}
.breadcrumb .lcol, .breadcrumb .rcol {	/* do NOT change to leftcol & rightcol */
float:none;
margin:0px;
display:block;
width:98%;
}
.breadcrumb .lcol {
border:0px none;
}
.rightcol {
display:none;
}
button, input[type=button], input[type=submit], .button, .rui input[type=button], .rui input[type=submit] {
width:140px;
background-size:140px 22px;
letter-spacing:0px;
}
.restaurant-header {
position:relative; /* note: this not being specified in main.v210.css is a problem! */
text-align:center;
width:98%;
}
.restaurant-header .name-and-type {
max-width:none;
position:relative;
top:0px;
}
.restaurant-header .name-and-type .url {
text-align:center;
margin:auto;
padding-bottom:2.75ex;
top:1ex;
}
.restaurant-header .addr-and-contact {
position:relative;
text-align:center;
font-size:10pt;
top:-0.6ex;
}
.restaurant-header .locality {
display:none;
}
.restaurant-header .street-address, .restaurant-header .tel-and-fax {
font-size:16px;
line-height:20px;
margin:auto;
}
.restaurant-header .tel-and-fax {
margin:auto;
}
.restaurant-header .show-on-map {
position:relative;
top:0px; left:0px;
}
.restaurant-header .show-on-map img {
zoom:1.33;
}
.restaurant .menulink a {
margin-bottom:8px;
display:inline-block;
}    
.restaurant .docicon {
margin-right:4px;
}
.restaurant .rphotos:not(.mobile) {
display:none;
}
.restaurant.mobile {
display:block;
}
.restaurant .rphotos.mobile {
text-align:center;
margin:auto;
margin-left:0px;
width:97.5%;
}
.restaurant .rphotos.mobile .rfholder img {
width:100%;
}
.restaurant td.ohrs {
display:block;
width:100%;
}
.restaurant-page .inner-content {
padding-top:0px !important;
}
.restaurant.o1 h2, .restaurant.o2 h2, .recensie h2 {
box-sizing:border-box;
width:97.5%;
padding-top:0.67ex;
padding-bottom:0.67ex;
}
.restaurant.o2 table:first-of-type td:first-of-type {
width:98% !important; /* this is to override hard-coded 50% on line 1113 in restaurantv2.php */
}
.recensie h2 {
margin-bottom:0px;
}
.recensie table.hreview td:nth-of-type(1),
.recensie table.sreview td:nth-of-type(1) {
display:none;
}
.recensie table.sreview {
width:80%;
margin-left:19%;
}
.recensie .reviewer-mobile {
display:block;
text-align:center;
margin-bottom:0.5ex;
margin-top:0.5ex;
line-height:normal;
}
.recensie .sreview .reviewer-mobile {
text-align:right;
padding-right:1em;
}
.recensie .reply-tree {
border-color:#c0c0c0;
border-width:1px;
width:2px;
}
.recensie .balloon {
box-sizing:border-box;
border:1px solid #c0c0c0;
border-radius:1px;
padding:8px;
width:97%;
}
.recensie .no-reviews-ui {
padding-top:1em;
}
.recensie .no-reviews-ui button, .recensie .no-reviews-ui a,
.recensie-ui button, .recensie-ui a {
/* temporary disabled for mobile - need to update review form */
display:none;
}
.recensie .balloon.notice {
margin-top:1em;
}
.recensie .balloon .balrel {
display:none;
}
.balloon .gradebar {
margin-bottom:30px; /* incl space for updownbar */
letter-spacing:-0.7px;
text-align:center;
}
.balloon .updownbar {
padding-bottom:4px;
text-align:center;
width:100%;
}    
.balloon .updownbar img {
margin-right:10px;
zoom:1.2;
}
.balloon .updownbar .mini-popup {
left:30px;
}
.restaurant-related {
display:none;
}
.gmaps {
height:80%;
height:calc(100% - 54px);
width:98%;
}
.fs-popup {
height:100% !important;
}
.fs-inner {
width:100%;
height:100%;
min-width:100%;
margin:0px;
}
.fs-panel {
box-sizing:border-box;
border:0px none;
padding:8px;
height:100%;
}    
}