/* ------------------------------------------------------------ *\
    New Styles
\* ------------------------------------------------------------ */
body { min-width: 320px; }

/* ------------------------------------------------------------ *\
    Media Queries
\* ------------------------------------------------------------ */

@media only screen and (max-width: 1026px){
    .shell { width: auto; }

    .lang { padding: 0; }

    #main { padding: 23px 25px 46px; }

    #slider, #slider .carousel,
    #slider .carousel .jcarousel-clip,
    #slider .carousel ul,
    #slider .carousel ul li { width: 718px; height: 351px; }
    #slider .carousel ul li img { max-width: 100%; height: auto; }

    #slider { float: none; display: block; margin: 0 auto; }

    .right-content { float: none; display: block; width: 718px; padding-top: 10px; margin: 0 auto; text-align: center; }

    div#hours { margin: 0 auto; }

    .box { margin-bottom: 10px; }
    .box.working-time { padding: 5px 14px; }

    #content { width: 70%; }

    .article .text { width: auto; }

    .map-canvas-outer { position: relative; padding-top: 50.25%; }
    .map-canvas-outer > #map_canvas { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; }

    .main-slider,
    .main-slider .carousel,
    .main-slider .carousel .jcarousel-clip,
    .main-slider .carousel ul { width: auto; }

    #footer .nav { width: 36%; margin-right: 4%; }
    #footer .footer-links { width: 60%; }

    #footer .nav,
    #footer .footer-links {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    #footer .footer-links ul { width: 50%; }

    #footer .footer-info { float: none; display: block; width: auto; padding-top: 20px; clear: both; text-align: center; }

    #footer .social,
    #footer .pay { float: none; display: inline-block; vertical-align: top; }

    .footer-info > .cl { display: none; }
}

@media only screen and (max-width: 767px){
    #header .banner img,
    #header #logo img { max-width: 100%; height: auto; }

    #logo { min-height: 0; min-width: 0; width: 38%; margin-left: 8%; }
    .banner { width: 40%; }

    #navigation { position: relative; height: 35px; }
    #navigation ul { padding-left: 0; background: #fff; text-align: left; }
    #navigation > ul { position: absolute; top: 100%; left: 0; overflow: hidden; max-height: 0; width: 100%; height: auto; padding: 0; }
    #navigation ul li { float: none; display: block; height: auto; padding: 0; border-top: 1px solid #fff; line-height: 1.3; }
    #navigation ul li a { float: none; display: block; line-height: 1.3; }
    #navigation > ul > li > a { padding: 9px 10px !important; font-size: 16px; color: #38424B; }

    #navigation ul li .sub { position: relative; top: 0; left: 0; overflow: hidden !important; display: block !important; max-height: 0 !important; width: 100%; padding: 0; border: none; background: none; }
    #navigation ul li .sub li { height: auto; }
    #navigation ul li .sub ul li a { padding: 8px 20px !important; color: #38424B; }

    #navigation > ul.expanded,
    #navigation li.expanded > .sub { max-height: 800px !important; }

    #navigation ul,
    #navigation .sub {
        -webkit-transition: max-height 0.4s;
             -o-transition: max-height 0.4s;
                transition: max-height 0.4s;
    }

    .nav-mobile { display: block; position: absolute; top: 17px; right: 15px; z-index: 10; width: 25px; height: 15px; cursor: pointer; }
    .nav-mobile:before,
    .nav-mobile:after { position: absolute; left: 0; width: 100%; height: 3px; background: #38424B; content: ''; }
    .nav-mobile:before { top: 0; box-shadow: 0 6px #38424B; }
    .nav-mobile:after { bottom: 0; }

    #logo { width: 42%; margin-left: 4%; }

    #main { padding: 10px; }

    #slider,
    #slider .carousel,
    #slider .carousel .jcarousel-clip,
    #slider .carousel ul,
    #slider .carousel ul li { width: 300px; height: 147px; }

    .right-content { width: auto; }

    #content { float: none; display: block; width: auto; }

    .article-image { width: 100%; height: auto; margin: 0 !important; }

    #sidebar { float: none; display: block; width: auto; text-align: center; }

    #disspageiect { margin: 0 auto !important; }

    #footer { padding-bottom: 130px; background-position: center bottom; text-align: center; }
    #footer .footer-links,
    #footer .nav { float: none; display: block; width: auto; padding-left: 0; margin-right: 0; }

    #footer .footer-links { padding-top: 20px; }
    #footer .footer-links ul { width: 48%; }
    #footer .footer-links ul.right { float: right; }

    #footer .pay ul li { padding-right: 0; }

    #footer .info { padding: 20px 0 0; }
    #footer .info .copy { padding: 15px 0; }

    #footer .sep { display: none; }
}

@media only screen and (max-width: 479px) {
    input,
    textarea,
    select,
    .field { display: block; width: 100%; margin-bottom: 5px; 
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    .text form table td { display: block; width: 100%; text-align: left; }
    .text form table tr:first-child td:first-child { text-align: center; }
}