/**Gan Sipor EN**/
body {font-size: 20px;}
.grid-text .grid-text-content {direction: ltr;}

/*General Form Styles*/
label.error, span.error { font-size: 65%; right: 15px;}

/*General Button Styles*/
.page-not-found a { display: inline-block; height: 37px; line-height: 37px; background-color: #3f9978; color: #fff; padding: 0 10px;
    transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out;}
.page-not-found a:hover, .page-not-found a:focus {background-color: #ac574c; color: #fff;}

/*Header*/
#header #header-center-kdm a {line-height: 33px;}

.comeVisitSection .grid-boxes .grid-box-title h3 a { width: 159px; padding-top: 8px; background-size: 159px, 39px;}

.grid-rows .grid-row-text a.grid-row-button {width: 180px;}

.mugsSection .grid-row .grid-row-cell.grid-row-cell-text { float: left !important;}
.mugsSection .grid-rows .grid-row-text a.grid-row-button, .eventsSection .grid-text .sec-button { width: auto; min-height: unset; }

/*****Inner Pages*****/
#lobbyText, #text1, #text2 { max-width: 800px;}
#LobbyModule .grid-box, #lobbyview .grid-box { font-size: 100%;}

/*Menu Page*/
.menuModuleTextItemTitle { padding: 0 20px 0 0;}
.menuModuleTextItemPrice { padding: 0 0 0 20px;}
.menuModuleContentPart h3.menuModuleTextItemTitle:after {right: auto; left: 0;}
.menuModuleTextItemPart:nth-child(even) .menuModuleTextItemTitle:after { left: auto; right: 0;}

/*Media Page*/
#gridshort-view-media .grid-short-box-label, #gridshort-view-media .grid-short-box-text { text-align: center;}

@media(max-width: 1170px) {
    .contactPage #contactform { max-width: 100%;}
}

@media(min-width: 1025px) {
    .eventsSection:after { right: -120px;}
}

@media(min-width: 768px) {
    .section-title h1, .section-title h2, .grid-rows .grid-row-text h2,
        #GridPage #headline h1, #GridPage .section-title h2  { font-size: 200%;}

    #header .submenu li i {position: static; margin: 0 0 4px 2px;}
    #header .submenu>li a { width: auto;}

    .home-page .grid-row-text a {min-height: 58px; line-height: 58px; padding: 0; height: 100%; vertical-align: middle;}
    .home-page .grid-row-text a:last-child { line-height: 1; padding: 9px 0;}
    .mugsSection .grid-rows .grid-row-text a.grid-row-button, .eventsSection .grid-text .sec-button {padding: 9px 10px; }

    .footer-text-divided > div.footer-text-right {text-align: left;}
    .footer-text-divided>div.footer-text-left { text-align: right;}

    /*****Inner Pages*****/
    .branchBox .grid-box-image-text { min-height: 50px; bottom: 15px;}
    .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even) { padding: 0 0 0 20px;}
    .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even):after, .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even):after { left: 20px;}

}

@media(min-width: 768px) and (max-width: 1024px) {
    #GridPage .grid-rows .grid-row-text { margin-top: 0;}
}

@media(min-width: 768px) and (max-width: 990px) {
    /*General Form Styles*/
    .normal-form .must::before { left: 20px;}

    .grid-boxes .box-image-animation img { margin-left: 0;}
    #allSectionsWrapper .eventsSection { height: 740px;}

    /*****Inner Pages*****/
    #lobbyText, #text1, #text2 { max-width: 70%;}
    #GridPage .grid-rows .grid-row-text h2 { font-size: 180%;}
    .box-image-animation img { margin-left: 0;}

    .branchBox .grid-box-image-text { bottom: -5px; font-size: 110%;}

    .storyTimePage #LobbyModule .grid-box { margin-bottom: 1%;}
}

@media(max-width: 767px) {
    body { font-size: 16px}

    #header .submenu { right: auto; left: -10px;}
    .has-sub i.opensub { margin: 0 0 6px 5px;}
    #header.bg #header-center-kdm, #header #header-center-kdm { width: auto; padding: 0;}
    #header #header-center-kdm { position: absolute; width: auto; top: 50%; right: 50%; left: auto;
        transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
    #header #header-center-kdm a:first-child { margin-left: 0; top: auto; line-height: 29px;}
    #header .submenu .menu-sub {right: auto;}
    #header .submenu > li.has-sub > a:before, #header .submenu > li.has-sub > a:after { content: none;}
    #header .submenu li, #header .submenu li.has-sub {padding-left: 0;padding-right: 0;}
    #header .submenu>li.active, #header .submenu>li:focus, #header .submenu>li:hover { padding: 10px 0;}

    .comeVisitSection .grid-boxes .box-image-animation img { left: auto; right: 25%;}
    .comeVisitSection .grid-boxes .grid-box-title h3 a { padding-top: 11px;}

    /*****Inner Pages*****/
    #GridPage .section-title h2 { font-size: 220%;}
    #map-section .map-cover { width: 90%;}
    #map-section .map-cover .open-map { white-space: unset;}
    iframe {height: 370px;}

    /*Menu Page*/
    .menuInnerPage .categories-strip { margin: 0 0 0 40px;}
    .menuModuleTextItemTitle { padding: 0 10px 0 0;}
    .menuModuleTextItemPrice { padding: 0 0 0 10px;}
}

@media(max-width: 320px) {
    .mugsSection .grid-rows .grid-row-text a.grid-row-button, .eventsSection .grid-text .sec-button { padding-top: 7px; height: 49px; }
    #map-section .map-cover .open-map { font-size: 100%;}
}