#navigation {
	height: 40px;
}

#navigation .header {
	display: none;
}

@media only screen and (max-width: 1023px) and (min-width: 0px) {
	p {
		padding-bottom: 10px;
	}
	#footer_big {
		padding-left: 15px;
		padding-right: 15px;

	}
	#navigation {
		height: 48px;
	}
	#sub_navigation {
		position: relative;
		top: auto;
		padding: 10px 15px 2px 15px;
		box-sizing: border-box;
		width: 100%;
		line-height: 1.1;
		border-bottom: 1px solid #383838;
		height: auto;

	}
	#sub_navigation .container_12::after {

	}
	#sub_navigation .container_12::before {
		display: none;
	}
	#sub_navigation nav {
		text-align: center;
		height: auto;
		overflow: hidden;
		/*display: flex;
		//justify-content: space-between;
		align-items: flex-start;
		flex-flow: row wrap;*/
	}

	#sub_navigation nav::after {
		content: '';
  		flex: auto;

	}
	#sub_navigation nav a {
		margin: 0;
		height: auto;
		text-align: left;
		display: inline-block;
		padding-right: 20px;
		float: none;
		padding: 0 10px 10px 10px;

	}

}



@media only screen and (max-width: 1023px) and (min-width: 0px) {
	h1 {
		line-height: 1.2;
		font-size: 1.6em;
	}
	#navigation {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		background-color: #292929;
	}
	#navigation.open {
		height: auto;
	}
	#navigation.open nav {
		display: flex;

	}
	#navigation nav {
		display: none;
		height: auto;		
		flex-flow: column nowrap;
	}
	#navigation nav a {
		width: auto;
		margin: 0;
		display: block;
		text-align: left;
		padding: 0;
		padding: 8px 0 0 15px;
		height: 40px;
		box-sizing: border-box;
		border-bottom: 1px solid #ff015d;

	}
	#navigation nav a:active {
		background-color: #ff005d;
		color: #FFF !important;
	}

	#navigation .header a {
		margin: 0;
	}
	#navigation a.logo {
		height: auto;
	}
	#navigation a.logo img {
		vertical-align: unset;
		display: block;
	}
	

	#main-logo {
		display: none;
	}
	header {
		height: auto;
	}
	.parallax {
		background-image: none !important;
	}

	.container_12 {
		width: auto;
	}
	body {
		min-width: 0;
	}
	
	.grid_12 .grid_11, .grid_10, .grid_9, .grid_8, .grid_7, .grid_6, .grid_5, .grid_4, .grid_3, .grid_2, .grid_1  {
		width: auto !important;
		left: auto !important;
		margin: 0 !important;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	h1 {
		line-height: 1.2;
		font-size: 2em;
	}

}


/* --------------- FOOTER ----------------- */

/* below ipad */

@media only screen and (max-width: 1023px) and (min-width: 0px) {
	#footer_big {
		display: flex;
		padding-bottom: 50px;

	}
	#footer_big .grid_12 {
		font-size: 14px;
		line-height: 22px;
		width: auto;
		display: flex;
		flex-flow: row wrap;
		margin: 0;
		/*padding: 0 15px;*/
	}
	#footer_big .grid_12 ul {
		margin: 0 0 20px 0;
		flex: 0 1 33.3%;

	}
	#footer_big .grid_12 ul li {
		padding-right: 10px;
	}
	#footer_big .grid_12 > div {
		float: none !important;
		flex: 1 1 33.3%;
	}



	#footer_big .grid_12 > div img {
		margin: 0;
		margin-bottom: 14px !important;
	}
	body.courses span.price.gray {
		padding: 0 10px;
	}
}

/* ipad */

@media only screen and (max-width: 1023px) and (min-width: 768px) {

	#footer_big .grid_12 > div {
		flex: 1 1 25%;
	}
	#footer_big .grid_12 ul {
		flex: 1 1 25%;
	}

}

/* --------------- COURSES ----------------- */





/* below ipad */

