/*MEDIA QUERY*/
@media (min-width:320px) {
    body {
        font-size: 18px !important;
    }

    .pagewrapper {
        padding: 0 0;
    }

    .homeslider, .homepage, .zonepage, .contentpage, .gallerypage, .docpage,
    .header-inner, .sitepath, .pageslider, .footer-inner, .footlink, .sponsorbox {
        width: auto;
        /*padding-left: 10px;
        padding-right: 10px;*/
    }

    .pageslider {
        padding-top: 10px;
    }

    .homeslider-l {
        width: auto;
        float: none;
    }

    .homeslider-r {
        width: auto;
        float: none;
    }

    .homepage {
        padding: 10px 10px;
    }

    .zonepage, .docpage, .contentpage, .gallerypage {
        padding: 10px 10px;
    }

    .pageslider {
        padding-left: 10px;
        padding-right: 10px;
    }

    .homepage-l {
        width: auto;
        float: none;
    }

    .homepage-r {
        width: auto;
        float: none;
    }

    .homepage-tl {
        float: none;
        width: auto;
    }

    .homepage-tr {
        float: none;
        width: auto;
    }

    .homepage-cl {
        width: auto;
        float: none;
    }

    .homepage-cc {
        margin-left: 0;
        width: auto;
        float: none;
    }

    .homepage-cr {
        width: auto;
        float: none;
    }

    .zonepage {
        width: auto;
    }

    .zonepage-l {
        float: none;
        width: auto;
    }

    .zonepage-r {
        width: auto;
        float: none;
    }

    .docpage-l {
        width: auto;
        float: none;
    }

    .docpage-r {
        width: auto;
        float: none;
    }

    .contentpage {
        width: auto;
    }

    .slideshow {
        max-height: none;
        overflow: hidden;
    }

    .header-inner {
        height: 80px;
        /*background: url(../images/header-bg.jpg) #F6D85E no-repeat left center;*/
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: auto 100%;
        overflow: hidden;
    }

    .header-logo {
        left: 10px;
        top: 15px;
        width: 65px;
        height: 47px;
        background: url(../images/logo.png) no-repeat center center;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .header-text {
        width: 240px;
        height: 40px;
        margin-left: -100px;
        margin-top: -20px;
        background: url(../images/header-text.png) no-repeat left top;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .toplink {
        display: none;
    }

    .today {
        display: block;
    }

    .slogan {
        display: none;
        left: 10px;
        right: 10px;
    }

    .searchbox {
        display: none;
    }

        .searchbox.mobile {
            display: block;
        }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .nav {
        height: 40px;
        padding: 0 0;
        background-color: #EB1C23;
    }

    .nav-option {
        display: block;
    }

    .nav-home {
        display: block;
    }

    .pagenav {
        top: 0;
        bottom: 0;
        overflow: auto;
        overflow-x: hidden;
        left: -100%;
        position: absolute;
        position: fixed;
        z-index: 100;
        padding-top: 80px;
        padding-bottom: 50px;
    }

        .pagenav.active {
            background-color: #ffd800;
            left: 0;
            -webkit-transition: left .2s; /* Safari */
            transition: left .2s;
        }

    .navbar {
        width: 250px;
        padding: 0 0;
    }

    .navbar-l {
        display: none;
    }

    .navbar-r {
        display: none;
    }

    .navbar ul {
        padding: 0 0;
        height: auto;
        background: none;
        text-align: left;
        justify-content: start;
        display: block;
    }

        .navbar ul li {
            clear: both;
            display: block;
            float: left;
            width: 100%;
            margin-right: 0;
        }

            .navbar ul li span {
                padding: 12px 8px 12px 36px;
                background: url(../images/navbar-icon.png) no-repeat 10px center;
            }

            .navbar ul li.first a {
                width: auto;
                height: auto;
                background: none;
            }

                .navbar ul li.first a span {
                    display: block;
                }

        .navbar li.first.active > a {
            background: none;
            background-color: #ff8a80;
        }

        .navbar li ul {
            position: initial;
            width: 100%;
            border-bottom: #ff8a80 1px solid;
        }

        .navbar li li span {
            background: none;
        }

    .footer-inner {
        padding: 10px 10px;
    }

    .footer-l {
        text-align: left;
    }

    .footer-r {
        text-align: left;
    }

    .sitemap {
        padding: 0 10px;
    }

    .datapager {
        margin: 10px 0;
    }

    .hr {
        height: 10px;
    }
}

@media (min-width:481px) {
    .header-inner {
        height: 110px;
        /*background: url(../images/header-bg.jpg) #F6D85E no-repeat left top;*/
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: auto 100%;
    }

    .header-logo {
        left: 10px;
        top: 20px;
        width: 100px;
        height: 72px;
        background: url(../images/logo.png) no-repeat center center;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .header-text {
        width: 260px;
        height: 43px;
        margin-left: -100px;
        margin-top: -22px;
        background: url(../images/header-text.png) no-repeat left top;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .header-innertext {
        left: 90px;
        top: 20px;
    }
}

@media (min-width:641px) {

    .header-inner {
        height: 110px;
        /*background: url(../images/header-bg.jpg) #F6D85E no-repeat left top;*/
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: auto 100%;
    }

    .header-logo {
        left: 10px;
        top: 15px;
        width: 120px;
        height: 86px;
        background: url(../images/logo.png) no-repeat center center;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .header-text {
        width: 330px;
        height: 54px;
        margin-left: -130px;
        margin-top: -27px;
        background: url(../images/header-text.png) no-repeat left top;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .today {
        display: block;
    }

    .slogan {
        left: 160px;
        right: 20px;
    }
}

@media (min-width:769px) {
}

@media (min-width:981px) {
    body {
        font-size: 16px !important;
    }

    .pagewrapper {
        padding: 0 0;
    }

    .homeslider, .homepage, .zonepage, .contentpage, .gallerypage, .docpage,
    .header-inner, .sitepath, .pageslider, .footer-inner, .sponsorbox {
        width: 1000px;
    }

    .pageslider {
        padding-top: 20px;
    }

    .homeslider-l {
        float: left;
        width: 680px;
    }

    .homeslider-r {
        float: right;
        width: 320px;
    }

    .homepage {
        padding: 15px 0;
    }

    .zonepage, .docpage, .contentpage, .gallerypage {
        padding: 15px 0;
    }

    .pageslider {
        padding-left: 0;
        padding-right: 0;
    }

    .homepage-l {
        float: left;
        width: 660px;
    }

    .homepage-r {
        float: right;
        width: 320px;
    }

    .homepage-tl {
        float: left;
        width: 660px;
    }

    .homepage-tr {
        float: right;
        width: 320px;
    }

    .homepage-cl {
        width: 320px;
        float: left;
    }

    .homepage-cc {
        margin-left: 20px;
        width: 320px;
        float: left;
    }

    .homepage-cr {
        width: 320px;
        float: right;
    }

    .zonepage-l {
        float: left;
        width: 660px;
    }

    .zonepage-r {
        width: 320px;
        float: right;
    }

    .docpage-l {
        float: left;
        width: 660px;
    }

    .docpage-r {
        width: 320px;
        float: right;
    }

    .slideshow {
        max-height: 310px;
        overflow: hidden;
    }

    .header-inner {
        height: 140px;
        /*background: url(../images/header-bg.jpg) no-repeat center top;*/
    }

    .header-logo {
        left: 10px;
        top: 10px;
        width: 171px;
        height: 123px;
        background: url(../images/logo.png) no-repeat center center;
    }

    .header-text {
        width: 451px;
        height: 83px;
        margin-left: -225px;
        margin-top: -42px;
        background: url(../images/header-text.png) no-repeat left top;
    }

    .toplink {
        display: block;
    }

    .hotbar {
        display: block;
    }

    .today {
        display: block;
    }

    .slogan {
        left: 160px;
        right: 230px;
    }

    .searchbox {
        display: block;
    }

        .searchbox.mobile {
            display: none;
        }

    .pagenav {
        left: initial;
        top: initial;
        bottom: initial;
        overflow: visible;
        z-index: initial;
        position: static;
        padding: 0;
        background-color: none;
    }

    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }

    .nav {
        display: none;
    }

    .nav-option {
        display: none;
    }

    .nav-home {
        display: none;
    }

    .navbar {
        width: 1000px;
        padding: 0 30px;
        text-align: center;
    }

    .navbar-l {
        display: block;
    }

    .navbar-r {
        display: block;
    }

    .navbar ul {
        padding: 5px 0;
        height: 50px;
        background: url(../images/navbar-bg.png) repeat-x left center;
        text-align: center;
        justify-content: center;
        display: flex;
    }

        .navbar ul li {
            clear: none;
            width: auto;
            float: left;
            display: inline-block;
        }

            .navbar ul li.sep {
                width: 20px;
            }

            .navbar ul li span {
                display: block;
                padding: 15px 0 15px 0;
                background: none;
            }

            .navbar ul li.first a {
                width: 40px;
                height: 40px;
                background: url(../images/home.png) no-repeat center center;
            }

                .navbar ul li.first a span {
                    display: none;
                }

        .navbar li.first.active > a {
            background: url(../images/home.png) #ff8a80 no-repeat center center;
        }

        .navbar li ul {
            position: absolute;
            width: 180px;
            border-bottom: 0;
        }

        .navbar li li {
            display: block;
            width: 100%;
            clear: both;
        }

            .navbar li li span {
                display: block;
                padding: 8px 10px 8px 10px;
                margin: 0;
                background: none;
                font-weight: normal;
            }

    .footer-inner {
        padding: 15px 0;
    }

    .footer-l {
        text-align: left;
    }

    .footer-r {
        text-align: right;
    }

    .sitemap {
        padding: 0 0;
    }

    .datapager {
        margin: 10px 0;
    }

    .hr {
        height: 15px;
    }
}


@media (min-width:1200px) {
    body {
        font-size: 18px !important;
    }

    .pagewrapper {
    }

    .homeslider, .homepage, .zonepage, .contentpage, .gallerypage, .docpage,
    .header-inner, .sitepath, .pageslider, .footer-inner, .sponsorbox {
        width: 1140px;
    }

    .pageslider {
        padding-top: 30px;
    }

    .homepage {
        padding: 20px 0;
    }

    .zonepage, .docpage, .contentpage, .gallerypage {
        padding: 20px 0;
    }

    .pageslider {
        padding-left: 0;
        padding-right: 0;
    }

    .homepage-l {
        float: left;
        width: 750px;
    }

    .homepage-r {
        float: right;
        width: 360px;
    }

    .homepage-tl {
        float: left;
        width: 750px;
    }

    .homepage-tr {
        float: right;
        width: 360px;
    }

    .homepage-cl {
        width: 360px;
        float: left;
    }

    .homepage-cc {
        margin-left: 20px;
        width: 360px;
        float: left;
    }

    .homepage-cr {
        width: 360px;
        float: right;
    }

    .zonepage-l {
        float: left;
        width: 750px;
    }

    .zonepage-r {
        width: 360px;
        float: right;
    }

    .docpage-l {
        float: left;
        width: 750px;
    }

    .docpage-r {
        width: 360px;
        float: right;
    }

    .slideshow {
        max-height: 500px;
        overflow: hidden;
    }

    .header-inner {
        height: 180px;
        /*background: url(../images/header-bg.jpg) no-repeat center top;*/
    }

    .header-logo {
        left: 10px;
        top: 29px;
        width: 171px;
        height: 122px;
        background: url(../images/logo.png) no-repeat center center;
    }

    .header-text {
        width: 451px;
        height: 83px;
        left: 50%;
        top: 50%;
        margin-left: -225px;
        margin-top: -41px;
        background: url(../images/header-text.png) no-repeat left top;
    }

    .navbar {
        width: 1140px;
        padding: 0 30px;
        text-align: center;
    }

        .navbar ul li {
            clear: none;
            width: auto;
            float: left;
            /*margin-right: 1px;*/
        }

            .navbar ul li.sep {
                width: 20px;
            }

            .navbar ul li span {
                display: block;
                padding: 15px 0 15px 0;
                background: none;
            }

            .navbar ul li.first a {
                width: 50px;
                height: 50px;
                background: url(../images/home.png) no-repeat center center;
            }

                .navbar ul li.first a span {
                    display: none;
                }

        .navbar li.first.active > a {
            background: url(../images/home.png) #ff8a80 no-repeat center center;
        }

        .navbar li ul {
            position: absolute;
            width: 180px;
            border-bottom: 0;
        }

        .navbar li li {
            display: block;
            width: 100%;
            clear: both;
        }

            .navbar li li span {
                display: block;
                padding: 8px 10px 8px 10px;
                margin: 0;
                background: none;
                font-weight: normal;
            }

    .footer-inner {
        padding: 20px 0;
    }

    .footer-l {
        text-align: left;
    }

    .footer-r {
        text-align: right;
    }

    .sitemap {
        padding: 0 0;
    }

    .datapager {
        margin: 15px 0;
    }

    .hr {
        height: 20px;
    }
}