/*  RESPONSIVE BREAKPOINTS:

	Desktop (Large)  ...  default
	Desktop (Medium) ...  1150px
	Desktop (Small)  ...  1070px
	Tablet (Large)   ...  930px
	Tablet (Small)   ...  720px
	Phone (Large)    ...  600px
	Phone (Medium)   ...  420px
	Phone (Small)    ...  380px
*/



/* -- HD RESOLUTION -- */

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

	/*#header #logo a {
		background-image: url(../images/common/logo@2x.png);
	}*/

	#header #social a {
		background-image: url(../images/common/social@2x.png);
	}

	#header #search-area a.submit {
		background-image: url(../images/common/search@2x.png);
	}

	#footer-social a {
		background-image: url(../images/common/footer-social@2x.png);
	}

	.share {
		background-image: url(../images/common/share@2x.png);
	}

	.share a {
		background-image: url(../images/common/share-links@2x.png);
	}

	.subscribe .share a {
		background-image: url(../images/common/share-links-alt@2x.png);
	}

	a.remove {
		background-image: url(../images/common/remove@2x.png);
	}

	.select a.trigger {
		background-image: url(../images/common/select-arrow@2x.png)
	}

	#vp-featured-list .carousel-prev,
	#vp-featured-list .carousel-next {
		background-image: url(../images/common/arrows@2x.png);
	}

	
}


/* -- HOME INTRO -- */

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

	#home-intro {
		width: auto;
		margin-left: 0;	
	}
	
	#home-intro .text {
		padding-left: 70px;
		padding-right: 70px;
	}
	
}

/* -- DESKTOP - MEDIUM -- */

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

	#nav-main a {
		padding: 0 16px;
	}

	#header #search-input {
		width: 120px;
	}

	
}



