@media(max-width: 1600px){

}

@media(max-width: 1150px){ /*1024*/
    .wrap{ width: 98%;}
	.header h1{ text-align: center;}
	.header h2.sub{ text-align: center;}
    .trainingTimes{ padding: 50px 0 1px; z-index: 3;}
    .trainingTimes .boxL{ float: none; margin: 0 auto 30px; padding-top: 0;}
    .VBG{ float: none; margin: 0 auto -100px; }
	.section-bg1{ padding: 140px 0 60px;}
	
	.contentbox1{ width: 95%;}
	.contentbox1 .des-col{ max-width: 530px;}
	.contentbox1 .img-col.maxw1{ max-width: 400px;}
	.contentbox1 .img-col
	.features{ width: 90%; padding: 40px 35px;}
	.features .title .bno{ left: -50px;}
	.features .title{ padding: 0 0 30px 215px;}
	.section-bg4{ padding: 130px 0 50px;}
	.tmrow .tm-con{ margin: 0 10px 27px; max-width: 400px;}
	.tmrow{ margin: 0 auto -30px;}
	.footersection-bg{ padding: 5px 20px 40px;}
    footer{ padding: 20px 20px 30px; line-height: 1.5em;}
    footer .ftabt{ max-width: 240px;}
	
	.section-bg5 .contentbox1 .img-col{ max-width: 440px;}
	.section-bg6 .contentbox1 .img-col{ max-width: 410px;}
	.section-bg7 .contentbox1 .img-col{ max-width: 400px;}
	.section-bg7 .contentbox1 .des-col.maxw2{ max-width: 530px;}
	.section-bg8 .contentbox1 .img-col{ max-width: 400px;}
	.section-bg9 .contentbox1 .img-col{ max-width: 400px;}
	.tworow{ width: 96%;}
	.tworow .col{ max-width: 444px;}
	
	#p3.section-bg2{ padding: 50px 0;}
	.threerow .col{ margin: 22px 5px; max-width: 310px;} 
	.threerow .des{ padding: 0 40px 25px;}
	.threerow.col2 .col{ margin: 12px 8px; max-width: 440px;}
	.threerow.col2 .des{ padding: 0 35px 25px;}
	.threerow .butt a{ font-size: 1em; padding: 16px 22px;}
	#middle.p3 h1{ font-size: 2.6em;}
}



@media(max-width:1000px) { /*980*/
	.wrap{ width: 96%;}
	.contentbox1 .des-col{ max-width: 485px;}
	.section-bg7 .contentbox1 .des-col.maxw2{ max-width: 485px;}
	.contentbox2{ width: 90%;}
	.contentbox2 .boxR{ max-width: 530px;}
	.tworow .col{ max-width: none; margin: 22px 0;}
	.tworow { width: 88%;}
	.tworow .des{ min-height: inherit !important;}
	.contentbox3{ width: 90%;}
}


@media(max-width:800px) { /*768*/
	#middle h2.sub br{ display:none;}
	.contentbox1{ width: 92%;}
	.contentbox1.n1 .img-col,.contentbox1 .img-col.right { float: none; margin: 0 auto 40px;}
	.contentbox1.n1 .des-col { float: none; margin: 0 auto; max-width: none;}
	.features{ width: 93%;}
	.features .title{ font-size: 1.8em; padding: 0 0 30px 170px;}
	.features .title .bno{ left: -45px;}
	.features{ padding: 30px; margin: 0 auto 30px;}
	.section-bg2{ padding: 60px 0 50px;} 
	.section-bg3{ padding: 35px 0 1px;}
	.section-bg3cs{ padding: 30px 0 40px;}
	.tmrow .tm-con{ margin: 0 5px 15px; max-width: 350px; box-shadow: 0 10px 20px rgb(0 0 0 / 10%);}
	
	.section-bg1.pt1{ padding-top: 50px;}
	.boxtitle{ text-align: center; font-size: 2.5em;}
	.boxtitle br{ display: none;}
	.separator3{ margin: 20px auto;}
	.contentbox1 .img-col{ float: none; margin: 0 auto 30px;} 
	.contentbox1 .des-col{ float: none; margin: 0 auto; max-width: none;} 
	#p2.section-bg2{ padding: 40px 0;}
	.section-bg7 .contentbox1 .des-col.maxw2{ max-width: none;}
	.section-bg5{ padding: 30px 0 40px;}
	.section-bg6{ padding: 50px 0 40px;}
	.section-bg7{ padding: 30px 0 40px;}
	.section-bg8{ padding: 40px 0 40px;}
	.section-bg9{ padding: 145px 0 40px;}
	.section-bg10{ padding: 40px 0;}
	#middle h1.big{ font-size: 3em;}
	.separator1{ width: 150px; margin: 10px auto 30px;}
	.contentbox1.mrb1{ margin-bottom: 30px;}
	.contentbox2{ padding: 30px 30px;}
	.contentbox2 .title{ font-size: 2.2em;}
	.contentbox2 .boxL{ float: none; margin: 0 auto 20px;}
	.contentbox2 .boxR{ float: none; margin: 0 auto; max-width: none !important;}
	
	#middle.p3 h1{ font-size: 2.2em; line-height: 1.1em;}
	#middle.p3 h2.sub{ font-size: 1.5em;}
	.threerow .col{ max-width: 360px; margin: 22px 5px 0;}
	.threerow .col.b1{ width: 96%;}
	.threerow .col.b1 .title{ font-size: 1.6em;}
	.note{ margin: 22px auto 0;}
	.videoB1{ width: 94%; margin: 20px auto 30px;}
	#middle.p3 h1 br{ display: none;}
	#p4.section-bg2 { padding: 35px 0 50px;}
}


