/* -- HD RESOLUTION DISPLAY -- */

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {


	div#header {
		background-image: url(../images/common/header-bg-2x.png);
		background-size: 2px 32px;
	}

	div#header-logo h1 a {
		background-image: url(../images/common/logo-2x.png);
		background-size: 473px 79px;
	}

	a#header-link-cart {
		background-image: url(../images/common/cart-2x.png);
		background-size: 26px 42px;
	}

	div#header-social a {
		background-image: url(../images/common/social-sm-2x.png);
		background-size: 162px 42px;
	}

	div#footer-social a {
		background-image: url(../images/common/social-lg-2x.png);
		background-size: 224px 58px;
	}

	div#mobile-menu-trigger a span {
		background-image: url(../images/common/mobile-menu-2x.png);
		background-size: 16px 16px;
	}

	div#features .indicator {
		background-image: url(../images/common/feature-selected-2x.png);
		background-size: 347px 90px;
	}

	div#feature-scroll a.carousel-prev,
	div#feature-scroll a.carousel-next,
	div#carousel a.carousel-prev,
	div#carousel a.carousel-next {
		background-image: url(../images/common/arrows-2x.png);
		background-size: 84px 84px;
	}

	div#sidebar-gallery a.carousel-prev,
	div#sidebar-gallery a.carousel-next {
		background-image: url(../images/common/arrows-sm-2x.png);
		background-size: 52px 52px;
	}

	div#search a.close {
		background-image: url(../images/common/close-2x.png);
		background-size: 25px 50px;
	}

	div#home-boxes .badge {
		background-image: url(../images/common/icons-home-2x.png);
		background-size: 126px 42px;
	}

	div#videos-items a.item span.title {
		background-image: url(../images/common/button-play-2x.png);
		background-size: 41px 41px;
	}

	div.share a {
		background-image: url(../images/common/share-2x.png);
		background-size: 52px 147px;
	}

	a.awards-badge {
		background-image: url(../images/common/badge-2x.png);
		background-size: 117px 234px;
	}

	div.article-text ul li,
	div#page-header summary ul li {
		background-image: url(../images/common/bullet-2x.png);
		background-size: 12px 12px;
	}

	div.box-special ul li {
		background-image: url(../images/common/bullet-reverse-2x.png);
		background-size: 11px 11px;
	}

	div#awards-menu a.selected span {
		background-image: url(../images/common/awards-selected-2x.png);
		background-size: 72px 72px;
	}

	div.category-icons a span.icon {
		background-image: url(../images/common/category-icons-2x.png);
		background-size: 210px 175px
	}

}


