.breadcrumb-row .cs-8, .breadcrumb-row .cs-4 { width: 100%; }
.breadcrumb-row .cs-8 { margin-bottom: 20px; }

ul.breadcrumb { border-bottom: 1px solid #c5c5c5; padding-bottom: 15px; }

.main-content .cs-8, .main-content .cs-4 { width: 100%; }

.additional-info ul li { width: 50%; font-size: 12px; }

.additional-info h2 { text-align: center; font-size: 18px; }

.leaderboard-section { border: none;}

.leaderboard-section h2 { text-align: center; margin: 0; padding: 10px 14px;}
.leaderboard-section h2 a { float: none; display: block; margin-top: 10px; }

.leaderboard-section .cs-8 { width: 100%; }

.leaderboard-section aside { margin-left: 28px; margin-right: 28px; }

.perk h2 { text-align: left; }

.leaderboard-section aside { margin-top: 0; }

.leaderboard-section aside p { margin: 0; text-align: left; padding: 0 0 20px 0; background-position: 100% 88px; }

.points strong { font-size: 14px; }

.points span { margin-left: 0; }

.breadcrumb-row .cs-4 { overflow: hidden; }

.leaderboard-section aside.no-peark p { margin-left: 28px; margin-right: 28px; }

.rank { margin-left: 28px; margin-right: 28px; }
  
  /*.avatar-and-name h3 { font-size: 1em; padding-top: .5em; }

  .points { margin-top: .15em; }*/

  .avatar-and-name { margin-right: 1em; }

  .points { float: none; display: block; margin: .15em 0 1em 60px; }



/*menu-section, gallery section, restaurant-profile (venue page)*/
.main-content-section,
.menu-section,
.gallery-section { padding-bottom: 10px; border: none;}

.main-content-section h2,
.menu-section h2,
.gallery-section h2 { text-align: center; margin: 0; font-size: 20px; padding: 10px 14px;}

.restaurant-profile,
.menu,
.gallery {padding-left: 10px; padding-right: 10px; margin-left: 10px; margin-right: 10px; }
	
.restaurant-profile {
	margin-bottom: 0;
}
	.restaurant-profile .show-only-on-mobile p { font-size: 12px; }

	.content-menu a {
		padding: 5px 8px;
		margin-right: 0px;
	}
	.menu h3 {
		margin: 2em 0;
		padding: .5em 0;
	}

.gallery-restaurant {
	margin: 10px 10px 0;
	padding: 14px;
}
.gallery-restaurant .nest .col.skip-1 { margin-left: 0; }



	.gallery-thumbnails li {
		margin-top: 14px;
		margin-right: 14px;
	}

.gallery-thumbnails img {
	max-width: 65px;
}

.virtual-tour-section h2 { 
	text-align: center;
	margin: 0;
	font-size: 20px;
	padding: 10px 14px;
}
.home .virtual-tour-section {
	margin-left: 10px;
	margin-right: 10px;
}

.content-virtual-tour {
  margin-bottom: -14px;
  padding-left: 14px;
  padding-right: 14px;
}

.reviews-section h2 { 
	text-align: center;
	margin: 0;
	font-size: 20px;
	padding: 10px 14px;
}

.reviews {
	padding: 14px;
}

.reviews-summary {
	margin-left: -14px;
	margin-right: -14px;
	padding-left: 14px;
	padding-right: 14px;
}

.reviews-summary__mark-container {
	padding-right: 14px;
}

.reviews-summary__statistics  {
	padding-left: 14px;
}

.reviews-statistics-bar {
	width: 150px;
}
@media screen and (max-width: 420px) {
	.reviews-summary__mark {
		/*display: block;*/
		text-align: left;
		line-height: 45px;
	}
	.reviews-summary__mark-container {
		border-right: 0;
		margin-bottom: 10px;
		display: block;
	}

 	.reviews-summary__statistics {
		padding-left: 0;
	}
}


/* SUCCESS ------------------------------------------------*/

#success a.promo-points { display: none; }

#success .upload-box p, #success .info-box p { text-align: center; margin-left: 0; }

#success .like-venue .fb-like { margin-left: 20px; }

#success .like-venue-wrapper .skip-2 {margin: 0; }
#success .like-venue-wrapper .cs-8 { width: 100%; margin: 50px 0; }

#success article { padding: 180px 0 40px 0; background-position: 50% 0; margin-top: 40px; margin-left: 0; }

#success article h1 { text-align: center;  margin-bottom: 20px; font-size: 30px; }
#success article h2 { text-align: center; margin-bottom: 20px; }
#success article p { text-align: center;  margin-bottom: 20px; }

#success .upload-wrapper .skip-2 { margin-left: 0; margin-right: 0; }
.upload-wrapper .cs-8 { width: 100%; }
.upload-box p { text-align: left; }
p.instruction { margin-left: -5px; }
p.instruction span { padding: 0; }
a.promo-points { right: 10px; }

#success .promo-info-wrapper .skip-2 { margin-left: 0; margin-right: 0; }
.promo-info-wrapper .cs-8 { width: 100%; }

.like-wrapper { margin-top: 40px; margin-bottom: 0; }

.like-wrapper .f-box { background-image: none; padding: 20px; }
.like-wrapper .f-box p { margin-bottom: 10px; }

.like-wrapper .t-box { background-image: none; padding: 20px; }
.like-wrapper .t-box p { margin: 0 0 10px 0; }

/* SETTINGS ----------------------------------------------*/

.sec-nav-wrapper { height: 121px; }
#settings .sec-nav-wrapper .grid { padding: 0; margin: 0; }
.sec-nav-wrapper .grid .cs-12 { padding: 0; }
.sec-nav-wrapper h1 { border-bottom: 1px solid #c0c0c1; width: 100%; text-align: center; padding: 0;}

ul.sec-nav { float: left; width: 100%; height: 60px; }
ul.sec-nav li a { font-size: 13px;}
#settings footer.main .grid { margin-left: 28px; }

#settings .password form.uniForm { margin-left: 0px; }
#settings .notifications form.uniForm { margin-left: 0px; }


/*
.settings .cs-8 { width: 100%; }
.settings .cs-4 { width: 100%; }
*/

.settings form { margin-bottom: 60px; }

.optional .secondary { padding-left: 20px; }
.settings .secondary { padding-left: 20px; }

.settings .uniForm .buttonHolder .primaryAction,
.optional .uniForm .buttonHolder .primaryAction,
.password .uniForm .buttonHolder .primaryAction,
.notifications .uniForm .buttonHolder .primaryAction { width: 100%; }

#settings aside p.promo-points { left: 0px; }

.optional form { margin-bottom: 60px; }

.optional form select { width: 100%; margin-bottom: 8px; }

#settings .primaryAction {
	padding: 15px 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	box-sizing:         border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	width: 100%;
}

#settings .knock-out {
	padding-left: 10px;
	padding-right: 10px;
}

