@media (min-width: 1450px) {
	.container {
		max-width: 1400px;
	}
	
	
	
	
	
	
	
}
@media (max-width: 1450px) {
	#upper-header {
		background: url(../images/upper-header.png) 65% 0 no-repeat;
	}

	header li.menu-item a {
		padding: 0 15px;
		font-size: 1rem;
	}
	
	.grid-icon img {
		max-width: 80px;
	}
	
	h2 {
		font-size: 1.6rem;
		letter-spacing: 0.05em;
	}
	
	.grid-box p {
		font-size: 1em;
		line-height: 1.5em;
	}
	
	a.button, .button {
		font-size: 1em;
		padding: 18px 33px;
	}
	
	#whats-new .row {
		margin: 0 -25px;
	}
	
	#whats-new .whats-new-item-wrapper {
		padding: 0 25px;
	}
	
	.whats-new-thumb {
		width: 180px;
	}
	
	.whats-new-content {
		width: calc(100% - 180px);
	}
	
	.whats-new-thumb:before {
		left: 70px;
	}
	
	#footer-left a {
		padding: 0 10px;
	}
	
	.grid-box {
		padding: 0 16px 40px;
	}
	
	#quick-links:before {
		top: -457px;
		height: 492px;
		background: url(../images/quick-links-top-full.png) center 0 no-repeat;
		background-size: auto 492px;
	}

	#list-webinars:before {
		height: 492px;
		background: url(../images/quick-links-top-full.png) center 0 no-repeat;
		background-size: auto 492px;
	}
	
	h3 {
		font-size: 1.3em;
	}
	
	p {
		font-size: 1.1em;
	}
	
	.content-header-right h3 {
		font-size: 1.3em;
	}
	
	.webinar-sections-inner.container, .webinar-video .inner {
		max-width: 950px;
	}
	
	h1 {
		font-size: 2rem;
	}
	
	.breadcrumbs a {
		font-size: 0.9em;
	}
	
	.button.ppt span:before, .button.ppt:hover span:before {
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: 0;
		width: 30px;
		height: 26px;
	}
	
	.item-cta .button.purple {
		font-size: 0.9rem;
		padding: 22px 10px;
	}
	
	.button.video span:after, .button.video:hover span:after {
		width: 28px;
		height: 28px;
		background-size: 28px;
		background-repeat: no-repeat;
		background-position: 0;
		margin: -8px -15px -4px 10px;
	}
	
	.item-cta .button.blue {
		font-size: 0.9rem;
		padding: 22px 10px;
	}
	
	.list-item a.button.ppt:hover:before {
		left: -70%;
		top: -100%;
	}
	
	.list-item a.button.video:hover:before {
		left: -80%;
		top: -100%;
	}
		
	.page-id-1257 #quick-links:before {
		background: url(../images/quick-links-top-full.png) center 0 no-repeat;
		top: -535px;
		height: 600px;
	}
	
	.content-header-right .button {
		max-width: 240px;
	}
	
	.content-header-right .button:hover:before {
		left: -70%;
		top: -180%;
	}
	
	.trainer-resource .item-cta .button:hover:before {
		left: -30%;
		top: -180%;
	}
	
	
}