/* -- TABLET -- */

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


	.tablet-hidden {
		display: none;
	}

	/* -- Header -- */

	div#header {
		width: 636px;
	}

	div#header-logo h1 a {
		width: 305px;
	}

	div#header-buttons.full a#header-link-donate {
		display: none;
	}

	div#nav {
		position: relative;
		clear: both;
		height: 52px;
	}

	div#mobile-menu-trigger {
		display: block;
	}

	div#nav ul {
		display: none;
		position: relative;
		height: auto;
	}

	div#nav ul li {
		float: none;
		width: auto;
		height: auto;
	}

	div#nav ul li a.top {
		width: auto !important;
		height: auto;
	}

	div#nav ul li ul.menu {
		display: none;
		position: relative;
		left: auto;
		text-align: center;
	}

	div#nav ul li ul.menu li {
		float: none;
		margin: 0;
		padding: 6px 0;
	}

	div#nav ul li ul.menu li.menu-span-1 {
		width: auto;
	}

	div#nav ul li ul.menu li.menu-span-2  {
		width: auto;
	}

	div#nav ul li ul.menu li.menu-span-2 ul  {
		float: none;
		width: auto;
	}

	div#nav ul li ul.menu li.menu-span-3  {
		width: auto;
	}

	div#nav ul li ul.menu li.menu-span-3 ul {
		float: none;
		width: auto;
	}

	div#nav ul li ul.menu li.menu-span-4  {
		width: auto;
	}

	div#nav ul li ul.menu li.menu-span-4 ul {
		float: none;
		width: auto;
	}

	div#nav ul li ul.menu li ul {
		display: block;
		margin-bottom: 0;
	}



	/* -- Content -- */

	div#content {
		width: 636px;
	}

	div#page-header {
		padding: 0 15px;
	}

	div#page-header.inline {
		padding: 0;
	}

	div.article-layout {
		width: auto;
	}

	.hero img {
		width: 100%;
		height: auto;
	}

	.columns .column {
		float: none;
		margin-left: 0;
		margin-bottom: 16px;
	}

	.columns .column.span1 {
		width: 100%;
	}

	.columns .column.span2 {
		width: 100%;
	}

	.columns .column.span3 {
		width: 100%;
	}

	.columns .column.article-sidebar {
		width: auto;
		padding-left: 44px;
	}

	div.grid-lg .item-list {
		width: auto;
	}

	div.grid-lg .item {
		float: none;
		margin-right: 0;
		width: auto;
	}

	div.tabs {
		height: auto;
	}

	div.tabs a {
		display: block;
		float: none;
		width: 100% !important;
		text-align: center;
		border-left: 0;
		border-bottom: 1px solid #FFF;
	}

	div.tabs a.selected {
		display: block;
		background-image: url(../images/common/more-2x.png);
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 28px 42px;
	}

	div.sidebar-image img {
		width: 100%;
	}

	h2.banner img {
		width: 100%;
		height: auto;
	}


	/* -- Home -- */

	div#features {
		height: 454px;
	}

	div#features .images {
		height: 363px;
	}

	div#features a {
		float: left;
	}

	div#features .dividers {
		display: none;
	}

	div#features .carousel-indicators {
		width: 100%;
		bottom: 8px;
		text-align: center;
	}

	div#features .carousel-indicators span {
		display: inline-block;
		width: 7px;
		height: 7px;
		margin: 0 2px;
		background: #FFF;
		border-bottom: 0;
		border-radius: 50%;
	}

	div#features .carousel-indicators span.selected {
		background: #92CFE1;
	}

	div#features .indicator {
		display: none;
	}

	div#features .titles {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		height: 91px;
	}

	div#features .titles a {
		width: 100%;
		background: #A5208E;
	}

	div#features .titles a span.text {
		text-align: center;
		padding: 0;
	}

	div#features .titles a span.text span.title {
		color: #FFF !important;
	}

	div#features .titles a span.text span.summary {
		padding: 0 27%;
		color: #EDD2E8 !important;
	}



	/* -- Carousels -- */


	div#carousel-overflow {
		height: 309px;
	}

	div#carousel-items {
		height: 309px;
	}

	div#carousel-items a {
		width: 636px;
		height: 309px;
	}

	div#carousel-items a img {
		width: 636px;
		height: 309px;
	}

	div#carousel-items a .overlay {
		height: 80px;
		margin-top: -80px;
	}

	div#carousel-items a .overlay .label span {
		padding: 2px 8px 2px 10px;
		margin-top: -12px;
		font-size: 18px;
		line-height: 20px;
	}

	div#carousel-items a .overlay .title {
		padding: 12px 0 0;
		font-size: 34px;
		line-height: 40px;
	}

	div#carousel-items a .overlay .summary {
		font-size: 14px;
	}


	/* -- Home -- */

	div#home-boxes .content {
		height: auto;
		padding-bottom: 30px;
	}

	div#home-start p {
		padding: 10px 100px 0;
		width: auto;
		height: auto;
	}

	div#home-today p {
		margin-bottom: 0;
	}

	div#home-enews p {
		padding: 10px 100px 0;
		width: auto;
		height: auto;
	}


	/* -- Films -- */

	div#films-landing-sidebar {
		height: auto;
	}


	/* -- Blogs -- */


	div#blogs div.grid-lg {
		margin-left: 80px;
	}


	/* -- Advanced Search -- */

	div.advanced-search {
		width: auto;
		padding: 0;
		text-align: center;
	}

	div.advanced-search-form {
		float: none;
		margin: auto;
		text-align: left;
	}

	div.advanced-search-form:after {
		display: none;
		border: 0;
		content: "";
		border-width: 0;
	}

	div.advanced-search-text {
		float: none;
		width: 445px;
		margin: auto;
		padding-top: 20px;
		text-align: left;
	}

	/* -- Teachers -- */

	div#teachers-intro {
		padding-right: 1%;
	}



}


