@media only screen and (min-width: 960px) and (max-width: 1220px) {
    div.center {
        width: 96%;
    }

    div.band.slider-main {
        height: 400px;
    }

    div.band.spot-main hr {
        margin: 5px 5.9%;
    }

    div.band.slider-products .item .image {
        height: 200px;
    }

    div.band.slider-products h1 {
        font-size: 24px;
    }

    div.band.slider-products .item h1 {
        font-size: 14px;
    }

    div.band.slider-products .item span {
        font-size: 13px;
    }

    div.band.news .news-col {
        width: 30%;
        margin-right: 5%;
    }

    div.band.news .image {
        height: 200px;
    }

    div.band.news h1 {
        font-size: 19px;
    }

    div.band.news .inner-content h2 {
        font-size: 15px;
    }

    div.band.news .inner-content p {
        font-size: 12px;
    }

    div.footer-col {
        margin-right: 4.5%;
    }

    div.band.bread-crumb {
        padding: 10px 0 0 0;
        font-size: 16px;
    }

        div.band.bread-crumb span, div.band.bread-crumb a {
            padding: 5px 10px 0px 25px;
            background-size: 16px auto;
        }

    div.band .inner {
        width: 100%;
        padding: 10px 0;
    }

    div.band.header-content {
        margin-top: 10px;
    }

        div.band.header-content h1 {
            padding: 10px 0 10px 50px;
            font-size: 20px;
        }

    div.band.detail-content .not-find {
        height: 100px;
        margin-top: 40px;
        padding-top: 200px;
        font-size: 20px;
        background-size: 160px auto;
    }

    div.band.detail-content .item {
        float: left;
        width: 30%;
        margin-right: 5%;
    }

        div.band.detail-content .item .image {
            height: 220px;
        }

        div.band.detail-content .item h1 {
            font-size: 16px;
        }

        div.band.detail-content .item span {
            font-size: 14px;
        }

    div.band.detail-content .item-menu {
        width: 30%;
        height: 370px;
        margin: 0 3.3% 50px 0;
    }

        div.band.detail-content .item-menu .image {
            height: 180px;
        }

        div.band.detail-content .item-menu h2 {
            font-size: 16px !important;
        }

        div.band.detail-content .item-menu p {
            font-size: 13px !important;
        }

    div.band.detail-page-content .col-left, div.band.detail-page-content .col-right {
        height: 200px;
    }

        div.band.detail-page-content .col-left .img {
            height: 280px;
        }

    .page-content-item {
        width: 92%;
        margin: 0 auto 20px auto;
        padding: 10px 2%;
        font-size: 13px;
        background-position: 98%;
    }

        .page-content-item > .col-left {
            width: 10%;
            height: auto;
            line-height: normal;
        }

        .page-content-item > .col-right {
            width: 88%;
            height: auto;
            line-height: normal;
        }

        .page-content-item.open.news .col-left {
            width: 25%;
            height: 160px;
        }

        .page-content-item.open.news .col-right {
            width: 70%;
            height: 120px;
        }

    div.band.detail-page-content h1 {
        font-size: 20px;
    }

    div.band.detail-page-content h2 {
        font-size: 16px;
    }

    div.band.detail-page-content p {
        font-size: 14px !important;
    }
	
	div.band.detail-page-content div.row {
		padding: 5px 2%;
	}

	div.band.detail-page-content div.row span {
		font-size: 12px;
	}

	div.band.detail-page-content div.row a {
		min-width: 150px;
		font-size: 12px;
	}

    div.band.detail-page-content .col-left-condensed {
        width: 16%;
    }

    div.band.detail-page-content .col-right-wide {
        width: 80%;
    }

    div.band.detail-page-content iframe {
        height: 400px;
        margin: 20px 0 0 0;
    }

    div.band.detail-page-content span#phone, div.band.detail-page-content span#mail {
        padding: 8px 0 0 40px !important;
    }

    div.detail-page-content > .img {
        height: 180px !important;
    }
}