/* -- DESKTOP - SMALL -- */

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

	
	#header-pad {
		padding-top: 22px;
	}
	
	#header #logo {
		margin: 0 0 0 -115px;
		width: 230px;
		height: 47px;
	}
	
	#header #logo a {
		width: 100%;
		height: 100%;
		background-size: 230px 47px;
	}
	
	
	#nav-trigger {
		position: relative;
		display: block;
		height: 52px;
		margin-top: 69px;
		border-radius: 5px;
		line-height: 52px;
		font-size: 16px;
		font-family: GillSansMTStd-Bold, arial, sans-serif;
		font-weight: normal;
		color: #FFF;
		text-transform: uppercase;
		text-align: center;
		background: #003D69 url(../images/common/menu@2x.png) 20px 18px no-repeat;
		background-size: 21px 15px;
	}
	
	#nav-trigger.open {
		border-radius: 5px 5px 0 0;
	}
	
	#nav-trigger.open .close {
		display: block;
		position: absolute;
		right: 20px;
		top: 15px;
		width: 20px;
		height: 20px;
		background: #003D69 url(../images/common/close@2x.png) center center no-repeat;
		background-size: 17px 17px;
	}
	
	#nav-menu {
		display: none;
		background: #003D69;
		padding-bottom: 16px;
	}
	
	#nav-account {
		float: none;
		width: auto;
		height: auto;
		min-width: 0;
		margin-top: 0;
		text-align: left;
		font-family: GillSansMTStd-Bold, arial, sans-serif;
		font-weight: normal;
		background: #80AF3D;
	}
	
	#nav-extra {
		position: relative;
		left: 0;
		margin-top: 0;
		height: auto;
		font-family: GillSansMTStd-Bold, arial, sans-serif;
		font-weight: normal;
		transition: none;
	}
	
	#nav-account a {
		display: block;
		height: 26px;
		padding: 10px 20px;
		line-height: 26px;
		font-size: 16px;
		color: #FFF;
		background: #80AF3D;
	}
	
	#nav-account a.tab {
		padding: 10px 20px;
		border-radius: 0;
	}
	
	#nav-main {
		height: auto;
		margin-top: 0;
		border-radius: 0;
		line-height: 26px;
		text-align: left;
		transition: none;
	}
	
	#nav-main a,
	#nav-extra a,
	#nav-extra a.tab {
		display: block;
		height: 26px;
		padding: 10px 20px;
		line-height: 26px;
		font-size: 16px;
		color: #FFF;
		background: #003D69;
		transition: none;
		text-align: left;
		border-radius: 0;
	}
	
	#nav-main a:hover,
	#nav-account a:hover,
	#nav-extra a:hover {
		color: #FFF !important;
	}
	
	#nav-account a:hover{
		background: #80AF3D !important;
	}
	
	#nav-extra a.tab:hover {
		background: inherit !important;	
	}
	
	
	#nav-extra a.selected,
	#nav-main a.selected,
	#nav-main a.selected:hover {
		background: #003D69 !important;
	}

	#content {
		width: 646px;
		padding: 55px 30px 205px;
	}

	.col-main,
	.col-side {
		width: auto;
		float: none;
	}

	.share {
		height: 1px;
		padding-top: 25px;
		width: 36px;
		padding-left: 0;
		overflow: hidden;
	}

	.share a {
		display: none;
		float: none;
		position: absolute;
		width: 36px;
		height: 36px;
		background-color: #FFF;
		border-radius: 50%;
		border: 1px solid #BCBEC0;
		margin: 10px 0 0 -7px;
		opacity: 0;
		background-position: 4px 6px;
		background-color: #FFF;
		transition: margin .3s, opacity .3s;
	}

	.share a.facebook {
		background-position: -34px 5px;
	}

	.share a.link {
		background-position: -69px 5px;
	}

	.share.open {
		overflow: visible;
	}

	.share.open a {
		opacity: 1;
	}

	.share.open a.facebook {
		margin-top: 55px;
	}

	.share.open a.link {
		margin-top: 100px;
	}

	.subscribe {
		padding-right: 0;
	}

	.subscribe .share a {
		background-color: #003D69;
		border: 0;
		margin-top: -80px;
	}

	.subscribe .share.open a.facebook {
		margin-top: -120px;
	}

	.subscribe .share.open a.link {
		margin-top: -160px;
	}

	.article .image img {
		width: 100%;
		height: auto;
	}

	#home #features {
		height: 650px;
	}

	#home #features-intro {
		position: relative;
		z-index: 3;
		width: auto;
		padding-bottom: 16px;
		border-bottom: 0;
	}

	#home #features-intro h4 {
		margin: 10px 0 5px;
	}

	#home #features-carousel {
		width: 646px;
		height: 570px;
	}

	#home #features-carousel ul {
		width: 646px;
		height: 570px;
	}

	#home #features-carousel ul li {
		width: 646px;
		height: 570px;
	}

	#home #features-carousel ul li img {
		float: none;
	}

	#home #features-carousel ul li .info {
		float: none;
		width: auto;
		height: auto;
		margin-top: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}

	#home #features-carousel ul li .text {
		height: 115px;
	}

	#home #features-carousel ul li .title {
		padding-top: 7px;
		padding-bottom: 7px;
	}

	#home #features-carousel .carousel-indicators {
		right: initial;
		top: 370px;
		width: 642px;
	}

	#home #sub-features {
		border-top: 1px solid #BCBEC0;
		border-bottom: 1px solid #BCBEC0;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	#home #sub-features ul {
		grid-template-columns: 1fr 1fr;
	}

	#home #featured-topic ul {
		display: block;
		width: 508px;
		padding-left: 25px;
		margin: 0 auto;
	}

	#home #featured-topic ul li {
		margin-bottom: 25px;
	}

	/*#home #ecf img {
		width: 273px;
		height: 50px;
	}*/

	#vp-archive-list ul li {
		width: 50%;
	}

	#vp-past-list ul {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#vp-past-list ul li {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	#topics-featured-list ul li {
		float: none;
		width: auto;
		padding: 20px 5% 20px 0;
	}

	#topics-list ul li {
		margin-right: 32px;
		margin-bottom: 32px;
	}

	#account .buttons {
		width: 100%;
		overflow: hidden;
		padding-bottom: 30px;
		margin-bottom: 45px;
		border-bottom: 1px solid #BCBEC0;
	}

	#account .buttons .button-lg,
	#account .buttons .button-lg-alt {
		float: left;
		width: 49%;
	}

	#account .buttons .button-lg-alt {
		float: right;
	}


	#tools-featured-list li:last-child {
		margin-left: 178px;
	}

	#tools-list ul li {
		float: none;
		width: auto;
	}

	#tools-topics .list {
		column-count: 2;
	}

	#webinars-list ul li {
		float: none;
		width: 90%;
	}


	#search-results {
		min-height: 0;
	}

	#search .col-side {
		min-height: 600px;
	}
	
	#tools.special .tagline {
		padding-left: 5%;
		padding-right: 5%;
	}


	#tools.special #tools-boxes div {
		height: 180px;
	}
	
	#tools.special #tools-boxes div a {
		line-height: 175px;
		font-size: 56px;
	}

	#tools.special #tools-boxes div a span {
		line-height: 36px;
		font-size: 34px;
	}

	#tools.special #tools-boxes div.rows3 a span:first-child {
		padding-top: 25px;
	}

	#tools.special #tools-boxes div.rows2 a span:first-child {
		padding-top: 47px;
	}
				
	#tools.special #tools-boxes-nav div {
		height: 70px;
		padding: 5px;
	}
	
	#tools.special #tools-boxes-nav div a {
		line-height: 65px;
		font-size: 26px;
	}
	
	#tools.special #tools-boxes-nav div a {
		line-height: 65px;
		font-size: 26px;
	}
	
	#tools.special #tools-boxes-nav div a {
		line-height: 65px;
		font-size: 26px;
	}


		
	#tools.special #tools-boxes-menu a.prev {
		left: 20px;
	}
	
	#tools.special #tools-boxes-menu a.next {
		right: 20px;
	}

	#tools.special #tools-boxes-menu div {
		font-size: 28px;
	}

	#toolkits-list ul {
		grid-template-columns: 1fr 1fr;
	}
	
	#toolkits-sections .section {
		padding-left: 50px;
		padding-right: 50px;
	}
	
	.promo360-text {
		padding-top: 17px;
		padding-left: 100px;
		font-size: 24px;
		line-height: 26px;
		letter-spacing: 0;
	}
	

	#toolkits-main iframe,
	#toolkits-responses .a iframe {
		width: 646px;
		height: 380px;
	}

	
}



