@media only screen and (min-device-width:320px) and (max-device-width:960px) {
	html {
		width: 100%
	}
	body {
		min-width: inherit;
		font-size: 1em
	}
	#page-wrapper {
		width: 95%!important;
		padding-top: 140px!important;
		margin: 0 2.5% -140px;
		min-width: initial
	}
	.logo {
		border: 0;
		padding: 8px 10px
	}
	#content-area {
		font-size: 100%;
		padding: 0;
		margin: 0 3%!important
	}
	.content {
		min-height: 0
	}
	#footer {
		height: 140px
	}
	#page-header {
		margin-bottom: 30px;
		min-width: initial
	}
	#quote {
		height: 120px
	}
	.quoteContent {
		font-size: 16px
	}
	nav.breadcrumb {
		font-size: 24px;
		line-height: 44px;
		height: 44px;
		overflow: hidden
	}
	#AccountSearch {
		line-height: 64px;
		height: 120px;
		font-size: 24px
	}
	socialmedia-sidebar {
		display: none
	}
	#background,
	.index-page header #page-top {
		background-color: #fff
	}
	.collection h1 {
		font-size: 2.5em
	}
	.views img {
		width: 35px
	}
	.collection.content-item .views a {
		margin-right: 18px
	}
	#content-area header #description {
		font-size: 160%;
		line-height: 28px
	}
	.collection.content-item .badges {
		height: 250px;
		vertical-align: top;
		float: none!important
	}
	.collection.content-item .badges .badgeText,
	.collection.content-item .badges a .badgeText {
		font-size: 45px;
		line-height: 30px
	}
	.collection.content-item .badges div img {
		width: 55px;
		height: 56px
	}
	#socialMediaSection a img {
		width: 55px;
		height: 55px
	}
	#content-area header {
		margin: 0;
		padding-right: 0;
		padding-bottom: 25px
	}
	.top-page-nav {
		top: 100px!important
	}
	#copyright,
	#footerContent {
		width: 95%;
		margin: 0 2.5%
	}
	.page-nav .next,
	.page-nav .previous {
		vertical-align: text-top!important;
		width: 24px!important;
		height: 30px!important;
		margin: 0 4px -6px 12px!important;
		padding: 5px 0
	}
	.page-nav .next img,
	.page-nav .previous img {
		top: 0!important;
		width: 42px!important;
		height: 26px!important
	}
	.page-nav .next img:hover,
	.page-nav .previous img:hover {
		left: -21px!important
	}
	.push {
		height: 140px!important
	}
	#topFooterContent,
	.username-password input {
		width: 95%!important
	}
	#footer_social_media,
	#quote,
	#sectionThree,
	#sectionTwo,
	.donate-banner,
	.learnmore .ampersand,
	.zone.zone-social-media,
	button.search-button {
		display: none!important
	}
	#sectionFour,
	#sectionOne {
		width: auto;
		display: inline-block;
		float: none;
		margin-top: 18px;
		margin-left: 10px;
		vertical-align: top
	}
	#sectionFour a,
	#sectionOne a {
		padding-top: 8px;
		padding-bottom: 8px
	}
	#footer_logo {
		width: 70%;
		float: none;
		margin: 20% 15% 0
	}
	footer {
		min-width: initial
	}
	#topFooterContent input {
		float: initial!important;
		display: block;
		padding: 0 10px!important;
		margin: auto!important
	}
	#topFooterContent a {
		display: block;
		text-align: center
	}
	p {
		padding: 0;
		margin: 0
	}
	.leftImage,
	.rightImage {
		max-width: 97%!important;
		width: 100%!important
	}
	.rightImage {
		float: none!important;
		margin: 1% 0!important
	}
	.rightImage img {
		max-width: 100%
	}
	.leftImage {
		margin: 15px 0!important;
		height: auto!important
	}
	.leftImage img,
	.textplus img {
		max-width: 100%!important;
		height: auto!important
	}
	.footer-links-container {
		width: 90%;
		margin-left: 10%;
		margin-right: 10%
	}
	#home-page-header,
	#homepage {
		width: 100%;
		margin: 0
	}
	#home-page-header #slogan {
		bottom: 9px!important;
		right: 40px!important
	}
	#home-page-header .logo {
		width: 80%;
		height: auto;
		padding: 0 10%
	}
	.learnmore,
	.tile {
		margin-left: auto!important;
		margin-right: auto!important
	}
	.tile {
		float: none!important;
		width: 85%!important
	}
	#alltopics .supercollection {
		width: 35%
	}
	#homepage .flip h3:active,
	#homepage .flip h3:hover {
		background-color: #6c6c6c!important
	}
	.learnmore {
		width: 270px!important;
		height: initial!important
	}
	.learnmore .ampersand {
		margin: auto!important
	}
	.learnmore h2 {
		position: relative!important;
		text-align: center!important;
		padding: 10px
	}
	.learnmore ul {
		position: relative!important;
		left: initial!important;
		bottom: initial!important;
		padding-bottom: 20px
	}
	.collection-content .learnmore {
		height: auto!important;
		padding-bottom: 40px
	}
	.collection-content .learnmore ul {
		position: relative;
		left: auto;
		bottom: auto
	}
	.collection-content .learnmore .nonseq:nth-child(1) {
		margin-left: 0!important
	}
	.collection-items.thumbnails li,
	.collectionVideoView .videos li {
		display: block;
		margin-right: auto!important;
		margin-left: auto!important
	}
	.collection.content-item h3 {
		text-align: center;
		margin-right: auto!important;
		margin-left: auto!important;
		line-height: 1
	}
	.question span,
	.videos .infoBar .details {
		position: relative!important
	}
	.collection .play-list.views {
		text-align: center
	}
	.collection .collection-title {
		display: block!important;
		text-align: center
	}
	.collection-content h3 {
		text-align: center;
		background-color: transparent;
		width: 100%
	}
	.collection-content h3:empty {
		padding: 0!important
	}
	#featurepage-header .collection-published {
		position: initial;
		margin-top: 30px;
		text-align: center;
		margin-bottom: -8px
	}
	#featurepage-header #description,
	#labspage-header #description {
		padding-bottom: 15px
	}
	.topic-group .desc .arrow {
		display: none!important
	}
	#toplevelbottomlink {
		margin-top: 15%!important
	}
	.supercollection li {
		transition: all 500ms ease;
		position: relative;
		padding-left: 0!important;
		text-indent: 0!important
	}
	.supercollection a {
		width: 100%;
		display: block
	}
	.collection-items.thumbnails li:active:after,
	.supercollection li:active:after {
		position: absolute;
		background-color: #000;
		display: block;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		content: '';
		opacity: .2;
		border-radius: 3px;
		pointer-events: none
	}
	#featured-topics {
		display: block
	}
	#featured-topics h3,
	h1.all-topics {
		text-align: center;
		color: #fff;
		width: 90%
	}
	#featured-topics h3 {
		font-size: 32px;
		font-weight: 400;
		line-height: 1;
		margin: 10px auto;
		padding: 2%;
		background-color: #00aed8
	}
	.site-nav-contents {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1
	}
	#youtubeplayer,
	.all-topics.site-nav-contents>div,
	.site-nav-contents>li {
		padding: 0
	}
	li.multiple-links a {
		display: inline!important;
		padding: 0 10px
	}
	.multiple-links,
	.site-nav .level-1 a {
		color: #fff
	}
	.supercollection>a {
		padding: 10px 0
	}
	#interactive div,
	#lessoncontent embed,
	#lessoncontent object,
	#quizcontrol .question-description img,
	#resourceContainer div,
	#resourceContainer p,
	.site-nav .level-1 li,
	.textplus embed,
	.textplus object {
		max-width: 100%
	}
	.supercollection h3 a,
	.supercollection>a {
		pointer-events: none
	}
	.supercollection ul {
		max-height: 0;
		overflow: hidden;
		padding: 0;
		transition: max-height 2s cubic-bezier(.17, .04, .03, .94)
	}
	.supercollection ul.dropdown-toggled {
		max-height: 600px;
		transition: max-height 2s cubic-bezier(.17, .04, .03, .94)
	}
	.supercollection {
		padding-left: 0;
		background: #2983bf;
		margin: 10px auto;
		width: 80%!important;
		display: block;
		text-align: center;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
		border-radius: 3px
	}
	.supercollection h3 {
		background: rgba(255, 255, 255, .2)
	}
	#alltopics .section {
		background: 0 0
	}
	.section h2 {
		background: #00aedb;
		width: 90%;
		display: none;
		margin: 10px auto;
		padding: 5px;
		line-height: 28px
	}
	h1.all-topics {
		background-color: #00aedb;
		margin: 10% auto;
		padding: 2% 0
	}
	.collection-content .supercollection h3,
	.videos .infoBar .details span,
	h3.all-topics {
		font-size: 20px
	}
	.n10 .supercollection,
	.n10 h2,
	.n2 .supercollection,
	.n2 h2 {
		background: #0d94ca
	}
	.n3 .supercollection,
	.n3 h2,
	.n9 .supercollection,
	.n9 h2 {
		background: #197aba
	}
	.n4 .supercollection,
	.n4 h2,
	.n8 .supercollection,
	.n8 h2 {
		background: #2560a9
	}
	.n5 .supercollection,
	.n5 h2,
	.n7 .supercollection,
	.n7 h2 {
		background: #324698
	}
	.n6 .supercollection,
	.n6 h2 {
		background: #25336f
	}
	.supercollection h3 {
		width: initial
	}
	paper-material.section.all-topics {
		background: 0 0;
		margin: 0
	}
	#featurepage-header .views {
		display: block;
		margin: 8% 0
	}
	.collection-items.thumbnails a.videoThumb {
		width: 270px;
		height: 131px
	}
	.videos li p {
		font-size: 21px;
		line-height: 21px
	}
	paper-dialog.playlist-lesson {
		height: initial
	}
	#youtubedialog #player {
		width: 100%!important;
		left: 0!important
	}
	.collection-items.list li a {
		font-size: 18px
	}
	.collection-items.list li {
		margin: 10px 0
	}
	.collectionVideoView .videos li p,
	.listCollectionIcon {
		display: none
	}
	.collectionVideoView .videos li {
		width: 100%;
		margin-top: 17px;
		border-radius: 3px;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
	}
	.videos .videoThumb h4 {
		font-size: 20px;
		line-height: 18px
	}
	.collectionVideoView .videos .wrapper {
		width: 100%;
		position: initial!important
	}
	.videos .videoThumb {
		width: 100%
	}
	.collectionVideoView .videos .infoBar {
		height: 44px;
		margin: 0;
		display: table;
		width: 100%;
		text-align: center;
		font-size: 20px;
		padding: 12px 0
	}
	.collectionVideoView ul.videos {
		width: 80%;
		margin: auto
	}
	.collection-items.thumbnails .nonseq a div {
		width: 100%!important;
		text-align: center;
		font-size: 20px
	}
	.collection-items.thumbnails .nonseq a div p {
		padding: 0;
		text-align: center
	}
	.collection-content .learnmore .ampersand {
		height: 260px
	}
	.learnmore li:nth-child(3),
	.learnmore li:nth-child(4) {
		display: none
	}
	.collection-content .learnmore h2 {
		font-size: 40px;
		bottom: -5px
	}
	.collection-items.thumbnails .mobile-unfriendly {
		display: none!important
	}
	.page-nav {
		font-size: 24px;
		padding: 15px 0
	}
	.bread-crumb,
	header .desktop-header {
		display: none
	}
	#quizcontrol .progress {
		padding-left: 0!important
	}
	#quizcontrol .footer-navigation-buttons {
		font-size: 16px;
		width: 100%;
		margin: auto;
		flex-wrap: wrap
	}
	#quizcontrol .footer-navigation-buttons paper-button {
		width: 45%
	}
	#quizcontrol .footer-navigation-buttons .colored {
		width: 94%!important;
		margin-top: 10px
	}
	#quizcontrol .question-description {
		margin-left: 0!important;
		margin-top: 10px
	}
	#quizcontrol .question-content {
		padding-left: 0!important
	}
	#quizcontrol .correct-icon,
	#quizcontrol .incorrect-icon {
		background: 0 0
	}
	header .mobile-header {
		display: block!important;
		position: fixed;
		width: 100%;
		z-index: 100
	}
	header #page-top {
		background-color: #f0f1f2
	}
	.homeicon {
		position: absolute;
		width: 140px;
		top: 8px
	}
	.homeicon.en-new {
		width: initial;
		top: initial
	}
	.homeicon.es,
	.homeicon.pt {
		width: 180px;
		top: 13px
	}
	.material-icons.menu-icon {
		position: absolute;
		top: 10px;
		font-size: 24px;
		color: #4f4f4f;
		padding: 5px;
		background: 0 0
	}
	.material-icons.menu-icon-left {
		right: 82px
	}
	.material-icons.menu-icon-right {
		right: 45px
	}
	header #navdropdown {
		background-color: #fff;
		color: #00aedb;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
		border-radius: 5px;
		position: absolute;
		top: 7px;
		right: 8px
	}
	header #page-top {
		min-height: 56px;
		border-bottom: solid 1px #fff
	}
	header #page-top .home-link {
		display: block;
		padding: 14px 20px 9px
	}
	header #navcollapse {
		position: absolute;
		top: 57px;
		z-index: 100;
		width: 103%;
		display: none;
		background-color: #38cfca
	}
	header .navcollapsecontent a {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center;
		padding: 10px 0;
		text-transform: uppercase;
		border-bottom: solid 1px #fff;
		color: #fff;
		background-color: #38cfca
	}
	header .language-picker a {
		display: inline-block!important;
		width: 32%!important;
		border-right: solid 1px #fff;
		border-bottom: none!important
	}
	header .searchcontrol {
		position: relative;
		margin-top: -34px;
		background-size: cover
	}
	header .searchcontainer {
		position: absolute;
		background-color: #38cfca;
		width: 100%;
		height: 49px;
		top: 34px
	}
	header .searchinput {
		display: inline-block;
		background-color: #fff;
		padding-left: 40px;
		width: 75%;
		height: 30px;
		color: #6c6c6c;
		font-family: 'Source Sans Pro';
		border: 0
	}
	header input.searchinput:focus {
		outline: 0
	}
	header .searchicon {
		display: inline-block;
		vertical-align: middle
	}
	header #gcfsearch {
		text-align: center;
		margin-top: 9px
	}
	header #gcfsearch button {
		border: 0;
		background: 0 0;
		vertical-align: bottom;
		position: absolute;
		top: 12px
	}
	#homepage {
		margin-top: 20px
	}
	#homepage .front {
		background: initial;
		margin: 5px auto;
		text-align: center;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
		border-radius: 3px
	}
	#homepage #labs a h3,
	#homepage .tile.tall h3 {
		background: rgba(255, 138, 0, .9);
		font-size: 20px
	}
	#homepage .tile,
	#homepage .tile.tall {
		height: 45px
	}
	#homepage .tile.small {
		width: 85%
	}
	#home-page-header,
	#homepage #edl,
	#homepage #featured,
	#homepage #labs,
	#homepage #mobile,
	#homepage #news,
	#homepage #podcast,
	#homepage #reading,
	#homepage #story,
	#homepage .back,
	.page-nav .pages span,
	footer .desktopfooter {
		display: none
	}
	footer {
		height: 110px;
		padding: 0;
		background: #eee!important;
		bottom: 0;
		margin-top: 40px
	}
	.push {}
	footer div.mobilefooter {
		width: 100%;
		display: block!important;
		align-content: center;
		text-align: center;
		padding: 10px 0;
		background: #eee;
		border-color: #38cfca
	}
	footer #copyright {
		width: 50%;
		min-width: 250px;
		margin-left: auto;
		margin-right: auto;
		font-size: 10px;
		font-family: 'Source Sans Pro';
		color: #707880;
		text-transform: uppercase;
		padding: 0;
		background-color: #eee;
		line-height: 1.5em;
		margin-top: 7px
	}
	.globalicon {
		width: 200px
	}
	.page-nav .pages .current-page,
	.page-nav .pages .current-page span {
		display: inherit
	}
	#content-area .listImage img {
		max-width: 100%;
		padding: 0
	}
	#content-area .listImage,
	#infopages .infopage-faq-category-links a {
		margin: 0
	}
	#content-area .floatLeft {
		float: none!important;
		padding: 0!important
	}
	#content-area .floatLeft img,
	#content-area .listImage img {
		display: block;
		margin: 10px auto
	}
	#content-area p img {
		max-width: 100%;
		display: block;
		margin: auto;
		height: auto!important
	}
	#content-area p.moreInfo,
	#infopages .slideshowFAQPage ul,
	#infopages .slideshowFAQPage ul li {
		margin: 0!important
	}
	.textplus h3 {
		text-align: center;
		margin-right: 0!important
	}
	.text-plus-page header h1 {
		line-height: .8
	}
	.text-plus-page header h2 {
		margin-top: 3%
	}
	#lessoncontent h4 {
		font-size: 1.6em!important
	}
	.textplus h4.center {
		margin: 50px 0 20px
	}
	.top-page-nav .next img,
	.top-page-nav .previous img {
		width: 48px!important
	}
	.textplus #video {
		margin-left: 0!important
	}
	.textplus .leftImageFloat {
		max-width: 100%!important;
		margin: 10px auto!important;
		float: none!important
	}
	.textplus .leftImageFloat .imageBorder {
		padding: 0;
		height: auto
	}
	.hotspot-content {
		display: none!important
	}
	#lessoncontent .imageBorder {
		padding: 0!important
	}
	.textplus {
		margin-top: 50px
	}
	.textplus #interactive {
		max-width: 100%;
		margin: 60px 0
	}
	#lessoncontent iframe,
	.textplus iframe {
		max-width: 100%!important;
		margin: 0!important;
		height: auto!important;
		min-height: 280px!important
	}
	.mobile-warning #interactive:before {
		content: "NOTE: The content on this page was designed for full-sized devices (laptop, desktop, etc.) and is not accessible on small screens.";
		display: block;
		text-align: left
	}
	#mobile-warning,
	.mobile-warning #interactive:before {
		margin-bottom: 10px;
		width: 90%;
		background-color: #af4248;
		color: #fff;
		border-radius: 3px;
		padding: 10px 5%;
		font-size: 14px
	}
	.mobile-warning-activated {
		display: block!important
	}
	#interactive iframe,
	.lgcanvas div,
	.tooltip .hotspot {
		display: none
	}
	.mobile-warning #interactive,
	object {
		display: block
	}
	object {
		position: relative
	}
	.lgcanvas {
		max-width: 100%!important;
		height: auto!important;
		margin: 15px 0!important
	}
	.lgcanvas,
	.tooltip,
	object {
		border: solid 1px #ddd;
		border-radius: 3px
	}
	.lgcanvas #bgimg,
	.tooltip img {
		max-width: 100%;
		opacity: .1;
		position: relative!important
	}
	.lesson-flash-interactive:after,
	.lgcanvas:after,
	.tooltip:after {
		content: "This content will not display correctly on a small screen."!important;
		font-size: 16px;
		position: absolute;
		padding: 20px;
		top: 25%;
		left: 0;
		right: 0;
		background-color: #af4248;
		color: #fff;
		border-radius: 3px;
		width: 75%;
		margin: auto
	}
	#lessoncontent .bracket1,
	#lessoncontent .bracket2 {
		background: 0 0!important;
		padding: 10px 0!important;
		margin: 0 auto!important;
		max-width: 100%;
		min-height: 0!important;
		left: 0!important
	}
	#lessoncontent .slides_container {
		margin: auto!important
	}
	#lessoncontent .slides_control,
	#lessoncontent .slideshow.math {
		left: 0!important;
		margin: auto!important
	}
	#lessoncontent .slides_control li {
		left: 0!important
	}
	#resourceContainer {
		padding: 0!important
	}
	.resourceEndOfBlock,
	.resourceResourceList,
	.resourcebottomBlock {
		height: auto!important;
		margin: 0!important
	}
	#resourceContainer .resourceOuterCircle {
		margin: 15px auto;
		width: 300px;
		height: 300px;
		float: none
	}
	#resourceContainer .resourceInnerCircle {
		width: 200px;
		height: 200px
	}
	#resourceContainer .resourceResourceNameblock {
		width: 190px
	}
	#resourceContainer .resourceResourceName {
		width: 190px;
		font-size: 18px
	}
	#resourceContainer .resourceResourceDescription {
		font-size: 16px;
		line-height: 22px;
		width: 160px
	}
	#resourceContainer .resourceMainTitle,
	#resourceContainer .resourceSectionName {
		font-size: 50px
	}
	#infopages #infopage-wrapper {
		max-width: 100%;
		border: 0!important
	}
	#infopages .info-support p br,
	#left-menu-wrapper {
		display: none
	}
	#infopages #infopage-content-wrapper {
		max-width: 100%;
		float: none!important;
		border-left: 0!important;
		padding: 0!important
	}
	#infopages #infopage-content-wrapper p {
		margin: 0 10px 20px!important
	}
	#infopages iframe,
	#infopages img {
		max-width: 100%
	}
	#infopages #infopage-content-wrapper h1 {
		padding: 0 20px
	}
	.videoslideshow-faq .slides_container {
		width: 155px!important
	}
	.slides_container {
		margin: auto
	}
	.videoslideshow-faq .slideshow.slideshowFAQPage {
		width: 70%!important;
		margin: 80px auto 20px
	}
	#infopages .videoslideshow-faq .videoslideshow-faq-header h2 {
		float: none!important;
		margin: 15px 0!important;
		text-align: center;
		font-size: 24px!important
	}
	.videoslideshow-faq-header {
		position: relative
	}
	.videoslideshow-faq-header h2,
	.videoslideshow-faq-header img {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto
	}
	.videoslideshow-faq-header h2 {
		top: 45px
	}
	.slideshow .next {
		right: 0!important
	}
	.slideshow .prev {
		left: 0!important
	}
	#infopages .slideshow .next,
	#infopages .slideshow .prev {
		top: 60px!important
	}
	#infopages .infopage-faq-category-links {
		text-align: center
	}
	#infopages .infopage-faq-category-links a img {
		margin: 10px 0
	}
	#infopages #infopage-content-wrapper .backToTop {
		text-align: center;
		margin: 15px 0 0 15px!important
	}
	#infopages .uvw-dialog-iframe {
		height: 350px!important
	}
	.info-support .infopage-donate-img {
		margin: 20px auto
	}
	.paypal-donate-form input[type=image] {
		margin: 0 0 0 -22px!important;
		max-width: 100%
	}
	.search-again {
		margin-left: 0
	}
	.search-again .searchBox {
		width: 90%;
		margin: auto;
		display: block;
		padding: 0 10px
	}
	.gsc-results .gsc-cursor {
		margin-left: 0;
		padding: 0
	}
	.gsc-cursor-box {
		text-align: center!important
	}
	.signin label.forcheckbox {
		width: initial;
		right: initial;
		padding: 0 10px
	}
	#deactivate-dialog-content,
	#edit-dialog-content,
	#edit-dialog-content input,
	.account-container,
	.divider {
		max-width: 100%
	}
	.no-account,
	.signin,
	.signin-container .no-account,
	.signin-container .signin {
		max-width: 90%
	}
	.signin-page-title {
		display: none
	}
	.signin-container .no-account {
		height: 155px
	}
	.validation-summary-errors {
		padding: 10px 0!important;
		max-width: 90%;
		font-size: 11px
	}
	.validation-summary-errors li {
		margin: 6px 0 0 10px;
		text-align: center
	}
	.recover-container {
		height: auto
	}
	.recover-container .divider {
		width: 90%
	}
	.recover-container .formtxtbx {
		width: 75%!important
	}
	.fieldMessage.recover-page {
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		padding: 0;
		top: -43%
	}
	.fieldMessage.recover-page span {
		display: block;
		padding: 10px
	}
	.recover-container,
	.register-container {
		width: 90%!important;
		left: 0;
		right: 0;
		margin: auto
	}
	.register-container .divider {
		width: 90%
	}s
	.account-container.background {
		background: url("../image4.png" );
		background-size: cover;
		padding: 15px 0;
		height: 675px!important;
		margin-top: 10px
	}
	label.forcheckbox p {
		font-size: 12px
	}
	label.forcheckbox p span {
		font-size: 12px!important
	}
	.form-message.createaccount-page,
	div.ceusrow,
	div.daterow {
		display: none!important
	}
	#termsofuse #infopages {
		max-width: 85%
	}
	#termsofuse #infopages p {
		margin: 30px 0
	}
	.mobile-hide {
		display: none
	}
	.welcome-box {
		text-align: center;
		margin: 35px 0
	}
	.profile-box-small {
		width: 100%!important;
		margin: 10px 0!important
	}
	.learning-history div img {
		position: initial!important
	}
	.learning-history div {
		vertical-align: middle;
		padding: 10px 5px;
		font-size: 14px
	}
	.num-completed {
		display: none
	}
	.asterisk-msg {
		margin: 10% 0
	}
	.deactivate-button-text,
	.error-404 .breadcrumb {
		display: none
	}
	#errorpage p.errorcode,
	.profile-box-large {
		margin-top: 10px
	}
	#errorpage.four-oh-four {
		margin: 50px 0 0;
		background-size: contain;
		background-position-y: 100%
	}
	#errorpage.four-oh-four .primary-img {
		float: none;
		width: 100%
	}
	#errorpage h2 {
		font-size: 1.5em!important;
		line-height: 1;
		margin-bottom: 12px
	}
	.error-suggestions li {
		width: 100%!important;
		margin: 10px 0
	}
	.error-suggestions li+li {
		border-left: none!important
	}
	.error-suggestions {
		margin: 25px 0!important
	}
	.collection-items .print-button,
	.corner-images-box {
		display: none
	}
	#errorpage p {
		line-height: 1.2
	}
	.collection-content {
		max-width: 100%
	}
	.collection-items .tutorial-info {
		width: inherit!important;
		max-width: 75%!important
	}
	.collection-items li {
		margin-bottom: 25px!important;
		height: 140px!important
	}
	.collection-items li a .seq-num {
		font-size: 50px!important
	}
	.completed-checkmark {
		position: absolute
	}
}

@media only screen and (max-device-width:359px) {
	.transcript-button .button-text {
		display: none
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
	#topFooterContent {
		font-size: 70%!important;
		width: 95%!important
	}
	#sectionFour,
	#sectionOne {
		width: 42%;
		display: inline-block;
		float: none;
		margin-top: 18px
	}
	.footer-links-container {
		width: 90%;
		margin-left: 0!important;
		margin-right: 1px!important
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:1024px) {
	.flip .back,
	.flip .front {
		-o-transition-property: none!important;
		-moz-transition-property: none!important;
		-ms-transition-property: none!important;
		-webkit-transition-property: none!important;
		transition-property: none!important;
		-o-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-webkit-transform: none!important;
		transform: none!important;
		-webkit-animation: none!important;
		-moz-animation: none!important;
		-o-animation: none!important;
		-ms-animation: none!important;
		animation: none!important
	}
}

@-ms-viewport {
	width: device-width
}