@media only screen and (max-width: 1023px) and (min-width: 0px) {
	#course-purchase h1 {
		text-align: center;
		margin-bottom: 10px;
	}
	#course-purchase br {
		height: 10px;
	}
	#course-purchase .buy-training, body.courses .chapter .buy-training {
		width: auto !important;
		text-align: center;
		position: relative;
		display: block;
		top: auto;
		margin-bottom: 20px;
		margin-top: 15px;
		border-radius: 10px;

		background-color: #292929;

		padding: 20px 0;
	}
	body.courses .chapter .buy-training {
		background-color: #495658;

	}



	body.courses article .container_12 {
		padding: 0 15px;	
	}
	#course-purchase .container_12 p {
		width: 100%;
	}
	#course-purchase iframe {
		


	}
	body.courses section {
		padding: 2em 0;
	}

	body.courses .course-videos .chapter p {
		width: 100%;
		
	}
	body.courses .grid_7 {
		text-align: center;
		padding: 0 20px;
	}
	body.courses .course-videos ul li {
		width: 100%;
		margin: 0 0 20px 0;
		height: 220px;
	}
	body.courses .course-videos ul li .title {
		font-size: 22px;
		font-weight: bold;
	}
	body.courses .course-videos .chapter h2 {
		margin-bottom: 10px;
	}

	body.courses .comments-container p {
		width: 100%;
	}
	body.courses .comments-container .comment-container {
		max-width: 100%;
	}
	body.courses .container_12 h1 {
		margin-bottom: 5px;
		display: none;
	}
	body.courses .buy-training {
		position: relative;
		display: none;

	}
	body.courses .mobile-training {
		padding-bottom: 5px;
	}
	body.courses .mobile-training .buy-training {
		display: block;
		text-align: center;
	}
	body.courses .course-video .title h2 {
		line-height: 1.3;
		width: 100%;
		font-size: 20px;
		margin-bottom: 8px;
	}
	body.courses .course-video p.video-description {
		padding-top: 5px;
		width: 100%;
	}
	body.courses article section:nth-of-type(1){
		padding-top: 15px;
	}
	body.courses .container_12 p {
		width: 100%;
	}
}

/* ipad */

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	#course-purchase .buy-training, body.courses .chapter .buy-training {
		width: 50% !important;
		margin: 0 auto 20px auto;
	}

	body.courses .course-videos ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	body.courses .course-videos ul li {
		width: calc(50% - 10px);
/*		margin: 0 0 20px 0;
		height: 220px;*/
	}
	body.courses .container_12 p, body.courses .course-video p.video-description {
		width: 75%;

	}

	.mobile-training {
		display: none;
	}
	body.courses .container_12 h1 {
		display: block;
		margin-bottom: 12px;
	}
	body.courses .buy-training {
		display: block;
		position: absolute;
		right: 10px;
	}
	body.courses .container_12 {
		position: relative;
	}
	body.courses .course-video .title h2 {
		font-size: 22px;
		margin-bottom: 0;
		width: auto;
	}
}




/* ---------------- MANUAL ----------------- */

/* ipad */

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.manual-featured .article, .manual-section .article {
		flex: 0 1 48.5%;
		width: auto;
	}
	.manual-featured .articles, .manual-section .articles {
		padding: 0 15px;
		justify-content: space-between;
	}


	#manual-article .menu {
		width: 30%;
		padding-right: 20px;
		box-sizing: border-box;
	}
	#manual-article .content {
		width: 70%;
		padding-right: 15px;
	}
}
/* below ipad */

@media only screen and (max-width: 1023px) and (min-width: 0px) {
	.manual-featured .article, .manual-section .article {
		padding: 0;
	}
	.manual-section h1 {
		padding-left: 15px;
	}
	.manual section {
		padding: 2em 0;
	}
}