/* -- TABLET - LARGE -- */

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

	.mobile {
		display: block;
	}


	#header #search-input {
		display: none;
	}

	#header #search-area a.submit {
		background: url(../images/common/search-reverse@2x.png) center center no-repeat;
		background-size: 21px 21px;
	}

	#header #search-area a.submit:hover {
		background-color: #FFF;
	}

	#content {
		padding-top: 35px;
	}

	#tools-featured-list {
		text-align: center;
	}

	#tools-featured-list ul {
		width: auto;
	}

	#tools-featured-list ul li,
	#tools-featured-list ul li:last-child {
		float: none;
		margin: 0 auto;
		padding-right: 0;
	}

	#tools-list ul li {
		padding-right: 0;
	}

	#tools-list ul li .summary {
		padding-right: 0;
	}

	
	#toolkits-main iframe,
	#toolkits-responses .a iframe {
		width: 400px;
		height: 250px;
		margin: auto;
	}
	
}



/* -- TABLET - SMALL -- */

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

	#content {
		width: auto;
		transition: padding .2s;
	}
	
	#home #features-pair {
		display: block;	
	}
	
	#home #features-pair .feature-large {
		margin-bottom: 30px;
	}

	#home #features {
		height: auto;
	}

	#home #features-carousel {
		width: 100%;
		height: auto;
	}

	#home #features-carousel ul {
		width: 100%;
		height: auto;
	}

	#home #features-carousel ul li {
		width: 100%;
		height: auto;
	}

	#home #features-carousel ul li img {
		width: 100%;
		height: auto;
	}

	#home #features-carousel ul li .info {
		height: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#home #features-carousel ul li .title a {
		display: block;
		height: 26px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#home #features-carousel .carousel-indicators {
		width: 100%;
	}

	#home #sub-features {
		border-top: 1px solid #BCBEC0;
		border-bottom: 1px solid #BCBEC0;
		margin-bottom: 40px;
		text-align: center;
	}

	#home #sub-features ul {
		width: 292px;
		display: block;
		margin: auto;
		text-align: left;
		overflow: hidden;
	}

	#home #sub-features ul li {
		float: none;
		margin: 0;
		margin-bottom: 30px;
	}

	#home #featured-topic ul {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#home #featured-topic ul li {
		float: none;
		width: auto;
		height: 80px;
		margin: 0 0 12px 0;
	}

	#home #featured-topic ul li .title {
		font-size: 18px;
		line-height: 20px;
		height: 20px;
		overflow: hidden;
	}

	#vp-main .share {
		right: 10px;
		top: 15px;
	}

	#vp-featured-list {
		height: 400px;
	}

	#vp-featured-list ul {
		height: 400px;
	}

	#vp-featured-list ul li {
		height: 400px;
		width: auto;
	}

	#vp-featured-list ul li .divider {
		display: none;
	}

	#vp-featured-list ul li .image {
		width: 100%;
		height: auto;
	}

	#vp-featured-list ul li .image img {
		width: 100%;
		height: auto;
	}

	#vp-featured-list .carousel-prev,
	#vp-featured-list .carousel-next {
		display: none !important;
	}

	#tools .share {
		right: 10px;
		top: 15px;
	}

	#topics .share {
		right: 10px;
		top: 15px;
	}

	#topics-list ul {
		width: auto;
	}

	#topics-list ul li {
		float: none;
		width: auto;
		margin-right: 0;
	}


	#webinars .share {
		right: 10px;
		top: 15px;
	}

	#webinars-featured-list {
		height: 400px;
	}

	#webinars-featured-list ul {
		height: 400px;
	}

	#webinars-featured-list ul li {
		height: 400px;
		width: auto;
	}

	#webinars-featured-list ul li .divider {
		display: none;
	}

	#webinars-featured-list ul li .image {
		width: 100%;
		height: auto;
	}

	#webinars-featured-list ul li .image img {
		width: 100%;
		height: auto;
	}

	#webinars-featured-list .carousel-prev,
	#webinars-featured-list .carousel-next {
		display: none !important;
	}

	#webinars-featured-list.static ul li {
		display: block;
		height: auto;
		margin: 0;
		margin-bottom: 40px;
	}

	#webinars-featured-list.static ul {
		padding: 0;
	}

	#webinars-featured-list.static ul li .title,
	#webinars-featured-list.static ul li .details,
	#webinars-featured-list.static ul li .summary {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#toolkits-list ul {
		grid-template-columns: 1fr;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#toolkits-sections {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#toolkits-sections .section {
		padding: 40px 20px 30px;
	}
	
	#toolkits-all .toolkits-button {
		margin-left: 0;
	}
	

	
}


