@media only screen and (min-width:800px) and (max-width:2208px) {
	.nav-display,.return-none{display:none}
}
@media only screen and (max-width: 800px) {
	.contact-pra p .address{width: 20%}
	.contact-pra p .address-con{width: 80%}
}
@media only screen and (max-width: 768px) {
	.nav-none,.return-display,.explain{display: none}
	.return{position: inherit}
	.content .wrap{display: block;max-width:100%}
	.content .company{width:calc(100% - 20px);margin: 0 auto}
	.header .logo{padding-left: 10px}
	.header .wrap{ display:flex;flex-flow:row wrap;height:inherit;}
	.header .theme-default{ flex: 0 0 100%;}
	.header{height: inherit; line-height: inherit; background: #fff;}
	.content .navmenu{ display:none;}
	#cd-lateral-nav .sub-menu {position: inherit;top: inherit;left: inherit;padding: 0;}
	.cd-navigation li a ~ .sub-menu{ opacity:inherit; visibility:inherit;position:inherit; left:inherit;top:inherit;border: none!important}
	.cd-navigation li:hover a ~ .sub-menu, .cd-navigation li a ~ .sub-menu li:hover a ~ .sub-menu2{ top:inherit; opacity: inherit; visibility: inherit;}
	.mainmenu ul li{height:inherit;line-height: inherit;}
	.cd-navigation li a ~ .sub-menu li a ~ .sub-menu2{ opacity: inherit;visibility: inherit;position: inherit;left: inherit;top: inherit;}
	.footer .wrap{border-top: none}
	.solution-det,.guidance,.infor,.product,.explain-det{overflow-y: auto;height: auto}
	.solution-det .det-con p{margin: 0 0 15px 0}
	.tit-con h4{width: 272px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
}

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

@media only screen and (max-width:640px) {
	.navmenu .hamburgerBtn{top: -152px}
}
@media only screen and (max-width:480px) {
	.header .logo{flex: 0 0 24%}
	.header .theme-default{display: none}
	.navmenu .hamburgerBtn{top: -45px}
	.com-con .pra-mar{margin-bottom: 20px}
	.first-pra{margin-bottom: 10px}
	.contact-pra p .address{width: 22%}
	.contact-pra p .address-con{width: 78%}
	.page-list{text-align: center}
	.infor-table tr th:nth-child(1),.infor-table tr:nth-child(2) td:nth-child(1),.infor-table tr:nth-child(3) td:nth-child(1),.infor-table tr:nth-child(4) td:nth-child(1),.infor-table tr:nth-child(5) td:nth-child(1),.infor-table tr:nth-child(6) td:nth-child(1),.infor-table tr td a img{display:none}
	.infor-table tr td{padding: 8px 3px}
	.solution ul li{flex-flow: row wrap;align-items:inherit;position:relative;}
	
}
@media only screen and (max-width:400px) {
	
}
@media only screen and (max-width:414px) {
	.navmenu .hamburgerBtn{top: -40px}
	.contact-pra p .address{width: 26%}
	.contact-pra p .address-con{width: 74%}

}
@media only screen and (min-width: 320px) and (max-width:375px) {
	.navmenu .hamburgerBtn{top: -35px}
	.contact-pra p .address{width: 32%}
	.contact-pra p .address-con{width: 68%}
	.new-list ul li span{display: none}
}
@media only screen and (min-width: 320px) and (max-width:480px) {
	.solution ul li{padding: 10px 0}
	.solution ul li .sol-img{flex: 0 0 100%}
	.solution ul li p{flex: 0 0 100%;margin: 10px 0}
	.solution ul li .detail-img{flex: 0 0 16%}
}