@media only screen and (max-width:1050px) {	

	.wrapper {width: auto !important;}

	img {max-width: 100%;}

}



@media only screen and (max-width:769px) {
	/*Signup*/

	.hidden-xs {display: none}
	.visible-xs {display: block}

	body .page--join .package {float: none; width: auto; margin: 0 auto 30px; width: 90%; padding-top: 0;}
	body .small .package-purchase {height: auto; padding-bottom: 20px;}
	body .page--join .package h3 {height: auto !important; padding: 20px 0 20px !important;}
	body .page--join .package--b .h3 {padding-top: 20px !important}
	body .page--join input[type=radio]+label {margin-bottom: 10px; display: inline-block; padding-right: 10px; padding-bottom: 10px;}
	body .page--join .package-row {height: auto; line-height: 20px !important; padding:15px 0;}
	body .page--join .button_gold {margin: 10px auto 0; width: 100%; float: none}

	body #countries li {width: 33%; text-align: center;}
	body .page--join .package.package--a h3 {line-height: 35px; height: auto; padding:0 0 20px;}
}


@media only screen and (max-width:767px) {

	body {min-width: 320px; position: relative;}
	
	.wrapper {padding: 0;}
	.menu {display: none;}
	
	header {height: 80px;}
	header .logo {width: 200px; ;margin: 14px 0 0 3%}

	#hamburger {width: 40px; position: absolute; right: 2%; top:22px; height: 38px; z-index: 9999; display: block;}
	#hamburger .top {height: 4px; background: #1c4f6f; top: 8px; position: absolute; width: 70%; left: 15%;}
	#hamburger .middle {height: 4px; background: #1c4f6f; top: 17px; position: absolute; width: 70%;left: 15%;}
	#hamburger .bottom {height: 4px; background: #1c4f6f; top: 26px; position: absolute; width: 70%;left: 15%;}

	#slide-out {position:fixed; width: 60%; right:-60%; top: 0; background: #0b0c0d; height: 100%; z-index: 9999; overflow: scroll; padding: 0; margin: 0; display: block;}
	#slide-out ul {background: transparent; top: auto; left: auto; position: relative; border-radius: 0; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif;}
	#slide-out ul li {display: block; line-height: 25px; float: none !important; border-bottom: 1px solid #444;}
	#slide-out ul li a {display: block; text-align: left; padding: 0 20px; color: #CCC; line-height: 44px; font-size: 15px;}
	#slide-out ul li .sub-menu {position: relative; width: auto; top: auto; box-shadow: 0;  background: #111; display: none; padding: 5px 0;}
	#slide-out ul li .sub-menu li {border-bottom: 0; border-top:0;}
	#slide-out ul li .sub-menu li a {padding: 0 0 0 30px; font-size: 14px; line-height: 30px;}
	#slide-out ul li .sub-menu li .sub-menu li a {padding: 0 0 0 50px}
	#slide-out .cart {margin: 10px 0}
	#slide-out .cart span {float: right}
	#slide-out .cart img {float: right;}
	#slide-out .cart {font-family:AlternateGotNo3D, sans-serif; font-size: 20px; line-height: 20px; bottom: -5px; position: relative; padding-left: 30px;}


	#hero h1 {font-size: 24px; line-height: 34px;}
	#hero h3 {font-size: 14px; line-height: 24px; padding: 30px 20px 0;}
	#hero {height: auto; padding: 40px 0;}

	
	.lightbox {width: auto;}
	.bx-controls {display: none;}

	.content.classroom {padding: 0 5%}
	.content.nopadding-top,
	.content {padding: 40px 5%}
	.content h1 {font-size: 28px;}
	.content h2 {font-size: 18px;}
	.home .content p {margin-bottom: 30px;}

	.testimonial,
	.testimonial:nth-child(2), .testimonial:nth-child(4) {width: auto; float: none; height: auto; margin-bottom: 80px}

	.sign_up br {display: none;}

	a.more {display: none;}

	img.right,
	img.left {display: block; float: none; margin: 0 auto 20px;}

	.academics .certificates ul li,
	.academics .certificates ul li:nth-child(even) {width: auto; float: none; height: auto; margin: 0;}

	.resources #teachers li {width: 22%; font-size: 10px;}
	.content.classroom .mod {width: 90%; display: inline-block; padding: 15px 5%; margin: 0; font-size: 18px; height: auto; margin: 0 0 15px}
	.content.classroom br {display: none;}

	.preview_container .mod {width: 130px; margin-bottom: 20px;}
	.preview_container .mod .button {font-size: 13px; padding: 0 20px}

	/*Front end site*/
	.footer img {margin: 0 auto; display: block;}
	.footer ul {display: none;}




}