#settings .uniForm .buttonHolder {
	margin: 0px;
	background-color: inherit;
	width: 100%;
	padding: 0;
}

#settings .uniForm .textInput {
	box-sizing:         border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
}

#settings .password form.uniForm,
#settings .notifications form.uniForm {
	padding-left: 10px;
	padding-right: 10px;
}

#settings > .grid {
	margin-left: 10px;
	margin-right: 10px;
}

/* HISTORY --------------------------------------------------*/

	.reservation figure {
		float: none;
	}

	.reservation-ctrls {
		width: auto;
	}

	.details-box-wrapper { position: absolute; width: 100%; height: 100%; background-color: #000; }

    .details-box { width: 100%; position: static; margin: 0; }

      .details-close { display: block; width: auto; height: auto; padding: .5em 0; background: #000; color: #999 !important; text-transform: uppercase; letter-spacing: .15em; text-align: center; text-indent: 0; position: static; }

	/*.narrower-viewport { display:; }*/

	.past-reservations h2 b { float: left; }

	.pagination ul { text-align: center; }

	.past-reservations h2 b a {}

	.pagination { margin-bottom: 50px; text-align: center; }


/* HOMEPAGE -------------------------------------------------*/


	#homepage header.main h2 { padding: 0; }
	#homepage h1 { padding-top: 20px; }
	#homepage .form-box { width: 100%; }
	#homepage form p a { font-size: 12px; }
	.cities-group ul { border-bottom: 1px solid #ddd; padding-bottom: 15px; }
	.cities-group .cs-3 { width: 100%; }
	.cities-group li { text-align: center; }
	.online-rs-wrapper h3 { margin-left: 0; margin-right: 0; }
	#homepage form p a { float: none; display: block; text-align: center; }
	#homepage form p a + a { float: none; display: block; text-align: center; }
	.popular-venues-wrapper article section figure { width: 100%; height: auto; }


/* CONTACT ---------------------------------------------------*/


.contact form .knock-out { margin-left: -28px; margin-right: -28px; }



/* EDIT ------------------------------------------------------*/

	#edit .buttonHolder.knock-out { margin-left: -28px; margin-right: -28px; }

		#edit label strong { font-size: 13px; }

		#edit .uniForm .buttonHolder .primaryAction { font-size: 15px; }



/* VENUE SUMMARY -------------------------------*/

.badges-total-block h2 {text-align: left;}

.primary-content figure { text-align: center; margin-bottom: 1.5em; }

.primary-content .cta-box { margin-top: 2em; }

.leaderboard-badge { right: 72px; }

.venue-summary .breadcrumb-row { margin-bottom: 0; }



/* BOOK RESERVATION -------------------------------*/

/*#book-reservation .city-select,
#book-reservation .venue-type,
#book-reservation .city-nav-toggle {
	float: none;
	overflow: hidden;
	padding: .5em 28px;
}*/

#book-reservation .grid {
	margin-left: 10px;
	margin-right: 10px;
}

#book-reservation .leaderboard {
	padding-left: 10px;
	padding-right: 10px;
}

#book-reservation .position {
	padding: 0;
	margin: 4px 10px 0;
	width: auto;
	font-size: 20px;
}

