@charset "utf-8";

/* CSS Document */

@media (max-width: 1885px) {
#newsA, #newsB {
	width: 96%;
}
#newsA_title, #newsB_title {
	width: 24%;
}
ul#list {
	list-style: none;
	margin-left: 9%;
	margin-top: 0%;
}
}

@media (max-width: 1763px) {
#wrapper {
	margin: auto;
	padding-top: 7em;
}
#about, #news, #contect {
	padding-top: 8.5em;
	margin-top: -8.5em;
}
}

@media (max-width: 1439px) {
body {
	font-size: 16px;
}
ul#about_bt li {
	padding: 2px 13px;
}
.navbar-expand-lg .navbar-nav {
	width: 54%;
}
.formRight, .formLeft {
	padding: 5% 0% 0% 3%;
}
.newsTitle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 60%;
}
#product_pic {
	width: 51%;
	right: 10%;
}
#contect_title {
	width: 24%;
}
.newsActive, .newsPromotion, .newsTea {
	padding: 3px 8px;
}
}

@media (max-width: 1120px) {
/*
form {
	margin-top: 5%;
}
*/
.formRight, .formLeft {
	padding: 0%;
	width: 100%;
}
.newsTitle {
	width: 55%;
}
}

@media (max-width: 991px) {
.navbar-dark .navbar-toggler-icon {
	background-image: url(../img/menu.png);
}
.navbar-expand-lg .navbar-nav {
	width: 100%;
	display: table;
	text-align: center;
	border-top: 1px solid #dcdcdc;
}
ul.navbar-nav li {
	width: calc(64% / 6);
	display: inline-block;
}
#logo {
	display: none;
}
#logo2 {
	display: none;
}
#logo_min {
	display: block;
	position: relative;
	width: 16%;
	margin: 1% auto;
}
.bg-dark {
	background: #e8e8e8cf!important;
}
.con_title {
	width: 50%;
}
.con {
	width: 75%;
}
}

@media (max-width: 769px) {
body {
	font-size: 14px;
}
#wrapper {
	margin: auto;
	padding-top: 4.5em;
}
#about, #news, #contect {
	padding-top: 4.5em;
	margin-top: -4.5em;
}
#logo_min {
	width: 20%;
}
ul.navbar-nav li {
	width: calc(78% / 6);
}
.con {
	width: 83%;
}
ul#about_bt {
	width: 100%;
	float: left;
}
ul#about_bt li {
	float: left;
}
#newsA_title, #newsB_title, #contect_title {
	width: 30%;
}
.newsActive, .newsPromotion, .newsTea {
	padding: 2px 11px;
}
.newsTitle {
	width: 55%;
}
.con_title {
	width: 60%;
}
#product_pic {
	width: 70%;
	right: 0%;
}
iframe {
	height: 350px;
}
}

@media (max-width: 576px) {
#wrapper {
	padding-top: 2.8em;
}
#news_con h5 {
	font-size: 17px;
}
.modal-footer h5 {
	font-size: 15px;
}
#about, #news, #contect {
	padding-top: 2.5em;
	margin-top: -2.5em;
}
nav.navbar {
	/*position: fixed;
    width: 100%;*/
	z-index: 9;
}
ul.navbar-nav li {
	width: calc(70% / 3);
}
#logo_min {
	display: none;
	width: 31%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 9%;
}
#logo_min2 {
	display: block;
	width: 31%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 9%;
}
/*
#logo {
	display: block;
	position: absolute;
	top: 0px;
	left: 8%;
	width: 38%;
}
*/
.con {
	margin-bottom: 0;
}
#bn {
	display: none;
}
#bn_min {
	display: block;
	width: 100%;
	margin: auto;
}
#about {
	background-color: #ffffffab;
}
#aboutinside {
	background-color: transparent;
	width: 100%;
}
#about .con {
	margin-bottom: 0;
	/*    background-color: #ffffffab;*/
	padding: 2% 0 0 0;
	padding: 2% 6% 2% 3%;
	margin-top: 6%;
}
#about_pic {
	display: none;
}
#about_pic_min {
	display: block;
	width: 100%;
}
#about_text {
	width: 100%;
}
#newsA_title, #newsB_title, #contect_title {
	width: 62%;
	margin: unset;
}
#news {
	background-color: transparent;
}
#news .con {
	padding: 11% 0;
}
#newsB {
	margin-top: 11%;
}
ul#list {
	margin: 0;
}
ul#list li {
	padding: 8% 0 2% 0;
}
.newsActive, .newsPromotion, .newsTea {
	padding: 1px 6px;
	margin: 0 0.5em;
	margin-bottom: 6px;
}
.arrow {
	width: 2%;
}
.newsTitle {
	width: 30%;
}
#product {
	background: url(../img/pt_bg.png) 50% repeat;
	background-position: left;
	padding: 11% 0 0 0;
}
#product_text {
	width: 100%;
}
#product_pic {
	display: none;
}
#product_pic_min {
	display: block;
	width: 100%;
}
#contect {
	background-color: transparent;
}
#contect .con {
	padding: 11% 0;
}
.col-form-label {
	text-align: left;
}
iframe {
	height: 250px;
	margin-bottom: -6px;
}
#footer {
	padding: 7% 5% 1% 7%;
}
#footerlogo {
	margin-bottom: 1rem;
}
}
