/**MOBILE**/
@media (max-width: 480px) {
	.logo {
		margin: 0 0 20px;
	}
	.hard-code-image {
		margin: 10px 0 25px
	}
	.home-carousel .list-inline>li {
		padding-left: 0;
		padding-right: 0;
	}
	.home-social-button.bg-1,
	.home-social-button.bg-2,
	.home-social-button.bg-5,
	.home-social-button.bg-8 {
		background-color: rgba(0,0,0,0) !important;
	}
	.home-bottom-banner {
		margin-top: 0;
	}
	.carousel-item h1 {
		font-size: 45px;
		line-height: 45px;
	}
	.page-content {
		padding: 15px 25px;
	}
	h1 {
		font-size: 40px;
	}
	.main-nav {
		margin-top: 0;
	}
	.main-nav > li > a {
		padding-left: 10px;
		text-align: left;
	}
	.book {
		margin-top: 20px;
	}
	.opening-times-full time {
		padding: 4px;
	}
	.attraction {
		height:auto !important;
		position: relative;
	}
	.attractions-section .col-sm-push-5 .content {
		padding-left: 19px;
	}
	.attraction .content {
		margin-bottom: 50px;
		padding: 10px 19px;
	}
	.attractions-section .content > p {
		height: 99px;
	}
	.attractions-section a.more {
		margin-top: 5px;
	}
	.attractions-section h2 {
		margin-top: 10px;
	}
	.attraction a.more {
		bottom: 20px;
	}
	.event-item .content {
		padding-left: 17px;
	}
	.event-item .col-sm-push-4 .content {
		padding-left: 20px;
	}
	.page-area .col-sm-push-5 .content {
		padding-left: 19px;
	}
	.page-area .content {
		padding-left: 19px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
		font-family:Arial, Helvetica, sans-serif;
		margin: 20px 0;
		padding: 0 0 0 15px;
		text-align: left;
		text-transform: none;
	}
	.social-footer {
		text-align: center;
		margin-bottom: 20px;
	}
	.quick-links {
		text-align: center;
		margin-bottom: 20px;
	}
	.plan-your-visit {
		text-align: center;
		margin-bottom: 20px;
	}
	.footer {
		margin-top: 30px;
	}
	.footer-details {
		text-align: center;
		margin-bottom: 20px;
	}
	.book-room .side-icon {
		margin-top: 24px;
	}
	.thomas .home-carousel {
		padding-top: 0;
	}
	.thomas .sidebar {
		padding-top: 0;
	}
}
@media (max-width: 979px) {
	.home-carousel .slick-prev, .home-carousel .slick-next {
		top: 25%;
	}
}
/**TABLET LANDSCAPE**/
@media (max-width: 1199px) and (min-width: 992px) {
	.opening-times-full time {
		padding: 7px;
	}
	.sidebar .lead {
		font: 23px 'Luckiest-Guy', Arial, cursive;
	}
	.logo {
		margin: 60px 0 20px;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: none;
	}
	.page-area .content {
	padding: 0 19px 0 30px;
	}
	.page-area .col-sm-push-5 .content {
	padding: 0;
	}
	.desktop-nav-collapse .main-nav {
		width: 100%;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.desktop-nav-collapse .main-nav > li {
		font-size: 18px;
	}
	.desktop-nav-collapse .main-nav > li.rides-nav {
		font-size: 12px !important;
	}

	.navbar-header {
		float: none;
	}
	.navbar-top-nav .navbar-nav > li > a {
		padding: 10px 15px;
	}
	.navbar-fixed-top .navbar-collapse .navbar-nav{
		max-height: 640px;
		overflow: scroll;
	}
	nav .dropdown-menu {
		width: 100%;
		text-align: center;
		background: #265aa6;
		color: #fff;
		font-size: 20px;
		padding-bottom: 20px;
	}
	nav .dropdown-menu a:link {
		color: #fff;
		text-decoration: none;
	}
	nav .dropdown-menu a:visited {
		color: #fff;
		text-decoration: none;
	}
	nav .dropdown-menu a:hover {
		color: #265aa6;
		background: #93d9fa;
		text-decoration: none;
	}
	nav .dropdown-menu a:active {
		color: #265aa6;
		background: #93d9fa;
		text-decoration: none;
	}
	.home-carousel .slick-prev, .home-carousel .slick-next {
		top: 30%;
	}
	.attractions-section {
		height: 217px;
		overflow: hidden;
	}
	.attractions-section .col-sm-push-5 .content {
		padding-top: 8px;
	}
	.attractions-section .content {
		padding-top: 8px;
	}
	.attractions-section .content p {
		height: 59px;
		overflow: hidden;
	}
	.attractions-section a.more {
		margin-top: 5px;
	}
	.attraction {
		overflow: hidden;
	}
	.attraction h2 {
		font-size: 25px;
		margin-top: 10px;
	}
	.attraction {
		font-size: 15px;
		line-height: 15px;
	}
	.attraction p {
		height: 35px;
		overflow: hidden;
	}
	.home-carousel .item > .content > h1 {
		font-size: 26px;
		margin: 22px 0 0 0;
	}
	.home-carousel .item > .content > p {
		font-size: 15px;
	}
	.home-social-button {
		font-size: 21px;
		padding: 19px 19px 19px 25px;
	}
	.home-social-button > .clevericon {
		font-size: 28px;
		height: 34px;
		line-height: 29px;
		width: 34px;
	}
	.carousel-item h1 {
		margin-top: 4px;
	}
	.carousel-items {
		height: 437px;
	}
	.carousel-item .caption {
		max-width: 444px;
	}
	.carousel-item h1 {
		font-size: 78px;
		line-height: 80px;
	}
	.carousel-item .more {
		margin-top: 15px;
		bottom: 30px;
	}
	.slick-slider {
	}
}
@media (min-width: 481px) and (max-width: 991px) {
	.carousel-item h1 {
		font-size: 60px;
		line-height: 66px;
	}
}

/**TABLET PORTRAIT**/
@media (min-width: 768px) and (max-width: 991px) {
	.logo {
		margin: 60px 0 20px;
	}
	/*resp desktop nav*/
	.desktop-nav-collapse .main-nav > li {
		font-size: 13px;
	}
	.desktop-nav-collapse .main-nav > li > a {
		line-height: 14px !important;
	}
	.main-nav {
		width: 100%;
	}
	.navbar-header {
		float: none;
	}

	.navbar-top-nav .navbar-nav > li > a {
		padding: 10px 15px;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: none;
	}
	.page-area .content {
	padding: 0 19px 0 30px;
	}
	.page-area .col-sm-push-5 .content {
	padding: 0;
	}
	.attraction {
		overflow: hidden;
	}
	.attraction h2 {
		font-size: 22px;
		margin-top: 12px;
	}
	.attraction {
		font-size: 15px;
		line-height: 15px;
	}
	.attraction p {
		height: 35px;
		overflow: hidden;
	}
	.home-carousel .item > .content > h1 {
		font-size: 26px;
		margin: 22px 0 0 0;
	}
	.home-carousel .item > .content > p {
		font-size: 15px;
	}
	.home-bottom-banner {
		margin-bottom: 20px;
	}
	.home-social-button {
		font-size: 18px;
	}
	.home-social-button > .clevericon {
		font-size: 32px;
		height: 38px;
		line-height: 35px;
		width: 38px;
	}
	.carousel-item .caption {
		max-width: 354px;
	}
	.carousel-item h1 {
		font-size: 56px;
		line-height: 56px;
		margin-top: 0;
	}
	.carousel-items {
		height: 343px;
	}
	.carousel-item .more {
		margin-top: 15px;
		bottom: 123px;
	}
	.slick-slider {
		margin-bottom: 18px;
	}
	.thomas .sidebar {
		padding: 0;
	}
	.book-room .side-icon {
		margin-top: 14px;
	}
}

@media (min-width: 768px) {
	.navbar .container-fluid>.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.desktop-nav-collapse .main-nav > li {
		width: 13.42%;
		margin-left: 1%;
	}
	.desktop-nav-collapse .main-nav > li.rides-nav {
		font-size: 15px;
	}
}
@media (max-width: 1199px) {
	.corporate-nav {
		width: 100%;
		text-align: center;
	}
	.thomas .clock-icon {
		left: 41px;
	}
	.thomas .subpages-sidebar h2 {
		font-size: 18px;
	}
	.thomas .outer {
		width: auto;
	}
	.thomas .outer:before {
		display: none;
	}
	.thomas .inner {
		width: auto;
	}
}
@media (max-width: 767px) {
	.attractions-section .col-sm-push-5 .content,
	.attractions-section .content {
		padding: 15px;
	}
		.home-social-button {
		padding: 5px 0 !important;
		margin-bottom: 20px;
	}
	.home-social-button > .clevericon {
		float: none;
		margin: auto;
	}
	.carousel-item .caption {
		max-width: 338px;
	}
	.carousel-item h1 {
		font-size: 56px;
		line-height: 56px;
		margin-top: 0;
	}
/* XSL STYLES */
.col-xsl-1, .col-xsl-2, .col-xsl-3, .col-xsl-4, .col-xsl-5, .col-xsl-6, .col-xsl-7, .col-xsl-8, .col-xsl-9, .col-xsl-10, .col-xsl-11, .col-xsl-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 600px) and (max-width: 767px) {
	.col-xsl-1, .col-xsl-2, .col-xsl-3, .col-xsl-4, .col-xsl-5, .col-xsl-6, .col-xsl-7, .col-xsl-8, .col-xsl-9, .col-xsl-10, .col-xsl-11, .col-xsl-12 {
		float: left;
	}
	.col-xsl-12 {
		width: 100%;
	}
	.col-xsl-11 {
		width: 91.66666667%;
	}
	.col-xsl-10 {
		width: 83.33333333%;
	}
	.col-xsl-9 {
		width: 75%;
	}
	.col-xsl-8 {
		width: 66.66666667%;
	}
	.col-xsl-7 {
		width: 58.33333333%;
	}
	.col-xsl-6 {
		width: 50%;
	}
	.col-xsl-5 {
		width: 41.66666667%;
	}
	.col-xsl-4 {
		width: 33.33333333%;
	}
	.col-xsl-3 {
		width: 25%;
	}
	.col-xsl-2 {
		width: 16.66666667%;
	}
	.col-xsl-1 {
		width: 8.33333333%;
	}
	.col-xsl-pull-12 {
		right: 100%;
	}
	.col-xsl-pull-11 {
		right: 91.66666667%;
	}
	.col-xsl-pull-10 {
		right: 83.33333333%;
	}
	.col-xsl-pull-9 {
		right: 75%;
	}
	.col-xsl-pull-8 {
		right: 66.66666667%;
	}
	.col-xsl-pull-7 {
		right: 58.33333333%;
	}
	.col-xsl-pull-6 {
		right: 50%;
	}
	.col-xsl-pull-5 {
		right: 41.66666667%;
	}
	.col-xsl-pull-4 {
		right: 33.33333333%;
	}
	.col-xsl-pull-3 {
		right: 25%;
	}
	.col-xsl-pull-2 {
		right: 16.66666667%;
	}
	.col-xsl-pull-1 {
		right: 8.33333333%;
	}
	.col-xsl-pull-0 {
		right: auto;
	}
	.col-xsl-push-12 {
		left: 100%;
	}
	.col-xsl-push-11 {
		left: 91.66666667%;
	}
	.col-xsl-push-10 {
		left: 83.33333333%;
	}
	.col-xsl-push-9 {
		left: 75%;
	}
	.col-xsl-push-8 {
		left: 66.66666667%;
	}
	.col-xsl-push-7 {
		left: 58.33333333%;
	}
	.col-xsl-push-6 {
		left: 50%;
	}
	.col-xsl-push-5 {
		left: 41.66666667%;
	}
	.col-xsl-push-4 {
		left: 33.33333333%;
	}
	.col-xsl-push-3 {
		left: 25%;
	}
	.col-xsl-push-2 {
		left: 16.66666667%;
	}
	.col-xsl-push-1 {
		left: 8.33333333%;
	}
	.col-xsl-push-0 {
		left: auto;
	}
	.col-xsl-offset-12 {
		margin-left: 100%;
	}
	.col-xsl-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-xsl-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-xsl-offset-9 {
		margin-left: 75%;
	}
	.col-xsl-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-xsl-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-xsl-offset-6 {
		margin-left: 50%;
	}
	.col-xsl-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-xsl-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-xsl-offset-3 {
		margin-left: 25%;
	}
	.col-xsl-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-xsl-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-xsl-offset-0 {
		margin-left: 0%;
	}
}

/* XL STYLES */
.visible-xs,
.visible-xsl,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
	display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-xsl-block,
.visible-xsl-inline,
.visible-xsl-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
	display: none !important;
}
@media (max-width: 599px) {
	.visible-xs {
		display: block !important;
	}
	table.visible-xs {
		display: table !important;
	}
	tr.visible-xs {
		display: table-row !important;
	}
	th.visible-xs,
	td.visible-xs {
		display: table-cell !important;
	}
}
@media (max-width: 599px) {
	.visible-xs-block {
		display: block !important;
	}
}
@media (max-width: 599px) {
	.visible-xs-inline {
		display: inline !important;
	}
}
@media (max-width: 599px) {
	.visible-xs-inline-block {
		display: inline-block !important;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.visible-xsl {
		display: block !important;
	}
	table.visible-xsl {
		display: table !important;
	}
	tr.visible-xsl {
		display: table-row !important;
	}
	th.visible-xsl,
	td.visible-xsl {
		display: table-cell !important;
	}
}
@media (min-width: 600px) and (max-width: 767px) {
	.visible-xsl-block {
		display: block !important;
	}
}
@media (min-width: 600px) and (max-width: 767px) {
	.visible-xsl-inline {
		display: inline !important;
	}
}
@media (min-width: 600px) and (max-width: 767px) {
	.visible-xsl-inline-block {
		display: inline-block !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm {
		display: block !important;
	}
	table.visible-sm {
		display: table !important;
	}
	tr.visible-sm {
		display: table-row !important;
	}
	th.visible-sm,
	td.visible-sm {
		display: table-cell !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm-block {
		display: block !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm-inline {
		display: inline !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md {
		display: block !important;
	}
	table.visible-md {
		display: table !important;
	}
	tr.visible-md {
		display: table-row !important;
	}
	th.visible-md,
	td.visible-md {
		display: table-cell !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md-block {
		display: block !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md-inline {
		display: inline !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 1200px) and (max-width: 1469px) {
	.visible-lg {
		display: block !important;
	}
	table.visible-lg {
		display: table !important;
	}
	tr.visible-lg {
		display: table-row !important;
	}
	th.visible-lg,
	td.visible-lg {
		display: table-cell !important;
	}
}
@media (min-width: 1200px) and (max-width: 1469px) {
	.visible-lg-block {
		display: block !important;
	}
}
@media (min-width: 1200px) and (max-width: 1469px) {
	.visible-lg-inline {
		display: inline !important;
	}
}
@media (min-width: 1200px) and (max-width: 1469px) {
	.visible-lg-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 1470px) {
	.visible-xl {
		display: block !important;
	}
	table.visible-xl {
		display: table !important;
	}
	tr.visible-xl {
		display: table-row !important;
	}
	th.visible-xl,
	td.visible-xl {
		display: table-cell !important;
	}
}
@media (min-width: 1470px) {
	.visible-xl-block {
		display: block !important;
	}
}
@media (min-width: 1470px) {
	.visible-xl-inline {
		display: inline !important;
	}
}
@media (min-width: 1470px) {
	.visible-xl-inline-block {
		display: inline-block !important;
	}
}
@media (max-width: 599px) {
	.hidden-xs {
		display: none !important;
	}
}
/* extra override for bootstrap's normal open-ended media queries on lg */
@media (min-width: 600px) and (max-width: 767px) {
	.hidden-xs {
		display: block !important;
	}
}
@media (min-width: 600px) and (max-width: 767px) {
	.hidden-xsl {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
	.shop-filter ul.navbar-nav {
		width: 100%;
	}
	.shop-filter .navbar-nav > li {
		width: 33.3%;
	}
	.shop-filter .navbar-nav > li > a {
		font-size: 16px;
		padding-left: 45px;
		padding-right: 27px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none !important;
	}
	.shop-filter .navbar-nav > li > a {
		font-size: 18px;
		padding-left: 25px;
		padding-right: 10px;
	}
}
@media (min-width: 1200px) and (max-width: 1469px) {
	.hidden-lg {
		display: none !important;
	}
}
/* extra override for bootstrap's normal open-ended media queries on lg */
@media (min-width: 1470px) {
	.hidden-lg {
		display: block !important;
	}
}
@media (min-width: 1470px) {
	.hidden-xl {
		display: none !important;
	}
	 .banner .carousel-caption {
		left: 14%;
	}
}