@charset "utf-8";
/* CSS Document */
/* Version : 1.4.0 */

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		padding-top:235px;
	}
	
	/* HEADER */
	
	#header {
	}
	
	#header.active {
		margin-bottom:30px;
	}
	
	#branding {
    left:auto;
    top:auto;
	}
	
	/* MENU - NEW BREAKPOINT */
	
	.navbar {
		min-height:0;
		background:none;
	}
	
	.navbar .container {
		width:auto;
	}
	
	.shrink .navbar {
		background:none;
		min-height:0;
		max-height:55px;
		transition: height 500ms ease-in-out;
	}
	
	.shrink .active .navbar {
		background-color:#630a38;
		min-height:0;
		max-height:none;
	}
	
	.navbar-collapse {
		text-align:center;
		background: #d4b6bb none repeat scroll 0 0;
	}
	
	.navbar-brand {
		float:none;
		display:block;
		margin:75px auto;
		position:static;
	}
	
	.navbar-header.active {
		padding-bottom:47px;
		position:relative;
	}
	
	#header.active #branding {
		display:none;
	}
	
	.navbar-header {
		float: none;
	}

	.navbar-left,.navbar-right {
		float: none !important;
		margin-right:0;
	}
		
	.navbar-toggle {
		display: block;
	}
	
	.navbar-toggle.active {
    background-color:#d4b6bb;
    bottom: -47px;
    top: auto;
	}
	
	.shrink .navbar-toggle {
		-webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.30);
		-moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.30);
		box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.30);
	}
	
	.shrink .navbar-toggle.active {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	.nav bar-toggle .icon-bar.middle-bar {
    top: 1px;
	}
	
	.navbar-toggle .icon-bar {
		position: relative;
		/*transition: all 500ms ease-in-out;*/
	}
	
	.navbar-toggle.active .top-bar {
		top: 7px;
		transform: rotate(45deg);
		background-color:#fff;
	}
	
	.navbar-toggle.active .middle-bar {
		background-color: transparent;
	}
	
	.navbar-toggle.active .bottom-bar {
		top: -7px;
		transform: rotate(-45deg);
		background-color:#fff;
	}
  
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-collapse.collapse {
		display: none!important;
	}

	.navbar-nav {
		float: none!important;
	}

	.collapse.in{
		display:block !important;
	}
	
	.navbar-brand {
		float:none;
		display:block;
		margin:65px auto !important;
	}
	
	.nav > li {
		float: none;
    /*border-bottom: 1px solid #455560;*/
		text-align:center;
	}
	
	.navbar-nav > li > a {
    border-bottom: 5px solid transparent;
    padding: 12px 20px 7px;
		text-align:center;
		font-size:18px;
		display:inline-block;
	}
	
	.navbar-brand > img {
		margin:0 auto;
	}
	
	/* STEPS */
	
	.steps ol li {
		margin-left:20px;
	}
	
	.steps ol li:first-child {
		margin-left:0;
	}
	
	.steps ol li span {
		display:none;
	}
	
	.steps ol li.current span {
		display:inline;
	}
	
	.steps ol li::before {
		margin-right:0;
	}
	
	.steps ol li.current::before {
		margin-right:10px;
	}
	
	/* CALENDAR */
	
	#key ul li {
		margin-bottom:10px;
	}
	
	#calendar .col-sm-6:nth-of-type(2n+1) {
		clear:both;
	}
	
	/* WEDDING BOOKING */
	
	#venue-details h1 {
    padding-bottom:20px;
	}
	
	ul.highlight-details li {
		float:none;
		padding-right:0;
		text-align:center;
		margin-bottom:0.5em;
	}
	
	ul.highlight-details.basic li {
    float: none;
	}
	
	ul.highlight-details li:last-child {
		float:none;
		clear:both;
	}
	
	ul.highlight-details li span.date-detail {
		display:inline-block;
		float:none;
	}
	
	input.btn-block.changedate {
		float:none;
		display:inline-block;
		margin-left:10px !important;
	}
	
	ul.highlight-details li span.title,
	ul.highlight-details li span.detail {
		padding-right:0;
		display:inline;
		padding-bottom:0;
	}
	
	/* PAYMENTS */

	.payment-confirm .btn-single {
		float:none;
	}
	
}


@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
	
	body.home {
		padding-top:135px;
	}
	
	.home .branding .inner:before {
	  padding-top:0;
	}
	
	.home .branding,
	.sign-in {
		min-height: 275px;
	}
	
	.sign-in {
		background-color:transparent;
	}
	
	.sign-in h1 {
		margin-top:30px;
	}
	
	.sign-in h1,
	.sign-in p {
		padding-right:0;
		padding-left:0;
		margin-bottom:20px;
	}
	
	.sign-in p.forgotten-password {
    margin-top: 20px;
		margin-bottom:0;
	}
	
	.sign-in input.btn-block[type="button"],
	.sign-in input.btn-block[type="reset"],
	.sign-in input.btn-block[type="submit"]  {
		margin:20px auto 0;
	}
	
}