/* phone */

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

	.manual-featured .articles, .manual-section .articles {
		display: flex;

	}
	

	#manual-article .menu, 	#manual-article .menu.fixed {
		position: relative;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	#manual-article .menu .breadcrumb {
		padding: 0;
		margin-bottom: 10px;
	}

	#manual-article .menu #article-nav > ul {	
		display: none;
	}
	#manual-article .menu ul {
		margin-bottom: 0;
	}
	#manual-article .mobile-nav {
		display: block;
	}
	#manual-article .menu #article-nav .mobile-nav {
		column-count: 2;
		margin: 1em 0;
	}
	#manual-article .menu #article-nav .mobile-nav ul {	
		padding: 0 0 0 0;
		display: flex;
		flex-flow: row wrap;
		-webkit-column-break-inside: avoid;
		min-width: 50%;
	}
	#manual-article .menu #article-nav ul li {
		margin-top: 8px;
		
		box-sizing: border-box;
		line-height: 1.3;
	}	
	#manual-article .menu #article-nav ul li a {
		text-decoration: none;
	}


	#manual-article .menu #article-nav ul li.nav-1 a {
		color: #ff005d;
	}

	#manual-article .menu #article-nav ul li.nav-2 a {
		color: #8c8c8c;
		position: relative;
	}

	#manual-article .menu #article-nav ul li.nav-2 a::before {
		content: '•';
		position: absolute;
		left: -15px;
		top: -2px;
		font-size: 18px;
	}

	#manual-article .menu #article-nav ul li.nav-2 {
		margin-left: 15px;
	}


	.manual .article .lang-chooser {
		justify-content: flex-start;
		width: 50%;
		float: right;
		overflow: hidden;
		box-sizing: border-box;
		padding-left: 6px;
		flex-flow: row wrap;
	}
	.manual .article .lang-chooser a {
		display: none;
		padding: 0 8px 0 0;
		margin-bottom: 3px;
	}
	.manual .article .lang-chooser a.mobile {
		display: block;
		font-size: 14px;
	}
	
	#manual-article .breadcrumb {
		position: absolute;
		top: -27px;

	}
	#manual-article .breadcrumb i {

	}
	#manual-article .content {
		width: auto;
		padding: 0 15px;
	}
	#manual-article .content {
		line-height: 1.5;
		padding-bottom: 40px;
	}
	#manual-article .content ul {
		margin-left: 20px;

	}
	#manual-article .content p {

	}
	#manual-article .content ul li p {
		margin-bottom: 0;
	}
	#manual-article .content h1, #manual-article .content h1.title {
		line-height: 1.2;
		font-size: 1.6em;

	}
	#manual-article .content iframe {
		width: 100% !important;
	}
	#manual-article img {
		padding: 0;
		margin: 10px 0;
	}
	#manual-article .content h2 {
		margin-top: 30px;
		line-height: 1.2;
		font-size: 1.6em;
	}	
}
@media only screen and (max-width: 767px) and (min-width: 0px) {

	body.manual article section:nth-child(1){
		padding-bottom: 0;
		padding-top: 14px;
	}
	#manual-search-results .search-result {
		margin: 0;
		width: auto;
		padding: 15px 30px;
	}
	#manual-search .search-filter {
		margin: 0;
		margin: 0 15px;
		width: auto;

	}
	#manual-search .search-filter input {
		font-size: 22px;
		padding-left: 15px;
	}
	#manual-search .search-filter {

	}
	.manual-featured h1, .manual-section h1 {
		padding: 0 15px;
	}
	.manual-featured .articles, .manual-section .articles {
		padding: 0 15px;


	}
	.manual-featured .article, .manual-section .article {
		flex: 1 1 100%;
	}
	.manual-featured .articles .article .image, .manual-section .articles .article .image {
		height: 160px;
	}
}

/* --------------- FOOTAGE ----------------- */


/* below ipad */


@media only screen and (max-width: 1023px) and (min-width: 0px) {
	
	body.footage {
		width: 100%;
		min-width: unset;
	}
	body.footage .container_12 .grid_6 {
		width: 100% !important;
	}
	body.footage .container_12 .grid_6.info h1 {
		margin: 0;
	}
	body.footage .container_12 .grid_12 {
		width: 100%;
	}
	#footage-package .omega li {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		font-size: 16px;
	}
	#footage-package .omega a {
		width: 50% !important;
		padding: 3px 5px 3px 34px;
		margin-bottom: 10px;


	}
	body.footage #preview iframe, #footage-package iframe {
		width: 100% !important;
	}
	body.footage article section {
		margin-top: 0 !important;
		padding: 20px 15px 0 15px;
	}
	body.footage h1.grid_12 {
		margin-bottom: 10px;
	}
	body.footage article .grid_3 {
		width: 100% !important;
	}
	body.footage article .grid_3 p { 
		padding-right: 10px;
	}
	body.footage article .grid_3 img {
		width: 100%;
		height: auto;
	}

	body.footage .thumbs .previews {
		justify-content: space-between;
	}
	body.footage .thumbs .previews a {
		margin: 0;
		flex: 0 1 23.5%;
		width: auto;
		padding-bottom: 5px;
		box-sizing: border-box;
	}
	body.footage .thumbs .previews a img {
		width: 100%;
		border: none;
		display: block;
	}

	body.footage .grid_12 {
		margin: 0;
	}
	body.footage article section {
		padding-bottom: 30px;
	}

	body.footage .grid_12.names {
		display: flex;
		flex-flow: row wrap;
	}
	body.footage .grid_12 h2 {

		font-size: 4.3vw;
		display: block !important;
		text-align: left;
		flex: 0 1 50%;
	}
	body.footage .container_12.top h1 {
		display: none;
	}
	body.footage .container_12.top h2 span.number {
		display: inline;
	}	
}