#book-reservation .rank {
	position: relative;
}

#book-reservation .points {
	margin: 2px 0 0 0px;
	position: absolute;
	right: 0px;
	width: auto;
}

#book-reservation .avatar-and-name {
	margin: 0;
}


#book-reservation .avatar-and-name h3 {
	font-size: 16px;
	text-indent: 10px;
	line-height: 1.5;
}

#book-reservation .city-nav {
  padding: .5em 2em;
  margin-left: 10px;
  margin-right: 10px;
}

#book-reservation .city-nav .cs-8 {
  width: auto;
}

#book-reservation .venue-type {
  padding-bottom: .5em;
  overflow: hidden;
}
#book-reservation .city-nav-toggle {
  margin: 0 0 1em 0;
  float: none;
}

#book-reservation .venue-type .active {
  display: block;
}

#book-reservation .business-card-container { width: 100%; }

#book-reservation .main-content .cs-3 { width: 100%; }

#book-reservation .vip-perk { bottom: 90px; }

#book-reservation .avatar-and-name h3 span { display: block; }

#book-reservation .city-nav-toggle { padding: 0;}

.sub-form p {
  margin-right: 0;
}

.sub-form .promo {
  position: static;
  margin: 1em 0;
  width: auto;
  -webkit-background-size: contain;
	   -moz-background-size: contain;
       -o-background-size: contain;
 					background-size: contain;
}


/* GENERAL FORMS -----------------------------------------*/

.uniForm .buttonHolder{ margin: 0 -28px; }

.uniForm .buttonHolder .secondaryAction{ float: none; display: block; }