@media(max-width:700px) { /*600*/
	.logo{ max-width: 110px;}
	.topnave{ padding: 7px 0 0;}
	.trainingTimes{ padding: 35px 0 1px;}
	.VBG{ margin: 0 auto -160px;}
	.VBG:after{ width: 520px; margin: 0 auto; height: 305px;}
	.videoB{ max-width: 390px; padding: 22px 0 0;}
	.shape2:before{ right: -55px;}
	.shape1:before{}
	.header h1 span{ display: block; font-size: 1.15em; margin-top: 5px;}
	.header h1{ font-size: 2.8em;}
	.header h2.sub{ font-size: 1.8em;}
	#middle h1{ font-size: 2.2em; padding: 0 20px;}
	#middle h2.sub{ font-size: 1.4em;}
	.separator1{ width: 150px; height: 8px; margin: 15px auto 30px;}
	#p2.section-bg1{ padding: 40px 0 30px;}
	.section-bg1{ padding: 120px 0 60px;}
	.section-bg2{ padding: 85px 0 50px;}
	.features{ padding: 1px 25px 30px; margin: 0 auto 50px; width: 94%;}
	.features .title .bno { left: 0; top: 0; position: relative; margin: -24px auto 15px; width: 200px; display: block; border-radius: 5px;
	 box-shadow: 0 10px 5px -6px rgb(0 0 0 / 6%);}
	.features .title .bno:before{ display: none;}
	.features .title { text-align: center; padding: 0 0 15px; }
	.features .img-col{ float: none; margin: 0 auto 20px;}
	.opbox{ width: 90%; padding: 32px;}
	.button a, .button button{ font-size: 1.5em; padding: 18px 45px;}
	.tmrow .tm-con{ max-width: 400px; width: 82%;}
	.disc.d1{ width: 90%;}
	
	.section-bg5{ padding: 20px 0 30px;}
	#middle h1.big{ font-size: 2.5em; line-height: 1.1em; padding: 0 30px;}
	.contentbox2 .title{ font-size: 1.7em;}
	.tworow .title{ text-align: center; padding: 1px 10px 16px;}
	.tworow .title .bno:before{ display: none;}
	.tworow .title .bno{ left: 0; top: 0; position: relative; margin: -20px auto 15px; width: 140px; display: block; border-radius: 5px;
	 box-shadow: 0 10px 5px -6px rgb(0 0 0 / 6%);}
	.boxtitle{ font-size: 2.1em; margin: 0 0 10px;}
	.separator3{ margin: 15px auto 20px;}
	.contentbox3{ padding: 20px 25px 30px;}
	.smbut ul li{ margin: 0 0 15px;}
	.smbut ul li:last-child { margin-bottom: 0;}
	
	#p3.section-bg2{ padding: 40px 0;}
	#middle.p3 h2.sub{ font-size: 1.5em; padding: 10px 30px 0;}
	.threerow .col{ width: 90%; max-width: none; margin: 22px 0 0;}
	.section-bg11{ padding: 40px 0;}
	.note{ width: 90%; max-width: 400px; line-height: 1.4em; padding: 10px;}
	.threerow .col.b1{ width: 90%;}
	.threerow .col.b1 .title{ font-size: 1.4em; padding: 15px 10px 16px;}
	.threerow .col.b1 .butt a{ font-size: 1.3em; padding: 14px 40px;}
	#p4.section-bg2 { padding: 30px 0 40px;}
	#p4.section-bg2 .contentbox3{ width: 94%;}
	.videoB1{ margin: 12px auto 20px;}
}