/* ipad */

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	body.footage article section .container_12 {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	body.footage article section .grid_3 {
		flex: 0 1 33.3%;
		box-sizing: border-box;
		padding-right: 15px;
	}
	body.footage article section .grid_3:nth-of-type(3n+3) {
		padding-right: 0;
	}
	body.footage .thumbs .previews a {
		flex: 0 1 15.5%;
	}

	#footage-package .omega {
		padding-top: 20px;
	}
	#footage-package .omega li {
		justify-content: flex-start;
	}
	#footage-package .omega a {
		width: 25% !important;
		margin-right: 20px;
	}
	body.footage .grid_12 h2 {
		font-size: 18px;
		flex: 0 1 25%;
		box-sizing: border-box;
		overflow: hidden;
	}

}


/* --------------- SOFTWARE ----------------- */


/* below ipad */


@media only screen and (max-width: 1023px) and (min-width: 0px) {
	body.software article section .grid_12 {
		width: 100%;
	}
	body.software article section {
		padding: 2em 0;
		margin-top: 0 !important;
	}
	body.software article section .container_12 {
		padding: 0 15px;
	}
	body.software .hash.new {
		margin: 0;

	}
	body.software article[pageid='15'] section .grid_3 {
		position: relative;
		padding: 0 !important;
		display: flex;
		width: 100% !important;
		margin-bottom: 15px !important;
	}

	body.software article section .grid_6 img {
		margin-top: 0 !important;
	}

	body.software article section .grid_5 br, body.software article section .grid_6 br {
		display: none;
	}
	
	body.software .grid_4, body.software .grid_5 {
		padding-top: 0 !important;
	}
	body.software .clear {
		margin-bottom: 10px !important;
	}
	body.software article section p br {
		display: none;
	}
	body.software article section:nth-child(6) .grid_4.push_1 {
		display: flex !important;
	}
	body.software .grid_4.push_1 a {
		display: block;
		width: 50%;
		box-sizing: border-box;
		padding: 15px;
	}

	body.software .grid_12 {
		margin: 0 !important;
	}

	body.software #img3 {
		height: 140px !important;
	}
	body.software article .container_12 ul {
		margin-left: 18px !important;
	}
	body.software .grid_4 {
		display: block !important;
		width: 100% !important;
	}
	body.software .grid_4 h2 {
		margin-top: 0 !important;
		display: block;
	}

	body.software img[alt=qtlogo] {
		width: initial !important;
	}
	body.software .container_12 .grid_7 + .grid_7 {
		margin-top: 15px !important;
	}


	body.software .grid_5.push_1 img {
		margin-bottom: 40px !important;
	}
	body.software article section .grid_5 img, body.software article section .container_12 > img, body.software article section .grid_6 img, body.software article section .grid_4 img {
		width: 100% !important;
		margin: 0 0 15px 0 !important;
	}

	body.software article section h2 {
		line-height: 1.2;
		margin-bottom: 10px;
	}
	body.software article .container_12 img {
		width: 100%;
	}

	body.software iframe {
		margin-top: 0 !important;
		width: 100%;
		min-width: 100%;
		padding: 0 !important;
		height: initial;
	}
	body.software .clipLink span {
		display: block;
		padding-bottom: 5px;
	}	
	body.software .container_12 .grid_6 ul {
		margin-left: 0 !important;
	}
	body.software .clipLink {
		display: block;
		overflow: hidden;
		width: 100%;
		height: auto;
		display: flex;
		flex-flow: column-reverse nowrap;

	}
	body.software .clipLink img {

		height: auto;
	}

	body.software .grid_4 ul {
		margin-left: 18px;
	}
	body.software #toph1 {
		margin-bottom: 15px;
	}


	body.software article section:nth-child(8) .clear {
		display: none;
	}
	body.software article section:nth-child(8) .container_12 {
		justify-content: center;
		display: flex;
		flex-flow: row wrap;		
	}
	body.software article[pageid='2'] section:nth-child(8) .container_12 > div.grid_4 {
		box-sizing: border-box;
		padding: 0 20px;
	}
	body.software article[pageid='2'] section:nth-child(8) .container_12 > div {
		width: 50% !important;

	}
	body.software article section:nth-child(8) .container_12 > div.grid_8.push_2 {
		margin-bottom: 20px !important;
	}
	
	body.software article[pageid='2'] section:nth-child(8) .container_12 > div.grid_8, 	body.software article[pageid='2'] section:nth-child(8) .container_12 > div.grid_6 {
		width: 100% !important;
		text-align: center;
	}

	body.software article[pageid='2'] section:nth-child(2) .container_12 > .grid_3 {
		text-align: center;
		width: 100% !important;
		padding: 0 !important;
		display: flex;
		justify-content: center;
		margin-bottom: 20px !important;

	}	
	body.software article[pageid='2'] section:nth-child(2) .container_12 > .grid_3 img {
		width: 50%;
		padding: 0 !important;
		
		

	}
}


