/* tablet layout */



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



	.tablet01 {margin:0 0.8333333333333333%; width:6.666666666666667%;}

	.tablet02 {margin:0 0.8333333333333333%; width:15%;}

	.tablet03 {margin:0 0.8333333333333333%; width:23.33333333333333%;}

	.tablet04 {margin:0 0.8333333333333333%; width:31.66666666666667%;}

	.tablet05 {margin:0 0.8333333333333333%; width:40%;}

	.tablet06 {margin:0 0.8333333333333333%; width:48.33333333333333%;}

	.tablet07 {margin:0 0.8333333333333333%; width:56.66666666666667%;}

	.tablet08 {margin:0 0.8333333333333333%; width:65%;}

	.tablet09 {margin:0 0.8333333333333333%; width:73.33333333333333%;}

	.tablet10 {margin:0 0.8333333333333333%; width:81.66666666666667%;}

	.tablet11 {margin:0 0.8333333333333333%; width:90%;}

	.tablet12 {margin:0 0.8333333333333333%; width:98.33333333333333%;}

	

}



/* half layout */



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

	

	.mobileOff   {display:none;}

	.mobileOnly  {display:block;}



	.mobile01 {margin:0 0.8333333333333333%; width:6.666666666666667%;}

	.mobile02 {margin:0 0.8333333333333333%; width:15%;}

	.mobile03 {margin:0 0.8333333333333333%; width:23.33333333333333%;}

	.mobile04 {margin:0 0.8333333333333333%; width:31.66666666666667%;}

	.mobile05 {margin:0 0.8333333333333333%; width:40%;}

	.mobile06 {margin:0 0.8333333333333333%; width:48.33333333333333%;}

	.mobile07 {margin:0 0.8333333333333333%; width:56.66666666666667%;}

	.mobile08 {margin:0 0.8333333333333333%; width:65%;}

	.mobile09 {margin:0 0.8333333333333333%; width:73.33333333333333%;}

	.mobile10 {margin:0 0.8333333333333333%; width:81.66666666666667%;}

	.mobile11 {margin:0 0.8333333333333333%; width:90%;}

	.mobile12 {margin:0 0.8333333333333333%; width:98.33333333333333%;}



	#content           {max-width:420px; margin:0 auto; float:none;}

	#page-map #content {max-width:100%; float:left;}

	

	/* buttons that need to shrink */

	

	#header a.button           {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

	#header a.button img       {height:30.75px; padding:7.5px 10.5px 6px 6.75px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

	

	/* header logo */

	

	#logo                     {display:block; margin:4% 0 3% 0; text-align:center;}

	#logo img:nth-child(1)    {display:block; margin:0 auto 1% auto;}

	#logo img:nth-child(2)    {display:block; margin:0 auto;}

	#tag                      {display:block; margin:0 auto;}



	/* header button */

	

	#headerButton             {text-align:center;}

	#headerButton a.button    {margin:4% 0 2% 0;}

	

	/* boxes */

	

	#content .box                   {text-align:center; padding:20px 3%;}

	#page-visit #content .box       {text-align:left}

	#page-margate #content .box     {text-align:left}

	#page-events #content .box      {text-align:left}

	#page-contact-us #content .box  {text-align:left}

	

	/* pager */

	

	.cycle-pager span  {width:15px; height:15px; font-size:40px;}



}