/* Styles for android tablet size */
@media all and (min-width: 0px) and (max-width: 475px) {
	.search-block-form input[type=search] {
		width: 132px;
		margin-left: 0;
	}
	.search-block-form {
		width: 200px;
		margin-right: 10px;
	}
	.search-block-form input[type=submit] {
		padding-right: 10px;
	}
	.region-header-top {
		padding-right: 10px;
	}
	#block-accessibilitylinks {
		width: 45px;
	}
	#block-views-block-notice-block-2 .view-header a {
		margin-left: 10px;
	}
	#block-views-block-notice-block-2 .view-footer {
		margin-left: 2.2em;
	}
	.footer-notice {
		padding: 1em;
		margin: 1em 0;
	}
	.view-page-toc, .paragraph--type--textarea, /*.paragraph--type--pdf-documents,*/ .paragraph--type--image-gallery .field--name-field-section-title h2,
	.paragraph--type--video h2, .webform-submission-form,
	.paragraph--type--location .field--name-field-section-title h2,
	.block-views-blockgroup-fitness-timetables-block-1 h2, .block-views-blockgroup-fitness-class-list-block-1 {
		padding: 0 20px;
	}
	.headline-background, .headline-background a, .flexslider .slides .headline-background img {
		width: 350px;		
	}
	.headline-background, .headline-background a {
		height: 560px;
	}
	.flexslider .slides .headline-background img {
		height: auto;
	}
	#block-views-block-banner-slideshow-block-1 .flexslider {
		margin-top: 44px;
	}
	.field--name-field-image-in-column {
		width: 100%;
	}
	.paragraph--type--image-left-to-text, .paragraph--type--image-right-of-text,
	.paragraph--type--image-left-to-text .field--name-field-textarea, .paragraph--type--image-right-of-text .field--name-field-textarea {
		height: auto;
	}
	.paragraph--type--image-left-to-text .field--name-field-image-in-column, .paragraph--type--image-right-of-text .field--name-field-image-in-column {
		float: none;
	}
	.paragraph--type--image-left-to-text .field--name-field-heading-3, .paragraph--type--image-left-to-text .field--name-field-textarea {
		margin-left: unset;
	}
	.paragraph--type--text-table, .paragraph--type--list-table, #chart_container {
		padding-left: 5%;
		padding-right: 5%;		
	}
	#chart_container {
		/*min-width: 400px;*/
		overflow: auto;		
	}
	.path-frontpage .whats-on-content {
		padding: 1em 10px;
	}
	.whats-on-content #legend ul li {
		float: none;
		text-align: left;
	}
	.whats-on-content .btnGraphAvailability {
		height: 200px;
	}
	.whats-on-content .btnGraphAvailability li a {
		font-size: 40px;
	}
	.whats-on-content .btnDay {		
		margin-left: -200px; /*-176px;*/
	}
	.whats-on-content .btnDay li {
		margin: 1em 12px 0 0;				
	}
	.whats-on-content .btnDay li:nth-child(4) {
		clear: left;
	}
	.whats-on-content #legend ul li {
		width: 100%;
	}
	.paragraph--type--image-left-to-text .field--name-field-textarea::-webkit-scrollbar,
	.paragraph--type--image-right-of-text .field--name-field-textarea::-webkit-scrollbar,
	.paragraph--type--text-table::-webkit-scrollbar,
	#chart_container::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
		height: 7px;
	}
	.paragraph--type--image-left-to-text .field--name-field-textarea::-webkit-scrollbar-thumb,
	.paragraph--type--image-right-of-text .field--name-field-textarea::-webkit-scrollbar-thumb,
	.paragraph--type--text-table::-webkit-scrollbar-thumb,
	#chart_container::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0,0,0,.5); 
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	.paragraph--type--video .field--name-field-get-directions a {
		left: 30%;
	}
	.geolocation-google-map.geolocation-processed {
		height: 300px !important;
	}
	#map-image {
		top: 0;
		left: 5%;
		width: 90%;
	}
	#map-content {
		height: 900px;
	}
	.geolocation-formatter-map-wrapper {
		top: 520px;
		width: 90%;
		padding: 0 5%;
	}
	.call-to-action-main, .call-to-action {
		width: 100% !important;
	}
	.call-to-action {
		
	}
}
/* Styles for iPad size */
@media (max-width: 1023px)	 {
	#branding-nav {
		height: 146px;
	}
	#block-mainnavigation ul.sf-menu.sf-accordion.sf-expanded {
		/*margin-top: 1em;*/
		background-color: #2D5098;
	}
	ul.sf-menu.sf-accordion.sf-expanded a {
		color: #FFFFFF;
		text-decoration: none;
	}
	ul.sf-menu.sf-accordion.sf-expanded li.sf-depth-1 {
		border-bottom: 1px solid #FFFFFF;
	}
	ul.sf-menu.sf-accordion.sf-expanded li ul li.sf-depth-2, ul.sf-menu.sf-accordion.sf-expanded li ul li ul li.sf-depth-3  {
		font-family: Calps-ExtraLight;
		padding-left: 20px;
	}
	ul.sf-menu.sf-accordion.sf-expanded li ul li.sf-depth-2  {
		font-size: 21px;
	}
	ul.sf-menu.sf-accordion.sf-expanded li ul li ul li.sf-depth-3  {
		font-size: 19px;
		text-decoration: underline;
	}
	.sf-sub-indicator {
		display: block;
	}	
	.facilities {
		width: 100%;
	}
	.imageCrop {
		width: 100%;
		height: 271px;
		overflow: hidden;
	}
	.health img.amie, .fitness img.arny, .swim img.arlo {
		width: auto;
	}
	#block-memberlogin a {
		border-radius: 20px;
		width: 6px;
		height: 30px;
		float: left;
		background-position: 5px;
		padding: 3px 15px;
		text-indent: -9999px;
	}
	#block-accessibilitylinks {
		width: 50px;
	}
	#block-accessibilitylinks, #block-accessibilitylinks p {
		margin: 0;
	}
	#block-accessibilitylinks a.access {
		display: none;
	}
	#block-accessibilitylinks a.skip {
		border: none;
		background-color: #5e5e5e;
		border-radius: 20px;
		width: 6px;
		height: 30px;
		float: left;
		background-image: url(/themes/custom/afac/images/skip.png);
		background-repeat: no-repeat;
		background-position: 10px;
		padding: 3px 15px;
		color: #FFFFFF;
		text-decoration: none;
		text-indent: -9999px;
	}
	#block-facilities {
		width: 79.6%;
		margin: 0 auto;
	}
	.facilities p {
		min-height: auto;
	}
	.view-submenu .views-row {		
		width: 80%;
		margin: 0 10% 2em 10%;
	}
	.view-submenu .views-row .views-field-field-page-image img {
		max-width: 810px;
		height: auto;
	}
	.view-submenu .views-field-field-summary {
		min-height: 80px;
	}
	.paragraph--type--image-gallery .flexslider {
		padding: 0 20px;
		width: auto;
	}
	.whats-on-content #block-whatson h2 {
		height: 122px;
	}	
	#footer .footer-info.enews h4, #footer .footer-info.enews p, #footer .footer-info.social h4 {
		display: none;
	}
	#footer .footer-info.address, #footer .footer-info.contactinfo, #footer .footer-info.enews, #footer .footer-info.social {
		max-width: 50%;
		width: 50%;	
	}
	#footer .footer-info.enews, #footer .footer-info.social {
		min-height: 50px;	
	}
	#footer .footer-info.enews .subscribe {
		margin-top: 0;
	}
	#footer .footer-info.social {
		text-indent: -9999px;
    padding-left: 2em;
    width: 40%;
	}
	.footer-info ul li {
		float: left;
	}
	.alertBannerContainer {
		width: 100%;
	}
	.call-to-action-main {
		width: 405px;
	}
	.call-to-action {
		margin-left: 0;
	}
	.purpleLink {
		height: auto;
		min-height: 28px;
	}	
    .paragraph--type--video-iframe iframe {    
      width: 100%;
      height: auto;
      min-height: 272px;
    }
	.page-node-142 .paragraph--type--webform iframe {
		width: 100%;    
	}
	.page-node-142 .paragraph--type--webform {
		padding: 0.5em;
	}  
	.page-node-142 .paragraph--type--webform .webform-actions .button, 
	.page-node-142 .paragraph--type--webform .noButton label  {
		width: 7em;  
	}	
	
  /* Group fitness timetables */
  .view-group-fitness-timetables .view-content > div {
    float: none;  
    padding-bottom: 0;
    overflow-x: auto;
    width: 100% !important;
  }
  
  .view-group-fitness-timetables {
    overflow: inherit;
  }
  
  .view-group-fitness-class-list td {
    padding: 0.5em 0.15em 0.5em 0;
  }
  /* End of Group fitness timetables */	
  #footer p.logo-bottom {
    text-align: center;
  }
  #footer p.logo-bottom img.coa_logo {
    float: none;  
    margin-top: 2em;
  }	
}
@media all and (min-width: 1024px) and (max-width: 1299px) {
	#block-mainnavigation {
		margin-top: 4.5em;
	}
	#block-mainnavigation ul#superfish-main {
		float: left;		
	}
	#branding-nav {
		height: 134px;
	}
    .paragraph--type--video-iframe iframe {    
      width: 100%;
      height: auto;
      min-height: 480px;
    }  	
}