#menu-button-container {
	display: none;
	text-align: right;
	z-index: 999;
}

@media all and (max-width: 1750px) {
	ul.menu a {
		padding: 0 22px;
	}
}

#latest-blog-mobile {
	display: none;
}

#articles-mobile {
	display: none;
}


@media all and (max-width: 1610px) {

	/*#home-container {
		margin: 0 40px;
	}*/

	ul.menu a {
		padding: 0 19px;
	}

	/*.top-menu-buttons {
		right: 120px;
	}

	#header .wrapper {
		margin: 0px;
	}

	#home-container {
		margin: 0;
	}

	#header-icons {
		margin-right: 20px;
	}

	#header .header-item-container {
		margin: 0 40px;
	}

	.wrapper.inside {
		padding: 20px 50px;
		margin: 0 40px;
	}*/

}

@media all and (max-width: 1500px) {

	#compare-candidates .btn-grey {
		font-size: 60%;
	}

	ul.menu a {
		padding: 0 12px;
	}
}

@media all and (max-width: 1300px) {

	.rally-lookup-container #slideshow-container {
		height: 400px;
		width: 100%;
	}

	ul.menu a {
		padding: 0 10px;
	}
}

@media all and (max-width: 1200px) {

	ul.menu a {
		padding: 0 6px;
	}

	#compare-candidates .btn-grey {
		font-size: 100%;
	}

	#footer-container .footer-item-container:first-child{
		text-align: center;
		padding: 20px 0;
	}

	#footer-container .footer-item-container{
		padding: 10px 0;
		text-align: center;
	}

	#home-left-container, #home-right-container {
		background-color: transparent;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
	}

	#icons .icon-container {
		padding: 20px 0;
	}

	.table.national-rollout tr td {
		width: 100%;
		display: block;
	}

	.table.national-rollout fieldset {
		padding: 0;
	}

	#latest-blog-mobile {
		display: block;
		margin: 0;
		text-align: center;
	}

	#latest-blog,
	#latest-blog:after,
	#latest-blog:before {
		display: none;
	}

	#articles-mobile {
		display: block;
	}

	#articles {
		display: none;
	}

	div.slide-title-container {
		bottom: auto;
		left: auto;
		position: relative;
	}

	#what-can-i-do .icons.row {
		padding-bottom: 15px;
	}

}
/*
	###########
	Start ipad-mini style
	###########
*/