/* -- PHONE - LARGE -- */

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

	#header-pad {
		padding-left: 0;
		padding-right: 0;
	}

	#header #social {
		margin-left: -150px;
		opacity: 0;
	}

	#header #search-area {
		padding-right: 10px;
	}

	#nav-trigger,
	#nav-trigger.open {
		border-radius: 0;
	}

	#content {
		padding-left: 0;
		padding-right: 0;
	}

	h2 {
		line-height: 44px;
		font-size: 36px;
	}

	.cols {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#home-intro {
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	#home-intro .text {
		padding-left: 30px;
		padding-right: 30px;	
	}
	
	#home #features-pair {
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	#home #features-carousel ul li .text {
		height: 140px;
		overflow: hidden;
	}

	#vp-archive-list ul {
		padding: 30px 20px;
	}

	#vp-archive-list ul li {
		float: none;
		width: auto;
	}

	#topics-featured-list ul {
		padding-left: 20px;
		padding-right: 20px;
	}

	#topics-featured-list ul li {
		padding-right: 0;
	}


	#topics-featured-list ul li .summary {
		padding-right: 0;
	}

	#topics-featured-list ul li .image {
		width: 100px;
		height: 100px;
		overflow: hidden;
	}

	#topics-featured-list ul li .image img {
		margin-left: -25px;
	}

	#topics-list ul {
		padding-left: 20px;
		padding-right: 20px;
	}

	#topics .share {
		right: 0;
	}

	#search-field {
		padding: 0 20px;
	}

	#search-field .input {
		display: block;
		float: left;
		width: 64%;
		margin: 0;
	}

	#search-field .button-lg {
		display: block;
		float: right;
		margin: 0;
		width: 30%;
		padding: 0;
	}

	#blog-list .post .image {
		width: 100%;
		height: auto;
		float: none;
		margin-left: 0;
	}

	#tools-list,
	#tools-topics {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#tools-topics .list {
		column-count: 1;
	}

	#vp-featured-list {
		height: 500px;
	}

	#vp-featured-list ul {
		height: 500px;
	}

	#vp-featured-list ul li {
		height: 500px;
	}

	#webinars-featured-list {
		height: 500px;
	}

	#webinars-featured-list ul {
		height: 500px;
	}

	#webinars-featured-list ul li {
		height: 500px;
	}

	#webinars-list ul li {
		padding-left: 20px;
	}
	


	#tools.special #tools-boxes {
		width: auto;
		padding: 20px 10px 10px;
	}
	
	#tools.special #tools-boxes div {
		float: none;
		width: 100%;
	}

	#tools.special #tools-boxes-menu,
	#tools.special #tools-boxes-nav {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#tools.special #tools-boxes-menu div {
		font-size: 25px;
		letter-spacing: .5;
	}
	
	#tools.special #tools-boxes-nav div a {
		font-size: 18px;
	}
			
	#tools.special #tools-special-content {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}


	.promo360 {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.promo360-new {
		top: -15px;
		width: 67px;
		height:	31px;
	}

	.promo360-text {
		padding-top: 23px;
		padding-left: 16px;
		padding-right: 160px;
		font-size: 18px;
		line-height: 20px;
	}

	.promo360-button {
		right: 16px;
	}
	
	.promo360-button a {
		padding-left: 12px;
		padding-right: 12px;
	}

		
	#toolkits-main  {
		padding-left: 20px;
		padding-right: 20px;	
	}

	#toolkits-responses {
		padding-left: 20px;
		padding-right: 20px;
	}
	
}



