@media only screen and (max-width: 1024px){
	html{
	    overflow-x: hidden;
	}
	body{
	    position: relative;
	    right: 0;
	    transition: all 0.5s ease-out;
	}
	body.open{
	    transition: all 0.5s ease-in;
	    right: 150px;
	}
	.header-box {

	    width: 100%;
	}

	.rwd-menu.open{
		display: block;
	}
	.rwd-icon{
		display: none;
		vertical-align: middle;
	}
	.fixed-icon{
		position: fixed;
	    right: 0;
	    top: 20px;
	}
	.fixed-line{
		margin-right: 25px;
		margin-left: 50px;
		vertical-align: middle;
		position: fixed;
		right: 0;
	}
	.fixed-title{
	    background-image: url('../img/1024-box.png');
	    width: 181px;
	    top: 70px;
	    padding: 50px 10px;
	    right:0;
	}
	.product-left, .product-right{
		float: none;
		width: 95%;
		margin: auto;
		position: relative;
	}
	.product-img{
		display: none;
	}
	.product-class-title{
		margin: 0;

	}
	.rwd-menu{
	    position: absolute;
	    right: -150px;
	    height: 100vh;
	    width: 150px;
	    top: 0;
	    padding-top: 80px;
	    background-color: #eee;
	    transition: all 0.5s ease-out;
	}
	.rwd-menu li.rwd480-line a:before,.rwd-menu li.rwd480-fb a:before{
	    content: '';
	}
	.rwd-menu li a:before{
	    content: url(../img/text-icon.png);
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: 5px;
	}
	.rwd-menu.open{
	    transition: all 0.5s ease-in;
	    z-index: 2;
	    background-color: #fff;
	}
	.rwd-menu ul li{
		width: 100%;
	    font-size: 20px;
	    margin-bottom: 10px;
	    padding: 0 10px;
	}
	.rwd-menu ul li.active{
		color: #009fea;
	}
	.rwd480-line,
	.rwd480-fb{
		display: none;
		text-align: center;
	}
	.breadth{
		margin: 20px auto;
	}
}
@media only screen and (max-width: 768px){
	.product-class ul >li{
		margin-left: 10px;
		border: 0;
		margin-bottom: 0;
	}
	.product-rwd{
	    display: none;
	}
	.product-left{
		display: block;
	}
	.good-great{
		padding-right: 10px;
	}
	.product-class-title {
	    font-size: 16px;
	}
	.breadth {
	    margin: 0 auto;
	}
}
@media only screen and (max-width: 480px){
	.header-box {
		text-align: left;
	}
    .product-left{
    	display: block;
    }
	.header-top img{
		width: 100%;
	}
	.rwd-icon{
		top: 20px;
	}
	.bx-wrapper{
		padding-top: 80px;
	}
	.rwd480-line,
	.rwd480-fb{
		display: inline-block;
	}

	.header-logo{
		margin:0 10px;
	}
	.footer-menu{
		text-align: center;
	}
	.footer-logo, .footer-menu, .footer-icon{
		display: block;
		width: 100%;
	}
	.footer-icon{
		display: none;
	}
	.product-class ul >li {
	    margin-left: 3px;
    	width: 135px;
	}
	.header-title{
		font-size: 15px;
	}
}
@media only screen and (max-width: 320px){
	.product-class ul >li {
   		margin-left: 3px;
    	width: 157px;
	}
}