@media (max-width: 1200px) {
	header li.menu-item a {
		padding: 0 15px;
		font-size: 0.8rem;
	}
	
	#upper-header {
		background: url(../images/upper-header.png) 67% -5px no-repeat;
		height: 36px;
	}

	#upper-header a {
		font-size: 0.8em;
		line-height: 36px;
	}
	
	h2 {
		font-size: 1.3rem;
		letter-spacing: 0.05em;
	}
	
	.grid-icon {
		margin: -20px 0 5px;
	}
	
	.grid-icon img {
		max-width: 60px;
	}
	
	.grid-box p {
		font-size: 0.9em;
		line-height: 1.4em;
	}
	
	a.button, .button {
		font-size: 0.8em;
		padding: 16px 30px;
	}
	
	a.button:before {
		width: 300px;
		height: 300px;
	}
	
	#quick-links:before {
		top: -387px;
		height: 400px;
		background: url(../images/quick-links-top-full.png) center 0 no-repeat;
		background-size: auto 416px;
	}
	
	#list-webinars:before {
		height: 400px;
		background: url(../images/quick-links-top-full.png) center bottom no-repeat;
		background-size: auto 416px;
		border-bottom: 20px solid #FFF;
	}
	
	.grid-box {
		padding: 0 14px 30px;
	}
	
	#quick-links {
		margin: -23px 0 0;
		padding: 50px 0 60px;
	}
	
	p {
		font-size: 0.95em;
	}
	
	h3 {
		font-size: 1.1em;
	}
	
	#whats-new h2 {
		margin: 0 0 35px;
	}
	
	.whats-new-thumb {
		width: 160px;
		height: 360px;
	}
	
	.whats-new-content {
		width: calc(100% - 160px);
		height: 360px;
	}
	
	.whats-new-thumb:before {
		left: 50px;
	}
	
	footer a.social-item {
		width: 30px;
	}
	
	a.social-item span {
		left: -20px;
		top: 35px;
	}
	
	.content-header-right h3 {
		font-size: 1.2em;
	}
	
	.webinar-sections-inner.container, .webinar-video .inner {
		max-width: 790px;
	}
	
	.webinar-section {
		font-size: 1.03em;
	}
	
	.breadcrumbs a {
		font-size: 0.8em;
	}
	
	.breadcrumbs:before {
		top: 7px;
		width: 10px;
		height: 10px;
	}
	
	.breadcrumbs {
		padding: 0 0 4px 20px;
	}
	
	h1 {
		line-height: 0.9em;
	}
	
	.webinar-section .col-2 {
		background-size: 32px !important;
		padding: 5px 45px 4px 0;
	}
	
	.list-item .item-cta a.button.purple, .list-item .item-cta a.button.blue {
		display: block;
		width: 100%;
	}
	
	.item-cta a.button.purple.wide {
		border-radius: 0;
		margin: 0;
	}
	
	#join-webinar-trigger.button:hover:before, #request-webinar-trigger.button:hover:before, a.button.ppt:hover:before {
		left: -60%;
		top: -50%;
	}
	
	.list-item .item-cta a.button.ppt:hover:before, .list-item .item-cta a.button.video:hover:before {
		left: -30%;
		top: -100%;
	}
		
	#list-resources a.button:hover:before, #list-resources .button:hover:before {
		left: -40%;
		top: -200%;
	}
	
	article.support-item .content-header {
		margin-bottom: 20px;
	}
	
	li#field_2_2, li#field_2_3, li#field_2_8, li#field_2_4, li#field_2_5, li#field_2_6, li#field_2_9, li#field_2_10 {
		width: 50%;
	}
	
	li#field_2_2, li#field_2_5, li#field_2_4, li#field_2_9 {
		padding-right: 30px !important;
		padding-left: 0 !important;
	}
	
	li#field_2_3, li#field_2_6, li#field_2_8, li#field_2_10 {
		padding-left: 20px !important;
		padding-right: 0 !important;
	}
	
	body .modal .gfield_time_ampm.ginput_container_time {
		width: 171px;
	}
	
	.modal .gform_wrapper .gfield_time_hour i {
		display: none;
	}
	
	li#field_4_2, li#field_4_3, li#field_4_4, li#field_4_5 {
		width: 50%;
	}
	
	li#field_4_3, li#field_4_5 {
		padding-left: 30px;
		padding-right: 0px;
		margin-right: 0;
	}
	
	li#field_4_6 {
		padding-left: 0;
		width: 100%;
	}
	
	.content-header {
		margin-bottom: 30px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media (min-width: 992px) {
		.grid-box:nth-child(3n+1):nth-last-child(-n+3) .inner, .grid-box:nth-child(3n+2):nth-last-child(-n+2) .inner, .grid-box:last-child .inner {
		box-shadow: inset 0 -230px 60px -40px #51afdc, 0 10px 30px rgb(12 126 174 / 0.32);
	}
		.list-item:nth-child(3n+1):nth-last-child(-n+3) .inner, .list-item:nth-child(3n+2):nth-last-child(-n+2) .inner, .list-item:last-child .inner {
		box-shadow: inset 0 -230px 60px -40px #51afdc, 0 10px 30px rgb(12 126 174 / 0.32);
	}
}

@media (max-width: 991px) and (min-width: 576px) {
		.grid-box:nth-child(2n+1):nth-last-child(-n+2) .inner, .grid-box:last-child .inner {
		box-shadow: inset 0 -230px 60px -40px #51afdc, 0 10px 30px rgb(12 126 174 / 0.32);
	}
}

@media (max-width: 991px) and (min-width: 768px) {
		.list-item:nth-child(2n+1):nth-last-child(-n+2) .inner, .list-item:last-child .inner {
		box-shadow: inset 0 -230px 60px -40px #51afdc, 0 10px 30px rgb(12 126 174 / 0.32);
	}
}

@media (max-width: 992px) {
	.grid-box .inner {
		padding: 40px 40px 30px;
	}
	
	#upper-header {
		background: url(../images/upper-header.png) 74% -6px no-repeat;
		height: 36px;
	}
	
	header nav {
		display: none;
	}
	
	#quick-links:before {
		background: url(../images/quick-links-top-mobile.png) center 0 no-repeat;
		background-size: auto 416px;
	}
	
	#list-webinars:before {
		background: url(../images/quick-links-top-mobile.png) center bottom no-repeat;
		height: 400px;
		background-size: auto 416px;
		border-bottom: 20px solid #FFF;
	}
	
	#content .row {
		margin-left: -14px;
		margin-right: -14px;
	}
	
	#quick-links label {
		display: block;
		margin: -15px 0 5px;
	}
	
	#quick-links a.button:first-of-type {
		margin: 0;
	}
	
	#whats-new {
		padding: 90px 0 50px;
	}
	
	.whats-new-thumb {
		width: 100%;
		height: 160px;
		margin: 0 0 -20px;
	}

	.whats-new-thumb img {
		margin: 0;
		max-height: none;
		width: 100%;
	}
	
	.whats-new-thumb:before {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 30px;
		left: 0%;
		width: 100%;
	}
	
	.whats-new-content {
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	.whats-new-content h3, .whats-new-content p {
		text-align: left;
	}
	
	footer {
		background-size: 1000px;
	}
	
	#footer-left #footer-logo {
		margin: 0 0 10px;
	}
	
	#mobile-nav-toggle {
		display: inline-block;
		top: 20px;
	}
	
	header {
		padding: 30px 0 10px;
	}
	
	.container.webinar-video {
		padding: 0;
	}
	
	.webinar-video .inner {
		padding-top: 56.2%;
	}
	
	.webinar-sections-inner.container, .webinar-video .inner {
		max-width: 720px;
	}
	
	h1 {
		font-size: 1.8rem;
	}
		
	#join-webinar-trigger.button:hover:before, #request-webinar-trigger.button:hover:before, a.button.ppt:hover:before {
		left: -40%;
		top: -100%;
	}
	
	.list-item .item-cta a.button.ppt:hover:before, .list-item .item-cta a.button.video:hover:before {
		left: -30%;
		top: -200%;
	}
	
	.modal-dialog.modal-xl {
		max-width: 720px;
	}
	
	.modal h5.modal-title {
		font-size: 2em;
	}
	
	#join-webinar-input {
		width: 220px;
	}

	#join-support-form {
		text-align: center;
		margin: 0 auto;
		max-width: 300px;
	}
	
	#join-support-input {
		margin: 10px 0 20px;
	}
	
	.content-header-right {
		height: auto;
		padding: 35px 42px 20px;
	}
	
	
	
	
	
	
}
@media (max-width: 768px) {
	#quick-links a {
		padding: 16px 18px;
		font-size: 0.7em;
	}
	
	#whats-new .whats-new-item-wrapper {
		padding: 0 25px 25px;
	}
	
	.whats-new-thumb {
		width: 160px;
		height: 300px;
		margin: 0;
	}
	
	.whats-new-thumb:before {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		top: 0;
		left: 50px;
		width: 110px;
	}
	
	.whats-new-thumb img {
		margin: 0 0 0 -120px;
		max-height: 100%;
		width: auto;
	}
	
	.whats-new-content {
		width: calc(100% - 160px);
		height: 300px;
		text-align: left;
	}
	
	#footer-left #footer-logo {
		display: block;
	}
	
	footer .social-media {
		text-align: right !important;
		margin: -25px -5px 0 5px;
	}
	
	footer .copyright {
		margin: 0;
	}
	
	.content-header-right-outer {
		padding-top: 75px;
	}
	
	.content-header-right {
		padding: 40px 50px;
		border-radius: 0 0 5px 5px;
	}
	
	#request-webinar-trigger, #join-webinar-trigger {
		/* padding: 22px 40px; */
		/* width: auto; */
	}
	
	.content-header {
		margin-bottom: 34px;
	}
	
	.webinar-sections-inner.container {
		max-width: 540px;
	}
	
	h1 {
		font-size: 1.8rem;
	}
	
	.item-cta {
		display: flex;
	}
	
	.item-thumbnail {
		max-height: 120px;
	}
	
	.webinar-video-outer {
		padding-top: 20px;
	}
	
	.modal-dialog.modal-xl {
		max-width: 540px;
	}
	
	li#field_2_2, li#field_2_3, li#field_2_8, li#field_2_4, li#field_2_5, li#field_2_6, li#field_2_9, li#field_2_10 {
		min-width: 100%;
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	li#field_2_6 {
		width: 320px;
		text-align: center;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
		position: relative;
	}
	
	.modal h5.modal-title {
		font-size: 1.8em;
	}
	
	.modal .gform_wrapper li.gfield select, .modal .gform_wrapper li.gfield input[type="text"], .modal .gform_wrapper li.gfield input[type="email"] {
		font-size: 1em !important;
		padding: 12px 20px !important;
		height: 50px;
		background-size: 52px;	
	}
	
	body .modal .gfield_time_ampm.ginput_container_time {
		width: 121px;
	}

	.contact-box {
		width: 100%;
		display: block;
		max-width: 100%;
		flex: unset;
		margin: 0 0 20px;
	}
	
	li#field_4_2, li#field_4_3, li#field_4_4, li#field_4_5 {
		width: 100%;
		padding-right: 0;
		padding-left: 0 !important;
	}
	
	.trainer-resource .item-cta .button:hover:before {
		left: -6%;
		top: -350%;
	}
	
	
	
	
	
	
}
@media (max-width: 575px) {
	a.site-title.logo {
		width: 180px;
	}
	
	#upper-header > .container {
		padding: 0 20px;
	}
	
	.container.p-0 {
		padding: 0 20px !important;
	}
	
	.grid-box {
		display: block;
		padding: 0 14px 5px;
	}
	
	.grid-box .inner {
		flex-direction: row;
		padding: 25px 40px;
	}
	
	.grid-content {
		display: block;
		flex: inherit;
		text-align: left;
		padding: 0 40px 0 0;
	}
	
	.grid-icon {
		margin: 0 20px 0 -20px;
	}
	
	.grid-box:nth-last-child(2) .inner {
		box-shadow: none;
	}
	
	.grid-box:last-child .inner {
		box-shadow: inset 0 -160px 60px -40px #3199ca, 0 10px 30px rgb(12 126 174 / 0.32)
	}
	
	.grid-box-cta {
		display: none;
	}
	
	.grid-content p {
		margin: 0;
	}
	
	#quick-links {
		margin: 0;
		padding: 50px 0 40px;
	}
	
	#quick-links a.button {
		display: block;
		margin: 0 auto 10px !important;
		text-align: center;
		max-width: 240px;
	}
	
	#quick-links label {
		text-align: center;
	}
	
	#whats-new {
		padding: 70px 0 50px;
	}
	
	.whats-new-item {
		margin: 0 auto;
		max-width: 380px;	
	}
	
	.whats-new-thumb {
		width: 100%;
		height: 160px;
		margin: 0 0 -20px;
	}

	.whats-new-thumb img {
		margin: 0;
		max-height: none;
		width: 100%;
	}
	
	.whats-new-thumb:before {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 55px;
		left: 0%;
		width: 100%;
	}
	
	.whats-new-content {
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	.whats-new-content h3, .whats-new-content p {
		text-align: left;
	}
	
	#whats-new .cta {
		padding: 30px 0 0;
	}
	
	footer {
		background-size: 600px;
	}
	
	footer a.social-item {
		width: 24px;
		margin: 0 1px;
	}
	
	footer a.social-item.youtube {
		margin: 0 4px;
	}
	
	footer a.social-item.instagram {
		margin: 0 10px;
	}
	
	#upper-header {
		background: #0c274c;
		position: relative;
		margin: 0 0 -10px;
	}
	
	.grid-box p {
		font-size: 0.8em;
		line-height: 1.5em;
	}
	
	h2 {
		font-size: 1.1rem;
	}
	
	.grid-content:before {
		content: '';
		position: absolute;
		top: calc( 50% - 15px );
		right: 30px;
		width: 30px;
		height: 30px;
		border-top: 3px solid #FFF;
		border-right: 3px solid #FFF;
		-webkit-transform: rotate(45deg);
		border-radius: 3px;
		opacity: 0.8;
		
		-webkit-transition: 0.3s all;
		-moz-transition: 0.3s all;
		-ms-transition: 0.3s all;
		transition: 0.3s all;
	}

	.grid-box .inner:hover .grid-content:before {
		opacity: 1;
		right: 25px;
	}
	
	#mobile-nav-toggle {
		top: 5px;
	}
	
	.content-header-left {
		padding: 30px 20px 10px !important;
	}
	
	.no-gutters .content-header-right-outer {
		padding: 50px 20px;
	}

	.content-header-right {
		border-radius: 5px;
	}
	
	h1 {
		font-size: 1.5rem;
	}
	
	.content-header-right {
		padding: 30px 30px;
	}
	
	.content-header-right h3 {
		font-size: 1.2em;
	}

	.webinar-section {
		display: block;
		font-size: 0;
		border-radius: 21px;
	}	
	
	.webinar-section .col-2 {
		display: inline-block;
		vertical-align: top;
		width: 100px;
		font-size: 1rem;
		max-width: none;
		background-position: right 0px !important;
		background-size: 32px;
	}
	
	.webinar-section .col-10, .webinar-sections-header .col-10 {
		display: inline-block;
		vertical-align: top;
		font-size: 0.9rem;
		max-width: none;
		width: calc( 100% - 100px );
	}
	
	.webinar-sections-header .col-2 {
		display: inline-block;
		vertical-align: top;
		font-size: 0.9rem;
		width: 100px;
	}
	
	.webinar-sections-header {
		display: block;
		font-size: 0;
	}
	
	article.support-item .content-header {
		border-radius: 0;
	}
	
	.webinar-video-outer {
		padding-top: 30px;
	}
	
	.modal .gform_wrapper label.gfield_label {
		font-size: 0.9em;
		letter-spacing: 0.02em;
	}
	
	.modal .modal-header {
		border-bottom: 0;
		padding: 40px 40px 0;
	}
	
	.modal .modal-body {
		padding: 0 40px 55px;
	}
	
	.modal h5.modal-title {
		font-size: 1.6em;
		line-height: 1em;
	}
	
	.page-id-1257 #quick-links:before {
		background: url(../images/quick-links-top-full.png) center 0 no-repeat;
		top: -575px;
		height: 600px;
	}
	
	#join-webinar-input {
		width: 100%;
		display: block;
		margin: 10px 0 20px;
	}
	
	#join-webinar-form {
		text-align: center;
		max-width: 300px;
		margin: 0 auto;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}
