@media (max-width: 1399px) {
	.about_info_box .about_info_bg .logo { width: 45%; }	
	.p-page .p3 .p3-2, .p-page .p2 .p2-2 { background-size: cover; background-position: center; }
}

@media screen and (max-width: 1199px) {
	#certify { width: auto; }
	#certify .swiper-slide { height: auto; width: 445px; }
}

@media (max-width: 991px) {
	.navbar-collapse.collapse { display: none !important; }	
	.navbar-toggle { display: block; }
	.navbar-header { float: none !important; }	
}

@media screen and (max-width: 980px) {
	.p-page .p2 .p2-1 { width: 100%; }
	.p-page .p2 .p2-2 { width: 100%; margin-left: -100%; }
	.p-page .p3 .p3-1 { left: auto; width: 100%; }
	.p-page .p3 .p3-2 { margin-left: -100%; }
	.p-page .p4 .p4-1 .p4-1-c { margin: 1em 0; }
	.p-page .p4 { flex-direction: column-reverse; }
	.p-page .p4 .p4-1,
	.p-page .p4 .p4-1 { width: 100%; }
	#content h3 { font-size: 1.8rem;
		margin: 3rem 0 1.5rem; }
}

@media (max-width: 768px) {
	.content-text h2 {
		font-size: 1.8rem;
		margin: 0.5rem 0 2rem;
	}
	.header-title {
		margin-bottom: 3rem;
	}
	.header-title h1 {
		font-size: 2.4em;
		padding-left: 3.2rem;
	}
	.header-title h1:before {
		height: 76px;
	}
	.about_info_box .about_info_bg .logo { margin-bottom: 10%; width: 85%; }
	.product-pic .pic-title img {
		height: 22px;
		width: auto;
		position: relative;
		bottom: 2px;
	}
	.menu .navbar-brand {
		height: 76px;
	}
	.p_contact h1 {
		font-size: 1.6rem;
	}
	.content-text { font-size: 1rem; }
	.p_news.content-text { padding: 0px 15px; }
	.p_green_text p { font-size: 1.125rem; }
	.news-list li a { padding-right: 0;}
	.news-class ul { margin: 0px; }
	.black-bg { border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; padding: 30px 0 10px; }
	.p_contact address p { font-size:  1.125rem; }
	.topinfo .topinfo-items ul li:before { width: 0px; }
	.topinfo .topinfo-items ul li a, .topinfo .topinfo-items ul li span { padding: 0; }
	.p-page .p2 .p2-1 { padding: 1em; }
	.p-page .p2 .p2-1-c { /* padding-left: 3em; */ }
	.p-page .p2-1-c::before { margin-left: -4em; }
	.news-class ul { flex-direction: column; }
	.news-class li a { /* color: #3f3f3f; */ }
	.news-class li.active:after { bottom: 0; }
	.news-class li.active a { font-size: 28px; font-weight: normal; color: #ff4924; }
	.p-page .p4 .p4-1 .p4-1-c .p4-1-c-1, .p-page .p4 .p4-1 .p4-1-c .p4-1-c-2 {
		    padding: 1rem 1.5rem 0.5rem;
	}
	.news-class li { padding: 0; margin: 0; }
	.p_green_text { padding: 3rem 2rem; }
	address>p>i.fas { top: 9px; }
	.copyright p a {		
		margin-right: 1.2rem;
	}
	.copyright p {
		font-size: 0.813rem;
	}
	.copyright p { font-size: 0.813rem; }
}

@media (min-width: 768px) {
	.navbar-right .dropdown-menu {
		right: auto;
		left: auto;
	}
	.about_info_box .about_info_bg { /*height: 100vh;*/
	min-height: 672px; }
	.about_info_box .about_info_bg .text h1 { font-size: 48px; }
	.about_info_box .about_info_bg .logo img {
		width: 100%;
		height: auto;
		display: block;
	}
	/*.about_info_box .about_info_bg .text { padding: 50px 30px 30px; }*/
	.about_info_box .about_info_bg .text {
		padding: 50px 94px 32px 30px;
		width: 42%;
		width: 590px;
	}
	.about_info_box .about_info_bg .text p {
		margin-top: 46px;
		margin-bottom: 30px;
	}
	.page-header h2 { font-size: 3.125rem; }
	.product-pic .pic-title h3 { font-size: 48px; }
	.product-pic>div>div { border-width: 8px; }
	.p_contact { margin:0 10%; }
	.p_contact>div { width: 100%; }
	footer .cp-logo {
		margin-top: 0;
		text-align: left;
	}
	footer dl { text-align: left; }
	.p_about p { padding-right: 2em; }
	.p_r_and_d_pic { margin-right: 60px; }
	.p_green_text h1 { font-size: 52px; }
}

@media (min-width: 1400px) {
	.container { width: 1344px; }
}

@media (min-width: 1500px) {
	.p_green>div { width: 1344px; margin: auto; }
	.p_green_text h1 { font-size: 3.625rem; }
	.p_green_text { position: absolute; background-color: rgb(27 27 29 / 50%); top: 0px; width: 80%; }
	.p_contact { margin:0; }
	.p_contact { padding: 50px 40px; flex-wrap: nowrap; }
	.p_contact>div { width: 50%; }
	.p_contact .maps { overflow: hidden; margin: -50px; margin-left: 40px; width: 50%; }
}


@media (min-width: 1800px) {
	.p_green_text { width: 60%; }
}