/* -- PHONE / SMALL TABLET -- */


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

	.mobile-hidden {
		display: none;
	}

	/* -- Wrapper -- */

	div#wrapper {
		width: auto;
		margin: auto;
		max-width: 500px;
	}

	/* -- Header -- */

	div#header {
		width: auto;
		margin: 0 20px;
		text-align: center;
	}

	div#header-logo {
		float: none;
		margin-left: 0;
	}

	div#header-logo h1 a {
		width: 303px;
		margin: auto;
	}

	div#header-links {
		display: none;
	}

	div#search p.intro {
		font-size: 18px;
		padding: 0 10px;
	}

	div#search form {
		padding: 5px 10px 20px;
	}

	div#search form input.input {
		width: 170px;
	}

	div#search form a.submit {
		width: 80px;
	}


	/* -- Content -- */

	div#content {
		width: auto;
		margin: 0 20px;
	}

	div#content h2 {
		font-size: 40px;
		line-height: 54px;
	}

	div#content h2 .subtitle {
		font-size: 19px;
		line-height: 22px;
	}

	div#content div#page-header {
		padding: 0;
	}

	div.article-share {
		position: absolute;
		padding-left: 0;
		margin-top: 62px;
	}

	div.share {
		display: none;
		margin-top: -15px;
		width: 22px;
		padding: 12px 6px 1px;
		overflow: hidden;
		background: #FFF;
		box-shadow: 0 0 3px rgba(0,0,0,.3);
		border-radius: 18px;
	}

	div.article-text {
		float: none;
		width: auto;
		overflow: visible;
	}

	div.article-text p {
		overflow: visible;
		clear: left;
	}

	div.article-text img {
		width: 100%;
		height: auto;
	}
	
	div.article-text img.photo-left {
		width: 40%;
		float: left;
		margin: 0 5% 15px 0;	
	}


	div.mobile-share-trigger {
		display: block;
		width: 44px;
		height: 34px;
		padding: 10px 0;
		float: left;
		overflow: hidden;
	}

	div.mobile-share-trigger a {
		display: block;
		width: 34px;
		height: 34px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../images/common/mobile-share-2x.png) no-repeat;
		background-size: 34px 34px;
	}

	div.hero a.awards-badge {
		position: relative;
		right: 0;
		top: 0;
		width: auto;
		height: auto;
		padding: 10px 0;
		background: #A5208E;
	}

	div.hero a.awards-badge span.year {
		display: inline;
		padding: 0;
		font-size: 19px;
		line-height: 20px;
		font-weight: 600;
		font-style: italic;
	}

	div.hero a.awards-badge span.text {
		display: inline;
	}

	.columns .column.span1 {
		width: auto;
	}

	.columns .column.span2 {
		width: auto;
	}

	.columns .column.span1-tab {
		float: none;
		width: auto;
		margin-left: 0;
	}

	.columns .column.article-sidebar {
		padding-left: 0;
	}

	div.grid .item-list {
		width: auto;
	}

	div.grid .item {
		width: auto;
		float: none;
		margin: 0 0 12px;
	}

	div.grid .item .text .byline {
		height: 16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	div.grid .item .text .summary {
		height: 50px;
		overflow: hidden;
	}

	div.grid-lg .item {
		width: auto;
	}

	div.grid-lg .item .text {
		width: auto;
		padding: 0;
	}

	div.landing-list .item-list .item {
		float: none;
		width: 99%;
		padding-right: 2%;
	}

	div#sidebar-gallery-items img {
		height: auto;
	}

	div.sidebar-image img {
		width: 100%;
		max-width: 350px;
	}

	div#carousel-overflow {
		height: 255px;
	}

	div#carousel-nav a {
		margin-top: 56px;
	}

	div#carousel-items {
		height: 255px;
	}

	div#carousel-items a {
		width: 310px;
		height: 255px;
	}

	div#carousel-items a img {
		width: 100%;
		height: auto;
	}

	div#carousel-items a .overlay {
		position: absolute;
		height: 70px;
		margin-top: -70px;
	}

	div#carousel-items a .overlay .label span {
		font-size: 16px;
		line-height: 18px;
		letter-spacing: 1px;
	}

	div#carousel-items a .overlay .title {
		font-size: 28px;
		line-height: 32px;
	}

	div#carousel-items a .overlay .summary {
		font-size: 13px;
		line-height: 16px;
		color: #000;
	}



	/* -- Footer -- */

	div#footer {
		margin-top: 30px;
	}

	div#footer-links a {
		display: block;
		margin: 18px 0;
	}

	div#footer-links #footer-mobile {
		display: block;
	}



	/* -- Home -- */

	div#features {
		height: auto;
		width: 100%;
		overflow: hidden;
	}

	div#features .images {
		width: 310px;
		height: 177px;
		overflow: hidden;
	}

	div#features a {
		float: left;
		width: 100%;
		height: auto;
	}

	div#features img {
		width: 100%;
		height: auto;
	}

	div#features .titles a span.text span.summary {
		padding: 0 5%;
	}

	div#feature-scroll {
		height: auto;
		margin: 16px 0;
	}

	div#home-boxes {
		padding-top: 8px;
	}

	div#home-start p {
		padding: 10px 0 0;
		width: auto;
		height: 80px;
	}

	div#home-enews p {
		padding: 10px 0;
		height: 40px;
	}

	div#videos {
		height: auto;
		text-align: center;
	}

	div#videos-player {
		display: none;
	}

	div#videos-nav {
		display: none;
	}

	div#videos-overflow {
		height: auto;
		width: 310px;
		margin: auto;
	}

	div#videos-items {
		height: auto;
		padding-top: 10px;
	}

	div#videos-items div.item {
		display: block !important;
		float: none;
		width: 310px;
		height: 205px;
		overflow: hidden;
		margin-bottom: 16px !important;
		text-align: left;
	}

	div#videos-items div.item a.placeholder {
		width: 310px;
	}

	div#videos-items div.item a.placeholder img {
		width: 310px;
		height: 144px;
	}

	div#videos-items div.item a.placeholder span.title {
		font-size: 16px;
	}

	div#blogs div.grid-lg {
		margin-left: 0px;
		width: 100%;
	}

	div#blogs div.grid-lg div.item-list {
		width: 100%;
		height: auto;
	}

	div#blogs div.grid-lg div.item-list div.item {
		width: auto;
		height: auto;
	}

	div#blogs div.grid-lg div.item-list div.item a span.overlay {
		position: relative;
		margin-left: 0;
		width: 100%;
		height: auto;
		margin-top: 0;
		font-size: 30px;
		background: #FFF;
	}

	div#blogs div.grid-lg div.item-list div.item a img {
		display: block;
		position: relative;
		margin: 0;
		width: 101%;
		height: auto;
	}

	div#blogs div.grid-lg div.item-list div.item a:hover span.overlay {
		background: rgba(255,255,255,.90);
	}

	div#blogs div.grid-lg div.item-list div.item span.text {
		padding: 10px 22px 22px;
		height: auto;
	}

	div#blogs div.grid-lg div.item-list div.item span.summary {
		height: auto;
		padding-bottom: 10px;
	}

	div#blogs div.grid-lg div.item-list div.item span.recent {
		font-size: 14px;
		line-height: 28px;
	}

	div#blogs div.grid-lg div.item-list div.item span.all {
		font-size: 14px;
		line-height: 28px;
		padding-top: 2px;
	}

	div#blogs img.blog-post-image {
		width: 100%;
		height: auto;
	}


	/* -- Advanced Search -- */


	div.advanced-search-form {
		width: auto;
	}

	div.advanced-search-form input.input {
		width: 90%;
		padding-left: 5%;
		padding-right: 4%;
	}

	div.advanced-search-text {
		width: auto;
	}


	/* -- Search Results -- */


	div#search-results .results-list .item {
		padding-right: 0;
	}

	div#search-results .results-filter ul li {
		padding: 5px 0;
	}



	/* --  Forum -- */

	div#forum-messages div.message {
		margin: 20px 0 0;
		padding-bottom: 30px;
	}

	div#forum-messages div.message div.avatar {
		float: left;
		width: 80px;
		min-height: 100px;
	}

	div#forum-messages div.message div.avatar img {
		width: 70px;
		height: 70px;
	}

	div#forum-messages div.message a.quote-post-link {
		display: block !important;
		opacity: 1 !important;
		margin-left: 0;
	}

	div#forum-messages div.message div.content {
		float: none;
		width: auto;
	}

	div#forum-messages div.message div.content p {
		clear: both;
	}

	div#forum-messages div.message div.details {
		font-size: 13px;
		color: #666;
	}

	div#forum-messages div.message div.title {
		min-height: 70px;
	}

	div#forum-messages div.message div.body {
		font-size: 17px;
		line-height: 26px;
	}

	div#forum-messages div.message div.body img {
		width: 100%;
		height: auto;
	}

	div#forum-messages div.message div.body .quoted {
		position: relative;
		background: #EEE;
		padding: 1px 16px 16px;
		color: #555;
		font-size: 14px;
		line-height: 20px;
		overflow: hidden;
	}

	div#forum-messages div.message div.body .quoted .overflow {
		display: none;
		position: absolute;
		z-index: 20;
		width: 100%;
		height: 30px;
		padding-top: 30px;
		bottom: 0;
		margin-left: -16px;
		background: url(/images/pages/forums/quote-overflow.png) repeat-x;
	}

	div#forum-messages div.message div.body .quoted .overflow a {
		display: block;
		float: right;
		padding: 0 16px;
	}


	/* -- Ecourses -- */

	div#ecourse-text img {
		width: 100%;
		height: auto;
	}


	div#profile-details p {
		padding-left: 0;
	}

	div#profile-details strong {
		position: relative;
		margin-left: 0;
		margin-bottom: 5px;
	}


}