@media(max-width:500px) { /*480*/
	body p{ font-size: 1em;}
	.list ul li{ font-size: 1em; padding: 0 0 8px 35px;}
	.topnave ul li{ margin: 0 10px 0 0;}
	.header h1{ font-size: 2.2em;}
	.header h2.sub{ font-size: 1.3em;}
	.VBG{ margin: 0 auto -30px; min-height: inherit;}
	.VBG:after{ width: 95%; height: 265px;}
	.videoB{ max-width: 344px; padding: 17px 0 0;}
	#middle .section-bg1 h2.sub em{ display: block; line-height: normal;}
	#middle h1{ font-size: 1.8em;}
	#middle h2.sub{ font-size: 1.2em; margin: 0 10px 10px;}
	.separator1{ width: 100px; margin: 15px auto 20px;}
	.contentbox1 .img-col.maxw1{ max-width: 270px;}
	.section-bg1{ padding: 110px 0 40px;}
	.section-bg2{ padding: 75px 0 35px;}
	.features .title br{ display: none;}
	.features .title{ font-size: 1.5em;}
	.features .title .bno{ font-size: .85em;}
	.list ul.HLBox1{ margin: 0 0px 25px;}
	.opbox{ padding: 20px; box-shadow: 0 10px 20px -6px rgb(0 0 0 / 25%);}
	.opbox.mrb{ margin-top: 0;}
	.button a, .button button{ font-size: 1.4em; padding: 15px 25px;}
	.section-bg4{ padding: 110px 0 30px;}
	
	.boxtitle{ font-size: 1.9em; margin: 0 20px 10px;}
	#middle h1.big{ font-size: 2.1em; margin: 0 0 10px;}
	.section-bg8{ padding: 30px 0;}
	.contentbox2{ padding: 24px; width: 92%;}
	.section-bg9{ padding: 135px 0 30px;}
	.contentbox1 .img-col{ width: 90%;}
	.contentbox1 .img-col:before{ right: -8px; bottom: -10px;}
	#p2.section-bg2{ padding: 30px 0;}
	.tworow .des .imb{ max-width: 90px; padding: 10px;}
	.tworow .title{ font-size: 1.4em;}
	.tworow .title .bno{ font-size: .85em; line-height: normal; width: 130px; }
	.section-bg10{ padding: 30px 0;}
	
	#middle.p3 h1{ font-size: 1.8em;}
	#middle.p3 h1 br{ display: none;}
	#middle.p3 h2.sub{ font-size: 1.3em; font-weight: 600;}
}



@media(max-width:430px) { /*360*/
	.topnave{ font-size: .9em;}
	.topnave ul li{ margin: 0 2px 0 0;}
	.header h1{ font-size: 2em;}
	.VBG:after{ height: 240px;}
	.videoB{ max-width: 310px; padding: 16px 0 0;}
	.shape1:before{ top: -34px; left: -18px; width: 30px;}
	.shape2:before{ width: 70px; right: -40px;}
	.section-bg1{ padding: 105px 0 60px;}
	#middle h1{ font-size: 1.6em;}
	#middle h2.sub{ margin: 4px 30px 10px;}
	.features .title{ font-size: 1.4em;}
	.features .title br{ display:none;}
	.features .title .bno{ width: 185px;}
	.button a, .button button{ font-size: 1.2em;}
	.tmrow .tm-con{ width: 88%;}
	
	#middle.p3 h2.sub{ font-size: 1.2em; padding: 10px 0px 0;}
	.threerow .title br{ display:none;}
	.threerow.col2 .title{ font-size: 1.4em; padding: 22px 20px 18px;}
}


@media(max-width:393px) { /*393*/
	.VBG:after{ height: 230px;}
	.videoB{ max-width: 280px; padding: 16px 0 0;}
}