@media (max-width: 768px) {

	
	.header,.headerBox{
		height: 75px;
	}

	
	

	h1 {
		font-size: 40px;
		line-height: 40px;
		text-align: center;
	}

	p{
		text-align: center;
	}

	/* 下拉框 */
	.nav {
		display: none;
		flex-direction: column;
		align-items: center;
		position: absolute;
		top: 75px;
		left: 0;
		width: 100%;
		background-color: #fff;
		
		z-index: 100;
	}

	.nav a {
		margin: 10px 0;
		font-size: 10px;
	}

	.menuToggle {
		display: flex;
	}

	.headerBtn {
		width: auto;
	}

	.headerLogin {
		margin-left: 0;
	}

	.nav.active {
		display: flex;
	}


	.home1{
		margin-top: 75px;
		height: calc(100vh - 75px)
	}

	.home1Box{
		flex-direction: column;
		text-align: center;
	}

	

	.home1Content{
		width: 95%;
		margin: auto;
		align-items: center;
		padding:20px 0;
	}

	.home1_bg{
		background:linear-gradient(90deg, rgba(0, 0, 0, 0.60) 100%, rgba(0, 0, 0, 0.00) 100%)
	}

	
	.footer {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.footerBox {
		flex-direction: column;
		align-items: center;
	}

	.footerBox1,
	.footerBox2,
	.footerBox3 {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
		display: flex;
		width: 41%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.quick-links {
		margin-left: 0 !important;
	}

	.quick-links-box {
		margin: 0 !important;
	}


	.leftBox-content,.rightBox-content{
		flex-direction: column;
	}

	.leftBox-child-left, .leftBox-child-right, .rightBox-child-left, .rightBox-child-right{
		width: 100%;
		text-align: center;
	}

	.leftBox-child-left img{
		margin: 0;
		border-radius: 3px;
	}

	.rightBox-child-right img{
		
		border-radius: 3px;
	}

	
	.leftBox-div{
		
		max-width: 95%;
		padding:30px 0 0 0;
		margin: auto;
		justify-content: center;
		align-items: center;
	}

	.rightBox-div{
		max-width: 95%;
		padding:0 0 30px 0;
		margin: auto;
		justify-content: center;
		align-items: center;
	}

	.contact-box{
		flex-direction: column;
	}

	.contact-l,.contact-r{
		width: 95%;
		margin: auto;
	}
	.contact-main{
		padding-top: 120px;
	}

	.contact-l-contact-box{
		margin: 25px 0;
	}

	.contact-map-box-flex{
		flex-direction: column;
		margin-top: 25px;
	}

	.contact-map-l,.contact-map-r{
		width: 95%;
		margin: auto;
	}
	.contact-map-r-content{
		text-align: center;
		margin-top: 25px;
	}

	.contact-map{
		padding: 30px 0;
	}

	.faq-main{
		margin-top: 120px;
	}

	.faq-main h1{
		font-size: 32px;
	}

	.faq-box{
		width: 95%;
		margin: 25px auto;
	}

	.faq-box h2{
		font-size: 28px;
		text-align: center;
	}

	.faq-title-text{
		font-size: 18px;
	}

	.faq-title-icon {
	    font-size: 28px;
	    border: 1px solid #000;
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    text-align: center;
	    border-radius: 5px;
	}

	.faq-title{
		padding: 15px 0;
	}

	.contact-l h1{
		margin-bottom: 25px;
	}

	.lesson-r{
		margin-top: 25px;
	}
	.price-bg-m{
		display: block;
	}

	.price-bg{
		display: none;
	}
	
	.price-first{
		
		flex-direction: column-reverse;
	}

	.price-first-l,.price-first-r{
		width: 100%;
	}

	..price-first-r{
		margin: 40px 0;
	}

	.price-first-r-title{
		align-items: center;
		justify-content: center;
		font-size: 30px;
	}

	.price-first-title{
		font-size: 30px;
		text-align: center;
	}

	.price-first-r-p{
		width: 95%;
		margin:auto;
		margin-top: 10px;
	}
	.price-first-r-time{
		flex-direction: column-reverse;

	}
	.price-first-r-time-l, .price-first-r-time-r{
		width: 100%;
		align-items: center;
		justify-content: center;
	}

	.price-first-r-time-r{
		margin-bottom: 10px;
	}

	.price-first-box{
		width: 85%;
		margin: auto;
	}

	.price-first-equipment-title{
		text-align: center;
	}

	.price-first-box-child:last-child{
		border:none;
	}

	.court-rental{
		display: block;
		text-align: center;
	}
}