@media all and (max-width: 1100px) {

	#menu-button-container {
		display: inline-block;
		margin-top: 20px;
		background: #A7161A;
		width: 50px;
		height: 50px;
		vertical-align: top;

	}

	#header {
		height: 90px;
		padding: 0;
	}

	#header.unstick {
		position: absolute;
	}

	#header .wrapper .clear {
		display: none;
	}

	#header-icons {
		margin-top: 23px;
		padding: 0 15px 0 0;
		vertical-align: middle;
	}

	div.menu-button {
		background: #ffffff;
		display: inline-block;
		width: 50px;
		height: 50px;
		vertical-align: top;
	}

	button.menu-trigger {
		background: transparent;
		border: none;
		cursor: pointer;
		display: inline-block;
		height: 35px;
		overflow: hidden;
		outline: none;
		margin: 8px;
		position: relative;
		text-indent: -900em;
		vertical-align: top;
		width: 35px;
	}

	button.menu-trigger span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 4px;
		margin: 5px 0;
		background: #ffffff;
		display: block;
		opacity: 1;
		border-radius: 1px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}

	/*button.menu-trigger.active {*/
	/*width: 45px;*/
	/*}*/

	button.menu-trigger.active span {
		background: #ffffff;
	}

	button.menu-trigger span:first-child {
		top: 0;
	}

	button.menu-trigger span:nth-child(2) {
		top: 10px;
	}

	button.menu-trigger span:nth-child(3) {
		top: 20px;
	}

	button.menu-trigger.active span:first-child {
		top: -3px;
		left: 5px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	button.menu-trigger.active span:nth-child(2) {
		opacity: 0;
		width: 0%;
	}

	button.menu-trigger.active span:nth-child(3) {
		top: 22px;
		left: 5px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#navigation {
		display: none;
		height: auto;
		left: 0;
		margin: 0px;
		padding: 0px;
		position: absolute;
		text-align: left;
		top: 90px;
		width: 100%;
	}

	#navigation.open {
		display: block;
	}

	ul.menu {
		background-color: #272727;
		display: block;
		height: auto;
	}

	ul.menu ul li {
		padding: 0 0 0 15px;
	}

	ul.menu li,
	ul.menu li ul li,
	ul.menu li ul li ul li,
	ul.menu li ul li ul li ul li {
		display: block;
		float: none;
		height: auto;
		text-align: left;
		width: 100%;
	}

	ul.menu ul,
	ul.menu ul ul,
	ul.menu ul ul ul,
	ul.menu ul ul ul ul {
		border-bottom: 0 !important;
		display: block;
		left: auto;
		position: relative;
		width: 100%;
	}

	ul.menu li a,
	ul.menu li ul li a,
	ul.menu li ul li ul li a,
	ul.menu li ul li ul li ul li a {
		background-color: #272727 !important; /*background color of menu */
		color: #fff;
		display: block;
		float: none;
		font-size: 100%;
		height: auto;
		line-height: normal;
		padding: 10px 15px;
		text-transform: uppercase;
	}

	ul#menu_tabs a {
		background-color: #404040 !important;
	}

	ul.menu li:hover ul ul,
	ul.menu li:hover ul ul ul,
	ul.menu li.iehover ul ul,
	ul.menu li.iehover ul ul ul {
		display: block;
	}

	ul.menu li a {
		padding: 10px 15px;
	}

	/* okay, lets start styling roll overs */

	ul.menu li.has_submenu > a {
		background-image: url( ../images/mobile-arrow.png );
		background-position: center right;
		background-repeat: no-repeat;
	}

	ul.menu li.has_submenu > a:hover,
	ul.menu li.has_submenu.clicked_menu > a {
		background-image: url( ../images/mobile-arrow-hover.png );
	}

	ul.menu ul.closed_menu {
		display: none !important;
	}

	ul.menu ul.open_menu {
		display: block !important;
	}

	ul.menu a:hover,
	ul.menu li:hover a,
	ul.menu li.iehover a {
		color: #a41016;
		padding: 10px 30px 10px 15px;
	}

	ul#menu_tabs a:hover {
		color: #a41016;
	}

	/* 2nd Menu */
	ul.menu li:hover li a,
	ul.menu li.iehover li a {
		color: #FFFFFF;
		padding: 10px 30px 10px 15px;
	}

	/* 2nd Menu Hover Persistence */
	ul.menu li:hover li:hover,
	ul.menu li.iehover li.iehover {
		background-color: #272727;
		color: #fff;
	}

	ul.menu li:hover li a:hover,
	ul.menu li:hover li:hover a,
	ul.menu li.iehover li a:hover,
	ul.menu li.iehover li.iehover a {
		color: #a41016;
	}

	/* 3rd Menu */
	ul.menu li:hover li:hover li a,
	ul.menu li.iehover li.iehover li a {
		color: #FFFFFF;
	}

	/* 3rd Menu Hover Persistence */
	ul.menu li:hover li:hover li a:hover,
	ul.menu li:hover li:hover li:hover a,
	ul.menu li.iehover li.iehover li a:hover,
	ul.menu li.iehover li.iehover li.iehover a {
		background-color: #272727;
		color: #a41016;
	}

	/* 4th Menu */
	ul.menu li:hover li:hover li:hover li a,
	ul.menu li.iehover li.iehover li.iehover li a {
		color: #fff;
	}

	/* 4th Menu Hover */
	ul.menu li:hover li:hover li:hover li a:hover,
	ul.menu li.iehover li.iehover li.iehover li a:hover {
		background-color: #272727;
		color: #a41016;
	}

	/* MENU TABS */

	ul#menu_tabs.menu {
		background-color: #404040;
		float: none;
		border: 0;
		display: block;
		height: auto;
		margin: 0;
		padding: 0;
	}

	ul#menu_tabs li {
		border-radius: 0;
		display: block;
		height: auto;
		margin: 0;
	}

	ul.menu#menu_tabs li {
		margin: 0;
	}

	ul#menu_tabs a {
		border-radius: 0;
		display: block;
		float: none;
		font-size: 100%;
		height: auto;
		line-height: normal;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/*.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		bottom: -240px;
		right: 10px;
	}*/


	#content-container {
		padding-bottom: 0;
	}

	.field input[type=text], .field select {
		width: 100%;
	}

	#header #logo {
		padding-top: 10px;
	}

	#header-icons {
		z-index: 100;
	}

	#header-icons img {
		padding: 0;
	}

	#header .social-icons {
		display: none;
	}


	#home-container {
		padding-top: 20px;
	}

	div.page-title {
		padding-top: 0px;
	}

	ul.social-icons-mobile {
		display: inline-block;
		padding: 15px 15px;
		background-color: #fff;
		width: 100%;
	}

	.slide-image-container {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: auto;
	}

	/*homepage changes*/

	#content {/*
		background-color: transparent;
		padding: 0;*/
		padding: 10px 15px;
	}

	body#home #content {
		background-color: transparent;
		padding: 0;
	}

	#home-left-container .homepage-content-container,
	#home-right-container .homepage-content-container {
		margin-bottom: 20px;
	}

	#latest-blog-mobile, #latest-blog {
		background-color: #ffffff;
	}

	#upcoming-elections {
		background-color: #ffffff;
		padding: 20px 20px;
	}

	#upcoming-elections h2 {
		margin: 0;
	}

	#upcoming-elections-slider li {
		padding: 0;
	}

	#what-can-i-do {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#what-can-i-do h1 {
		display: none;
	}

	#what-can-i-do .icons, #what-can-i-do {
		background: #efeeea;
	}

	#what-can-i-do h1 {
		margin-bottom: 15px;
		padding-top: 15px;
	}

	#articles-mobile .article {
		background-color: #ffffff;
		padding: 15px;
	}

	#articles-mobile {
		margin-bottom: 0!important;
		padding: 0 15px!important;
	}

	#articles-mobile p {
		margin-bottom: 0;
	}

	.donate-to-change-lives {
		margin-top: 0;
		padding: 15px 15px 10px 15px;
	}
}

