@media (min-width: 992px) and (max-width: 1199px){
	.row_5.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_5.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 .col_02 > .mcol > div + div, .footer > .minner, .header > .minner, .row_5.col3 > .mrow, .row_5.col2 > .mrow, .row_4.col3 > .mrow, .row_4.col2 > .mrow, .row_3.col3 > .mrow, .row_3.col2 > .mrow, .row_2.col3 > .mrow, .row_2.col2 > .mrow, .row_1 > .mrow,.main > .minner	{
		width: 970px;
	}
	.main .row_0 .col_01{
		width: 240px;
	}	
	.main .row_0 .col_02{
		padding: 3px 0px 3px 3px;
		width: calc(100% - 240px);
	}
	body, .wrap{
		height: 100%;
	}
	#defaultNavbar1::before{
		height: 33px;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.row_5.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_5.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 .col_02 > .mcol > div + div, .footer > .minner, .header > .minner, .row_5.col3 > .mrow, .row_5.col2 > .mrow, .row_4.col3 > .mrow, .row_4.col2 > .mrow, .row_3.col3 > .mrow, .row_3.col2 > .mrow, .row_2.col3 > .mrow, .row_2.col2 > .mrow, .row_1 > .mrow,.main > .minner	{
		width: 740px;
	}
	.main .row_0 .col_01{
		width: 185px;
	}	
	.main .row_0 .col_02{
		padding: 3px 0px 3px 3px;
		width: calc(100% - 185px);
	}
	.searchbar{
		top: 10px;
	}
	.papper{
		z-index: 2;
		top: 37px;
	}
	.navbar-default .navbar-nav>li > a{
		width: 141px;
	}
	.page_content.charge{
		padding: 0 35px;
	}
	.owl-carousel .owl-controls{
		margin-top: 20px;
	}
	.img_bg{
		width: 30%;
	}
	.know_detail .col-xs-12.col-sm-3{
		width: 50%;
		margin: 15px 0;
	}
	.know_detail .col-xs-12.col-sm-3 img{
		width: 80%;
	}
	.meet_title,
	.know_detail .col-sm-3 p{
		width: 100%;
	}
	#product_detail .col-sm-3 img{
		min-width: 80px;
		min-height: 80px;
	}
	.product_list .d-item.h-il-td.col-sm-6{
		width: 100%;
		margin: 30px 0 10px;
	}
	.product_list .d-item.h-il-td.col-sm-6 .mbox{
		border-bottom: 1px solid #eee;
		padding-bottom: 25px;
	}
	.col-sm-8.col-xs-12.right_content.product_list .row.listBS{
		display: block;
	}
}
@media screen and (max-width: 767px){
	.owl-carousel .owl-controls{
		display: block;
	}
	body.page_mobilehome, .page_mobilehome .wrap{
		height: auto;
	}
	body.page_mobilehome .menu_btn.arrow-right.icon{
		display: none;
	}
	body, .wrap{
		background:transparent;
	}
	.row_5.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_5.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_4.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_3.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_2.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div > div.module:not(.module-ads), .row_0.col1 #Dyn_2_1 > div.module:not(.module-ads), .row_0.col1 .col_02 > .mcol > div + div, .footer > .minner, .header > .minner, .row_5.col3 > .mrow, .row_5.col2 > .mrow, .row_4.col3 > .mrow, .row_4.col2 > .mrow, .row_3.col3 > .mrow, .row_3.col2 > .mrow, .row_2.col3 > .mrow, .row_2.col2 > .mrow, .row_1 > .mrow,.main > .minner	{
		width: 100%;
	}
	.navbar>.container .navbar-brand{
		padding: 10px 0;
		width: 100%;
		height: 60px;
		background: url('/ezfiles/25/1025/img/533/headlogo.jpg') no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
		margin: 0 auto;
		display: block;
	}
	.navbar>.container .navbar-brand img{
		display: none;
	}
	.wrap > .minner{
		padding: 0;
	}
	.searchbar{
		position: relative;
		right: 0;
		bottom: 0;
	}
	.nav_1::before{
		display: none;
	}
	ul.navbar-nav.nav_1,
	ul.navbar-nav.nav_2{
		display: none;
	}
	#defaultNavbar1{
		background: #fff;
		display: block;
		padding:15px;
	}
	.navbar-default .navbar-nav.nav_1>li>a,
	.navbar-default .navbar-nav.nav_2>li>a{
		width: 100%;
		height: calc(90vh / 6);
		font-size: 16px;
	}
	.navbar-default .navbar-nav.nav_2>li>a{
		margin-left: -10px;
	}
	.searchbar{
		position: relative;
		height: 25px;
		top: 0;
		left: 0%;
		width: calc(100%);
		margin-top: 15px;
	}
	.papper{
		position: relative;
		top: 0px;
		margin-top: 3px;
		left: 0px;
		margin-right: 0px;
		height: 17px;
		text-align: right;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
		background: #fff;
		border-width: .5px;
		border-color: transparent;
		box-shadow: 1px 1px 1px 1px #ececec;
	}
	.wrap > .minner div > .minner{
		box-shadow: none;
		padding: 0px;
	}
	#Dyn_head{
		box-shadow: 1px 1px 1px 1px #eee;
	}
	.main .row_0 .col_01{
		width: 100%;
		padding: 0px;
	}
	.navbar-toggle{
		display: none;
	}
	body, .wrap{
		height: 100%;
	}
	#defaultNavbar1::before{
		display: none;
	}
	.main .row_0 .col_02{
		width: 100%;
		padding: 0;
	}
	#Dyn_head .header{
		padding: 0 15px;
	}
	.index_left{
		margin: 30px 0;
	}
	.navbar-default .navbar-toggle .icon-bar{
		display: none;
	}
	.store_right_content .mpro-wrap.row{
		display: block;
	}
	.mpro-wrap .mpro-preview{
		width: 100%;
		max-width: 100%	
	}
	.col-sm-8.col-xs-12.right_content{
		padding-left: 0;
		border-left: none;
	}
	.pl10{
		padding: 0 15px;
	}
	.owl-stage-outer.owl-height{
		width: 100%;
	}
	#apend_right{
		padding: 35px 0;
	}
	#product_detail .col-sm-3{
		width: 25%;
		display: inline-block;
		float: left;
	}
	#product_detail .col-sm-9{
		width: 75%;
		display: inline-block;
		float: left;
		padding-left: 15px;
	}
	.page_content.charge{
		padding-left: 15px;
		padding-right: 15px;
	}
	.page_content.charge{
		display: block;
	}
	.page_content.charge .col-sm-4 img{
		display: block;
		margin: 0 auto;
	}
	.page_content.charge .col-sm-8{
		width: 100%;
	}
	.col-sm-4.col-xs-12.left_menu{
		position: fixed;
		background: #fff;		
		height: 100vh;
		top: 0;
		z-index: 99;
		width: 200px;
		transform: translate(-100vw,0);
		border-right: 1px solid #eee;
	}	
	.menu_btn.arrow-right.icon{
		display: flex;
		align-items: center;
		position: fixed;
		bottom: 30px;
		color: #333;
		left:15px;
		width: 40px;
		height: 40px;
		/* border-radius: 50%; */
		font-size: 30px;
		padding-bottom: 3px;
		background: #eee;
		-webkit-transition: .4s cubic-bezier(0.82, 0.18, 0.13, 1.56);
		-o-transition: .4s cubic-bezier(0.82, 0.18, 0.13, 1.56);
		transition: .4s cubic-bezier(0.82, 0.18, 0.13, 1.56);
		padding-left: 5px;
		-webkit-tap-heightlight-color: #000;
	}
	.col-sm-4.col-xs-12.left_menu.slideshow{
		transform: translate(0, 0);
		transition: .4s cubic-bezier(0.82, 0.18, 0.13, 1.56)
	}
	.menu_btn.arrow-right.icon.btn_rotate{
		transform: rotate(180deg);
		left: 220px;	
		transition: .4s cubic-bezier(0.82, 0.18, 0.13, 1.56);
		background: #000;
		color: #fff;
		-webkit-tap-heightlight-color: #333;
	}
	.row-eq-height, .d-item .mbox{
		display: block;
	}
	.owl-carousel .owl-controls{
		margin-top: 0;
	}
	.aboutus.owl-carousel .owl-dots{		
	background: none;
	-webkit-background-size: 100%;
	background-size: 100%;
	}
	.store .news_detail .col-xs-12.col-sm-5{
		padding-left: 0;
	}
	.news_detail .col-xs-12{
		padding: 0;
	}
	h2.page_title{
		margin: 15px 0;
	}
	.img_bg{
		position: relative;		
	}
	.border_outline{
		border: none;
	}
	.aboutus.owl-carousel .owl-dots .owl-dot{
		width:100px;
	}
	.news_detail .border_outline .row.row-eq-height .col-xs-12{
		height: auto;
		border: 3px double #333;
		margin: 15px 0 ;
	}
	article.page_content.news_detail{
		padding: 0;
	}
	.news_detail .col-xs-12.col-sm-3{
		width: 100%;
		margin: 15px 0;
	}
	.news_detail .col-xs-12.col-sm-3 img{
		width: 90%;
	}
	.know_detail .col-sm-12 p{
		margin-bottom: 15px;
	}
	.know_detail .col-sm-3 p,
	.meet_title{
		width: 100%;
	}
	.col-sm-8.col-xs-12.right_content.product_list .row.listBS{
		display: block;
	}
	.col-sm-8.col-xs-12.right_content.product_list .row.listBS .col-sm-6{
		margin:15px 0;
		border-bottom: 1px solid #eee;
	}
	.col-sm-8.col-xs-12.right_content.product_list .row.listBS:last-child .col-sm-6:last-child{
		border-bottom: none;
	}
	#product_detail .col-sm-3 img{
		min-width: auto;
		min-height: auto;
		width: 100%;
		height: auto;
	}
	.store_right_content .mpro-wrap.row{
		padding-top: 0;
		padding-bottom: 0;
	}
	.mobile_menu{
		display: block;
		margin-top: 15px;
	}
	.mobile_menu ul:nth-of-type(1) li,
	.mobile_menu ul:nth-of-type(2) li,
	.mobile_menu ul:nth-of-type(3) li{
		width: 33.3333%;
		float: left;
		padding:3px;
		position: relative;
	}