@media only screen and (min-width: 720px) and (max-width: 959px) {
    div.center {
        width: 95%;
    }

    div.band.slider-main {
        height: 320px;
    }

    div.band.spot-main hr {
        margin: 5px 3.9%;
    }

    div.band.spot-main a {
        font-size: 14px;
        width: 19%;
    }

    div.band.slider-products h1 {
        font-size: 24px;
    }

    div.band.slider-products .item {
        height: 340px;
    }

        div.band.slider-products .item .image {
            height: 160px;
        }

        div.band.slider-products .item h1 {
            font-size: 14px;
        }

        div.band.slider-products .item span {
            font-size: 12px;
        }

    div.band.news .news-col {
        width: 31%;
        margin-right: 3.5%;
    }

    div.band.news .image {
        height: 160px;
    }

    div.band.news h1 {
        font-size: 16px;
    }

    div.band.news .inner-content * {
        font-size: 12px !important;
    }

    div.footer-col {
        margin-right: 10.5%;
    }

    div.footer-full.contact .footer-col {
        float: none;
        width: 100%;
    }

    div.band.bread-crumb {
        padding: 10px 0 0 0;
        font-size: 14px;
    }

        div.band.bread-crumb span, div.band.bread-crumb a {
            padding: 5px 10px 0px 25px;
            background-size: 16px auto;
        }

    div.band .inner {
        width: 100%;
        padding: 10px 0;
    }

    div.band.header-content {
        margin-top: 10px;
    }

        div.band.header-content h1 {
            padding: 10px 0 10px 50px;
            font-size: 18px;
        }

    div.band.detail-content {
        padding: 10px 0;
    }

        div.band.detail-content .not-find {
            height: 100px;
            margin-top: 40px;
            padding-top: 200px;
            font-size: 20px;
            background-size: 160px auto;
        }

        div.band.detail-content .item {
            float: left;
            width: 46%;
            margin-right: 4%;
        }

            div.band.detail-content .item:last-child {
                margin-right: 0;
            }

            div.band.detail-content .item .image {
                height: 260px;
            }

            div.band.detail-content .item h1 {
                font-size: 16px;
            }

            div.band.detail-content .item span {
                font-size: 13px;
            }

        div.band.detail-content .item-menu {
            width: 30%;
            height: 310px;
            margin: 0 3.3% 50px 0;
        }

            div.band.detail-content .item-menu .image {
                height: 120px;
            }

            div.band.detail-content .item-menu h2 {
                font-size: 16px !important;
            }

            div.band.detail-content .item-menu p {
                font-size: 12px !important;
            }

    div.band.detail-page-content .col-left, div.band.detail-page-content .col-right {
        height: 200px;
    }

        div.band.detail-page-content .col-left .img {
            height: 220px;
        }

    div.band.detail-page-content p {
        font-size: 14px !important;
    }

        div.band.detail-page-content p > span {
            display: table;
            padding-left: 0;
        }

        div.band.detail-page-content p.detail {
            font-size: 12px !important;
            padding-top: 10px;
            max-height: none;
        }

	div.band.detail-page-content div.row {
		padding: 5px 2%;
	}

	div.band.detail-page-content div.row span {
		font-size: 12px;
	}

	div.band.detail-page-content div.row a {
		min-width: 0;
		width: 30px;
		height: 30px;
		background-position: center;
		padding: 0;
		overflow: hidden;
		color: transparent;
	}

    .panel-container * {
        font-size: 12px !important;
    }

    .page-content-item {
        width: 92%;
        margin: 0 auto 20px auto;
        padding: 10px 2%;
        font-size: 12px;
        background-position: 97%;
    }

        .page-content-item > .col-left {
            width: 10%;
            height: auto;
            line-height: normal;
        }

        .page-content-item > .col-right {
            width: 88%;
            height: auto;
            line-height: normal;
        }

        .page-content-item.open.news .col-left {
            width: 23%;
            height: 140px;
        }

        .page-content-item.open.news .col-right {
            width: 72%;
            height: 100px;
        }

    .input-col-left, .input-col-right {
        font-size: 13px;
    }

    div.band.detail-page-content h1 {
        font-size: 20px;
    }

    div.band.detail-page-content h2 {
        font-size: 16px;
    }

    div.band.detail-page-content p {
        font-size: 14px !important;
    }

    div.band.detail-page-content .col-left-condensed {
        width: 22%;
    }

    div.band.detail-page-content .col-right-wide {
        width: 72%;
    }

    div.band.detail-page-content iframe {
        height: 360px;
        margin: 20px 0 0 0;
    }

    div.band.detail-page-content span#phone, div.band.detail-page-content span#mail {
        padding: 8px 0 0 40px !important;
    }

    div.detail-page-content > .img {
        height: 160px !important;
    }

    .input-col-1, .input-col-1b, .input-col-2, .input-col-3, .input-col-4, .input-col-5, .input-col-6, .input-col-7, .input-col-8, .input-col-9, .input-col-10 {
        font-size: 12px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 719px) {
    div.center {
        width: 94%;
    }

    div.band.slider-main {
        height: 280px;
    }

    div.band.spot-main hr {
        height: 60px;
        margin: 5px 1.7%;
    }

    div.band.spot-main a {
        font-size: 13px;
        width: 22%;
        background-size: 32px auto;
        padding-top: 45px;
    }

    div.band.slider-products h1 {
        font-size: 20px;
    }

    div.band.slider-products .item {
        height: 380px;
    }

        div.band.slider-products .item .image {
            height: 200px;
        }

        div.band.slider-products .item h1 {
            font-size: 14px;
        }

        div.band.slider-products .item span {
            font-size: 12px;
        }

    div.band.news h1 {
        font-size: 20px;
    }

    div.band.news .news-col {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    div.band.news .image {
        height: 340px;
    }

    div.band.news .inner-content h2 {
        font-size: 16px;
    }

    div.band.news .inner-content p {
        font-size: 12px;
    }

    div.footer-col {
        width: 22%;
        margin-right: 3%;
    }

    div.footer-full.navigation {
        padding-bottom: 10px;
    }

    div.footer-full.contact {
        padding-bottom: 10px;
    }

        div.footer-full.contact .footer-col {
            float: none;
            width: 100%;
        }

        div.footer-full.contact h2 {
            font-size: 16px;
        }

    div.footer-full.copyright {
        font-size: 11px;
        text-align: left;
        padding: 10px 0;
    }

        div.footer-full.copyright a, div.footer-full.copyright span {
            margin-left: 0;
        }

    div.band.bread-crumb {
        padding: 10px 0 0 0;
        font-size: 13px;
    }

        div.band.bread-crumb span, div.band.bread-crumb a {
            padding: 5px 10px 0px 25px;
            background-size: 16px auto;
        }

    div.band .inner {
        width: 100%;
        padding: 10px 0;
    }

    div.band.header-content {
        margin-top: 10px;
    }

        div.band.header-content h1 {
            padding: 10px 0 10px 50px;
            font-size: 16px;
        }

    div.band.detail-content {
        padding: 10px 0;
    }

        div.band.detail-content .not-find {
            height: 100px;
            margin-top: 40px;
            padding-top: 200px;
            font-size: 20px;
            background-size: 160px auto;
        }

        div.band.detail-content .item {
            float: left;
            width: 46%;
            margin-right: 4%;
        }

            div.band.detail-content .item:last-child {
                margin-right: 0;
            }

            div.band.detail-content .item .image {
                height: 200px;
            }

            div.band.detail-content .item h1 {
                font-size: 13px;
                padding: 10px 2% 0 2%;
            }

            div.band.detail-content .item span {
                padding: 5px 2% 5px 2%;
                font-size: 12px;
            }

        div.band.detail-content .item-menu {
            width: 45%;
            height: 320px;
            margin: 0 5% 40px 0;
        }

            div.band.detail-content .item-menu .image {
                height: 140px;
            }

            div.band.detail-content .item-menu h2 {
                font-size: 13px !important;
            }

            div.band.detail-content .item-menu p {
                font-size: 12px !important;
            }

    div.band.detail-page-content .col-left, div.band.detail-page-content .col-right {
        float: none;
        width: 100%;
        height: 200px;
        margin-right: 0;
    }

        div.band.detail-page-content .col-left .img {
            display: inline-block;
            width: 100%;
            height: 360px;
            background: center no-repeat;
            background-size: cover;
        }

    div.band.detail-page-content p {
        font-size: 14px !important;
    }

        div.band.detail-page-content p > span {
            display: table;
            padding-left: 0;
        }

        div.band.detail-page-content p.detail {
            font-size: 12px !important;
            padding-top: 10px;
            max-height: none;
        }

	div.band.detail-page-content div.row {
		padding: 5px 2%;
	}

	div.band.detail-page-content div.row span {
		font-size: 12px;
	}

	div.band.detail-page-content div.row a {
		min-width: 150px;
		font-size: 12px;
	}

    .panel-container * {
        font-size: 12px !important;
    }

    .panel-container > a.img {
        width: 45%;
        height: 180px;
        margin: 0 4% 10px 0;
    }

    .page-content-item {
        width: 90%;
        margin: 0 auto 20px auto;
        padding: 10px 3%;
        font-size: 12px;
        background-position: 96%;
    }

        .page-content-item > .col-left {
            width: 15%;
            height: auto;
            line-height: normal;
        }

        .page-content-item > .col-right {
            width: 83%;
            height: auto;
            line-height: normal;
        }

        .page-content-item.open.news .col-left {
            display: none;
        }

        .page-content-item.open.news .col-right {
            width: 94%;
            height: auto;
            margin: 0 3%;
            padding: 10px 0;
        }

    .input-col-left, .input-col-right {
        float: none;
        width: 100%;
        margin-bottom: 5px;
        font-size: 12px;
    }

    input, textarea, select {
        margin-bottom: 10px;
    }

    div.band.detail-page-content h1 {
        font-size: 20px;
    }

    div.band.detail-page-content h2 {
        font-size: 16px;
    }

    div.band.detail-page-content .col-left-condensed {
        float: none;
        width: 100%;
    }

    div.band.detail-page-content .col-right-wide {
        float: none;
        width: 100%;
    }

    div.band.detail-page-content iframe {
        height: 280px;
        margin: 20px 0 0 0;
    }

    div.band.detail-page-content span#phone, div.band.detail-page-content span#mail {
        padding: 8px 0 0 40px !important;
    }

    div.detail-page-content > .img {
        height: 120px !important;
    }

    .fancybox-nav span {
        visibility: visible !important;
    }

    div.band.header {
        box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
    }

        div.band.header:hover, div.band.header:focus {
            box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
        }

    div.band.header, div.band.header-space {
        height: 50px;
    }

    .input-col-1, .input-col-1b, .input-col-2, .input-col-3, .input-col-4, .input-col-5, .input-col-6, .input-col-7, .input-col-8, .input-col-9, .input-col-10 {
        display: table;
        float: none;
        width: 100%;
        margin: 0 0 5px 0;
        font-size: 12px;
    }

    .input-row span {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    div.center {
        width: 90%;
    }

    div.band.slider-main {
        height: 200px;
    }

    div.band.spot-main hr {
        height: 40px;
        margin: 5px 1.7%;
    }

    div.band.spot-main a {
        width: 22%;
        background-size: 32px auto;
        height: 40px;
        padding-top: 0;
        color: transparent;
    }

    div.band.slider-products h1 {
        font-size: 20px;
    }

    div.band.slider-products .item {
        height: 440px;
    }

        div.band.slider-products .item .image {
            height: 260px;
        }

        div.band.slider-products .item h1 {
            font-size: 14px;
        }

        div.band.slider-products .item span {
            font-size: 12px;
        }

    div.band.news h1 {
        font-size: 20px;
    }

    div.band.news .news-col {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    div.band.news .image {
        height: 200px;
    }

    div.band.news .inner-content h2 {
        font-size: 14px;
    }

    div.band.news .inner-content p {
        font-size: 11px;
    }

    div.footer-col {
        float: none;
        margin-right: 0;
    }

    div.footer-full.navigation {
        padding-bottom: 10px;
    }

    div.footer-full.contact {
        padding-bottom: 10px;
        font-size: 11px;
    }

        div.footer-full.contact .footer-col {
            float: none;
            width: 100%;
        }

        div.footer-full.contact h2 {
            font-size: 16px;
        }

    div.footer-full.copyright {
        font-size: 11px;
        text-align: left;
        padding: 10px 0;
    }

        div.footer-full.copyright a, div.footer-full.copyright span {
            margin-left: 0;
        }

    div.band.bread-crumb {
        padding: 10px 0 0 0;
        font-size: 13px;
    }

        div.band.bread-crumb span, div.band.bread-crumb a {
            padding: 5px 10px 0px 25px;
            background-size: 16px auto;
        }

    div.band .inner {
        width: 100%;
        padding: 10px 0;
    }

    div.band.header-content {
        margin-top: 10px;
    }

        div.band.header-content h1 {
            padding: 10px 0 10px 50px;
            font-size: 16px;
        }

    div.band.detail-content {
        padding: 10px 0;
    }

        div.band.detail-content .not-find {
            height: 100px;
            margin-top: 40px;
            padding-top: 200px;
            font-size: 20px;
            background-size: 160px auto;
        }

        div.band.detail-content .item {
            float: none;
            width: 100%;
            margin-right: 0;
        }

            div.band.detail-content .item .image {
                height: 240px;
            }

            div.band.detail-content .item h1 {
                font-size: 14px;
                padding: 10px 5% 0 5%;
            }

            div.band.detail-content .item span {
                font-size: 13px;
            }

        div.band.detail-content .item-menu {
            display: table;
            float: none;
            width: 100%;
            height: auto;
            margin-right: 0;
            padding-bottom: 10px;
        }

            div.band.detail-content .item-menu .image {
                height: 180px;
            }

            div.band.detail-content .item-menu h2 {
                font-size: 13px !important;
            }

            div.band.detail-content .item-menu p {
                font-size: 12px !important;
            }

    div.band.detail-page-content .col-left, div.band.detail-page-content .col-right {
        float: none;
        width: 100%;
        height: 200px;
        margin-right: 0;
    }

        div.band.detail-page-content .col-left .img {
            display: inline-block;
            width: 100%;
            height: 260px;
            background: center no-repeat;
            background-size: cover;
        }

    div.band.detail-page-content p {
        font-size: 13px !important;
    }

        div.band.detail-page-content p > span {
            display: table;
            padding-left: 0;
        }

        div.band.detail-page-content p.detail {
            font-size: 12px !important;
            padding-top: 10px;
            max-height: none;
        }

	div.band.detail-page-content div.row {
		padding: 5px 2%;
	}

	div.band.detail-page-content div.row span {
		font-size: 12px;
	}

	div.band.detail-page-content div.row a {
		min-width: 150px;
		font-size: 12px;
	}

    .panel-container * {
        font-size: 12px !important;
    }

    .panel-container > a.img {
        float: none;
        width: 100%;
        height: 240px;
        margin: 0 20px 20px 0;
    }

    .page-content-item {
        width: 90%;
        margin: 0 auto 20px auto;
        padding: 10px 3%;
        font-size: 12px;
        background-position: 94%;
    }

        .page-content-item > .col-left {
            width: 20%;
            height: auto;
            line-height: normal;
        }

        .page-content-item > .col-right {
            width: 78%;
            height: auto;
            line-height: normal;
        }

        .page-content-item.open.news .col-left {
            display: none;
        }

        .page-content-item.open.news .col-right {
            width: 90%;
            height: auto;
            margin: 0 5%;
            padding: 10px 0;
        }

    .input-col-left, .input-col-right {
        float: none;
        width: 100%;
        margin-bottom: 5px;
        font-size: 12px;
    }

    input, textarea, select {
        margin-bottom: 10px;
    }

    div.band.detail-page-content h1 {
        font-size: 20px;
    }

    div.band.detail-page-content h2 {
        font-size: 16px;
    }

    div.band.detail-page-content .col-left-condensed {
        float: none;
        width: 100%;
    }

    div.band.detail-page-content .col-right-wide {
        float: none;
        width: 100%;
    }

    div.band.detail-page-content iframe {
        height: 200px;
        margin: 20px 0 0 0;
    }

    div.band.detail-page-content span#phone, div.band.detail-page-content span#mail {
        padding: 8px 0 0 40px !important;
    }

    div.detail-page-content > .img {
        height: 80px !important;
    }

    .fancybox-nav span {
        visibility: visible !important;
    }

    div.band.header {
        box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
    }

        div.band.header:hover, div.band.header:focus {
            box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
        }

    div.band.header, div.band.header-space {
        height: 50px;
    }

    .input-col-1, .input-col-1b, .input-col-2, .input-col-3, .input-col-4, .input-col-5, .input-col-6, .input-col-7, .input-col-8, .input-col-9, .input-col-10 {
        display: table;
        float: none;
        width: 100%;
        margin: 0 0 5px 0;
        font-size: 12px;
    }

    .input-row span {
        margin: 0 !important;
        padding: 0 !important;
    }
}


@media only screen and (max-width: 319px) {
    body {
        background: #eee;
        color: #999;
        font-size: 12px;
    }

    div {
        display: none;
    }

        div#not-supported {
            z-index: 1000 !important;
            display: inline-block !important;
        }
}