/* normal */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Lato', sans-serif; font-size: 14px; color: #8c806e; color: #4E4E4E; }
input, select, textarea { font-family: 'Lato', sans-serif; font-size: 14px; }
body { background: #eee; }
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
/* template */
#template { position: relative; display: block; width: 100%; min-height: 100%; }
/* layout */
#layout { margin: 0 auto; width: 960px; }
/* header */
#header-part { position: relative; width: 960px; height: 114px; }
#header-part .logo { position: absolute; top: 0px; left: 0px; width: 299px; height: auto; }
#header-part .logo a { display: block; width: 150px; height: 100px; }
/* lanuange bar */
.lanuange-bar { padding: 20px 0px 0 0; width: 320px; float: right; }
.lanuange-bar ul { float: right; list-style: none; }
.lanuange-bar li { padding-right: 11px; float: left; }
.lanuange-bar li a { text-indent: -9999px; float: left; display: block; }
.lanuange-bar li.tel a { width: 100px; height: 16px; color:#000; display: inline-block; float: none; text-indent: 0;}
.lanuange-bar li.tel { font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 400; margin-right:4px; color:#000; }
.lanuange-bar li.envelop a { width: 24px; height: 16px; background: url('/images/envelop.png') no-repeat; background-position: 0px -16px; }
.lanuange-bar li.nl a { width: 24px; height: 16px; background: url('/images/nl.png') no-repeat; background-position: 0px -16px; }
.lanuange-bar li.uk a { width: 24px; height: 16px; background: url('/images/uk.png') no-repeat; background-position: 0px -16px; }
.lanuange-bar li.duits a { width: 24px; height: 16px; background: url('/images/duits.png') no-repeat; background-position: 0px -16px;}
.lanuange-bar li a:hover { background-position: 0px 0px; }
/* nav bar */
.nav-bar { padding: 15px 0 0 0; float: right; width: 960px; height: 40px; }
.nav-bar ul { list-style: none; float: right; }
.nav-bar li { float: left; }
.nav-bar li a { padding: 0 14px 0 13px; line-height: 33px; font-family: 'Kreon', serif; font-weight: 400; display: block; height: 32px; color: #7b7b7b; font-size: 14px; text-transform: uppercase; text-decoration: none; }
.nav-bar li a:hover, .nav-bar li.selected a { color: #fff; background: #54b549; }
.nav-bar a.mobmenu { display: none; }
/* banner */
#banner-part { position: relative; width: 960px; height:330px; overflow:hidden; }
.text { position: absolute; top: 211px; left: 47px; width: 550px; }
.text h2 { padding: 0 20px 0 20px; font-weight: normal; font-family: 'Raleway', sans-serif; color: #fff; font-size: 30px; line-height: 51px; text-transform: uppercase; float: left; background: #54b549; }
.text img.txt { float: left; }
.text p { padding: 0 15px; height: 42px; font-family: 'dearjoe_5_casualregular'; color: #fff; font-size: 16px; line-height: 44px; float: left; background: url('/images/text_bg.png') repeat; }
/* content */
#content-part { width: 960px; background: #fff; }
/* np bar */
.np-bar { padding: 16px 0 0 10px; width: 890px; margin: 0 auto; height: 34px; border-bottom: 1px solid #f2f2f2; }
.np-bar ul { list-style: none; }
.np-bar li { padding: 0 10px 0 3px; float: none; display: inline-block; color: #acacac; font-size: 12px; line-height: 18px; background: url('/images/arrow.png') right center no-repeat; }
.np-bar li.last { background: none; }
.np-bar li a { padding-left: 4px; text-decoration: none; color: #2b3571; font-size: 12px; line-height: 18px; }
.np-bar li a:hover { text-decoration: underline; }
.logos { display: block; float: right; padding: 10px 0 0 0; }
.logos img { display: inline-block; text-align: right; padding: 0 0 0 10px; }
/* left */
#left-part { padding-top: 40px; margin-top: 20px; min-height: 800px; float: left; width: 220px; background: url('/images/left-bg.png') right 0px no-repeat; }
/* copy bar */
.link-bar { padding-left: 10px; width: 210px; }
.link-bar ul { padding-bottom: 1px; list-style: none; float: right; background: url('/images/border.png') right bottom no-repeat; }
.link-bar li { margin: -1px 0 -1px 0; float: right; width: 205px; background: url('/images/border.png') right 0px no-repeat; }
.link-bar li a { padding-left: 25px; min-height: 42px; font-family: 'Lato', sans-serif; font-weight: 400; width: 200px; line-height: 40px; display: block; text-decoration: none; color: #7d7d7d; font-size: 14px; }
.link-bar li a:hover, .link-bar li.active a { color: #2b3571; background: url('/images/link-hover.png') no-repeat; }
.link-bar li.active_sub a { color: #2b3571; background: none; }
.link-bar li.sub a:hover { color: #2b3571; background: none; }
/* center */
#center-part { width: 960px; }
/* contact bar */
.contact-bar { padding: 16px 0 0 0; margin: auto; width: 868px; }
.contact-bar h2 { padding-bottom: 4px; color: #494949; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 22px; }
.contact-bar fieldset { padding-left: 2px; border: 0; }
.contact-bar .data { float: left; width: 508px; }
.contact-bar .info { width: 255px; float: right; }
.contact-bar p { color: #4E4E4E; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 18px; }
.contact-bar ul { padding-top: 25px; overflow: hidden; list-style: none; list-style-type: none; }
.contact-bar li { padding-bottom: 18px; float: left; width: 100%; }
.contact-bar .left { width: 240px; float: left; }
.contact-bar .right { width: 243px; float: right; }
.contact-bar .field { padding: 4px 10px; width: 220px; font-family: 'Lato', sans-serif; font-weight: 400; color: #b4b4b4; font-size: 14px; float: left; height: 22px; float: left; line-height: 22px; border: 0; background: url('/images/con-filed.png') left top no-repeat; }
.contact-bar .select { padding: 4px 10px; width: 220px; font-family: 'Lato', sans-serif; font-weight: 400; color: #b4b4b4; font-size: 14px; float: left; height: 22px; float: left; line-height: 22px; border: 0; background: url('/images/con-filed.png') left top no-repeat; }
.contact-bar .select option { }
.contact-bar textarea { padding: 10px; width: 483px; overflow: auto; font-family: 'Lato', sans-serif; font-weight: 400; color: #b4b4b4; font-size: 14px; float: left; resize: none; height: 59px; float: left; line-height: 22px; border: 0; background: url('/images/text-area.png') left top no-repeat; }
.contact-bar .code { padding-top: 5px; display: block; color: #494949; font-size: 14px; font-family: 'Lato', sans-serif; }
.contact-bar .noGap { padding-top: 3px; }
.contact-bar .btn { border: 0; width: 166px; height: 32px; font-size: 14px; cursor: pointer; text-transform: uppercase; color: #7a7a7a; text-shadow: 1px 1px 2px #fff; font-family: 'Kreon', serif; font-weight: 400; float: right; background: url('/images/con-btn.png') left top no-repeat; }
.contact-bar .btn:hover { background-position: 0 -32px; }
.contact-bar address { padding: 17px 0 2px 4px; font-style: normal; font-family: 'Lato', sans-serif; font-weight: 400; color: #959393; font-size: 14px; line-height: 20px; }
.contact-bar address img { margin-bottom: 3px; }
.contact-bar address span { width: 18px; display: block; float: left; color: #2b3571; }
.contact-bar address a { color: #959393; text-decoration: none; }
.contact-bar .map { padding: 21px 0; width: 100%; overflow: hidden; }
/* news bar */
.news-bar { padding: 15px 0 25px 0; width: 960px; background: #fff; }
.news-bar .head { padding: 10px 0 14px 0; width: 885px; margin: 0 auto; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.news-bar h1 { color: #2b3571; font-size: 27px; font-family: 'Kreon', serif; font-weight: 300; text-align: center; line-height: 33px; }
.news-bar h2 { color: #929292; font-size: 20px; font-family: 'Kreon', serif; font-weight: 300; text-align: center; line-height: 30px; }
.news-bar .list { padding: 8px 0 12px 0; width: 892px; margin: 0 auto; }
.news-bar h3 { padding: 0 0 4px 3px; color: #1d1d1d; font-size: 17px; line-height: 24px; font-family: 'Kreon', serif; font-weight: 300; }
.news-bar .image { position: relative; width: 207px; display: block; }
.news-bar .image a { width: 207px; height: 108px; }
.news-bar .image a span { text-indent: -9999px; display: none; position: absolute; left: 0px; top: 0px; width: 207px; height: 108px; background: url('/images/img-hover.png') left top no-repeat; }
.news-bar .image a:hover span { display: block; }
.news-bar ul { list-style: none; }
.news-bar li { padding-right: 17px; width: 210px; float: left; cursor: pointer; }
.news-bar li.last { padding-right: 0px; }
.news-bar p { padding: 12px 0 5px 4px; font-family: 'Lato', sans-serif; color: #929292; font-size: 13px; line-height: 18px; }
/* twitter bar */
.twitter-bar { padding-top: 12px; width: 960px; min-height: 68px; overflow: hidden; background: #e3e3e3; }
.twitter-bar .left { padding: 10px 0 0 37px; width: 59px; float: left; }
.twitter-bar .center { padding-top: 9px; float: left; width: 650px; }
.twitter-bar .center p { color: #919191; font-size: 17px; line-height: 19px; }
.twitter-bar .center p a { text-decoration: underline; color: #54b549; }
.twitter-bar .center p a:hover { text-decoration: none; }
.twitter-bar .right { padding-top: 2px; float: right; width: 171px; }
.twitter-bar .right a { display: block; color: #838889; font-family: 'Kreon', serif; font-size: 18px; line-height: 23px; text-decoration: none; text-align: center; float: left; width: 136px; height: 45px; line-height: 44px; background: url('/images/btn.png') no-repeat; }
.twitter-bar .right a:hover { background-position: 0px -45px; }
/* right part */
#right-part { padding-top: 52px; float: right; width: 700px; }
#right-part.subpage { padding-top: 25px; }
#right-part.actueel { }
/* text bar */
.text-bar { padding: 0px 0 47px 0; width: 679px; overflow: hidden; }
.text-bar h2 { padding-bottom: 26px; color: #494949; font-size: 24px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 28px; border-bottom: 1px solid #f2f2f2; }
.text-bar h3 { padding: 26px 0 40px 0; color: #7d7d7d; font-size: 30px; line-height: 32px; font-family: 'Lato', sans-serif; font-weight: 300; border-bottom: 1px solid #f2f2f2; }
.text-bar .detail { padding: 34px 0 8px 0px; width: 100%; overflow: hidden; float: left; border-bottom: 1px solid #f2f2f2; }
.text-bar .detail img {float:none;}
.text-bar .left { float: left; width: 330px; }
.text-bar .left p { text-align: justify; }
.text-bar .imgbox { float: left; padding-bottom:20px; }
.text-bar .foto { float: left; }
.text-bar .tekst { float: left; padding-left:10px; padding-top:5px; line-height:10px; }
.text-bar .tekst img { padding-top:10px; }
.text-bar h4 { font-family: 'Lato', sans-serif; font-weight: 700; color: #4E4E4E; font-size: 14px; }
.text-bar .right { float: right; width: 328px; }
.text-bar p { padding-bottom: 20px; color: #4E4E4E; font-size: 14px; line-height: 20px; font-family: 'Lato', sans-serif; font-weight: 400; }
.text-bar a.contact { margin-top: 30px; font-size: 14px; width: 152px; font-family: 'Kreon', serif; font-weight: 400; height: 32px; color: #7a7a7a; line-height: 31px; text-transform: uppercase; text-align: center; display: block; text-decoration: none; background: url('/images/btn1.png') no-repeat; }
.text-bar a.contact:hover { background-position: 0px -32px; }
.text-bar ul, .accdion-bar ul ul { margin-left: 15px; padding-bottom: 25px; }
.text-bar li, .accdion-bar ul ul li { color: #4E4E4E; font-family: 'Lato',sans-serif; font-size: 14px; line-height: 20px; list-style: disc; list-style-type: disc; }
/* detail bar */
.detail-bar { padding: 0px 0 47px 0; width: 675px; overflow: hidden; }
.detail-bar h3 { padding-bottom: 6px; font-family: 'Lato', sans-serif; font-weight: 700; color: #4E4E4E; font-size: 14px; line-height: 28px; }
.detail-bar .image { position: relative; height:200px; }
.detail-bar .image span.food { padding-right: 14px; position: absolute; top: 139px; left: 0px; font-family: 'Lato', sans-serif; font-weight: 400; height: 41px; width: 248px; text-align: right; color: #fff; font-size: 23px; line-height: 36px; background: #2b3571; }
.detail-bar .detail { padding: 38px 0 8px 0; width: 100%; overflow: hidden; float: left; }
.detail-bar .left { float: left; width: 100%; }
.detail-bar .left p { text-align: justify; }
.detail-bar .left h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#4E4E4E; font-size:14px; font-family: 'Lato', sans-serif; }
.detail-bar .left td { color:#4E4E4E; font-size: 14px; }
.detail-bar .right { float: right; width: 100%; }
.detail-bar .right p { text-align: justify; }
.detail-bar .right h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#4E4E4E; font-size:14px; font-family: 'Lato', sans-serif; }
.detail-bar p { padding-bottom: 25px; color: #4E4E4E; font-size: 14px; font-family: 'Lato', sans-serif; line-height: 20px; }
.detail-bar a.contact { margin-top: 30px; font-size: 14px; width: 152px; font-family: 'Kreon', serif; font-weight: 400; height: 32px; color: #7a7a7a; line-height: 31px; text-transform: uppercase; text-align: center; display: block; text-decoration: none; background: url('/images/btn1.png') no-repeat; }
.detail-bar a.contact:hover { background-position: 0px -32px; }
.detail-bar ul { margin-left: 15px; padding-bottom: 25px; }
.detail-bar li { color: #4E4E4E; font-family: 'Lato',sans-serif; font-size: 14px; line-height: 20px; }
.detail-bar a:active, a:hover, a:link, a:visited { color: #54b549; }
/* accdion bar */
.accdion-bar { padding: 0px 0 47px 0; width: 675px; overflow: hidden; }
.accdion-bar h2 { padding-bottom: 27px; font-family: 'Lato', sans-serif; font-weight: 400; color: #4E4E4E; font-size: 24px; line-height: 28px; border-bottom: 1px solid #f2f2f2; }
.accdion-bar .image { position: relative; }
.accdion-bar > ul.accordion { padding-top: 17px; width: 100%; display: block; overflow: hidden; }
.accdion-bar > li { line-height: 20px; overflow: hidden; display: block; }
.accdion-bar > li h3 { background: url('/images/dotted-border1.png') left top no-repeat; }
.accdion-bar .image span.food { padding-right: 14px; position: absolute; top: 169px; left: 0px; font-family: 'Lato', sans-serif; font-weight: 400; height: 41px; width: 208px; text-align: right; color: #fff; font-size: 23px; line-height: 36px; background: #2b3571; }
.accdion-bar .panel { padding-top: 6px; width: 100%; overflow: hidden; }
.accdion-bar .text { padding: 38px 0 8px 0; width: 100%; overflow: hidden; float: left; }
.accdion-bar .left { padding: 0px 0 0 28px; float: left; width: 295px; }
.accdion-bar .right { padding-right: 27px; float: right; width: 295px; }
.accdion-bar p { padding-bottom: 14px; color: #4E4E4E; text-align: justify; font-size: 14px; font-family: 'Lato', sans-serif; line-height: 20px; }
.accdion-bar .right p { padding-bottom: 5px; }
.accdion-bar a.contact { margin-top: 30px; font-size: 14px; width: 152px; font-family: 'Kreon', serif; font-weight: 400; height: 32px; color: #7a7a7a; line-height: 31px; text-transform: uppercase; text-align: center; display: block; text-decoration: none; background: url('/images/btn1.png') no-repeat; }
.accdion-bar a.contact:hover { background-position: 0px -32px; }
.accdion-bar a.lees { cursor: pointer; font-size: 14px; width: 103px; float: right; font-family: 'Kreon', serif; font-weight: 400; height: 32px; color: #7a7a7a; line-height: 31px; text-transform: uppercase; text-align: center; display: block; text-decoration: none; background: url('/images/read-more.png') no-repeat; }
.accdion-bar a.lees:hover { background-position: 0px -32px; }
.accdion-bar > ul { margin-left: 15px; padding-bottom: 25px; list-style-type: circle; }
.accdion-bar > li { color: #4E4E4E; font-family: 'Lato',sans-serif; font-size: 14px; line-height: 20px; }
.accdion-bar > li a.back { position: absolute; width: 20px; height: 20px; cursor: pointer; top: 8px; left: 0; }
div.expand { display: none; }
/* footer part */
#footer-part { overflow: hidden; width: 960px; }
/* info bar */
.info-bar { padding: 15px 0 25px 4px; width: 956px; overflow: hidden; background: #2b3571; }
.info-bar .first { padding-left: 32px; float: left; width: 198px; }
.info-bar h2 { padding-bottom: 10px; font-weight: normal; font-size: 20px; font-family: 'Kreon', serif; font-weight: 300; color: #f7eff3; }
.info-bar h2 a { color: #f7eff3; text-decoration: none; }
.info-bar ul { padding-left: 2px; overflow: hidden; list-style: none; }
.info-bar li { float: left; width: 100%; overflow: hidden; float: left; }
.info-bar li a { text-decoration: none; color: #b0b0b0; font-family: 'Lato', sans-serif; font-size: 13px; line-height: 20px; }
.info-bar li a:hover { text-decoration: underline; }
/* footer bar */
.footer-bar { padding: 16px 0; min-height: 110px; overflow: hidden; width: 960px; }
.footer-bar .left { float: left; width: 700px; }
.footer-bar .link { padding: 0px 0 0 32px; width: 600px; float: left; }
.footer-bar .link ul { list-style: none; }
.footer-bar .link li { padding: 0 10px 0 5px; float: left; color: #818181; font-size: 11px; line-height: 13px; font-family: 'Kreon', serif; font-weight: 400; text-transform: uppercase; }
.footer-bar .link li.last { background: none; }
.footer-bar .link li a { text-decoration: none; color: #818181; }
.footer-bar .link li a:hover { text-decoration: underline; }
.footer-bar .social { padding: 14px 0 0 37px; float: left; width: 300px; }
.footer-bar .social ul { list-style: none; }
.footer-bar .social li { padding-right: 20px; float: left; }
.footer-bar .right { float: right; width: 244px; }
.footer-bar .right ul { list-style: none; }
.footer-bar .right li { padding: 1px 7px 0 12px; float: left; }
.loading { display: none; }
.accordion li h3 a { padding: 8px 0 8px 28px; display: block; display: block; line-height: 20px; font-size: 14px; color: #f35a20; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 400; background: url('/images/accordion-bg.png') left 8px no-repeat; }
.accordion li h3 a:hover { color: #414141; }
.accordion li.active h3 a { background: url('/images/accordion-bg_active.jpg') left 8px no-repeat; }
.accordion li.active { border: none; }
.accordion li.active h3 a { padding-bottom: 10px; display: block; color: #414141; font-weight: bold; border-bottom: 1px solid #f2f2f2; }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#layout { width: 748px; }
#header-part { width: 748px; height: 150px; }
.lanuange-bar { padding-top: 50px; }
.nav-bar { padding-top: 40px; float: none; width: 748px; position: relative; z-index: 10; }
.nav-bar ul { float: none; }
#banner-part { width: 748px; height: auto; }
#slider, #slider li { width: 748px !important; }
.prevBtn, .nextBtn { top: 160px !important; }
.text { top: 160px !important; }
#slider li img { max-width: 100%; height: auto; }
#content-part { width: 748px; }
.np-bar { padding: 16px 0 0 10px; width: 724px; }
#center-part { width: 748px; }
.news-bar { width: 748px; }
.news-bar .head { width: 700px; }
.news-bar .list { width: 700px; }
.news-bar li { padding-right: 15px; width: 163px; }
.news-bar li.last { padding-right: 0px; }
.news-bar li img { max-width: 100%; height: auto; }
.news-bar .image a { height: auto; width: auto; }
.news-bar .image { height: auto; width: auto; }
.news-bar h1 { font-size: 24px; }
.news-bar h2 { font-size: 16px; }
.twitter-bar { width: 748px; }
.twitter-bar .center { width: 480px; }
#left-part { width: 200px; }
.link-bar { width: 190px; }
.link-bar li { width: 185px; }
.link-bar li a { width: 160px; }
#right-part { width: 525px; }
.detail-bar { width: 500px; }
.detail-bar .image { height: auto; }
.detail-bar .image img { max-width: 100%; height: auto; }
.detail-bar .image span.food { top: auto; bottom: 20px; }
.detail-bar .left, .detail-bar .right { width: 100%; }
.text-bar { padding: 0px 0 47px 0; width: 505px; }
.text-bar table { width: 500px !important; }
.text-bar .detail img { max-width: 150px; height: auto; }
.text-bar .left, .text-bar .right { width: auto; float: none; }
.text-bar table td { padding-bottom: 20px; height: auto !important; }
.accdion-bar { width: 500px; }
.accdion-bar .left { width: 215px; }
.accdion-bar .right { width: 215px; padding-right: 0px; }
.accdion-bar ul.accordion { width: auto; }
.contact-bar { width: 700px; }
.contact-bar .data { width: 460px; }
.contact-bar .info { width: 220px; }
.contact-bar textarea { width: 430px; border: #eee solid 2px; background: none; }
.contact-bar .field { width: 198px; border: #eee solid 2px; background: none; }
.contact-bar .left, .contact-bar .right { width: 222px; }
#footer-part { width: 748px; }
.info-bar { width: 744px; }
.info-bar .first { padding-left: 20px; width: 165px; }
.footer-bar { width: 748px; }
.footer-bar .left { width: 500px; }
.footer-bar .link { padding-left: 20px; width: 470px; }
.footer-bar .social { padding-left: 20px; width: 300px; }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.logos { display: none; }
#layout { width: 100%; }
#header-part { padding: 0 10px 15px 10px; width: auto; height: auto; z-index: 10000; }
#header-part .logo { top: -80px; left: 20px; width: 100%; position: absolute; text-align: center; }
#header-part .logo a { width: auto; height: auto; text-align: center; }
#header-part .logo a img { width: auto; height: auto; margin: 0 auto; height: 70px; }
.lanuange-bar { padding-top: 95px; float: none; width: auto; }
.nav-bar { margin-top: 90px; position: relative; height: 40px; padding: 0px; width: auto; height: auto; float: none; background: #2b3571; }
.nav-bar a.mobmenu { padding-left: 50px; font-family: 'Kreon',serif; display: block; line-height: 40px; height: 40px; font-size: 15px; text-transform: uppercase; color: #FFF; text-decoration: none; background: url('/images/menu.png') 10px 10px no-repeat; }
.nav-bar ul { width: 100%; display: none; position: absolute; left: 0px; top: 42px; background: #2b3571; float: none; }
.nav-bar li { width: 100%; float: none; border-bottom: #FFF solid 2px; }
.nav-bar li a { padding: 0 10px; display: block; line-height: 40px; height: 40px; color: #fff; }
#banner-part { padding-bottom: 10px; margin: 0 auto; width: 460px; height: auto; }
#slider, #slider li { width: 460px !important; }
.prevBtn, .nextBtn { top: 50px !important; }
.text { display: none; }
#slider li img { max-width: 100%; height: auto; }
/* content */
#content-part { margin: 0 10px; width: auto; }
#center-part { width: auto; }
.np-bar { padding: 16px 0 0 10px; width: auto; }
.news-bar { padding: 15px 0 25px 0; width: auto; }
.news-bar .head { padding: 10px 15px 14px 15px; width: auto; }
.news-bar h1 { font-size: 20px; line-height: normal; }
.news-bar h2 { font-size: 16px; line-height: normal; }
.news-bar .list { padding: 0; width: auto; }
.news-bar li { padding: 15px 0 0 5%; width: 43%; }
.news-bar li img { max-width: 100%; height: auto; }
.news-bar .image { width: auto; }
.news-bar .image a { width: auto; height: auto; }
.twitter-bar { width: auto; height: auto; }
.twitter-bar .left { padding: 10px 0px 20px 0px; float: none; width: auto; }
.twitter-bar .left img { margin: 0 auto;}
.twitter-bar .center { padding: 0 15px 15px 15px; float: none; width: auto; }
.twitter-bar .right { padding-bottom: 10px; float: none; width: auto; }
.twitter-bar .right a { margin: 0 auto; float: none; }
#left-part { padding-top: 40px; margin-top: 0px; min-height: 10px; float: none; width: auto; border-bottom: #eee solid 1px; background: none; }
.link-bar { padding: 0 10px; width: auto; }
.link-bar ul { padding-bottom: 1px; list-style: none; float: none; background: none; }
.link-bar li { margin: 0; float: none; width: auto; border-top: #eee solid 1px; background: none; }
.link-bar li:first-child { border-top: #eee solid 0px; }
.link-bar li a { padding-left: 0px; height: 42px; width: auto; line-height: 40px; }
.link-bar li a:hover, .link-bar li.active a { margin-bottom: 0px; color: #2b3571; height: 42px; background: none; }
.link-bar li a.active { color: #2b3571; }
#right-part { padding: 52px 10px 0 10px; float: none; width: auto; }
.detail-bar { width: auto; }
.detail-bar .image { height: auto; }
.detail-bar .image img { max-width: 100%; height: auto; }
.detail-bar .image span.food { top: auto; bottom: 20px; font-size: 16px; height: 26px; line-height: 26px; }
.detail-bar .detail { float: none; }
.detail-bar .left, .detail-bar .right { float: none; width: auto; }
.text-bar { width: auto; }
.text-bar .detail { float: none; }
.text-bar .detail table { width: 100% !important; }
.text-bar .detail .full table td { padding-bottom: 10px; display: block; }
.text-bar .detail .left table td, .text-bar .detail .right table td { padding-bottom: 10px; height: auto !important; }
.text-bar .detail img { max-width: 100%; height: auto; margin: 0 auto; }
.text-bar .left, .text-bar .right { float: none; width: auto; }
.accdion-bar { width: auto; }
.accdion-bar ul.accordion { margin-left: 0px; }
.accdion-bar .left { float: none; width: auto; padding-right: 10px; }
.accdion-bar .right { float: none; width: auto; padding: 0 10px 0 28px; }
.contact-bar { padding: 20px 10px 0px 10px; width: auto; }
.contact-bar .data { float: none; width: auto; }
.contact-bar .left { padding-right: 4%; width: 48%; }
.contact-bar .field { padding: 4px 2%; width: 94%; border: #eee solid 2px; background: none; }
.contact-bar textarea { padding: 4px 2%; width: 94%; border: #eee solid 2px; background: none; }
.contact-bar .right { width: 48%; }
.contact-bar .info { float: none; width: auto; }
.contact-bar .select { height: 26px; line-height: 26px; border: #CCC solid 1px; }
#footer-part { margin: 0 10px; width: auto; }
.info-bar { padding: 0 0 10px 0px; width: auto; }
.info-bar .first { padding: 15px 0 10px 5%; width: 42%; min-height: 220px; }
.footer-bar { margin: 0 10px; width: auto; }
.footer-bar .left { padding-bottom: 10px; width: auto; float: none; }
.footer-bar .link { padding-left: 0px; width: auto; overflow: hidden; float: none; }
.footer-bar .social { padding-left: 0px; width: auto; float: left; }
.footer-bar .right { width: auto; float: none; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
body { }
#banner-part .text { display: none; }
.news-bar li { padding-left: 5%; width: 90%; float: none; }
.info-bar .first { padding-left: 5%; width: 90%; min-height: 10px; float: none; }
.footer-bar .right { padding-top: 15px; }
.contact-bar .left { padding-right: 0; width: 100%; }
.contact-bar .field { padding: 4px 2%; width: 94%; border: #eee solid 2px; background: none; }
.contact-bar textarea { padding: 4px 2%; width: 94%; border: #eee solid 2px; background: none; }
.contact-bar .right { width: 100%; }
.contact-bar ul { padding-top: 15px; }
#banner-part { width: 300px; height: auto; }
#slider, #slider li { width: 300px !important; }
.prevBtn, .nextBtn { top: 10px !important; }
}