/*============== Responsive CSS Document ============== */

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	iframe{ width:100% !important; height:300px !important;}
	.Mainwrapper, .Header, .PreHeader, #footer { margin: 0 auto; width: 758px; }
	
	.VideoWrapper{ width:auto; text-align:center; padding:10px;}
	.ParentWrapper{ background: none #A82417; min-height:auto; }
	.ParentWrap, .ParentText{ padding:20px;}
	.TestimonialBg, .TestimonialBg2{ background:none #375A7D; width:auto; margin:0 0 20px; padding:0 10px 10px; min-height:auto; }
	.TestimonialWrapper .Box{ width:198px; background-size:100% 100%; height:380px;}
	.TestimonialWrapper{ width:auto; }
	
	.UniqueProgramWrapper ul{ width:420px; }
	
	
	
	
	div#form-wrapper{ position:relative; margin:auto;}
	
	
	div#right-form{ top:65px; right:5px; width:314px; position:relative; }
	div.comprison-table{ width:auto; }
	.hd-form{ background-size:100% auto;font-size: 22px; height:42px;  }
	#form1, #form2, #form3, #form4{ background-size:100% auto; height:466px; }
	#btn-program{ background-size:100% auto; width:auto; font-size:23px;  }
	#footer{ width:auto !important; padding:5px 5px; }
	.btn-more{ width:280px; background-size:100% auto; }
	.btn-more a{ font-size:35px; }
	
	.FormWrapper { margin: 30px 0 0 100px; }
	
	div#comprison-table{ width:auto;}
	div.left-side-header, div.right-side-header { float: none; margin: 0 auto 10px; }
	div.right-side-header { border-radius: 12px; overflow: hidden; }
	
	.btn-more{ width:280px; background-size:100% auto; }
	.btn-more a{ font-size:35px; }

	div#right-form{float: right;}


	/*Sign Up Css*/
	img#buy-now{right: 165px;}
	img#gloves{right: 184px;}
	img#fighter{right: -20px;}
	div.step div.school{width: auto;}
	img.kid2{width: 200px;}
	.message{font-size: 26px;}
	.message span{font-size: 22px;}
	.message .offer{font-size: 30px;}
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px){
	
	iframe{ width:100% !important; height:300px !important;}
	body, ul.list1 li, ul.list2 li, ul.list3 li{ font-size:16px; }
	.ContentWrapper p.first-child{ padding:0;}
	.Mainwrapper, .Header, .PreHeader, #footer{ width:auto;}
	.VideoWrapper{ width:auto; text-align:center; padding:10px;}
	.TopBgWrap{ height:auto; }
	
	.ParentWrapper{ background: none #A82417; min-height:auto; }
	.ParentWrap, .ParentText{ padding:20px;}
	.KidsWrapper, .KidsWrap{ padding:10px 0; background:none; }
	.ChildPic{ display:block; margin:auto; }
	
	.TestimonialBg, .TestimonialBg2{ background:none #375A7D; width:auto; margin:0 0 20px; padding:0 10px 10px; min-height:auto; }
	.TestimonialWrapper .Box, .TestimonialWrapper .Box2, .TestimonialWrapper .Box3{ margin:10px auto !important; float:none; }
	.TestimonialWrapper{ width:auto; }
	.ProgramWrapper p, .UniqueWrapper p { padding-top: 20px; }
	
	.UniqueProgramWrapper img, .UniqueWrapper img{ float:none; display:block; margin:auto; }
	.UniqueProgramWrapper ul{ width:auto; float:none; }
	ul.list3 li{ background-position:0px -1px;}
	
	div#form-wrapper{ position:relative; margin:auto; width:333px; top:0px; }
	.Header{ min-height: auto; padding-bottom:30px; }
	.Fight{ position:inherit; top:10px; }
	div#right-form{ position:inherit; float:none; top:20px; right: 0; margin:auto; }
	
	.FormWrapper { margin:0 auto; padding:30px 0; float:none; }


	div.comprison-table{ width:auto;}
	div.left-side-header, div.right-side-header { float: none; margin: 0 auto 10px; }
	div.right-side-header { border-radius: 12px; overflow: hidden; width: 428px; }
	
	.FormContainerWrapper h3{ font-size:50px; }
	
	#carea p { font-size: 17px; margin-bottom: 20px; }
	div.comprison-table { width: auto; margin:0 20px; }
	
	div.left-side-header, div.right-side-header {
		background: none #8a2a27;
		border-radius: 12px;
		float: none;
		margin: 0 auto 10px;
		padding-top: 24px;
		width: auto;
	}
	
	div.right-side-header { background:none #58595B; border-radius: 12px; overflow: hidden; width: auto	; }
	div.left-side-header h2 { font-size: 18px; margin-bottom: 24px; top: 0; }
	div.right-side-header h3 { font-size: 13px; margin-bottom: 0; top: -12px; }
	div.table-contentsWrap ul li p.leftside, div.table-contentsRaightWrap ul li p.rightside {
    background-size: 9% auto;padding: 0 10px 20px 50px; width:auto; }
	div.table-contentsWrap{ background:none #71A62F; }
	div.table-contentsRaightWrap{ background:none #E4E4E4; }


	.ContentWrapper h1{padding: 0 !important;}


	/*Sign UP CSS*/
	img.kid2, div.HeaderWrapper img#kid{display: none;}
	.message{width: auto; font-size: 26px; float: none;}
	.message span{font-size: 23px;}
	.message .offer{font-size: 31px;}
	div.step div.school{width: auto;}
	div.step div.school div.day{width: 49.5%; border: none;}
	img#fighter{right: -24px;}
	img#gloves{position: static;}
	img#buy-now{position: static; padding: 0}
	img#badge{width: 150px;}
	div#offer-container p.plus{position: static;}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {
	
	iframe{ width:100% !important; }
	body{ font-size:16px; }
	.PreHeader img{ padding:0; }
	.Mainwrapper{ overflow:hidden; }
	.VideoWrapper{ width:auto; text-align:center; padding:10px;}
	
	.Mainwrapper, .Header, .PreHeader, #footer{ width:auto;}
	.TopBgWrap{ height:auto; }
	
	.ContentWrapper{ padding:20px 5px 20px; }
	.KidsWrapper, .KidsWrap{ padding:10px 0; background:none; }
	.ChildPic{ display:block; margin:auto; }
	.ParentWrapper{ background: none #A82417; min-height:auto; }
	.ParentWrap, .ParentText{ padding:20px;}
	.TestimonialBg, .TestimonialBg2{ background:none #375A7D; width:auto; margin:0 0 20px; padding:0 10px 10px; min-height:auto; }
	.TestimonialWrapper .Box, .TestimonialWrapper .Box2, .TestimonialWrapper .Box3{ margin:10px auto !important; float:none; }
	.TestimonialWrapper{ width:auto; }
	
	.UniqueProgramWrapper img, .UniqueWrapper img{ float:none; display:block; margin:auto; }
	.UniqueProgramWrapper ul{ width:auto; float:none; }
	
	.ProgramWrapper p { padding-top: 20px; }
	
	.HeaderWrapper{ min-height:auto; }
	.ContentWrapper p.first-child{ padding:0;}
	.Header{ min-height: auto; padding-bottom:30px; }
	div#right-form{ position:inherit; background-size: 100% 100%;}
	
	div#form-wrapper{ position:relative; margin:auto; width:auto; padding: 1px 0 20px; top:0px; left:0px; text-align:center; }
	div#right-form{ width:auto; padding-top:195px; height:auto; float:none; left:0; top:20px; }
	div#right-form form{ display:block; left:0; padding-right: 0; margin:0; top:0; position:inherit; }
	.input-field{ width:auto; }
	.top-right-img{ display:none; }
	div#right-form h1, div#right-form h2{ float:none; margin:auto; text-align:center; }
	.free { margin-left: 12px !important; display:inline-block; float:none; }

	.HeaderHeading span { display: block; font-size: 13px !important;
    line-height: 20px !important; padding-top: 0 !important; }
	.FormMainWrapper{ border-bottom-right-radius:12px; border-bottom-left-radius:12px; }
	.FormWrapper { margin:0 auto; padding:8px; float:none; margin:auto; width:auto;  }
	div.LableWrap, div.InputWrap{ float:none; text-align:left; width:auto; margin:10px 0; }
	div.InputLableWrap{ padding:0; }
	.ImgRightWrap{ display:none;}
	
	#carea p { font-size: 17px; margin-bottom: 20px; }
	div.comprison-table { width: auto; margin:0 20px; }
	
	div.left-side-header, div.right-side-header {
		background: none #8a2a27;
		border-radius: 12px;
		float: none;
		margin: 0 auto 10px;
		padding-top: 24px;
		width: auto;
	}
	
	div.right-side-header { background:none #58595B; border-radius: 12px; overflow: hidden; width: auto	; }
	div.left-side-header h2 { font-size: 18px; margin-bottom: 24px; top: 0; }
	div.right-side-header h3 { font-size: 13px; margin-bottom: 0; top: -12px; }
	div.table-contentsWrap ul li p.leftside, div.table-contentsRaightWrap ul li p.rightside {
    background-size: 9% auto;padding: 0 5px 10px 30px; width:auto; }
	div.table-contentsWrap{ background:none #71A62F; }
	div.table-contentsRaightWrap{ background:none #E4E4E4; }
	
	.FormContainerWrapper h3{ font-size:36px; }

	.Buton button{ width:220px; height:auto;  }
	.Buton button img{ height:auto;  }
	div#right-form form input.submit{padding: 30px 103px; margin-left: 5%;}
	form p.privacy{margin-top: 0;}
	.ContentWrapper h1{padding: 0 !important;}

	/*Sign UP CSS*/
	img.kid2, div.HeaderWrapper img#kid{display: none;}
	.discription{padding: 10px;}
	div.step{margin: 25px 15px 85px;}
	.message{width: auto; font-size: 18px; float: none;}
	.message span{font-size: 23px;}
	.message .offer{font-size: 31px;}
	div.step div.school{width: auto;}
	div.step div.school div.day{width: 49.5%; border: none;}
	img#fighter{display: none;}
	img#gloves{position: static;}
	img#buy-now{position: static; padding-left: 0;}
	div.step {padding: 50px 30px;}
	img#badge{top: 410px;    width: 127px;}
	p.advantage{font-size: 20px;}
	.HeaderWrapper{top: 0;position: static;}
	.discription{position: static;}
	div#offer-container p.plus{position: static;}
}