@media only screen and (max-width : 1200px) {

}


@media only screen and (max-width : 1040px) {
	.block {
		max-width: 748px;
		width: auto;
	}
	.search {
		float: right;
	}
	.cart {
		float: right;
		clear: both;
		margin: 0px 0 30px 0;
	}
	.phone {
		float: left;
		margin: 0px 0 30px 0;
	}
	.slider-f-caption {
		line-height: 190px;
	}
	.slider-f:after {
	    top: 62%;
	}
	.sidebar {
		width: 160px;
	}
	.sidebar ul li a {
		padding: 13px 22px 8px 22px;
	}
	.content {
		width: 555px;
	}
	.prod-f {
		margin: 0 21px 21px 0;
	}
	.prod-f:nth-child(4n+1) {
		clear: none;
	}
	.prod-f:nth-child(4n) {
		margin-right: 21px;
	}
	.prod-f:nth-child(3n+1) {
		clear: left;
	}
	.prod-f:nth-child(3n) {
		margin-right: 0;
	}
	.prod-r {
		margin: 0 14px 21px 0;
	}
	.prod-r:nth-child(5n+1) {
		clear: none;
	}
	.prod-r:nth-child(5n) {
		margin-right: 14px;
	}
	.prod-r:nth-child(4n+1) {
		clear: left;
	}
	.prod-r:nth-child(4n) {
		margin-right: 0;
	}
	.prod {
		margin: 0 21px 21px 0;
	}
	.prod:nth-child(4n+1) {
		clear: none;
	}
	.prod:nth-child(4n) {
		margin-right: 21px;
	}
	.prod:nth-child(3n+1) {
		clear: left;
	}
	.prod:nth-child(3n) {
		margin-right: 0;
	}
	.product-info {
	    width: 400px;
	}

	.copyright {
		width: 100%;
	}
}