@media all and (max-width: 992px) {

	#action_search {
		height: 36px;
	}

	#articles, #icons {
		padding: 10px 0;
	}

	#articles .article {
		margin: 20px 0;
	}

	.blog-entry-item-image {
		text-align: center;
		width: 100%;
	}

	#compare-candidates h3,
	#compare-candidates h4,
	#compare-candidates .right-align {
		text-align: center !important;
	}

	#compare-candidates a.btn-grey {
		height: 61px;
		padding: 0px;
		font-size: 8pt;
	}

	#compare-candidates a.btn-grey span{
		padding: 0;
		margin: 0;
	}

	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget span iframe[style] {
		min-width: 100% !important;
		width: 100% !important;
	}

	#find-your-representative {
		padding-bottom: 15px;
	}

	#find-your-representative form {
		display: flex;
		width: 80%;
		margin: 0 auto;
	}

	#find-your-representative form .input-large {
		flex: 1;
		border-radius: 0;
		font-size: 80%;
	}

	#find-your-representative form button.btn-go {
		width: 70px;
	}

	#donate-to-change-lives {
		display: block;
	}

	#footer-container {
		/*background-color: #fff;*/
		margin-top: 0;
		padding: 40px 0 15px;
	}

	#footer-container .footer-logo{
		padding-top: 30px;
	}

	#footer-container .footer-item-container {
		padding: 15px 10px;
	}

	div#footer-menu {
		background-color: #fff;
		padding: 5px 0;
		border: 2px solid #111;
		background-image: url('../images/footer-menu-arrow.jpg');
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 24px;
	}

	div#footer-menu:hover {
		cursor: pointer;
	}

	ul.footer-menu {
		display: block;
		list-style-type: none;
		margin: 0;
		padding: 0 15px;
	}

	ul.footer-menu h5 {
		margin: 0;
	}

	ul.footer-menu.active h5 {
		margin-bottom: 10px;
	}

	ul.footer-menu li {
		display: none;
	}

	ul.footer-menu.active li{
		display: block;
	}

	ul.menu li.home {
		display: none;
	}

	#home-left-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}

	#home-right-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		justify-content: flex-start;

		background-color: transparent;
	}

	#home-right-container hr {
		display: none;
	}

	#icons .icon-container {
		padding: 0 0 20px;
	}

	img.left {
		margin: 0px 15px 15px 0px;
		max-width: 415px;
	}

	img.right {
		margin: 0px 0px 15px 15px;
		max-width: 415px;
	}

	#latest-blog-mobile h3,
	#latest-blog h3 {
		font-size: 130%;
	}

	#search-container {
		background-color: #fff;
		left: 0;
		padding: 15px;
		position: absolute;
		text-align: center;
		top: 90px;
		width: 100%;
		z-index: 88;
	}

	#search-container #searchFor {
		width: 180px;
		margin: 0;
	}


	/** HOME PAGE FLEX BOX ORDERING **/
	#slideshow-container {
		-webkit-order: 1;
		-ms-order: 1;
		order: 1;
	}

	#latest-blog-mobile,
	#latest-blog {
		-webkit-order: 2;
		-ms-order: 2;
		order: 2;
		background-color: #fff;
	}

	#elected-representative-search {
		-webkit-order: 3;
		-ms-order: 3;
		order: 3;
	}

	#compare-candidates{
		-webkit-order: 4;
		-ms-order: 4;
		order: 4;
	}

	#help-us-evaluate-candidates {
		-webkit-order: 5;
		-ms-order: 5;
		order: 5;
	}

	#upcoming-elections {
		-webkit-order: 6;
		-ms-order: 6;
		order: 6;
		background-color: #fff;
		/*padding: 10px 0;*/
	}

	#what-can-i-do {
		-webkit-order: 7;
		-ms-order: 7;
		order: 7;
	}

	#articles {
		-webkit-order: 8;
		-ms-order: 8;
		order: 8;

		padding: 0 10px!important;
		background-color: #fff;
	}

	#articles-mobile {
		-webkit-order: 9;
		-ms-order: 9;
		order: 9;
	}

	#donate-to-change-lives {
		-webkit-order: 10;
		-ms-order: 10;
		order: 10;
	}
	/** ORDERING DONE **/


	ul#menu_fundraisers li, ul#menu_resources li, ul#menu_contact li {
		display: block;
		list-style-type: initial;
		padding: 5px 0 5px 10px;
		width: 100%;+
	}

	ul#menu_fundraisers li a, ul#menu_resources li a, ul#menu_contact li a{
		font-size: 11pt;
	}

	#quick-links {
		display: none;
	}

	.red-box {
		padding: 15px;
	}

