nav.nav input,nav.nav label,.formobile {
	display: none
}

@media only screen and (max-width:1200px) {
	a.m_call {
		display: block
	}

	span.m_call {
		display: none
	}
}

@media only screen and (max-width:1100px) {
	.container {
		width: 940px
	}

	nav.nav ul.menus>li>a {
		padding: 0 39px
	}

	.contents .service li {
		padding: 5px 14px 2px
	}

	.contents .shipping .freeshipping {
		padding: 0 10px 0 60px
	}

	.contents .shipping .or {
		margin-right: 12px
	}

	.contents .videobox img {
		width: 100%
	}

	.contents .fproductbox ul li {
		width: 460px
	}

	.whybuy .bannerbox {
		width: 300px
	}

	.whybuy .bannerbox2 {
		width: 310px
	}

	.lfooter .payment {
		margin: 8px 9px 0
	}

	.videobox video {
		height: 529px
	}
}

@media only screen and (max-width:979px) {
	.container {
		width: 740px
	}

	#headerpart .logo img {
		width: 264px
	}

	#headerpart .rheader .offer {
		margin-right: 10px
	}

	nav.nav ul.menus>li>a {
		padding: 0 19px
	}

	.contents .service ul {
		padding: 0
	}

	.contents .service li {
		padding: 5px 15px;
		width: 50%
	}

	.contents .shipping .fairfield {
		top: 10px;
		text-align: center;
		width: 100%;
		margin-bottom: 8px
	}

	.contents .fproductbox ul li {
		width: 360px
	}

	.whybuy .bannerbox {
		width: 238px
	}

	.lfooter .flogo {
		min-height: 90px
	}

	.lfooter .payment {
		float: right;
		margin: 0;
		min-height: 90px
	}

	.lfooter .contact {
		float: right
	}

	.videobox video {
		height: 416px
	}
}

@media only screen and (max-width:767px) {
	.container {
		width: 690px
	}

	#headerpart .rheader .contactbox {
		display: none
	}

	#headerpart .rheader .offer {
		margin-top: 20px
	}

	nav.nav {
		position: relative;
		min-height: 55px;
		overflow: visible
	}

	nav.nav input[type=checkbox] {
		display: none
	}

	nav.nav label {
		float: left;
		display: block;
		background: url(../image/menu.png) no-repeat 0 0;
		padding-left: 23px;
		margin-top: 18px;
		margin-left: 10px;
		font-size: 16px;
		color: #fff;
		font-weight: 400;
		line-height: 12px;
		text-transform: uppercase;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	nav.nav ul.menus {
		position: absolute;
		z-index: 1;
		display: none;
		left: 0;
		top: 48px;
		width: 100%;
		background-color: #373737;
		background-image: none
	}

	nav.nav ul.menus>li {
		width: 100%;
		background: #373737 url(../image/menu_bg.jpg) repeat-x scroll 0 0;
		padding: 0!important;
		border-bottom: 2px solid transparent;
		text-align: left
	}

	nav.nav ul.menus>li>a {
		width: 100%;
		float: left;
		line-height: 40px;
		padding: 0 15px
	}

	nav.nav ul.menus>li .submenus {
		position: relative;
		background-color: #000;
		visibility: visible;
		opacity: 1;
		top: inherit;
		float: left;
		width: 100%
	}

	nav.nav ul.menus>li .submenus li a {
		padding: 9px 30px
	}

	nav.nav ul.menus>li:hover .submenus {
		top: inherit
	}

	nav.nav input[type=checkbox]:checked~ul.menus {
		display: block
	}

	.contents .service,.contents .shipping {
		display: none
	}

	.contents .shipping .freeshipping {
		width: 100%;
		float: left;
		text-align: left;
		margin: 5px 0;
		padding-left: 60px
	}

	.contents .shipping .or {
		display: none
	}

	.contents .shipping .pick-up {
		width: 100%;
		float: left;
		text-align: left;
		margin: 5px 0;
		padding-left: 60px
	}

	.contents .shipping .fairfield {
		text-align: left;
		top: 0;
		margin: 5px 0
	}

	.contents .shipping .fairfield span {
		padding: 0 0 5px
	}

	.contents .fproductbox ul li {
		width: 297px
	}

	.prodinfo .list li {
		width: 100%
	}

	.prodinfo .specification {
		margin-bottom: 5px
	}

	.prodinfo .packageicon {
		margin-top: 20px
	}

	.whybuy .bannerbox {
		width: 100%;
		margin-right: 0
	}

	.deliveryinfo .col5 {
		width: 100%;
		padding: 0 10px
	}

	.deliveryinfo .pickup {
		margin-top: 20px
	}

	.companyinfo .particon {
		margin: 0 10px 16px
	}

	.contents .whybuybox .whybuyleft {
		width: 100%;
		padding: 15px
	}

	.contents .whybuybox .reviews {
		width: 100%;
		padding: 5px 15px 15px
	}

	.companyinfo .col5 {
		width: 100%;
		padding: 0 10px
	}

	.copyright p {
		width: 100%;
		text-align: center
	}

	.fordesktop {
		display: none
	}

	.formobile {
		display: block
	}

	.videobox video {
		height: 345px
	}

	.contents .service,.contents .shipping {
		display: none
	}

	.newConBox h3.title {
		font-size: 12px;
		font-weight: 500;
		color: #c0451c;
		padding-left: 30px
	}

	.time {
		font-size: 11px;
		font-weight: 500;
		margin-bottom: 0;
		line-height: 13px
	}

	.moblieNum:before {
		background-size: 70%
	}

	.newConBox .m_call {
		font-size: 20px;
		line-height: 22px
	}

	.moblieNum {
		padding-left: 28px
	}

	.newConBox {
		width: auto;
		float: left;
		padding: 15px 0;
		text-align: left
	}

	.boxLeft {
		max-width: 50%;
		float: none;
		display: inline-block;
		vertical-align: middle;
		margin: 0 -1px;
		text-align: left
	}

	.logoImg {
		max-width: 50%;
		float: none;
		display: inline-block;
		vertical-align: middle;
		margin: 0 -1px
	}

	.logoImg img {
		max-width: 100%
	}
}