/* -- PHONE - MEDIUM -- */

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

	#home #sub-features ul {
		width: auto;
		padding: 0 20px;
		text-align: center;
	}

	#home #sub-features ul li {
		display: block;
		float: none;
		width: auto;
		height: auto;
		margin: 0 auto 30px auto;
		text-align: left;
	}

	#home #sub-features ul li img {
		display: block;
		width: 100%;
		height: auto;
	}


	#account .buttons .button-lg,
	#account .buttons .button-lg-alt {
		float: none;
		width: auto;
	}


	#tools-featured-list ul {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#tools-featured-list ul li {
		width: auto;
		height: auto;
		margin-bottom: 25px;
	}

	#tools-featured-list ul li img {
		width: 100%;
		height: auto;
	}

	#tools-list ul li {
		padding-right: 0;
	}

	.article .col-main .related img {
		display: none;
	}

	#vp-featured-list {
		height: 400px;
	}

	#vp-featured-list ul {
		height: 400px;
	}

	#vp-featured-list ul li {
		height: 400px;
	}

	#webinars-featured-list {
		height: 400px;
	}

	#webinars-featured-list ul {
		height: 400px;
	}

	#webinars-featured-list ul li {
		height: 400px;
	}
	
	#tools.special #tools-boxes-menu div {
		font-size: 18px;
	}
	
}



/* -- PHONE - SMALL -- */

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

	#content {
		padding-bottom: 220px;
	}


	#footer {
		height: 195px;
	}

}