@media screen and (max-width: 768px) {
	/**************************** public ****************************/
		.navbar-brand>img{
			width: 140px;
		}
		.langImgSmall{
			color: #fff;
			line-height: 50px;
			float: right;
			margin-right: 10px;
			img{
				width: 15px;
				padding-right: 3px;
			}
		}


	/**************************** index *****************************/
		.swiper-container{
			height: auto;
			overflow: unset;
			.swiper-wrapper{
				.swiper-slide{
					img{
						height: auto;
					}
					.indexSec{
						width: 100%;
						position: relative;
						top: 0;
					}
				}
			}
		}


	/**************************** about *****************************/
		.aboutRightFooter{
			width: 100%;
		}
		.publicHeader{
			width: 100%;
			padding: 10px 15px;
		}
		.about{
			.aboutRight{
				width: 100%;
				left: 0;
				top: 50px;
				.aboutRightBox{
					padding: 10px 15px;
					.aboutRightFur{
						padding: 20px 0;
						.row{
							.aboutRightFurCol2{
								margin-top: 15px;
								padding-left: 0;
							}
						}
					}
				}
			}
		}


	/**************************** intro *****************************/
		.intro{
			.aboutRight{
				width: 100%;
				left: 0;
				top: 50px;
				.aboutRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** idea ******************************/
		.idea{
			.aboutRight{
				width: 100%;
				left: 0;
				top: 50px;
				.aboutRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** data ******************************/
		.data{
			.aboutRight{
				width: 100%;
				left: 0;
				top: 50px;
				.aboutRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** position **************************/
		.position{
			.aboutRight{
				width: 100%;
				left: 0;
				top: 50px;
				.aboutRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** data ******************************/
		.data{
			.aboutRight{
				width: 100%;
				left: 0;
				top: 50px;
				.aboutRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** manu ******************************/
		.manuRightFooter{
			width: 100%;
		}
		.manu{
			.manuRight{
				width: 100%;
				left: 0;
				top: 50px;
				.manuRightBox{
					padding: 10px 15px;
					.manuRightFur{
						padding: 20px 0;
						.row{
							.manuRightFurCol2{
								margin-top: 15px;
								padding-left: 0;
							}
						}
					}
				}
			}
		}
	

	/**************************** purchase **************************/
		.purchase{
			.manuRight{
				width: 100%;
				left: 0;
				top: 50px;
				.manuRightBox{
					padding: 10px 15px;
				}
			}
		}

	
	/**************************** design ****************************/
		.design{
			.manuRight{
				width: 100%;
				left: 0;
				top: 50px;
				.manuRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** cutting ***************************/
		.cutting{
			.manuRight{
				width: 100%;
				left: 0;
				top: 50px;
				.manuRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** stamping **************************/
		.stamping{
			.manuRight{
				width: 100%;
				left: 0;
				top: 50px;
				.manuRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** welding ***************************/
		.welding{
			.manuRight{
				width: 100%;
				left: 0;
				top: 50px;
				.manuRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** quality ***************************/
		.quality{
			.manuRight{
				width: 100%;
				left: 0;
				top: 50px;
				.manuRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** logistics *************************/
		.logistics{
			.manuRight{
				width: 100%;
				left: 0;
				top: 50px;
				.manuRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** pro *******************************/
		.proRightFooter{
			width: 100%;
		}
		.pro{
			.proRight{
				width: 100%;
				left: 0;
				top: 50px;
				.proRightBox{
					padding: 10px 15px;
					.proRightFur{
						padding: 20px 0;
						.row{
							.proRightFurCol2{
								margin-top: 15px;
								padding-left: 0;
							}
						}
					}
				}
			}
		}
	

	/**************************** pdetail ***************************/
		.pdetail{
			.proRight{
				width: 100%;
				left: 0;
				top: 50px;
				.proRightBox{
					padding: 10px 15px;
					.proRightFur{
						padding: 20px 0;
						.row{
							.proRightFurCol2{
								margin-top: 15px;
								padding-left: 0;
							}
						}
					}
				}
			}
		}


	/**************************** news ******************************/
		.newsRightFooter{
			width: 100%;
		}
		.news{
			.newsRight{
				width: 100%;
				left: 0;
				top: 50px;
				.newsRightBox{
					padding: 10px 15px;
					.newsRightFur{
						padding: 20px 0;
						.row{
							.newsRightFurCol2{
								margin-top: 15px;
								padding-left: 0;
							}
						}
					}
				}
			}
		}
	
	
	/**************************** ndetail ***************************/
		.ndetail{
			.newsRight{
				width: 100%;
				left: 0;
				top: 50px;
				.newsRightBox{
					padding: 10px 15px;
					.newsRightThr{
						span{
							margin-bottom: 5px;
						}
					}
					.newsRightFur{
						padding: 20px 0;
						img{
							width: 100%;
						}
					}
				}
			}
		}


	/**************************** contact ***************************/
		.contactRightFooter{
			width: 100%;
		}
		.contact{
			.contactRight{
				width: 100%;
				left: 0;
				top: 50px;
				.contactRightBox{
					padding: 10px 15px;
					.contactRightFur{
						padding: 20px 0;
						.row{
							.contactRightFurCol2{
								margin-top: 15px;
								padding-left: 0;
							}
						}
					}
				}
			}
		}
	

	/**************************** before ****************************/
		.before{
			.contactRight{
				width: 100%;
				left: 0;
				top: 50px;
				.contactRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** after *****************************/
		.after{
			.contactRight{
				width: 100%;
				left: 0;
				top: 50px;
				.contactRightBox{
					padding: 10px 15px;
				}
			}
		}


	/**************************** talk ******************************/
		.talk{
			.contactRight{
				width: 100%;
				left: 0;
				top: 50px;
				.contactRightBox{
					padding: 10px 15px;
				}
			}
		}


}


@media screen and (max-width: 414px) {
	/**************************** public ****************************/
		h1{
			font-size: 2em !important;
		}
		h2{
			font-size: 1.6em !important;
		}
		h3{
			font-size: 1.4em !important;
		}
		p{
			font-size: 1em !important;
		}
		.navbar-brand>img{
			width: 140px;
			line-height: 50px;
		}
		.langImgSmall{
			color: #fff;
			line-height: 50px;
			float: right;
			margin-right: 10px;
			img{
				width: 15px;
				padding-right: 3px;
			}
		}


	/**************************** index *****************************/
		.swiper-container{
			margin-top: 50px;
			.swiper-wrapper{
				.swiper-slide{
					.indexSec{
						height: 70px;
						position: relative;
						top: 0;
						.swiper-button-prev{
							top: 5px;
							right: 18px;
							width: 35px;
							height: 70px;
						}
						.swiper-button-next{
							right: 18px;
							bottom: -17px;
							width: 35px;
							height: 70px;
						}
					}
				}
			}
		}
	

	/**************************** about *****************************/
		.aboutRightSev{
			height: 60px;
			padding: 0 20px;
			.aboutRightSevLeftLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-right: 5px;
					}
				}
			}
			.aboutRightSevRightLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-left: 5px;
					}
				}
			}
		}
	

	/**************************** idea ******************************/
		.idea{
			.aboutRight{
				.aboutRightBox{
					.aboutRightFur{
						padding: 20px 0;
						ul{
							margin: 2% 0;
							li{
								width: 100%;
								padding: 0 15px;
								border-right: 0;
								margin-top: 15px;
								img{
									width: 75px;
								}
							}
						}
					}
				}
			}
		}


	/**************************** data ******************************/
		.data{
			.aboutRightFif{
				ul{
					padding: 15px;
					.aboutRightFifLi1{
						width: 35%;
					}
					.aboutRightFifLi2{
						width: 30%;
					}
					.aboutRightFifLi3{
						width: 25%;
					}
					.aboutRightFifLi4{
						width: 25%;
					}
					.aboutRightFifLi5{
						width: 25%;
					}
				}
			}
		}


	/**************************** manu ******************************/
		.manuRightSev{
			height: 60px;
			padding: 0 20px;
			.manuRightSevLeftLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-right: 5px;
					}
				}
			}
			.manuRightSevRightLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-left: 5px;
					}
				}
			}
		}
	
	
	/**************************** pro *******************************/
		.proRightSev{
			height: 60px;
			padding: 0 20px;
			.proRightSevLeftLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-right: 5px;
					}
				}
			}
			.proRightSevRightLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-left: 5px;
					}
				}
			}
		}


	/**************************** news ******************************/
		.newsRightSev{
			height: 60px;
			padding: 0 20px;
			.newsRightSevLeftLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-right: 5px;
					}
				}
			}
			.newsRightSevRightLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-left: 5px;
					}
				}
			}
		}
	

	/**************************** contact ***************************/
		.contactRightSev{
			height: 60px;
			padding: 0 20px;
			.contactRightSevLeftLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-right: 5px;
					}
				}
			}
			.contactRightSevRightLi{
				line-height: 60px;
				a{
					font-size: 1.2em;
					img{
						width: 15px;
						margin-left: 5px;
					}
				}
			}
		}
	

	/**************************** talk ******************************/
		.talk{
			.contactRight{
				.contactRightBox{
					.contactRightFur{
						padding: 20px 0;
						#map{
							height: 200px;
						}
						ul{
							margin-top: 20px;
							li{
								max-width: 100%;
							}
						}
					}
				}
			}
		}

}