/*	.red-box h3, .red-box h4{
		text-transform: uppercase;
	}*/

	/*.wrapper > #content {
		background-color: #efeeea;
		padding: 15px 0px;
	}*/

	.wrapper {
		padding: 0 15px;
	}

	.wrapper.inside {
		padding: 10px 15px;
		/*background-color: #FFF;*/
	}

	/*.wrapper.inside > #content{
		background-color: #FFF;
	}*/

}

@media all and (max-width: 768px) {

	body {
		font-size: 11pt;
	}

	#articles-mobile .article {
		margin-bottom: 20px;
	}

	#footer-container {
		padding: 15px 0;
	}

	#footer-container .footer-item-container:first-child {
		padding: 10px 0;
	}

	.bx-controls {
		bottom: 0;
		top: auto;
		text-align: right;
	}

	.bx-prev, .bx-next {
		display: inline-block;
	}

	.bx-controls-direction {
		display: inline-block;
	}

	.bx-wrapper .bx-pager {
		display: none;
	}

	/*.bx-controls {
		display: block;
		position: absolute;
		width: 100%;
		top: 270px;
	}




	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		display: none;
		bottom: -125px;
		right: 5px;
	}*/

	div#footer-menu {
		background-size: 25px;
	}

	.wrapper {
		padding: 0 15px;
	}

	#header-icons {
		margin-top: 15px;
		padding-right:0px;
	}

	#menu-button-container {
		margin-top: 10px;
	}

	#header {
		height: 110px;
	}

	#header #logo {
		padding: 14px 0 6px;
		width: 205px;
	}

	#search-container,
	#navigation {
		top: 70px;
	}

	h1,
	.heading.one {
		font-size: 180%;
	}

	h2,
	.heading.two {
		font-size: 160%;
	}

	h3,
	.heading.three {
		font-size: 135%;
		text-transform: uppercase;
	}

	h4.heading.four {
		font-size: 120%;
	}

	.red-box h3, .red-box h4 {
		font-size: 160%;
	}


	/*--- HEADER ---*/

	img.left {
		max-width: 315px;
	}

	img.right {
		max-width: 315px;
	}

	img.right,
	img.left {
		float: none !important;
		margin: 0 0 10px;
		max-width: 100% !important;
	}

	#home-right-container {
		padding-bottom: 0px;
	}

	.slideshow-title {
		font-size: 130%;
		padding-bottom: 10px;
	}

	div.slideshow-subtitle {
		display: none;
		font-size: 100%;
	}

	div.slideshow-title:after {
		display: block;
		color: #3793da;
		content: "MORE >>";
		font-size: 75%;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		padding-top: 5px;
		position: relative;
		text-transform: uppercase;
	}

	.bx-wrapper img.slide-image {
		display: none;
	}

	.bx-wrapper img.slide-image-thumb {
		display: block;
	}

	/* CONTENT */

	#home-left-container #find-your-representative input[type=text].input-large {
		width: 70%;
		margin: 0;
	}

	.rally-lookup-find-rally, .rally-sign-pledge-container {
		text-align: center;
	}

	.rslides_tabs {
		bottom: 10px;
	}

	table.table {
		padding: 0!important;
	}

	ul,
	ol {
		padding-left: 20px;
	}

	div.event-day {
		font-size: 18pt;
	}

	div.event-title {
		font-size: 12pt;
	}

	div.event-title,
	div.event-info {
		margin-left: 55px;
	}

	h2.month-title {
		font-size: 14pt;
	}

	table,
	table tr,
	table td,
	table th,
	table tfoot,
	table tbody,
	table thead {
		display: block;
		height: auto !important;
		text-align: left!important;
	}

	table thead {
		display: none;
	}

	table.table tfoot {
		background-color: #eee;
	}

	table td,
	table th {
		padding: 1px 0;
		word-break: normal;
		width: 100%!important;
	}

	table tr {
		padding: 0;
		position: relative;
	}