/* ipad */

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	body.software article[pageid='2'] section .container_12 {
		display: flex;
		flex-flow: row wrap;
		padding: 0 7.5px;
	}
	body.software article section .container_12 img {
		height: auto !important;
		align-self: center;
	}
	body.software .clear {
		display: none;
	}
	body.software article[pageid='2'] .container_12 > div, body.software article[pageid='23'] .container_12 > div {
		width: 50% !important;
		box-sizing: border-box;
		padding: 0 7.5px;
	}
	body.software article .container_12 > div img {
		height: auto !important;
		display: block;
	}
	body.software article section:nth-child(8) .container_12 {
		justify-content: center;
	}
	body.software article[pageis='2'] section:nth-child(8) .container_12 > div.grid_4 {
		padding: 0 30px;
	}
	body.software article[pageid='2'] section:nth-child(8) .container_12 > div {
		width: 33.3% !important;

	}
	body.software article section:nth-child(8) .container_12 > div.grid_8.push_2 {
		margin-bottom: 20px !important;
	}
	
	body.software article[pageid='2'] section:nth-child(8) .container_12 > div.grid_8, body.software article[pageid='2'] section:nth-child(8) .container_12 > div.grid_6 {
		width: 75% !important;
		text-align: center;
	}

	body.software article section:nth-child(9) .container_12 > div:nth-child(2), body.software article section:nth-child(9) .container_12 > div:nth-child(4) {
		padding: 10px 20px;
	}

	body.software article[pageid='2'] section:nth-child(2) .container_12 > div.grid_3 {
		width: 40% !important;
		margin-bottom: 20px !important;

	}
	body.software article[pageid='2'] section:nth-child(2) .container_12 > div {
		width: 75% !important;
		text-align: center;
		margin: 0 auto !important;
	}
	body.software article section:nth-child(1) .container_12 > div {
		width: 100% !important;

	}
	body.software article[pageid='23'] section:nth-child(8) .container_12 {
		justify-content: flex-start;
 	}
	body.software article[pageid='23'] section:nth-child(4) div {
		width: auto !important;
		padding-bottom: 0 !important;
	}
	body.software article[pageid='23'] section:nth-child(9) div {
		width: auto !important;
		padding-bottom: 20px;
	}

	body.software article[pageid='23'] section div:nth-child(1){
		padding-bottom: 20px;
	}

	body.software article[pageid='1'] section:nth-child(2) .container_12 {
		display: block;
	}
	body.software article[pageid='1'] section:nth-child(2) .container_12 div {
		width: 50% !important;
		float: left;
	}
	body.software article[pageid='1'] section:nth-child(2) .container_12 img {
		width: 48% !important;
		float: right;
	}
	body.software article[pageid='15'] section .grid_3 {
		width: calc(50% - 7.5px) !important;
	}
	body.software #scrollthumbs::before {
		display: none;
	}
	body.software #scrollthumbs {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	/*
	body.software .container_12 > div:nth-child(odd) {
		padding-right: 10px;
	}
	body.software .container_12 > div:nth-child(even) {
		padding-left: 10px;
	}*/

}


/* --------------- DOWNLOAD ----------------- */

/* below ipad */