@media only screen and (max-width:699px) {
	.container {
		width: 630px
	}
}

@media only screen and (max-width:639px) {
	.contents {
		padding-top: 10px
	}

	.container {
		width: 590px
	}

	#headerpart .logo,#headerpart .rheader {
		width: 100%;
		text-align: center;
		padding-bottom: 0
	}

	#headerpart .rheader .offer {
		width: 100%;
		margin: 10px 0
	}

	.contents .shipping,.contents .productimg,.contents .videobox,.contents .whybuybox {
		margin-top: 10px
	}

	.contents .service li {
		width: 100%;
		padding: 5px 10px
	}

	.contents .service li .icon {
		width: 51px
	}

	.contents .fproductbox ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px
	}

	.prodinfo {
		padding: 20px 15px 10px
	}

	.deliveryinfo .innerbox {
		padding: 15px 5px 10px
	}

	.lfooter {
		padding: 15px 0 0
	}

	.lfooter .flogo,.lfooter .payment,.lfooter .contact {
		width: 100%;
		min-height: auto;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px
	}

	.lfooter .contact {
		padding: 0 0 23px;
		margin-bottom: 50px
	}

	.lfooter .addfav {
		width: 100%
	}

	.lfooter .addfav a {
		border-radius: 0
	}

	.videobox video {
		height: 258px
	}

	.prodinfo .specification ul,.prodinfo .package ul {
		width: 100%
	}
}

@media only screen and (max-width:599px) {
	.container {
		width: 560px
	}

	.newConBox {
		width: 100%;
		text-align: center
	}

	.boxLeft {
		padding-right: 15px
	}
}

@media only screen and (max-width:567px) {
	.container {
		width: 490px
	}
}

@media only screen and (max-width:499px) {
	.container {
		width: 470px
	}
}

@media only screen and (max-width:479px) {
	.container {
		width: 390px
	}

	.contents .whybuybox .reviews .ctitle {
		font-size: 17px
	}

	.lfooter .flogo {
		text-align: center
	}

	.lfooter .contact {
		margin-bottom: 58px
	}

	.lfooter .contact .mail span {
		font-size: 18px
	}

	.lfooter .time {
		font-size: 12px
	}

	.lfooter .payment .pcards {
		margin-left: 0;
		text-align: center
	}

	.lfooter .payment .pcards img {
		width: 100%
	}

	.videobox video {
		height: 169px
	}
}

@media only screen and (max-width:399px) {
	.container {
		width: 350px
	}
}

@media only screen and (max-width:359px) {
	.container {
		width: 300px
	}

	.logoImg img {
		max-width: 90%
	}

	.boxLeft {
		padding-right: 0
	}
}