/*	table tr td.mobile img {
		border: 1px solid #111;
		border-radius: 50%;
		position: absolute;
		right: 10px;
		top: 10px;
		max-width: 35%;
		max-height: 50%;
	}*/

	table tr td.mobile div.candidate-image {
		background-color: #fff;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		border: 1px solid #111;
		border-radius: 50%;
		height: 150px;
		width: 150px;
		margin: 0 auto;
		max-width: 150px;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	table td {
		padding: 5px 10px!important;
		font-weight: normal!important;
		font-size: 10pt!important;
	}

	.table td.mobile {
		display: block;
		padding: 0!important;
	}

	table.table td span {
		font-weight: normal!important;
	}

	span.decisionNameToggle {
		font-weight: bold;
	}

	table.table tr:nth-child(odd) {
		background-color: #f3f3f3!important;
	}

	table.table tr:nth-child(2n) {
		background-color: #ffffff!important;
	}

	table.table td:before {
		font-weight: bold;
	}

	table#recaptcha_table {
		display: table;
	}

	table#recaptcha_table  tr {
		display: table-row;
	}

	table#recaptcha_table  td{
		display: table-cell;
	}

	table.contact-table tbody tr,
	table.decisionTable tr.topRow th.incumbent, table.decisionTable td.incumbent {
		background: transparent!important;
	}

	/* customized handout - one page style */

	.table#handout-table tr td:nth-of-type(1):before {
		content: "Riding: ";
		display: block;
	}

	.table#handout-table tr td:nth-of-type(2):before {
		content: "MPP: ";
		display: block;
	}

	.table#handout-table tr td:nth-of-type(3):before {
		content: "Party: ";
		display: block;
	}

	.table#handout-table tr td:nth-of-type(4):before {
		content: "Download: ";
		display: block;
	}

	/* GSA Motion table style */

	.table.tcdsb tr td:nth-of-type(1):before {
		content: "Trustee: ";
	}

	.table.tcdsb tr td:nth-of-type(2):before {
		content: "Phone: ";
	}

	.table.tcdsb tr td:nth-of-type(3):before {
		content: "Fax # (416): ";
		display: block;
	}

	.table.tcdsb tr td:nth-of-type(4):before {
		content: "E-Mail: ";
		display: block;
	}

	.table.tcdsb tr td:nth-of-type(5):before {
		content: "Ward: ";
		display: block;
	}

	/* questionairre table style */

	.table.decisionTable.questionnaire tr td:nth-of-type(1):before {
		content: "Question: ";
	}

	.table.decisionTable.questionnaire tr td:nth-of-type(2):before {
		content: "Response: ";
	}

	/* GSA Motion table style */

	.table.decisionTable.votes tr:nth-of-type(1) td:nth-of-type(1):before {
		content: "Votes, Surveys and Policy Decision: ";
		padding-bottom: 10px;
		display: block;
	}

	.table.decisionTable.votes tr td:nth-of-type(2):before {
		content: "Vote: ";
	}

	.table.decisionTable.votes tr td:nth-of-type(3):before {
		content: "Score: ";
	}


	/* other table styles */


	.table.join-party-eda tr td:nth-of-type(1):before {
		content: "Join The Party";
		display: block;
	}

	.table.join-party-eda tr td:nth-of-type(2):before {
		content: "Join an EDA";
		display: block;
	}

	.table.chronology-of-laws tr td:nth-of-type(1):before {
		content: "Year";
		text-transform: uppercase;
	}

	.table.chronology-of-laws tr td:nth-of-type(2):before {
		content: "Milestone";
		text-transform: uppercase;
	}

	.table.marriage tr td:nth-of-type(1):before {
		content: "Title";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.marriage tr td:nth-of-type(2):before {
		content: "Press Play To Listen";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.tyranny tr td:nth-of-type(1):before {
		content: "Year";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.tyranny tr td:nth-of-type(2):before {
		content: "Documented Case";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.mini-rallies tr:nth-of-type(1) {
		display: none;
	}

	.table.mini-rallies tr td {
		width: 100%;
	}

	.table.mini-rallies tr:nth-of-type(2) td:nth-of-type(1):before {
		content: "Photos, Articles and Videos";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.rally-list tr td:nth-of-type(1):before, .table.rally-list-car tr td:nth-of-type(1):before {
		content: "No.";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(2):before, .table.rally-list-car tr td:nth-of-type(2):before {
		content: "Riding Name";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(3):before, .table.rally-list-car tr td:nth-of-type(3):before {
		content: "MPP Currently Elected";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(4):before, .table.rally-list-car tr td:nth-of-type(4):before {
		content: "Address/Meeting Place";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(5):before, .table.rally-list-car tr td:nth-of-type(5):before {
		content: "Team Leader";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(6):before, .table.rally-list-car tr td:nth-of-type(6):before {
		content: "Date & Time";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(7):before, .table.rally-list-car tr td:nth-of-type(7):before {
		content: "Attendees";
		display: block;
	}

	/*mp or riding list tables*/

	.table.mpList tbody td {
		background-color: #ffffff;
	}

	.table.mpList tbody td a {
		max-width: 60%;
	}

	.table.mpList.evaluation thead {
		display: block;
	}

	.table.mpList tr td:nth-of-type(1):before,
	.table.mpList tr td:nth-of-type(2):before,
	.table.mpList tr td:nth-of-type(3):before,
	.table.mpList tr td:nth-of-type(4):before,
	.table.mpList tr td:nth-of-type(5):before,
	.table.mpList tr td:nth-of-type(6):before,
	.table.mpList tr td:nth-of-type(7):before,
	.table.mpList tr td:nth-of-type(8):before {
		content: attr(data-name);
		display: block;
	}


	/*evaluation tables*/

	table.decisionTable tbody td {
		background-color: #ffffff;
	}

	.table.decisionTable.evaluation thead {
		display: block;
	}

	.table.decisionTable.evaluation thead tr:nth-of-type(1),
	.table.decisionTable.evaluation thead tr:nth-of-type(2) {
		display: none;
	}

	.table.decisionTable.evaluation thead tr:nth-of-type(3) td:nth-of-type(1) {
		background-color: #303030;
		text-align: center;
		text-transform: uppercase;
		padding: 9px 9px;
		font-size: 85%;
		letter-spacing: 2px;
		color: #fff;
	}

	.table.decisionTable.evaluation tfoot tr {
		background-color: #303030!important;
		color: #fff;
	}

	.table.decisionTable.evaluation tfoot tr td:nth-of-type(1) {
		background-color: #303030;
		text-align: center;
		text-transform: uppercase;
		padding: 9px 9px;
		font-size: 85%;
		letter-spacing: 2px;
		color: #fff;
	}

	.table.decisionTable.evaluation thead tr:nth-of-type(4) th:not(:first-child) {
		display: none;
	}


	.table.decisionTable.evaluation thead tr td:nth-of-type(1):before {
		content: attr(data-name);
		display: block;
	}

	.table.decisionTable.evaluation thead tr td:nth-of-type(2):before {
		content: attr(data-name);
		display: block;
	}

	.table.decisionTable.evaluation thead tr td:nth-of-type(3):before {
		content: attr(data-name);
		display: block;
	}

	.table.decisionTable.evaluation thead tr td:nth-of-type(4):before {
		content: attr(data-name);
		display: block;
	}

	.table.decisionTable.evaluation thead tr td:nth-of-type(5):before {
		content: attr(data-name);
		display: block;
	}

	/*questions*/

	.table.decisionTable.evaluation tbody tr td:nth-of-type(1):before {
		content: "Question: ";
	}

	.table.decisionTable.evaluation tbody tr td:nth-of-type(n+2):before {
		content: attr(data-name) " Response: ";
	}

	.table.decisionTable.evaluation tfoot tr td:nth-of-type(n+2):after {
		content: attr(data-name);
		padding-left: 5px;
	}

	.table.decisionTable.evaluation thead th.rating-image.compare-view:after {
		content: attr(data-name);
		line-height: 1em;
		padding-left: 5px;
	}


	/*end*/

	div.main-page-container {
		width: 100%;
		background-image: url('../images/rally/mainBg_mobile.png');
	}

	div.main-page-map {
		width: 100%;
	}

	div.main-page-map-container {
		width: 100%;
		position: relative;
		margin: 0;
		margin-top: 30%;
		height: auto;
	}

	div.main-page-learn-content {
		width: 100%;
		margin: 0px auto;
		margin-top: 0;
	}

	div.main-page-learn-content td{
		display: block;
	}

	div.clc-youth-logo {
	  position: relative;
	  width: 100%;
	  top: 0; left: 0; bottom: 0; right: 0;
	}

	div.rally-province-logo {
	  display: none;
	}

	div.rally-lookup-content {
	  padding: 0;
	}

	div.light-mobile {
		display: block;
		float: right;
	}

	div.light-desktop {
		display: none;
	}

	.codeSearchResult .candidateImage,
	.codeSearchResult .candidateContent {
		display: block;
		margin: 10px 0!important;
		min-height: 0;
		height: auto!important;
		width: 100%!important;
	}

	div.checkbox.inline-sm {
		margin-bottom: 10px;
	}

	img[style*="float: left"],
	img[style*="float:left"] {
		float: none!important;
		display: block;
		margin: 5px 0;
	}

	img[style*="float: right"],
	img[style*="float:right"] {
		float: none!important;
		display: block;
		margin: 5px 0;
	}

	.light-rating-container {
		padding-left: 0 !important;
	}

	body#compare_candidates tr {
		border: 1px solid #231f20;
		border-top: 0;
	}

	body#compare_candidates tr:nth-of-type(1) {
		border-top: 1px solid #231f20;
	}

	#upcoming-elections .bx-next {
		right: -22px;
	}

	#upcoming-elections .bx-prev {
		left: -22px;
	}

	table td[data-title] {
		position: relative;
	}

	table td[data-title]:before {
		content: attr( data-title );
		font-size: 110%;
		font-weight: bold;
	}

	.campaign-bar-label {
		margin-top: 0;
	}

	.campaign-bar + hr {
		margin: 15px auto 10px;
	}

	.campaign-bar:after,
	.campaign-bar-label:before,
	.campaign-bar-label:after {
		height: 8px;
		bottom: -8px;
	}

	.buttons-container .button-row {
		flex-wrap: wrap;
	}

	.buttons-container .button-row div {
		flex-basis: 100%;
	}

	.buttons-container .red_button {
		display: block;
		width: 100%;
	}
}
/*
	###########
	Start iphone style
	###########
*/
@media all and (max-width: 550px) {

	/*.bx-controls {
	  bottom: auto;
	  top: 175px;
	  text-align: right;
	}*/

	#find-your-representative form{
		width: 100%;
	}

	#footer-container .footer-logo img{
		width: 85%;
	}
	.footer-item-container {
		padding: 0px;
	}

	#header-icons {
		margin-top: 20px;
		padding-right: 5px;
	}

	#header #logo {
		padding: 16px 0 8px;
		width: 180px;
	}

	input[type=text].input-large {
		padding: 0 15px;
	}

	.rally-lookup-container #slideshow-container {
		height: 200px;
	}

	#search-icon img, .donate-icon img {
		width: 35px;
	}

	#search-box {
		width: 100%;

	}

	#search-box #searchFor{

	}

	#search-box button {
		width: 100px;
	}

	.social-button-container {
		display: none;
	}

	.btn, .red-button, .red_button {
		font-size: 85%;
		letter-spacing: 1px;
		padding: 6px 10px;
	}

	table tr td.mobile div.candidate-image {
		height: 100px;
		width: 100px;
		max-width: 100px;
	}

	.campaign-bar-progress::after {
		font-size: 110%;
		right: 3px;
	}
}