@media only screen and (max-width: 1023px) and (min-width: 0px) {

	body.download article .container_12 {
		
		padding: 0 15px;	
	
	}
	body.download section {
		padding: 2em 0;
	}
	body.download article .container_12 > a {
		width: 100%;
		display: block;
		text-align: right;
		padding: 10px 0 20px 0;
	}
	body.download article .container_12 .grid_6 {
		width: 100% !important;
		padding-bottom: 15px;
	}
	body.download .container_12 .grid_12 {
		width: 100% !important;
		margin: 0 !important;
	}
	body.download .container_12 .grid_12 h1 {
		margin-top: 0 !important;
	}

	body.download .container_12 .grid_12 iframe {
		width: 100%;
		margin: 15px 0;
	}
	body.download #list_subscribe_form {
		display: flex;
		flex-flow: row wrap;
	}
	body.download #list_email {
		flex-grow: 1;
	}
}


/* ipad */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	body.download article[pageid='10'] .container_12 .grid_6 {
		width: 50% !important;		
		box-sizing: border-box;
		text-align: center;
	}


	body.download article .container_12 .grid_6 h1 + p {
		padding: 0 10px;
	}

	body.download article[pageid='10'] section:nth-of-type(1) .container_12 .grid_6 {
		height: 200px;
	}
	body.download article[pageid='10'] section:nth-of-type(2) .container_12 .grid_6:nth-of-type(1) {
		margin-left: 25% !important;
	}
	body.download article[pageid='10'] section .push_3.grid_7 {
		width: 75% !important;
		text-align: center;
		margin-left: 12.5% !important;
	}

	body.download article[pageid='18'] .container_12 .grid_6 {
		width: 50% !important;
		box-sizing: border-box;
		padding-right: 10px;

	}
	body.download article[pageid='18'] .container_12 .grid_6 form span:nth-of-type(1) {

	}
	body.download #list_email {
		flex-grow: 0;
		width: 240px;
	}
}


/* --------------- BLOG ----------------- */

/* below ipad */

@media only screen and (max-width: 1023px) and (min-width: 0px) {
	body.blog article .container_12 {
		
		padding: 0 15px;	
	
	}
	body.blog section {
		padding: 2em 0;
	}

	body.blog .bbvideo {
		height: 0 !important;
		position: relative;
		padding-bottom: 56.25%;
		width: 100% !important;
		margin: 10px 0 0 0 !important;
	}
	body.blog article section img:not(.smilies) {
		width: 100%;
		height: auto;
	}
	body.blog .bbvideo iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	body.blog article section:nth-child(1) .grid_3 {
		display: none;
	}
	body.blog #navigation nav a {
		border-bottom-color: #FF0 !important;
	}
	body.blog #navigation nav a:active {
		background-color: #FF0;
		color: #FFF !important;
	}
}




/* --------------- HOME ----------------- */


/* below ipad */

@media only screen and (max-width: 1023px) and (min-width: 0px) {
	body.home article .container_12 {
		
		padding: 0 15px;	
	
	}
	body.home section {
		padding: 2em 0;
	}
	body.home .container_12 .grid_12 {
		width: 100% !important;
		margin: 0;
	}
	body.home .container_12 iframe {
		width: 100%;
		margin-top: 10px;
	}
	body.home section:nth-child(1) .container_12 iframe ~ br {
		display: none;
	}
	body.home section .grid_3 {
		width: 100% !important;
	}
	body.home section .grid_3 img {
		width: 100%;
		height: auto;
	}

	body.home h1 {
		font-size: 24px;
	}
}

/* ipad */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	body.home section:nth-child(3) .container_12, body.home section:nth-child(2) .container_12 {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	body.home section:nth-child(3) .container_12 .grid_3, body.home article section:nth-child(2) .grid_6 {
		width: calc(50% - 7.5px) !important;
	}
	body.home article section:nth-child(1) .grid_8 {
		width: 75% !important;
		margin-left: 12.5% !important;
	}

}


/* --------------- COMPANY ----------------- */


/* below ipad */

@media only screen and (max-width: 1023px) and (min-width: 0px) {
	body.company article .container_12 {
		
		padding: 0 15px;	
	
	}
	body.company article {
		margin-top: 0;
	}
	body.company section {
		padding: 2em 0;
	}
	body.company .container_12 .grid_12 {
		width: 100% !important;
		margin: 0;
	}

	body.company #navigation nav a {
		border-bottom-color: #bdd8f0 !important;
	}
	body.company #navigation nav a:active {
		background-color: #bdd8f0;
		color: #FFF !important;
	}
}



/* ----------------- 404 ----------------------- */

/* below ipad */

