/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
#mixedSlider3, .grid-1280 { width:1160px;}
	
.orange-box {  margin-left: -36px;}	

h2 {font-size: 32px;}	

.about-product .listing {  width: 55%;}

.curve1 {  margin-top: -53px;}

.plan-table td {  padding: 6px 7px; font-size:13px;}

.white-box strong {font-size:28px;}

	
}




/*  980px  */
@media all and (max-width: 1239px) {

#mixedSlider3, .grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

.responsive-menu-icon {display: block;}

.coaching {  background-position: 450px top; padding:20px 0px 40px 0px; height:auto; background-size:auto 100%;}	

.orange  .col-3-of-8, .orange .col-5-of-8  {width:100%;}

.orange h3 {margin-top:0px; margin-bottom:0px;}

.orange .col-5-of-8 {  border-left: 0px solid #fff;}

.orange ul {  padding: 0;  margin-left: 20px;}

.orange  .col-3-of-8 a {display:none;}

.orange  .col-5-of-8 a {display:block;}

.gray img {width:90%;}

.gray h3 {margin-top:0px;}

.white-box h3 em {  font-size: 22px;}

footer .col-1-of-4 {width:50%;  }

#footer-map {display:none;}

#footer-form {width:328px;}

.orange-box {float:right;}

#footer-address {width:64%;}

#footer-address  span {display:inline-block; float:left; width:50%; height:150px;}

#footer-map-mobile {display:block; width:100%; margin-top:25px;}
	
.two-part .col-1-of-2 {width:100%;}	
	
h2 {  font-size: 28px;}		

.student-review-banner h2 {  margin: 10px 0px;  font-size: 120%;}

.products h2 {  font-size: 28px;}	

.vertical-pic {  width: 300px;}

.white-box strong {  width: 170px;}

.why-box span {  font-size: 12px;}

.why-box img {  width: 60px;}

.why-box {  padding: 0px 0px;}

.program-box2 span {  width: 45%;}

.programs {padding-bottom:20px; padding-top:40px;}

.program-box h4, .program-box2 h4 {  font-size: 13px;}

#buttons {  padding: 20px 0px 0px 0px;}

.orange {padding-bottom:30px;}

.products h2 {    font-size: 24px;    margin-top: 0px;   margin-bottom: 20px;  }

.products {padding:40px 0px;}

.clear { max-height:20px;}

.about-product .listing li {    font-size: 14px;    line-height: 160%;    margin-bottom: 10px;  }

.plans {  padding: 40px 0px;}

.plans .clear {max-height:20px;}

.course-box a {  padding: 10px 10px;  width: 122px;  font-size: 12px;  margin-left: 0px;  margin-right: 0px; margin-top:10px;}

.curve1 {    margin-top: -42px;  }

.course-box h3 {  margin: 20px 0px 0px 20px; font-size: 20px;}

.course-box {  padding: 0px 0px 25px 0px;}

.courses {  padding: 40px 0px;}

.plans .col-1-of-3 {width:100%;}

.plan-box {height:auto; margin-bottom:20px;}

.empty {display:none;}

.orange .col-1-of-3 {width:100%; margin-bottom:10px;}

}




/*  768px  */
@media all and (max-width: 979px) {

#mixedSlider3, .grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	


.blue .col-1-of-4 {width:33.333%;}

.blue h3 {  font-size: 28px;}

.icons {padding:20px 0px;}

.icons .col-1-of-5 {background-image:none; border:1px solid #ccc; }

.icons .col-1-of-5 {width:48%; margin:1%; height:auto; padding:20px; height:250px;}

.icons .col-1-of-5:nth-child(5)  {width:98%; margin:1%;}

.icons .grid-1280 {background-image:none;}
	
.gray div {width:100%;}

.blue-box {position:relative; width:100%; margin-top:0px; background-image:none; height:auto; padding:20px 0px 60px 0px;}

.top-form {background-color:#0a57a4;}
	
.banner-text {  margin-right: 20px;}	

.banner {  height: 300px; background-size:cover;}

.banner-text h1 {  font-size: 22px;  line-height: 120%;  text-align: right;  margin-top: 80px;}

.banner-text p {  width: 460px; line-height:140%;}

.logo a, .logo img {  display: block;  width: 230px;}

.orange h3, .coaching h3 {  font-size: 28px;}

.orange {  padding: 40px 0px;}

.gray img {  width: 200px; margin:auto; display:block;}

.gray h3, .gray p {text-align:center; padding:0px 50px; width:100%;}

.gray div {  width: 100%; margin:auto; display:block; margin-top:10px;}

.gray {padding-top:30px;}
	
.gray h3 {  font-size: 28px; margin-top:20px;}

.gray {  padding-bottom: 40px;}

.white-box {  width: 100% !important; margin-bottom:10px;}
	
h3 {  line-height: 120%;  font-size: 28px;}	

.testimonails {  padding: 20px 0px 60px 0px;}

#footer-address {  width: 100%;}

#footer-map-mobile {padding:0px!important; margin-bottom:30px;}

#footer-map-mobile iframe {height:300px; }

#footer-form {display:block; margin:auto; float:none;}
	
.two-part h3 {  font-size: 28px;}	

.conclusion {text-align:center;}

.two-part {  padding-top: 140px;}	

h2 {  font-size: 24px;}

h3 {  font-size: 18px;}

h2 {  margin: 30px 0px 20px 0px;}

.why-box {min-height: auto!important;}	

.why .col-1-of-5 {margin-bottom:20px; background-image:none;}

.why-box {border:1px solid #ddd;}

.why {padding:0px 0px 10px 0px;}

.faq {  padding: 30px 0px 30px 0px;}

.process-steps .only-desktop-view {width:100%; display:none;}

.process-steps .only-mobile-view {display:block; width:100%; max-width:500px; margin:auto;}

.vertical-pic {  width: 250px; margin-right:20px;}

.about-product .listing li {  font-size: 14px; line-height:160%; margin-bottom:10px;}

.about-product h2 {  text-align: left;  margin: 0px 0px 0px 0px;}

.about-product h3 {  font-size: 16px;  margin: 10px 0px;}

.about-product {  padding: 30px 0px;}

.courses {padding:0px 0px 40px 0px;}

.courses .curve1 { margin-top: -33px;}

.plans .col-1-of-3 {width:100%; margin-bottom:20px;}

.plan-name {padding:15px 0px;}

.plan-listing {  height: auto;}

.plans {  padding: 0px 0px 40px 0px;}

#overlay .blue-box {float:none; margin:auto; position:relative; background-color:#0a57a4; width:300px;  padding:20px; }

#overlay .blue-box h2 {margin-top:0px; padding-top:0px;}

}





/*  640px  */
@media all and (max-width: 767px) {

#mixedSlider3, .grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
.two-part {  padding-top: 140px;}	

h2 {  font-size: 20px;}

.faq {  padding: 20px 0px 30px 0px;}

.vertical-pic {  width: 200px;  margin-right: 20px;}

.courses .col-1-of-3 {width:100%; float:none; max-width:360px; display:block; margin:20px auto;}

.courses .curve1 {  margin-top: -50px;}

.course-box a {  padding: 10px;  width: 43%;  font-size: 14px;}

.course-box h3 {font-size:20px;}

.course-box h3 br {display:none;}

.plan-notes a {    margin-top: 10px;   float: left;  }

h2 br {display:none;}

.banner-text p {    width: 420px;    line-height: 140%;  }
	
}





/*  480px  */
@media all and (max-width: 639px) {

#mixedSlider3, .grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
	
footer .col-1-of-4 {  width: 100%; text-align:center;}

#footer-form { width: 100%; margin-top:20px;}

.orange-box {  float: none;  display: block; margin:auto; margin-top:30px;}

.map-and-location img {  float: none;  margin-right: 10px;  margin-bottom: -10px;}

.blue .col-1-of-4 {  width: 33.333%;  float: left;}

.icons .col-1-of-5 {float:left;}

.logo a, .logo img {  display: block;  width: 220px;  margin-left: -5px;}

.banner-text  {float:none; width:100%; margin-top:200px; text-align:center;}

.banner-text h1 {text-align:center; width:100%; font-size:20px; line-height:140%;}

.banner-text p {text-align:center; width:100%;}

.banner {background-size:auto 170px; background-position:center top; background-repeat:no-repeat;} 
	
.orange h3, .coaching h3 {  font-size: 24px;  line-height: 140%;}	

.gray h3 {  font-size: 24px;  margin-top: 20px;  line-height: 140%;}

.blue-box .white-rounded-box, .blue-box .submit-button, .blue-box .textbox {  max-width: 300px;}

#footer-address span {  display: inline-block; float: none;  width: 100%;  height: 150px;}

#footer-map-mobile iframe {  height: 500px;}

.orange-box {  width: 100%;  height: 470px;  background-image: url(../images/orange-box.png);  margin-top: 0px;  background-size: 120% 530px;  background-position: -30px 0px;  padding-top: 20px;  margin-bottom:30px;}

#form2 button:disabled, #form2 button[disabled], #form2 button:disabled, #form2 button[disabled]:hover, .orange-box .white-rounded-box, .orange-box .textbox {max-width:85%;}


.two-part h3 {  font-size: 24px;}	

.two-part ul li {font-size:16px;}

.two-part {  padding-top: 140px;}	

.about-product .listing {width:100%;}

.vertical-pic {display:none;}

.banner  {background-image:url(../images/banner-mobile.jpg); background-size:cover; height:600px; background-position:center bottom;} 

.banner-text h1 {margin-top:20px;}

.banner-text {  margin-top: 40px;}


}




/*  360px  */
@media all and (max-width: 479px) {

#mixedSlider3, .grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	
	
body {font-size:14px;}	

.gray h3, .gray p {  padding: 0px 0px;}

.icons .col-1-of-5:nth-child(5), .icons .col-1-of-5 {  width: 92%;  margin: 4%;}

.blue {  padding: 40px 0px;}

.blue h3 {  font-size: 22px; margin-bottom:10px;}
	
.gray h3 {  font-size: 20px;}	

.gray p {  font-size: 13px;  line-height: 160%; padding:0px 20px; margin-bottom:40px; font-weight:600;}

.desktop-image {display:none!important;}
	
.mobile-image {display:block!important; }	

.banner {  background-size: auto 123px; margin-top:80px;}

.banner-text {  margin-top: 140px;}

.orange-box {  width: 100%;  height: 430px;  background-image: url(../images/orange-box.png);  margin-top: 0px;  background-size: 120% auto;  background-position: -20px 0px;  padding-top: 0px;  margin-bottom:30px;}
	
.pie-chat-big {  max-width: 300px;}	
	
.two-part h3 {  font-size: 18px;}	

.two-part h4 {  font-size: 16px;}

.banner  {background-image:url(../images/banner-mobile.jpg); background-size:cover; height:500px; background-position:center bottom;} 

.banner-text h1 {margin-top:20px;}

.banner-text {  margin-top: 40px;}

.coaching {background-image:none;}

.white-box strong {  width: 80px;  font-size: 18px;  padding: 12px 0px 8px 0px;  font-weight: 400;}

.white-box span {  font-size: 13px;}

.white-box img {  width: 80px;}

.white-box {  padding: 0px 20px;}

.blue-text-button {    margin: 5px auto;  }	

.faq {  padding: 0px 0px 30px 0px;}

h2 br {display:none;}

.courses .curve1 {  margin-top: -44px;}

.course-box a {  padding: 10px;  width: 43%;  font-size: 12px;}


}