@media all and (max-width: 370px) {

	/*.bx-controls {
	  display: block;
	  position: absolute;
	  width: 100%;
	  top: 225px;
	}

	.bx-wrapper .bx-controls-direction a {
	  *//*top: -220px;*//*
	  top: -30px;
	  margin-top: 0;
	}

	.bx-wrapper .bx-prev {
		left: auto;
		right: 35px;
	}*/

	div#map {
		height: 150px;
		width: 100%;
	}

	#header #logo {
		width: 120px;
		padding-top: 25px;
	}

	.btn, .red-button, .red_button {
		margin: 10px 0;
	}

	table tr td.mobile div.candidate-image {
		height: 70px;
		width: 70px;
		max-width: 70px;
	}

}



@media all and (max-width: 310px) {

	#compare-candidates .btn-grey {
		font-size: 7pt;
	}

	#header #logo {
		width: 100px;
		padding-top: 30px;
	}

	#menu-button-container {
		height: 40px;
		width: 40px;
		margin-top: 20px;
	}

	button.menu-trigger {
		height: 30px;
		width: 30px;
		margin: 3px 5px 0 0;
	}

	button.menu-trigger.active span:first-child {
	  top: -1px;
	  left: 5px;
	}

	button.menu-trigger.active span:nth-child(3) {
	  top: 21px;
	  left: 5px;
	}
}