@media only screen and (max-width: 1023px) and (min-width: 0px) {
	.container_12._404 .image {
		width: 80%;
	}

	.container_12._404 > div {
		width: 80%;
	}
}

/* ipad */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.container_12._404 .image {
		width: 50%;
	}
	.container_12._404 > div {
		width: 50%;
	}


}


/* --------------- SHOP ----------------- */

/* below ipad */

@media only screen and (max-width: 1023px) and (min-width: 0px) {
	.shop section {
		padding: 2em 0;
	}
	.shop .container_12 .grid_12 {
		width: 100%;
	}
	.shop article .container_12 {
		padding: 0 15px;
	}
	.shop article {
		margin: 0;
	}
	.shop section.version h1 {
		line-height: 1.1;
	}
	.shop section.version h1 br {
		display: block;
	}
	.shop section.version img {
		margin-bottom: 15px !important;
		width: 100px !important;
		height: auto !important;
	}
	.shop section.version .grid_12 {
		margin: 0;
	}
	.shop section.version select {
		padding-bottom: 0;
		height: 30px;
	}

	.shop section.upgrades {
		margin-top: 0 !important;
	}
	.shop section.resellers h2 {
		margin: 0 !important;
	}
	.shop section.resellers h3 {
		line-height: 1.5;
	}
	.shop section.resellers .grid_3 {
		margin: 15px 0 !important;
		width: 100% !important;
	}
	.shop .apparel .apparel-item {
		flex: 0 1 100%;
	}

	.shop.apparel section {
		margin-top: 0 !important;
	}
	.shop .apparel-item h2 {
		margin-bottom: 8px;
	}
	.shop .container_12.apparel .grid_6 {
		margin-bottom: 1em !important;
	}
	.shop .container_12.apparel {
		margin-bottom: 40px !important;
	}
	.shop section.educational .grid_6 {
		width: 100% !important;
	}

	.shop section.educational select, table.cart select {
		width: 100%;
	}

	.shop section.educational form {
		position: relative;
		box-sizing: border-box;
	}

	.shop section.educational input[type=file] {
		//background: #FFF;
	}
	.shop section.educational input[type=text], 
	.shop section.login input[type=text], 
	.shop section.login input[type=password], 
	table.cart input[type=email], 
	table.cart input[type=password], 
	table.cart input[type=text], 
	table.cart input[type=tel],
	table.cart input[type=file] {
		width: 100%;
		box-sizing: border-box;
		height: 27px;
	}



	.shop section.educational table, .shop section.login table, table.cart {
		width: 100% !important;
		table-layout: fixed;
	}
	.shop section.educational textarea, table.cart textarea {
		width: 100%;
		box-sizing: border-box;
	}


	.shop section.educational table tr td:nth-child(1) {
		width: 120px;
	}
	.shop section.educational table tr td:nth-child(2) {
		position: relative;
		width: calc(100% - 120px);
	}

	.shop #studentcardcomment {
		line-height: 1.3;
	}


	.shop section.login table tr td:nth-child(2) {
		width: calc(100% - 120px);
	}
	.shop section.login table tr td:nth-child(1) {

		width: 120px !important;
	}
	.shop section.login form {
		margin-top: 10px;
	}
	.shop section.cart .progress {
		width: 100%;

	}
	.shop .container_12 .grid_12 {
		margin: 0 !important;
	}
	.shop section.cart #cart_progress {
		justify-content: space-between;
		padding-right: 10px;
		padding-left: 10px;
		width: 100%;
	}
	.shop section.cart #cart_progress li {
		padding-left: 0;
		margin-left: 0;
		padding-right: 10px;
	}
	.shop section.cart #cart_progress li:nth-last-child(1) {
		padding-right: 0;
	}
	.shop section.cart {
		padding-bottom: 40px !important;
	}


	.shop section.cart .training-ad {
		width: 100% !important;
	}
	
	.shop table.cart {
		display: block;
	}
	

	.shop section.cart .grid_6 {
		width: 100% !important;		
	}

	.shop table.coupon-section a.cart {
		margin-right: 0;
	}

	.shop table.cart tr td:nth-child(1) {
		width: 110px;

	}
	.shop table.cart tr td:nth-child(2) {
		width: calc(100% - 110px);
	}
	.shop #cart_column table.cart tr td {
		line-height: 1.3;
		padding-bottom: 10px;
	}
	.shop #cart_column {
		margin-top: 20px !important;
	}
	.shop #cart_column table.cart tr td:nth-child(1) {
		width: 65%;
	}
	.shop #cart_column table.cart tr td:nth-child(2) {
		width: 20%;
	}
	.shop #cart_column table.cart tr td:nth-child(3) {
		width: 15%;
	}

	.shop .grid_6 {
		width: 100% !important;
	}

	.shop section.login .software-licences {
		margin-top: 2em !important;
	}

	.shop section.login table.cart .edit-credentials td {
		padding-top: 1em;
		width: 100% !important;
	}
	.shop section.login table.cart .change-pw td {
		width: 100% !important;
	}

	.shop section.login #footageupgrade {
		font-size: 100%;
		width: 100px;
		height: auto;
		padding: 5px;
		box-sizing: border-box;
		background-size: 14px;
	}

	.shop section .password-reset {
		width: 100% !important;
	}

	.shop table.cart tbody,
	.shop .password-reset tbody {
		width: 100%;
		display: block;
	}

	.shop table.cart td[colspan='2'],
	.shop section.login table.cart td[colspan='2'] {
		width: 100% !important;
		height: auto !important;
	}
	
	.shop .password-reset table.cart tr td:nth-child(1) {
		width: 140px;
	}
	.shop .password-reset table.cart tr td:nth-child(2) {
		width: calc(100% - 140px);
	}

	.shop table.cart table,
	.shop table.cart tbody,
	.shop table.cart td {
		display: block !important;
	
	}

	.shop table.cart tr {
		display: flex;
		align-items: center;
	}

	.shop #ideal_issuers {
		display: flex;
		flex-flow: row wrap;
	}

	.shop #payment_methods a,
	.shop #ideal_issuers a {
		flex: 0 1 33.3%;
	}
	
	.shop .software-serials {
		display: flex;
	}
	.shop .software-serials div {
		flex: 0 1 70%;
	}
	.shop .software-serials .logo {
		flex: 0 1 30%;
	}
	.shop .software-serials .text p {
		line-height: 1.5 !important;
	}
	.shop .software-serials h3 {
		line-height: 1.2;
	}
	.shop .software-serials ul {
		margin-top: 10px;
	}
	.shop #cc_form {
		margin: 15px -15px;
		padding: 15px;
	}
	.shop #cc_form input[type=text] {
		width: 100%;
	}

	.shop #cc_form input[data-encrypted-name=expiryMonth],
	.shop #cc_form input[data-encrypted-name=expiryYear],
	.shop #cc_form input[data-encrypted-name=cvc] {
		flex: 0 1 47%;
		width: auto;

	}

	.shop #cc_form table.cart tr td:nth-child(1) {
		width: 127px;
	}
	#cc_form .logo_cc {
		margin-bottom: 5px;
	}
	#cc_form td {
		line-height: 1.3;
	}

	#cc_form td.date, #cc_form td.cvc {
		display: flex !important;
		align-items: center;
	}

	.shop .proforma .grid_3 {
		width: 100% !important;
		margin-bottom: 20px !important;
	}

	.shop #studentcardcomment {
		height: auto !important;
	}
	.shop .file-input {
		display: none; 
	}
	.photo-upload {
		border-radius: 3px;
		background: #48AEBD;
		padding: 1px 7px;
		font-family: sans-serif;

		margin: 4px 0;
		display: inline-block;
	}

	.shop .educational-renew textarea {
		width: 100%;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.shop .apparel .apparel-item {
		flex: 0 1 50%;
	}

	.shop .apparel .grid_6 {
		width: 50% !important;
		box-sizing: border-box;
	}

	.shop .apparel .grid_6:nth-child(odd){
		padding-right: 15px;
	}

	.shop .resellers .container_12 {
		display: flex;
		flex-flow: row wrap;
	}
	.shop .resellers .container_12 h2 {
		flex: 1 0 100%;
	}	
	.shop .resellers .container_12 .grid_3 {
		width: auto !important;
		flex: 0 1 33%;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.shop section.login .container_12 {
		display: flex;
		flex-flow: row wrap;
	}
	.shop section.login .container_12 .grid_6 {
		flex: 0 1 50%;
	}
	.shop table {
		max-width: 450px;
	}
}



@media only screen and (max-width: 320px) and (min-width: 0px) {

	.shop section.cart #cart_progress li span {
		display: none;
	}
	.shop table.coupon-section tr {
		display: block;
	}
	.shop table.coupon-section td {
		display: block;
		text-align: left;
	}


}