@media (max-width: 420px) {
	.grid-content:before {
		right: 20px;
	}
	
	.grid-box p {
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		position: relative;
		display: block;
		text-overflow: ellipsis;
	}
	
	.grid-content {
		position: relative;
		width: calc( 100% - 30px );
	}
	
	.whats-new-thumb img {
		margin: 0 -50%;
		max-height: none;
		width: auto;
		height: 320px;
	}
	
	.whats-new-thumb:before {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		top: -48%;
		left: 33%;
		width: 120px;
	}
	
	footer {
		background-size: 500px;
	}
	
	#footer-left {
		display: block;
		flex: none;
		max-width: 100%;
		text-align: center;
	}
	
	#footer-left #footer-logo {
		display: block;
		margin: 0 auto 10px;
	}
	
	footer .social-media {
		margin: 30px 0 0;
		text-align: center !important;
		display: block;
		width: 100%;
		flex: none;
		max-width: none;
	}

	footer .copyright {
		margin: 30px 0 0;
		max-width: none;
		width: 100%;
		text-align: center !important;
	}
	
	.grid-content:before {
		right: 15px;
		width: 20px;
		height: 20px;
	}
	
	.grid-box .inner:hover .grid-content:before {
		opacity: 1;
		right: 10px;
	}
	
	.grid-box:last-child .inner {
		box-shadow: inset 0 -160px 60px -40px #3199ca, 0 10px 30px rgb(12 126 174 / 0.32);
	}
	
	#mobile-nav ul#menu-support-menu {
		font-size: 20px;
	}
	
	.item-cta {
		display: unset;
	}
}