/* 	.mobile_menu ul:nth-of-type(4) li{
		width: 50%;
		float: left;
		padding:3px;
		position: relative;
	} */
	.mobile_menu ul li a{
		padding: 1px 0;
		font-size: 12px;
		border: 2px solid #efefef;
		display: block;
		text-align: center;
		letter-spacing: -1px;
		cursor: pointer;
		transition: .3s ease-in-out;
		-webkit-tap-highlight-color: #000;
	}
	.mobile_menu ul li a::after{
		content: ">";
		/* position: absolute; */
		padding-left: 10px;
		font-size: 18px;
		margin-top: -3px;
	}
	
	.mobile_menu ul:nth-of-type(4) li a::after{
		display: none;
	}
	.mobile_menu ul li img{
		margin-bottom: 5px;
		width: 25%;
	}
	.page_content ul.new_btn_pl0 li{
		width: auto;
		margin: 0px 0;
	}
	.news_btn{
		width: auto;
		height: auto;
		padding: 6px 15px;
		-webkit-background-size: cover;
		background-size: cover;
		-webkit-background-size: 100% 29px;
		background-size: 100% 29px;
	}
	.news_btn.focus_btn{
		-webkit-background-size: cover;
		background-size: cover;
		-webkit-background-size: 100% 29px;
		background-size: 100% 29px;
	}
	.mobile_menu ul li a:focus,
	.mobile_menu ul li a:active,
	.mobile_menu ul li a:hover{
		background: #000;
		color: #fff;
	}
	.menu_btn.arrow-right.icon:hover{
		background: #000;
		color: #fff;
	}
}
@media screen and (max-width: 319px){
	.mobile_menu ul li a::after{
		padding-left: 0;
	}
}