@media (max-width: 767px) {
	.contacts-section {
		background-size: auto 100%;
		padding-bottom:18px;
	}
}

@media (max-width: 1023px) {

	.contacts-section {
		background-size: auto 100%;
	}

	.contentSection-section .content-image img {
		max-width: 100%;
	}

	.benefits-section .container,
	.additionalResources-section .container,
	.howitworks-section .container,
	.contacts-section .container,
	.container {
		max-width:90%;
	}

	.benefit .description {
		max-width: 550px;
	}

	.benefits-section .benefit
	{
		max-width:100%;
	}
}

@media (max-width: 767px) {
	div.title-section {
		height: 421px;
	}

	.title-box-blur {
		position: absolute;
		height: 98px;
		width: 234px;
		top: 50%;
		left: 50%;
		background-position: center center;
		-webkit-filter: blur(10px);
		-moz-filter: blur(10px);
		-ms-filter: blur(10px);
		-o-filter: blur(10px);
		filter: blur(10px);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
		margin-left: -117px;
		margin-top: -49px;
		overflow: hidden;
	}

	.title-box {
		position: absolute;
		height: 98px;
		width: 234px;
		top: 50%;
		left: 50%;
		border: 3px solid #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-left: -117px;
		margin-top: -49px;
		padding-top: 24px;
		box-sizing: border-box;
	}

	#title-logo
	{
		display:none;
	}

	#mobile-title-logo
	{
		display:inline;
	}

	.intro-section .container {
		padding: 45px 0 217px 0;
		background-position: center bottom;
		background-size:217px;
	}

	.intro-section-content {
		max-width: 80%;
		font-size: 1.125em;
	}

	.benefits-section {
		
	}

	.benefits-section .container {
		padding: 50px 0 0 0;
	}

	.benefits-section h2 {
		margin-bottom: 54px;
	}

	.benefits-section .benefit {
		max-width: 90%;
		margin: 0 auto;
		float:none;
		margin-bottom: 56px;
		position: relative;
	}

	.benefit .icon {
		width: 100%;
		margin: 0 auto;
		float:none;
		text-align:center;
	}

	.benefit .icon img {
		width:110px;
	}

	.benefit .description {
		max-width: 100%;
		float:none;
		padding-top: 24px;
		line-height: 1.5em;
		font-size: 1em;
		text-align:center;
	}

	.howitworks-section .container {
		padding: 50px 0 0 0;
	}

	.howitworks-section h2 {
		margin-bottom: 40px;
		font-size:1.875em;
	}

	.howitworks-section .image-holder {
		min-height: 265px;
		background-position: center top;
		background-repeat: no-repeat;
		background-size:276px;
		position: relative;
		padding-top:320px;
	}

	.howitworks-section .content-box {
		width: 100%;
		margin:0 auto;
		background-color: #bac24c;
		color: #fff;
		border-radius: 10px;
		line-height: 1.4em;
		padding: 40px 24px;
		box-sizing: border-box;
		position: relative;
		top: unset;
		transform: unset;
		text-align:center;
	}

	.howitworks-section .content-box:first-child
	{
		margin-bottom:-60px;
	}

	.howitworks-section .tip-holder,
	.howitworks-section .tip
	{
		display:none;
	}

	.howitworks-section .file-links {
		float: none;
		margin-top: 12px;
	}

	.howitworks-section .file-links a {
		height: 79px;
		display: block;
		box-sizing: border-box;
		border: 3px solid #b3ba44;
		padding: 28px 28px 28px 75px;
		border-radius: 6px;
		text-decoration: none;
		margin:0 auto;
		width:100%;
	}

	.howitworks-section .file-links a.pdf {
		background-image: url('/tagteam/images/pdf_logo.png');
		background-repeat: no-repeat;
		background-position: 19px 16px;
	}

	.contentSection-section
	{
		margin-top:50px;
	}

	.contentSection-section .container
	{
		width:90%;
	}
	
	.contacts-section h2,
	.additionalResources-section h2,
	.contentSection-section h2 {
		font-size:1.875em;
	}

	.contentSection-section .content-text {
		margin: 0 auto 30px auto;
		
	}

	.contentSection-section .content-text:last-child {
		margin: 0 auto;
	}

	.contentSection-section h3 {
		font-size: 1.125em;
	}

	.contentSection-section .content-image img {
		max-width:100%;
	}

	.table-wrapper
	{
		max-width:100%;
		overflow: auto;
	}

	.additionalResources-section .container
	{
		padding-top:50px;
	}

	.additionalResources-section {
		padding-bottom: 0;
	}

	.additionalResources-section h2 {
		margin-bottom: 45px;
	}

	.additionalResources-section .right-column,
	.additionalResources-section .left-column {
		width: 100%;
	}

	.additionalResources-section .left-column {
		float: none;
	}

	.additionalResources-section .right-column {
		float: none;
	}

	.additionalResources-section .file-links a {
		display: block;
		width: 100%;
		margin-bottom: 11px;
		margin:0 auto 11px auto;
	}

	.additionalResources-section .right-column .where-to-buy {
		width: 100%;
		margin:25px auto 0 auto;
	}

	.additionalResources-section .right-column .content {
		text-align:center;
		height: 133px;

	}

	.additionalResources-section .right-column .content h3 {
		font-size: 1.5em;
		font-family: 'Avenir Next LT W01 Bold';
		margin-top:30px;
		margin-bottom:10px;
	}

	.additionalResources-section .right-column .content p {
		font-size: 1.25em;
		margin:0;
	}

	/*.contacts-section {
		margin-bottom: 86px;
	}*/

	.contacts-section .container {
		width: 90%;
		margin-top:40px;
		padding: 50px 24px;
	}

	.contacts-section .contact {
		width: 100%;
		margin-bottom:0;
	}

	.contacts-section .contact.right,
	.contacts-section .contact.left {
		float:none;
	}

	.contacts-section .contact .details,
	.contacts-section .contact .picture {
		float:none;
		width:100%;
		margin:0 0 30px 0;
		text-align:center;
	}

	.contacts-section .contact-details {
		border-top: 1px solid #c4c4c4;
		padding-top: 30px;
	}

	.contacts-section .contact-details .address,
	.contacts-section .contact-details .numbers,
	.contacts-section .contact-details .company {
		width:100%;
		float:none;
		text-align:center;
	}

	.contacts-section .contact-details .company {
		font-size:1.125em;
		padding-bottom:10px;
	}

	.contacts-section .contact-details .address {
		padding-bottom:25px;
	}


}