@media only screen and (max-width : 768px) {
	.topbar-menu-btn {
		display: block;
	}
	.topbar-search-btn {
		display: block;
	}
	.topbar ul {
		clear: both;
		display: none;
	}
	.logo-wrap {
		float: none;
		width: 100%;
		text-align: center;
		min-height: inherit;
		margin: 30px 0 30px;
	}
	.logo {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.slogan {
		text-align: left;
		vertical-align: top;
		float: none;
		display: inline-block;
	}
	.search {
		float: none;
		top: 0;
		position: absolute;
		margin: 0;
		/*width: 100%;*/
		display: none;
		right: 10px;
		left: 10px;
	}
	.search input[type=text] {
		width: 100%;
		border-radius: 0;
		box-shadow: none;
	}
	.cart {
		text-align: left;
		float: right;
		clear: both;
		width: 50%;
		margin: 0px 0 30px 0;
	}
	.phone {
		width: 50%;
		text-align: right;
		float: left;
		margin: 5px 0 30px 0;
	}
	.header nav {
		background: none;
		box-shadow: none;
		text-align: center;
		padding-top: 20px;
	}
	.header nav ul {
		display: inline-block;
		text-align: left;
	}

	.header nav ul li {
		text-align: left;
		display: inline-block;
		width: auto;
		width: 150px;
		margin-left: 20px;
		float: left;
		margin-bottom: 20px;
	}
	.header nav ul li:nth-child(3n+1) {
		clear: left;
	}
	.header nav ul li a {
		line-height: 120%;
		border: none;
		padding: 3px 0px 3px;
		display: inline-block;
		border-bottom: 1px dashed #545454;
	}
	.header nav ul li.active a {
		background: none;
		box-shadow: none;
		color: #545454;
		border: none;
		border-bottom: 1px dashed #545454;
	}
	.header nav ul li a:after {
		display: none;
	}
	.header nav ul li a:hover {
		color: #2B5578;
		border-bottom: 1px dashed #2B5578;
	}
	.sidebar {
		max-width: 320px;
		margin: 0 auto;
		float: none;
		width: auto;
	}
	.sidebar ul li:after {
		display: none;
	}
	.sidebar ul li a {
		padding: 13px 22px 8px 22px;
		font-family: "LiberationSansBold", sans-serif;
		font-size: 15px;
	}
	.content {
		width: 100%;
	}
	.front_page .content h1 {
		text-align: center;
	}
	.slider-f-caption {
	    line-height: 100%;
	    position: relative;
	    background: #fff;
	    text-align: center;
	    width: 100%;
	    padding: 10px 0 20px;
	}
	.slider-f-caption h3 {
	    margin: 0 0 15px;
	    font-size: 35px;
	}
	.slider-f .flex-control-nav {
	    z-index: 20;
	    background: none;
	    position: relative;
	    right: auto;
	    bottom: auto;
	    overflow: hidden;
	    text-align: center;
	        padding: 17px 0 0;
	}
	.slider-f {
	    margin-bottom: 40px;
	    position: relative;
	    /* overflow: hidden; */
	    max-height: inherit;
	}
	.slider-f:after {
	    display: none;
	}
	.front-tab h2 {
		text-align: center;
	}
	.front-tabs {
	    text-align: center;
	}
	.front-tabs li {
	    float: none;
	    margin: 0 auto 10px;
	    vertical-align: top;
	    display: inline-block;
	}
	.front-tab {
	    padding-bottom: 20px;
	}
	.prod-f:nth-child(4n+1) {
		clear: none;
	}
	.prod-f:nth-child(4n) {
		margin-right: 0;
	}
	.prod-f:nth-child(3n+1) {
		clear: left;
	}
	.prod-f:nth-child(3n) {
		margin-right: 0;
	}
	.prod-f {
		margin: 0 9px 21px 9px !important;
		float: none;
		display: inline-block;
	}
	.prod-r:nth-child(4n+1) {
		clear: none;
	}
	.prod-r:nth-child(4n) {
		margin-right: 0;
	}
	.prod-r:nth-child(3n+1) {
		clear: left;
	}
	.prod-r:nth-child(3n) {
		margin-right: 0;
	}
	.prod-r {
		margin: 0 9px 21px 9px !important;
		float: none;
		display: inline-block;
	}
	.prods-r-ttl {
		text-align: center;
	}
	.prod:nth-child(4n+1) {
		clear: none;
	}
	.prod:nth-child(4n) {
		margin-right: 0;
	}
	.prod:nth-child(3n+1) {
		clear: left;
	}
	.prod:nth-child(3n) {
		margin-right: 0;
	}
	.prod {
		margin: 0 9px 21px 9px !important;
		float: none;
		display: inline-block;
	}
	.product-img {
	    float: none;
	    margin: 0 auto;
	}
	.product-info {
	    float: none;
	    margin: 0 auto;
	    max-width: 514px;
	    width: 100%;
	    overflow: hidden;
	}
	.menu1-f {
		padding: 21px 5px 0 0;
		width: 23%;
	}
	.menu2-f {
		padding: 21px 5px 0 0;
		width: 23%;
	}
	.menu3-f {
		padding: 21px 5px 0 0;
		width: 23%;
	}
	.phone-f {
		width: auto;
		padding-left: 0;
	}
}


@media only screen and (max-width : 600px) {
	.header nav ul li:nth-child(3n+1) {
		clear: none;
	}
	.header nav ul li:nth-child(2n+1) {
		clear: left;
	}
	.about-f {
		width: 100%;
		margin: 0 0% 35px 0;
		float: none;
	}
	.news-f {
		width: 100%;
		margin: 0 0% 20px 0;
		float: none;
	}
	.menu1-f {
		padding: 21px 5px 0 0;
		width: 33.33333%;
	}
	.menu2-f {
		padding: 21px 5px 0 0;
		width: 33.33333%;
	}
	.menu3-f {
		padding: 21px 5px 0 0;
		width: 33.33333%;
	}
	.phone-f {
		clear: both;
		width: 100%;
		text-align: left;
		padding-left: 0;
	}
	.phone-f .phone-f-num {
		float: left;
		margin: 3px 0 0;
	}
	.phone-f ul {
		float: right;
	}
}


@media only screen and (max-width : 480px) {
	.header {
		text-align: center;
	}
	.logo {
		float: none;
		display: block;
		vertical-align: top;
		width: 100%;
		padding: 0 0 10px;
	}
	.slogan {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
		vertical-align: top;
		float: none;
		display: block;
		border: none;
	}
	.phone {
		float: none;
		width: 100%;
		text-align: center;
	}
	.cart {
		width: auto;
		display: inline-block;
		float: none;
		white-space: nowrap;
		/*width: 100%;*/
	}
	.header nav ul li {
		text-align: left;
		display: inline-block;
		float: left;
		width: auto;
		width: 45%;
		margin-left: 5%;
		margin-bottom: 20px;
	}
	a.product-tocart {
		float: left;
		clear: both;
	}
.product-img {
    width: 100%;
    max-width: 300px;
}
.product-carwrap {
    width: 80%;
}
.product-car li {
	height: auto;
}
}


@media only screen and (max-width : 380px) {
	.header nav ul li:nth-child(2n+1) {
		clear: none;
	}
	.header nav ul li {
		width: 100%;
		float: none;
		display: inline-block;
		text-align: center;
		margin-left: 0;
	}
	.footer {
		text-align: center;
	}
	.menu1-f {
		padding: 21px 5px 0 0;
		width: 100%;
		clear: both;
		float: none;
	}
	.menu2-f {
		padding: 21px 5px 0 0;
		width: 100%;
		clear: both;
		float: none;
	}
	.menu3-f {
		padding: 21px 5px 0 0;
		width: 100%;
		clear: both;
		float: none;
	}
	.phone-f {
		text-align: center;
	}
	.phone-f .phone-f-num {
		padding: 0 23px 15px 23px;
		float: none;
		display: inline-block;
	}
	.phone-f ul {
		margin-right: 30px;
		margin-left: 30px;
		float: none;
		display: inline-block;
	}
	.twiststudio {
		text-align: center;
		padding: 30px 0 5px;
		float: none;
		width: 100%;
	}
	#bx-composite-banner {
		text-align: center;
		width: 100%;
		float: none;
	}
}


@media only screen and (max-width : 320px) {

}





@media only screen and (min-width : 320px) {

}


@media only screen and (min-width : 480px) {

}


@media only screen and (min-width : 768px) {

}


@media only screen and (min-width : 1040px) {

}


@media only screen and (min-width : 1200px) {

}





@media (min-width : 1040px) and (max-width : 1199px) {

}

@media (min-width : 768px) and (max-width : 1039px) {

}

@media (min-width : 480px) and (max-width : 767px) {

}