/* LANDERS -----------------------------------------------*/


	#lander { }

		#lander h1 { font-size: 18px; }

		#lander .grid { margin-left: 14px; margin-right: 14px; }

		#lander .col { padding-left: 14px; }

		.main-content header { padding-left: 0; padding-right: 14px; }

			#lander header .first { padding-left: 14px; }

				#lander header aside p { float: none; }

		#lander .main-content section { padding-right: 14px; }

		#lander .uniForm hr { margin-right: -14px; }

		#lander .uniForm .buttonHolder { margin-right: -14px; padding-right: 14px; margin-left: 0px;  width: auto; }

		#lander nav .cs-4 { width: 33.3333333333%; }
		#lander nav .cs-3 { width: 25%; }
		#lander nav .col, #lander nav .col .col { float: left; padding-left: 0; }

		#lander nav ul { padding-top: 45px; display: none; }
		#lander nav li b { font-size: 12px; padding: 3px 2px; }
		#lander nav li strong { font-size: 13px; line-height: 1; }

		#lander article > header, #lander article > section { /* Box sizing */
		box-sizing:         border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box; }

		#lander header figure img { display: block; margin: 0 auto; float: none; margin-bottom: 20px; }

		#lander header figcaption { margin: 0 0 20px 0; float: left; width: 100%; text-align: center; }

		#lander header aside p { float: left; width: 100%;
		/* Box sizing */
		box-sizing:         border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		}

		#lander nav li { margin-left: 0; }

		#lander .error-title { text-indent: 0; text-align: center; font-size: 14px; padding-left: 14px; width: auto; margin-right: -14px; }

		#lander .uniForm select { width: 100%; }

		.uniForm ul li .amount select, .uniForm ul li .amount .sb-custom { float: right; }


		#lander .uniForm p.perk,
		#lander .uniForm p.perk-vip { width: 100%; }

		.crises-step .uniForm .buttonHolder .primaryAction { width: auto; font-size: 16px; }

		.crises-step .cs-12 { width: 100%; }

		#lander .instruction h1 { margin-bottom: 0; }

		#lander .instruction .col { padding-left: 0; }

		#lander .instruction p { margin-bottom: 20px; margin-top: 10px; text-align: left; }

		#lander .registration .uniForm .buttonHolder .primaryAction { width: 100%; font-size: 16px; }

		.signin .uniForm .buttonHolder .primaryAction { width: 100%; }

		.signin .card-note p{
			margin: 0 0 20px 0;
			text-align: center;
		}
	    
	    .signin .voucher-info {
	      margin-left: 10px;
	    }
	  
		.signin .arrow_box {
			position: relative;
			background: #edf3f7;
			border: 1px solid #b6ceda;
		}
		.signin .arrow_box:after, .signin .arrow_box:before {
			bottom: 100%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}
		
		.signin .arrow_box:after {
			border-color: rgba(237, 243, 247, 0);
			border-bottom-color: #edf3f7;
			border-width: 10px;
			left: 10%;
			margin-left: -10px;
		}
		.signin .arrow_box:before {
			border-color: rgba(182, 206, 218, 0);
			border-bottom-color: #b6ceda;
			border-width: 11px;
			left: 10%;
			margin-left: -11px;
			top: -19%;
		}


	#lander .age { width: 100%; margin-bottom: 20px; }
	#lander .amount { width: 100%; }
	#lander .amount select { width: 60%; }
	#lander .amount label { width: 40%; text-align: left; }
	.uniForm .ticket-information li { border-bottom: 1px solid #bbc9d0; }
	.uniForm .ticket-information li:last-child { border: none; }
	#lander .total { padding: 14px; margin: 0 -14px 10px -14px;}
	#lander .total .age { width: 50%; margin-bottom: 0;}
	#lander .total .age p { text-align: left; }
	#lander .total .amount { width: 50%; }
	#lander .total .amount label { width: 100%; }
	#lander .uniForm .ticket-information li.total .amount label { text-align: right; }
	
	.login-link img { float: left; margin-bottom: 10px; margin-right: 5px; }
	.login-link p, .login-link a { text-align: left; }
	.login-link p { margin-bottom: 10px; }

	/*#lander .r-policy-wrapper,
	#lander .r-policy {
		height: auto;
	}*/

	#lander .r-policy-wrapper {
		margin-left: 14px;
	}

	#lander .uniForm .buttonHolder .primaryAction,
	#lander .uniForm .buttonHolder .primaryAction-disabled { margin-left: 0; }

	#lander .uniForm .buttonHolder .primaryAction,
	#lander .uniForm .buttonHolder .primaryAction-disabled { width: 100%; float: none; box-sizing: border-box; }



.concierge .g-map { z-index: 50; width: 100%; float: left; }


.concierge .uniForm .buttonHolder { padding-left: 14px; padding-right: 14px; }
.concierge .uniForm .buttonHolder .primaryAction-bc { display: block; float: none; margin: 0 auto; padding-left: 0; padding-right: 0; width: 100%; font-size: 15px; }

.concierge .main-content article > header .cs-6 { width: 100%; margin-left: 0; margin-right: 0; }


/* MARKETING PAGES-----------------------------------*/

  .universal .grid .knock-out { margin: 0 -2em; }

  .universal .col { width: 100%; }

  #contact-us .main-content header h2 { text-align: center; margin-bottom: 20px; }

  #contact-us .main-content header p { text-align: center; }

  #login .sec-nav-wrapper { height: 60px; }

  #login article header p { text-align: left; }

  #login .buttonHolder p { text-align: center; }

 /* #login .buttonHolder { position: relative; }

  #login .fb-login a { position: absolute; top: 0; left: 28px; right: 28px; }

	#login .primaryAction { margin-top: 60px; }*/

  #reseller-demo .main-content article > header .nest { margin-left: 0px; }

  #reseller-demo .main-content article > header .ctrlHolder { margin-bottom: 20px; }

  #reseller-demo .table-wrapper { margin-top: 0; }

  #reseller-demo .main-content header { padding-right: 0; }

  #reseller h1 { text-align: center; }

  #schedule-tour .main-content header p img { display: none; }

  #schedule-tour .main-content header h2 { text-align: center; margin-left: 0; }

  #schedule-tour .main-content header p.jointodemo { height: auto; }

  #signup-venue article header p { text-align: center; }

  #signup-venue article header img { margin: 0 auto 10px auto; display: block; }

  .universal .uniForm .buttonHolder .primaryAction { padding-left: 0; padding-right: 0;}


