/* Large desktop */
@media (min-width: 1200px) {
	ul.nav li {margin-top: 7px;}
	#search-form {margin: 33px 30px 0 0; padding-bottom: 0}
	.category-bg {width: 260px}
	.tool-thumb-interior {height: 250px;}
	textarea#my_notes {width: 425px; height: 338px;}
	#load-video { 
		margin-top: 10px;
		min-height:420px;
		height: 420px;
	}
	.padding-left {padding-left: 0px}
}/* --------------- */

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	html,body{padding: 0px; margin: 0px}
	/* NAV */
	.navbar-fixed {width: 100%}
	div.navbar a.btn {margin-top: 10px}
	div.navbar div.nav-collapse ul.nav li {margin-top: 0; padding-top: 0px; line-height: 20px;}
	div.navbar div.navbar-inner div.container div.nav-collapse ul.nav li a {padding-top: 10px; padding-bottom: 10px}
	div.navbar div.nav-collapse ul.nav li a:hover {background-color: #fefefe}
	#search-form {float: left}
	#search-form {margin: 0px 0px 0 0;}
	input#appendedInputButtons.input-medium { width: 100px;height: 19px;}
	div#search-form.input-prepend form.form-inline span.add-on{padding-top: 1px; height: 22px;}
	/* PAGE BODY */
	div.body-bg-color, div.body-bg-color div.container {margin: 0; padding: 0px; width: 100%}
	div.body-bg-color div.padding-top {margin: 0; padding: 20px  24px 0 24px; width: 95%}
	div.body-bg-color div.container h2.lead {line-height: 20px;}
	/* HOME */

	#home-page {padding: 0 0px 0 0px}
	.span6 {margin-bottom: 20px; padding-left: 10px}
	.featured-area {margin-bottom: 40px; padding:10px; -webkit-border-radius: 0px; border-radius: 0px;}
	.featured-area h4 {padding-left: 20px}
	.featured-area .tool-thumbnail {width: 47.5%; margin-bottom: 20px; margin-left: 20px; margin-right: 0px; min-height: 300px; height: 300px;}
	/* Tools and Categories */
	.category-bg {width: 156px; margin-bottom: 20px}
	div#content-container.row div.row div.span9 {width: 69%}
	.tool-thumb-interior {width: 32.00%;margin: 0px 0 20px 2.00%; height: 180px;}
	.tool-thumb-interior p {min-height: 40px}
	/* TOOL Instructional Page */
	div.body-bg-color div.tool-info {padding-top: 20px}
	.span7 {padding-left: 24px}
	div.video-note-area {margin-bottom: 10px}
	div.video-note-area .span7 {padding-left: 14px}
	.video-note-area h4 {padding: 0}
	textarea#my_notes {width: 100%; height: 195px;}
	#load-video {
		min-height: 280px;
		height: 300px;
		max-height: 320px;
	}
}/* --------------- */


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	html,body{padding: 0px; margin: 0px; width: 100%}
	html,body {
    padding-right: 0 !important;
    padding-left: 0 !important;
    }
	/* NAV */
	.navbar, .navbar-fixed {padding: 0px; margin: 0px; width: 100%}

	.brand{ width: 75%;}
	div.navbar a.btn {margin-top: 15px}
	div.navbar div.nav-collapse ul.nav li {margin-top: 0; padding-top: 0px; line-height: 20px;}
	div.navbar div.navbar-inner div.container div.nav-collapse ul.nav li a {padding-top: 10px; padding-bottom: 10px}
	div.navbar div.nav-collapse ul.nav li a:hover {background-color: #fefefe}
	#search-form {float: left}
	#search-form {margin: 0px 0px 0 0;}
	input#appendedInputButtons.input-medium { width: 100px;height: 19px;}
	div#search-form.input-prepend form.form-inline span.add-on{padding-top: 1px; height: 22px;}
	/* PAGE BODY */
	div.body-bg-color{padding: 0px 5px; margin: 0px}
	div.body-bg-color div.container h2.lead {line-height: 20px;}
	/* HOME */
	.span6 {margin-bottom: 20px}
	.featured-area {padding-bottom: 10px; margin-bottom: 20px}
	.featured-area h4 {padding-left: 5px}
	.featured-area .tool-thumbnail {width: 46.25%; margin-bottom: 20px; min-height:160px;}
	/* TOOL THUMBS */
	.tool-thumb-interior.first{margin: 0px 3% 20px 0;}
	.tool-thumb-interior {width: 47%; min-height: 160px; height: 160px; margin: 0px 3% 20px 0;}

	.tool-thumbnail p { margin:10px 5px 0 5px; padding-bottom: 10px; min-height: 40px; height: 40px}
	/* TOOL Instructional Page */
	.tool-meta-info {width: 90%; height: auto; margin-bottom: 20px}
	.video-note-area {padding: 10px 5px}
/* 	#load-video {min-height: 240px; height: 240px; max-height: 260px} Removed to fix responsive iframe embed */
	textarea#my_notes {width: 95%; height: 200px;}
	.share-links h4 {display:inline}
	/* Profile */
	.profile-section {border-bottom: 1px solid #eee; padding: 10px inherit}
	/* FOOTER */
	footer {margin-top:10px;}
	footer .span3 {padding-left: 5px}
}/* --------------- */


/* Landscape phones and down */
@media (max-width: 480px) {

}/* --------------- */