@media screen and (max-height: 680px) {
	body{}

	#quoteform{
		position: unset;
		transform: unset;
	}
}

@media only screen and (max-width: 1000px){
	body{}

	.quickbooking .inner{
		padding-left: 10px;
		padding-right: 10px;
		max-width: calc(100% - 20px);
	}
	.quickbooking .header{
		padding-top: 32px;
	}
	.quickbooking .header .logo{
		margin-bottom: 0px;
		width: 200px;
	}
	.quickbooking .header h1{
		text-align: center;
		width: 100%;
	}

	.quickbooking .tabs span.label{
		/*display: none;*/
	}
	.quickbooking .tabs span.active span.label{
		display: inline-block;
	}
	.quickbooking .tabs > span img{
		margin-right: 0;
	}
	.quickbooking .tabs > span.active img{
		margin-right: 10px;
	}



}


@media only screen and (max-width: 980px){
	body{}

	.header .inner{
		padding-left: 20px;
		padding-right: 20px;
		max-width: calc(100% - 40px);
	}
}




@media only screen and (max-width: 930px){
	body{}

	.banner p{
		font-size: 6vw;
	}

}







@media only screen and (max-width: 920px){
	body{}

	.header p.h1{
		font-size: 6.5vw;
		line-height: 6vw;
		padding-top: 2%;
	}
	.mainmenu{
		padding-bottom: 40px;
	}

}


@media only screen and (max-width: 810px){
	body{}

	.banner{
		width: calc(100% - 310px);
		padding-left: 280px;
		padding-right: 30px
	}

}






@media only screen and (max-width: 780px){
	body{}

	.mainmenu{
		text-align: right;
	}
	.mainmenu ul li.item{
		display: none;
	}
	.mainmenu ul li .mmenu-trigger{
		display: block;
	}

	.summary-inner .column1 p.h1{
		font-size: 60px;
	}

	.quickbooking .header h1{
		display: none;
	}

	.quote-input p.h{
		height: 35px;
	}
	.quote-input-wrapper{
		position: inherit;
	}

	.quickbooking .header{
		padding-top: 20px;
	}
	.quickbooking .header h1{
		font-size: 60px;
		line-height: 55px;
	}

	.breadcrumb{
		padding-left: 20px;
		padding-right: 20px;
	}
	.widecolumn{
		padding-left: 20px;
		padding-right: 20px;
	}

	.feature-carousel{
		padding-left: 20px;
		padding-right: 20px;
	}

	.footer-wrapper .col1{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		width: calc(100% - 40px);
	}
	.footer-wrapper .col2{
		margin-left: 20px;
	}

	.footer-wrapper .col2,
	.footer-wrapper .col3,
	.footer-wrapper .col4{
		width: calc((100% - 60px) / 3 );
	}
	.footer-wrapper-b{
		border-top: none;
	}
	.footer-wrapper-b .col2{
		float: none;
	}
	.footer-wrapper-b .socialicon{
		margin-left: 0px;
		margin-right: 15px;
	}
	.footer-wrapper-b .col1{
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}


}