/*@media only screen and (max-width: 768px) {
	 For mobile phones: 
	#header {
		width: 100%;
		height: 72px;
		position: relative;
	}

	.logo {
		height: 72px;
		background-color: #fff;
		margin: 0;
		text-align: center;
		vertical-align: middle;
	}

		.logo a {
			float: left;
			width: 50%;
			height: 72px;
			display: block;
			line-height: 72px;
		}

			.logo a img.desktop {
				display: none;
			}

				.logo a img.mobile {
					display: inline-block;
					max-width: 80%;
					max-height: 72px;
					margin: auto;
					vertical-align: middle;
				}

	.home-hero {
		height: 339px;
		padding-top: 80px;
		box-sizing: border-box;
	}

	.home-hero-content {
		width: 80%;
	}

		.home-hero-content h1 {
			font-size: 1.75em;
		}

		.home-hero-content p {
		}

	.login-validation {
		height: 52px;
		line-height: 52px;
		margin-top: -52px;
	}

	.login-form-holder {
		margin: 0;
	}

	.login-form {
		padding: 35px 20px 20px 20px;
		min-height: 273px;
	}

		.login-form h2 {
			font-size: 1.375em;
		}

		.login-form h2,
		.login-form-content {
			padding: 0 40px;
		}

	.login-form-field input[type='submit'] {
		position: relative;
		width: 100%;
		margin-top: 12px;
		border-radius: 3px;
	}

	.content-sections {
		padding: 40px 20px;
	}

	h2.content-title {
		font-size: 1.375em;
	}

	.article-item {
		padding-top: 20px;
		padding-bottom: 20px;
	}

		.article-item .two-cols .col {
			width: 100% !important;
			padding: 0 !important;
		}

	.confirm-details {
		width: 100%;
	}

	.confirm-btn-holder {
		margin: 0;
	}

		.confirm-btn-holder .btn {
			width: 100% !important;
			margin: 0 !important;
			margin: 10px 0 0 0 !important;
		}

	#confirm-modal-content {
		padding: 10px;
	}

		#confirm-modal-content h2 {
			font-size: 1em;
			margin: 20px 10px 30px 10px;
		}

	.confirm-details .data,
	.confirm-details .label {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}

	.confirm-details {
		padding: 30px 40px 30px 40px;
	}

	.content-hero {
		height: 120px;
		padding-top: 30px;
	}

	.content-hero-content h1 {
		font-size: 1.625em;
	}

	.record-page-farm {
		padding: 40px 20px;
		width: auto;
	}

		.record-page-farm h3,
		.record-page-farm h2 {
			font-size: 1.375em;
		}

	.record-page-form {
		padding: 40px 20px;
	}

		.record-page-form h3 {
			font-size: 1em !important;
			margin-bottom: 30px;
		}

		.record-page-form .field-header {
			text-align: center;
			font-size: 1em !important;
		}

		.record-page-form label {
			font-size: 0.75em;
			margin-bottom: 20px;
		}

	.field-name-holder {
		width: 100% !important;
	}

	.record-page-form .form-field {
		margin-bottom: 25px;
	}

	.page-content {
		margin-top: 0;
	}

	#product-table td.action a {
		display: block;
		width: 100%;
	}

		#product-table td.action a:first-child {
			margin-bottom: 15px;
		}

	.product-holder {
		width: 100%;
		padding-right: 0;
		box-sizing: border-box;
	}

	.timing-rate-holder {
		width: 100%;
	}

	.timing-holder,
	.rate-holder,
	.area-holder {
		width: 100%;
		margin-right: 0;
	}

	.btn,
	.form-btn-row .btn {
		width: 100%;
		margin: 0;
	}

	.form-btn-row .btn {
		margin-bottom: 10px;
	}

	#updated-message,
	#added-message {
		width: 100%;
	}

	.logo-footer {
		float: none;
		text-align: center;
		padding-top: 30px;
	}

	#footer {
	}

		#footer .documents {
			float: none;
			padding-top: 30px;
			text-align: center;
		}

			#footer .documents:after {
				clear: both;
				content: '';
			}

			#footer .documents ul li {
				display: block;
				width: 50%;
				float: left;
			}

				#footer .documents ul li.copy {
					display: block;
					width: 100%;
					padding-top: 40px;
					float: none;
					padding-bottom: 60px;
					clear: both;
				}

				#footer .documents ul li a,
				#footer .documents ul li span {
					padding-left: 0;
				}
}*/