/* TOUR -------------------------------------------------------------*/

.tour .secondary-nav-wrapper li a {
font-size: 12px;
}


.tour .content-anchors-wrapper .grid {
margin: 0;
padding: 0;
}

.tour .content-anchors-wrapper .pad {
margin: 0;
}

.tour .content-anchors-wrapper ul {
margin: 15px 0 0 0;
}

.tour .content-anchors-wrapper ul li {
display: block;
background-image: none;
text-align: center;
padding-right: 0;
padding-left: 0;
}

.tour .content-anchors-wrapper li a {
display: block;
padding-top: 8px;
padding-bottom: 8px;
}

.tour .content-anchors-wrapper li {
display: block;
}

.action-instruction {
display: none;
}

.tour .action-block .cs-4 + .cs-4, .tour .action-block .cs-4 + .cs-4 + .cs-4 {
width: 100%;
margin-bottom: 20px;
}

.tour a.watch-video {
background-size: 120px 73px;
width: 60px;
height: 73px;
margin-left: -30px;
margin-top: -36px;
}

.tour a:hover.watch-video {
background-position: -60px 0;
}

.tour > header > .grid > .pad img { 
margin-bottom: 30px;
}

.action-block {
margin-bottom: 40px;
}

.tour .secondary-nav-wrapper li a span {
display: block;
}

.tour .goodbye-cover-fees figure {
height: auto;
padding-bottom: 60px;
}

.tour .main-content section.mobile-optimized h2, .tour .main-content section.mobile-optimized p {
text-align: center;
}

.iphone { 
width: 200px;
display: block;
margin: 0 auto;
margin-bottom: 30px;
}

.pre-footer-action a.button-primary {
margin-bottom: 30px;
}

.pre-footer-action {
padding-bottom: 50px;
}

.tour .grid {
margin-right: 28px;
margin-left: 28px;
}

.track-your-marketing .pad {
padding-right: 0;
}

.use-menu-below img {
display: none;
}


/* HOMEPAGE NEWHEADER -------------------------------------- */

#homepage.newheader header.main h1 { 
margin-left: 0;
margin-top: 28px;
font-size: 30px;
padding: 0;
line-height: 1.2;
}

#homepage.newheader header.main h1 a {
margin-top: 15px;
}
#homepage.newheader form.uniForm {
	padding-right: 0;
}
#homepage.newheader header.main .form-box {
padding-left: 0;
padding-top: 20px;

margin-top: 20px;
margin-left: 0;
margin-top: 40px;

float: none;
background-color: #30528c;
width: 100%;

}

#homepage.newheader .ctrlHolder {
	padding-left: 20px;
	padding-right: 20px;
}

#homepage .sparkbox-custom {
	width: 100% !important;
}

#homepage.newheader header.main .form-box p {
	padding-top: 20px;
	margin-top: 0;	
}

#homepage.newheader header.main .form-box p a {
padding: 10px 0;
display: block;
margin: 15px 20px 0 20px;
}

#homepage .popular-venues-wrapper,
#homepage .cities-group,
#homepage .who-use-wrapper,
#homepage .online-rs-wrapper,
#homepage header.main img {
display: none;
}

#homepage.newheader header.main h1 a.intro-link {
	display: none;
}

#homepage.newheader header.main h1 a {
	font-size: 14px;
}

#homepage .sparkbox-title-mobile {
	display: block;
	text-align: center;
	color: #fff;
	margin-bottom: 14px;
	font-size: 12px;
}

/* HOMEPAGE NEWHEADER -------------------------------------- */


.home .grid {
	margin-left: 10px;
	margin-right: 10px;
}

.home .leaderboard {
	padding-left: 10px;
	padding-right: 10px;
}

.home .position {
	padding: 0;
	margin: 4px 10px 0;
	width: auto;
	font-size: 20px;
}

.home .rank {
	position: relative;
	margin-left: 0;
	margin-right: 0;
}

.home .points {
	margin: 2px 0 0 0px;
	position: absolute;
	right: 0px;
	width: auto;
}

.home .avatar-and-name {
	margin: 0;
}


.home .avatar-and-name h3 {
	font-size: 16px;
	text-indent: 10px;
	line-height: 1.5;
}