@media only screen and (max-width: 760px){
	body{}

	.quickbooking .tabs{
		display: none;
	}
	.inner .quote-input{
		padding-top: 40px;
	}
	.quickbooking .header h1{
		display: none;
	}

	.quote-input p.h{
		height: 35px;
	}
	.quote-input-wrapper{
		position: inherit;
	}

	.quickbooking .header{
		padding-top: 32px;
	}
	.quickbooking .header h1{
		font-size: 60px;
		line-height: 55px;
	}

	.price-blocks{
		margin-top: 40px;
	}
	.price-box{
		height: auto;
		width: calc(100% - 40px);
		margin-left: 0;
		margin-bottom: 10px;
	}
	.price-box-small{
		width: 100%;
	}
	.price-box .bottom {
    position: inherit;
    bottom: auto;
	}
	.price-box-1{
		width: calc(100% - 40px);
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.price-box-2{
		width: calc(100% - 40px);
		margin-bottom: 10px;
	}
	.price-box-2 .column1 {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
	}
	.price-box-2 .column2{
		width: calc(100% - 4px);
		padding: 20px 0px 0px 0px;
	}
	.price-box-2 p.h1{
		font-size: 43px;
	}

}






@media only screen and (max-width: 700px){
	body{}

	.mainmenu {
	  float: right;
	}
	.mainmenu.ticker{
		padding-top: 25px;
	}
	.header{
		height: auto;
		padding-bottom: 30px!important;
	}
	.header p.h1{
		display: none;
	}
	.quickbooking .header .logo{
		margin-top: 20px;
	}
	.header .headerwhich {
		right:20px;
		top:65px;
	}
	.banner{
		background-image: none!important;
		background-color: #486FA6;
		padding-left: 20px;
		padding-left: 30px;
		padding-right: 30px;
		width:  calc(100% - 60px);
	}
	.banner p{
		font-size: 55px;
	}

}







@media only screen and (max-width: 620px){
	body{}

	#quoteform{
		position: unset;
		transform: unset;
	}

	.quote-input p.h{
		height: auto;
	}
	.quote-input .column1{
		margin-right: 0;
		margin-bottom: 9px;
		width: 100%;
	}
	.quote-input .column2{
		margin-right: 0;
		margin-bottom: 9px;
		width: 100%;
	}
	.quote-input .column3{
		margin-right: 0;
		margin-bottom: 9px;
		width: 100%;
	}
	.quote-input .column4{
		margin-right: 0;
		margin-bottom: 9px;
		width: 100%;
	}
	.quote-input .column1 .ci #starthere{
		width: calc(100% - 100px);
	}
	.quickbooking .tabs > span{
		height: 20px;
		background-size: auto 40px;
	}
	.quickbooking .tabs img{
		display: block;
	}
	.quickbooking .tabs > span.active{
		height: 22px;
		background-size: auto 60px;
	}
	.quickbooking .tabs span.active span.label{
		display: none;
	}
	.quickbooking .tabs > span.active img{
		height: 22px;
		vertical-align: -3px;
		margin-right: 0;
	}
	.quickbooking .tabs > span img{
		height: 16px;
	}
	.stage ul li{
		width: 50%;
	}
	.stage ul li:last-child{
		width: 50%;
	}
	.btn-wrapper img{
		/*height: 32px;*/
	}

	.summary-inner{
		height: auto;
	}
	.summary-inner .column1{
		width: 100%;
		padding-right: 0px;
	}
	.summary-inner .column1 p.h1{
		font-size: 42px;
	}
	.summary-inner .column2{
		height: auto;
		padding: 20px 0px 0px 0px;
		width: 100%;
		margin-top: 10px;
	}


	.price-box .button-2.desktop{
		/*display: none;*/
	}
	.price-box .button-2.mobile{
		/*display: block;*/
	}




	.footer-wrapper .col2,
	.footer-wrapper .col3,
	.footer-wrapper .col4{
		float: none;
		width: calc(100% - 40px);
		margin: 0px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}


	.cookiepermissionprompt{
		padding: 10px 0px;
	}
	.cookiepermissionprompt .wrapper{
		background-color: transparent;
	}
	.cookiepermissionprompt .col1{
		float: none;
		width: calc(100% - 20px);
		padding: 0px 10px;
	}
	.cookiepermissionprompt .col1 p{
		font-size: 10px;
	}
	.cookiepermissionprompt .col2{
		clear: both;
	}
	.cookiepermissionprompt .col2 span {
		padding: 2px 5px;
		font-size: 12px;
	}
}





@media only screen and (max-width: 520px){
	body{	}

	.mainmenu {
    padding-bottom: 0px;
	}
	.header{
		height: 175px;
	}
	.quickbooking .header{
		height: 55px;
		/*height: 150px;*/
	}
	.quickbooking.home .header{
		height: 150px;
	}
	.header .headerwhich {
		right:20px;
		top:125px;
	}

	.banner p{
		font-size: 38px;
	}
	.banner .new-button{
		bottom: 15px;
	}
	.footer-wrapper .col1 img{
		height: 40px;
	}
	.addmeetgreet{
		bottom: -2px;
		width: 100%;
	}
}