/* -- SMALL PHONE -- */

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

	div#header {
		width: 310px;
		margin: 0 auto;
	}

	div#content {
		width: 310px;
		margin: 0 auto;
	}

}



/* -- PRINT -- */

@media print {



	/* -- Header -- */

	div#header {
		position: relative;
		width: auto;
		margin: 0;
		padding-top: 0;
		background: none;
	}

	div#header-logo {
		float: none;
		height: auto;
		overflow: auto;
	}

	div#header-logo h1 {
		font-size: 26px;
		font-family: 'minion-pro';
		text-align: center;
		font-style: italic;
	}

	div#header-logo h1 a {
		width: auto;
		height: auto;
		overflow: auto;
		text-indent: 0;
		background: none;
	}

	div#header-links {
		display: none;
	}

	div#header-buttons {
		display: none;
	}

	div#header-social {
		display: none;
	}

	div#nav {
		display: none;
	}

	div#mobile-menu-trigger {
		display: none;
	}

	/* -- Content -- */

	div#content {
		width: auto;
		padding: 0;
	}

	div.article-layout {
		width: auto;
	}

	div.article-share {
		display: none;
	}

	div.article-text {
		float: none;
		width: auto;
	}
	div.hero img {
		width: 100%;
		height: auto;
	}

	/* -- Columns -- */


	.columns .column {
		float: none;
		margin-left: 0;
	}

	.columns .column.span1 {
		width: auto;
	}

	.columns .column.span1-tab {
		width: auto;
		float: none;
		margin-left: 0;
	}

	.columns .column.span2 {
		width: auto;
	}

	div#sidebar-gallery-nav {
		display: none;
	}


	/* -- Footer -- */

	div#footer {
		display: none;
	}


	/* -- Gallery -- */


	div#gallery-lightbox {
		position: relative;
	}

	div#gallery-lightbox .titlebar {
		color: #000;
		background: #FFF;
	}

	div#gallery-lightbox .titlebar .title {
		float: none;
	}

	div#gallery-lightbox .titlebar .close {
		display: none;
	}

	div#gallery-lightbox .titlebar .share-menu {
		display: none;
	}

	div#gallery-lightbox .titlebar .share-menu .share-trigger {
		display: none;
	}

	div#gallery-lightbox .container {
		box-shadow: 0;
	}

	div#gallery-lightbox .container .display .nav-prev {
		display: none;
	}

	div#gallery-lightbox .container .display .nav-next {
		display: none;
	}

	.blurfilter {
		display: none;
	}



}