@media only screen and (max-width: 1370px) {
	/* header */
	.header-index .nav li,
	header .nav li { margin-right: 30px; }

	/* content */
	h2.inner-title { display: none; }
	h1 , h3 { font-size: 175%; }

	/* footer */
	.footer-contact-txt h3 { font-size: 150%; }
	.footer-contact-txt p { font-size: 100%; }

	/* index */
	.zoomslider p { font-size: 250%; }

	/* appraisal */
	.appraisal-board { height: 700px; }

	/* promise */
	.promise-board { height: 600px; }
}
@media only screen and (max-width: 1024px) {
	/* header */
	.header-index .nav,
	.header-index .share,
	header .nav,
	header .share { display: none; }
	.header-index .navbar-header,
	.navbar-header { display: block; }
	.header-index .logo,
	header .logo { left: 30px; top:30px; }
	header { height: 70px; }
	.header-index .navbar-header .bar { background: #fff; }
	.header-index .navbar-header .toggle-active .bar { background: #4d4d4d; }

	/* content */
	.inner:before { left: 50%; }
	.inner:after { display: none; }

	/* index */
	.zoomslider p { font-size: 200%; }
	.videocol { height: 500px; }

	/* used cars */
	.used-cars-board { height: 450px; }
	.used-cars-board h1 { font-size: 175%; }
	.inner-car-grid figure { width: 50%; }
	.inner-car-grid-index figure:last-child { display: none; }

	.used-cars-detail ul li { height: 45px; line-height: 45px; }
	.gallery-top { height: 500px; }

	/* more used cars */
	.more-used-cars div { height: 300px; }

	/* footer */
	.footer-contact div { height: 300px; }
	.footer-contact-txt,
	.footer-contact-map { width: 50%; }

	/* concept */
	.concept-board-img-1 img,
	.concept-board-img-2 img { width: 50%; }
	.concept-board-img-1 h1 { font-size: 150%; letter-spacing: 5px; }
	.concept-board-img-2 p { font-size: 125%; width: 55%; margin: 0 30px 0 auto; }

	/* appraisal */
	.appraisal-board { height: 600px; }
	.appraisal-board h4 { font-size: 175%; }

	/* promise */
	.promise-board { height: 500px; }
}


@media only screen and (max-width: 768px) {
	/* content */
	.inner.space { height: 30px; }
	.inner-box { padding: 30px; }
	h1 , h3 { font-size: 150%; }
	p.inner-box-temp { font-size: 100%; }

	/* index */
	.zoomslider { height: 500px; }
	.videocol { height: 350px; }
	#myVideo1,
	#myVideo2 { display: none; }

	/* used cars */
	.used-cars-board { height: 400px; }
	.inner-car-grid figure .inner-car-grid-img { height: 250px; }
	.inner-car-grid figure .inner-car-grid-txt { padding: 15px; height: 90px; line-height:1.6; }
	.inner-car-grid figure .inner-car-grid-txt a.link { top: 15px; right: 15px; }

	.used-cars-content .used-cars-gallery,
	.used-cars-content .used-cars-detail { float: inherit; width: 100%; }
	.used-cars-detail { padding: 50px 30px; }

	/* used cars modal */
	#btn-close-modal { padding: 30px 0 0; }
	.closebt { width: 40px; height: 40px; }
	.modal-content { text-align: center; padding-bottom: 30px; }
	.modal-content-inner { padding: 30px; margin: 30px auto; }

	/* more used cars */
	.more-used-cars div a { font-size: 18px; }

	/* concept */
	.concept-board-img-1 h1 { font-size: 125%; }
	.concept-board-img-2 p { font-size: 100%; }

	/* appraisal */
	.appraisal-board { height: 500px; }
	.inner-box-temp-goo-logo { margin: 30px auto 0; max-width: 200px; }

	/* promise */
	.promise-board { height: 400px; }
	.promise-board p { max-width: 100%; font-size: 100%; padding: 0 30px; }

}
@media only screen and (max-width: 560px) {
	/* header */
	.header-index .logo,
	header .logo { left: 20px; top:23px; }
	header { height: 50px; }
	.toggle-button { top: 14px; right: 20px; }

	/* content */
	.inner:before { display: none; }

	/* used cars */
	.used-cars-board { height: 350px; }
	.used-cars-board h1 { font-size: 150%; letter-spacing: 5px; }
	.inner-car-grid figure { float: inherit; width: 100%; }
	.inner-car-grid figure .inner-car-grid-img { height: 280px; }

	.gallery-top { height: 400px; }

	/* index */
	.zoomslider { height: 350px; }
	.zoomslider p { font-size: 150%; }
	p.inner-box-index { width: 100%; float: inherit; }
	img.inner-box-index-goo-logo { display: none; }

	/* more used cars */
	.more-used-cars div { float: inherit; width: 100%; border: none; height: 250px; }

	/* footer */
	.footer-contact div { float: inherit; width: 100%; border: none; height: 250px; }
	.footer-contact-txt { padding: 30px; }

	/* concept */
	.concept-board-img-1 img,
	.concept-board-img-2 img { width: 100%; }
	.concept-board-img-1 h1 { padding-left: 0; padding: 0 30px; text-align: center; }
	.concept-board-img-2 p { font-size: 100%; width: 100%; margin: 0; padding: 0 30px; }

	/* appraisal */
	.appraisal-board { height: 400px; }
	.appraisal-board h4 { font-size: 150%; letter-spacing: 5px; }


}