@media only screen and (max-width: 460px){
	body{
		/*height:auto!important;*/
	}

	p{
		width:auto!important;
	}
	#wrapper{
		width:100%;
	}


	/* booking stage */
	.booking-stage ul li.label{
		width:90px;
	}
	.booking-stage input{
		width:160px;
	}
	.booking-stage input.small{
		width:69px;
	}
	.booking-stage select{
		width:172px;
	}
	#column2 table.admin{
		width:100%;
	}

	/* login */
	form#loginform{
		width:auto;
	}
	form#loginform .booking-stage{
		width:auto!important;
	}
	form#loginform .booking-stage li.label{
		width:95px!important;
	}

	form.regform{
		width:auto;
	}
	form.regform .booking-stage{
		width:auto!important;
	}
	form.regform .booking-stage li.label{
		width:95px!important;
	}
	form.regform .booking-stage li input[type="checkbox"]{
		width:10px!important;
	}

	.admin table{
		width:auto!important;
	}
	.admin table.pageview{
		width:auto!important;
	}

	/* booking */
	.booking-stage ul{
		width:auto!important;
	}
	.admin #itemdetailsedit table tbody img{
		padding-top:10px;
	}
	.booking-stage select.small{
		width:81px;
	}
	.booking-stage input#to, .booking-stage input#from{
		direction:RTL;
	}
	.r1{
		width:49%!important;
	}
	#mgr{
		width:100%;
	}
	p.booking-mark{
		margin-right:0px;
	}
	.booking-stage-block, .booking-stage-block2{
		display: block;
		width:auto;
		padding:10px 0px 0px 0px!important;
		margin-left:0px;
	}
	input.button-quote{
		width:100%!important;
	}
	.popup-inner #regname_temp, .popup-inner #regname, .popup-inner #regemail_temp, .popup-inner #regemail, .popup-inner #regfirstname_temp, .popup-inner #regfirstname{
		margin-left:10px!important;
		width:90%!important;
	}
	#email-agree-popup{
		width:auto;
	}
	#button-submit-signup{
		margin-left:10px!important;
	}

	/* summary */
	.summary-label{
		width:200px!important;
	}
	.summary-label3{
		width:auto!important;
	}
	#confirmationprint{
		display:none;
	}

	/* feedback */
	.feedback .select1{
		width:37px;text-align:right;
	}
	.feedback ul li.label{
		width:70px;
	}
	.feedback .break{
		display:block;
	}
	.feedback textarea{
		width:170px;
		margin-left:2px;
	}
	.feedback input.agree{
		width:auto;
		margin-right:5px;
	}
	.feedback p.agree{
		width:auto;
		margin-right:0px;
	}
	.feedback .question{
		width:auto;
	}

	/* popup */
	#mask{
		position:absolute;
		left:0;
		top:0;
		z-index:9000;
		background-color:#fff;
		opacity:1;
		display:none;
	}
	.popup{
		z-index:9001;
		display:none;
		position:absolute;
		left: -10px!important;
		top: -10px!important;
		background:#0091A7;
		background-size:100%;
		height:100%;
		width:100%;
		padding-bottom: 20px;
		border:solid 10px #fff;
	}
	.popup-inner{
		padding: 10px 10px 0px 10px!important;
	}
	.popup-inner{
		padding:60px 70px 0px 80px;
	}
	.popup-inner div{
		margin-left:0px!important;
		padding-right: 10px;
		height:300px!important;
	}
	.popup-inner p{
		width:auto;
		color:#fff;
	}
	.close-popup{
		position:absolute;
		top:5px;
		right:5px;
		cursor:pointer;
	}

	/* directions */
	#map-canvas{
		width:auto!important;
		height:300px!important;
	}
	p#directions{
		padding-top:0px!important;
	}
	#btn-getdirections{
		position: relative;
		top:-20px;
	}
	#directionsprint{
		display:none!important;
	}

	/* footer */
	#s2{
		display:none;
	}

	#footer_inner{
		width:auto;
	}
	#footer_inner ul{
		width:auto;
	}
	#footerwrapper img{
		max-height: 48px;
	}
	.ver{
		display:inline-block!important;
	}


	/* feefo */
	#feefobar {
		position: relative;
		right: auto;
		top: 0px;
		width: calc(100% - 20px);
		min-height: 46px;
		padding: 0px 10px 10px 10px;
		background-color: #0091ad;
	}
	#feefobar .overallscore {
		position: absolute;
		top: 0px;
		right: auto;
		left: 10px;
		height: auto;
		width: 70px;
		overflow: hidden;
		box-shadow: none;
	}
	#feefobar .overallscore span {
		color: #f5911e;
		font-size: 12px;
	}
	#feefobar .expandtrigger {
		position: relative;
		top: 5px;
		right: auto;
		margin: 0px 0px 0px 85px;
		width: calc(100% - 130px);
	}
	#feefobar .expandtrigger p {
		position: relative;
		padding: 0px;
		margin: 0px;
		font-size: 14px;
		line-height: 38px;
		white-space: nowrap;
		width: 100%;
	}
	#feefobar .expandtrigger p a {
		display: block;
		color: #fff;
		-ms-transform: none; /* IE 9 */
		-webkit-transform: none;
		transform: none;
		padding: 0px 35px 0px 10px;
		margin: 0px 0px 0px 0px;
		width: 100%;
		height: 36px;
		background: url(../furniture/icon-feefoexpanddown.png) right center no-repeat #67becb;
		background-size: 36px 36px;
	}

	#feefobar .expandedoverview {
		position: relative;
		top: auto;
		right: auto;
		width: calc(100% - 40px);
		padding-bottom: 55px;
		box-shadow: none;
		overflow: hidden;
		border-radius: 0px;
	}
	#feefobar .expandedoverview .feefostarswrapper {
		margin-top: 10px;
		margin-left: 80px;
	}
	#feefobar .expandedoverview .feefostars {
		display: inline-block;
		background: url(../furniture/icon-feefo-star.png) repeat-x left top transparent;
		height: 100%;
	}
	#feefobar .expandedoverview ul {
		list-style-type: none;
		margin: 30px 0px 20px 0px;
		padding: 0px;
	}
	#feefobar .expandedoverview ul li {
		font-size: 16px;
		color: #fff;
		width: 100%;
		margin: 7px 0px 0px 0px;
	}
	#feefobar .expandedoverview ul li:nth-child(2),
	#feefobar .expandedoverview ul li:nth-child(3),
	#feefobar .expandedoverview ul li:nth-child(4),
	#feefobar .expandedoverview ul li:nth-child(5) {
		margin-left: 0px;
	}
	#feefobar .expandedoverview ul li .feefoscorewrapper {
		display: inline-block;
		margin-top: 5px;
		width: calc(100% - 75px);
		height: 12px;
		background-color: #007798;
	}
	#feefobar .expandedoverview ul li .feefoscorewrapper .feefoscore {
		display: inline-block;
		background: #faea22; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(left, #f9ae3b, #faea22); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(left, #f9ae3b, #faea22); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(left, #f9ae3b, #faea22); /* For Firefox 3.6 to 15 */
		background: linear-gradient(left, #f9ae3b, #faea22); /* Standard syntax */
		height: 100%;
	}
	#feefobar .expandedoverview ul li .feefoscorecount {
		font-size: 9px;
	}
	#feefobar .expandedoverview p.feefoallreviews {
		font-size: 14px;
		padding: 0px;
		left: 10px !important;
		top: 250px;
	}
	#feefobar .expandedoverview p.feefopower {
		left: 10px !important;
		top: 260px;
	}
	#feefobar .expandedoverview p.feefocloser {
		top: 255px;
	}
	#feefobar .expandedoverview p.feefoupdated {
		top: 215px;
	}



	#column2 #feefodetailsummary p.overallscore {
		float: none;
		width: 100%;
	}
	#column2 #feefodetailpanel {
		float: none;
		width: calc(100% - 20px);
	}
	#column2 #feefodetailpanel1,
	#column2 #feefodetailpanel2 {
		float: none;
		width: 100%;
	}
	#column2 #feefodetailpanel1 {
		margin-right: 0%;
	}



}



/* VIEWPORT < 524px */
@media only screen and (max-height: 700px) and (min-width: 460px){

	#feefobar {
		position: fixed;
		z-index: 999;
		right: 0px;
		top: 170px;
	}

}