@media (max-width: 1200px) {

	/* course lists */
	#content .lesson .well { min-height: 225px; }

    /* video pages */
    #video_banner h2#lesson_title { font-size: 20px; }
}

@media (max-width: 992px) {

	/* global */
	footer .col-md-2, footer .col-md-4 { margin-bottom: 40px; }

	/* dropdown megamenu */
	nav#navigation .dropdown-mega-menu .row .nav-javascript { clear: both; }
	
	/* banner */
	#sub_banner .row { background: url(../images/trans.png); }
	.page-signup #sub_banner .row, .page-login #sub_banner .row { background: none; }
	
	#sub_banner #course_icon { float: left; margin: 60px 0 0 15px; height: 80px; width: 80px; }
	#sub_banner .col-md-8 { clear: both; }
	#sub_banner #course_title { margin-top: 0; padding-top: 20px; }

	/* home page */
	#features { padding-bottom: 10px; }
	#features .col-sm-4 { margin-bottom: 40px; }
	#book .col-sm-4 { padding-top: 68px; text-align: left; }

	/* sign up page */
	.page-signup #content .subscription-options .col-md-4 { margin-bottom: 30px; }
	.page-signup #credit_card_icons { position: relative; right: auto; top: auto; padding: 0; }
	.page-signup #credit_card_icons img { padding-top: 10px; height: 30px; }

	/* course lists */
	#content .lesson .well { min-height: 0; }

    /* video pages */
    #video_banner h2#lesson_title { font-size: 16px; }

    /* subject pages */
    .page-subject .subject-right { margin-top: 60px; }
}

@media (max-width: 820px) {

	/* home page */
	#banner_topics { padding: 30px 0 20px; }
	#banner_topics span { margin-right: 14px; }
	#banner_topics a { margin-bottom: 10px; }
}

@media (max-width: 768px) {

	/* global */
	body { padding-top: 62px; }
	nav#navigation .navbar-brand { margin-top: 4px; }
		nav#navigation ul.nav li.account.first { margin-left: 0; }
		nav#navigation ul.nav li.account { margin-left: 0; padding-left: 0; border: 0; }

		li.search { position: relative; }
		#search_button { position: absolute; top:1px; right:0; margin-right: 15px; border: 1px solid #007942; background-color: #007942; color: #fff; }
		#search_form { margin-left: 15px; display: block; width: 90%; float: left; }
		#search_form input { width:100%; }

	/* dropdown megamenu */
	nav#navigation .dropdown-mega-menu { border-bottom: 1px solid #dcdcdc; margin-bottom: 6px; padding-top: 10px; padding-bottom: 10px; }
	nav#navigation .dropdown-mega-menu h4 { padding: 20px 15px 0 15px; background: transparent !important; color: #000; }
	nav#navigation .dropdown-mega-menu ul { padding: 8px 15px 7px 15px; }
	nav#navigation .dropdown-mega-menu .row .nav-javascript { clear: both; }

	nav#navigation .row2 { border-top: 0; }
	nav#navigation .row2 ul { padding:20px 15px 8px; }

	/* home */
	#book .col-sm-4 { padding: 0px 0 40px; text-align: center; }

	/* banner */
	#sub_banner h1 { font-size: 30px; line-height: 40px; }
	#sub_banner h1#course_title { font-size: 26px; }
    #sub_banner #course_description p { font-size: 16px; }
    #sub_banner #course_icon { height: 60px; width: 60px; }

    /* signup */
    .form-group .col-sm-2 select { margin-top: 20px; }
	.page-signup #sub_banner .col-sm-2 { display: none; }

	/* user dashboard */
	#content .lesson { margin-bottom: 20px; }
	#content .lesson .well { padding: 19px; }
	#content .lesson h4 { padding-left: 64px; }
	#content .lesson div { padding-left: 64px; }
	#content .lesson .lesson_meta { padding-left: 64px; }
    #content .lesson img { left: 20px; height: 42px; width: 42px; }

    /* video pages */
    #video_banner #lesson_meta a { font-size: 10px; }
    #video_banner h2#lesson_title { font-size: 13px; }
    #video_banner h2#lesson_title span { display: none; }
}

@media (max-width: 640px) {

	/* global */
	#learn_more h3 { font-size: 30px; letter-spacing: 0; }
	footer p br { display: none; }

	/* banner */
	#sub_banner, #sub_banner .container, #sub_banner .row { min-height: 0; background-size: cover !important; }
	#sub_banner h1 { font-size: 24px; line-height: 34px; }

	/* home page */
	.page-home #banner_bg { padding: 60px 0 20px; }
		.page-home #banner_bg h1 { font-size: 40px; line-height: 52px; letter-spacing: 0px; }
		.page-home #banner_bg .button_orange { display: block; margin-bottom: 20px; }

	#preview { padding: 60px 0 40px; }
	#teachers { padding: 60px 0; }
		#teachers #teachers_headshot img { margin-top: 40px; }
	#testimonials { padding: 60px 0; }
	#cta { padding: 0 0 80px 0; }
		#cta a.button_orange { display: block; margin-bottom: 20px; }	

	/* browse */
	#tag_table { margin-top: 0; }
	#tag_table tr .tag_amount { width: auto; padding: 0 15px; text-align: right; }
	#tag_table tr td { padding: 0 15px; }

	#content { padding-left: 0; padding-right: 0; }

}

@media (max-width: 440px) {

	/* banner */
	#sub_banner h1 { margin: 0; }
}