#booking-confirm-frame.bookingsect #confirm-output .branchnote.red.loanfee {
	padding-top: 10px;
}

#serviceframe .loanfee { font-size: 0.80em; margin-top: -10px; }

#ui-datepicker-div {z-index:99999 !important;}

#serviceframe #booking-confirm-frame.bookingsect #enqloancar.op-flexitem {
	clear:both;
	padding-top: 20px;
}


#serviceframe #booking-details-confirm #enqloancar.op-flexitem .op-description-label {
	width: 250px;
	float: left;
	font-size: 0.9em;
	line-height: 2em;
}

#serviceframe .op-description-label .extrai {
	margin-left: 15px;
}

button,
button:focus, 
button:hover {
	background-color: #73859f;
}


#serviceframe #veh.vacancy-application.vehicle.tabcontent #vacancy-application-trim #deriv {
	float: left;
	font-size: 0.8em;
	font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;
	margin-top: 10px;
	margin-left: 20px;
}


#serviceframe #veh.vacancy-application.vehicle.tabcontent #vacancy-application-make label,
#serviceframe #veh.vacancy-application.vehicle.tabcontent #vacancy-application-model label,
#serviceframe #veh.vacancy-application.vehicle.tabcontent #vacancy-application-trim label {
	padding-bottom: 0;
}

#serviceframe #veh.vacancy-application.vehicle.tabcontent #vacancy-application-make input#make.make,
#serviceframe #veh.vacancy-application.vehicle.tabcontent #vacancy-application-model input#model.model {
	border-color: #f5f5f5 #f5f5f5 #f5f5f5;
	box-shadow: 0 0 6px rgb(245, 245, 245);
	background: #f5f5f5;
}


.hired {
	color: #ba162b;
}

#serviceframe #vehiclereg-txt {
	clear: both;
	font-size: 0.9em;
	color: #ba162b;
}

#serviceframe div#con.vacancy-application.confirm #loac.booking-flexitem .booking-description-value.hired #editdate {
	clear: both;
	font-size: 0.9em;
	text-decoration: underline !important;;
	color: #1782c5;
	margin-left: 5px;
	cursor: pointer;
}

#serviceframe #req.vacancy-application.requirement.tabcontent #nonfranchise-gold-title,
#serviceframe #req.vacancy-application.requirement.tabcontent #nonfranchise-silver-title,
#serviceframe #req.vacancy-application.requirement.tabcontent #nonfranchise-bronze-title,
#serviceframe #req.vacancy-application.requirement.tabcontent #nonfranchise-title {
	clear: both;
	font-size: 0.9em;
	text-decoration: underline;
	color: #1782c5;
	cursor: pointer;
	padding-left: 5px;
}


#serviceframe #veh.vacancy-application.vehicle.tabcontent #resetveh.section-txt {
	clear: both;
	font-size: 0.9em;
	text-decoration: underline;
	color: #1782c5;
	cursor: pointer;
	padding-bottom: 10px;
	padding-top: 5px;
}


#serviceframe #req.vacancy-application.requirement.tabcontent #nonfranchise-bronze-info,
#serviceframe #req.vacancy-application.requirement.tabcontent #nonfranchise-silver-info,
#serviceframe #req.vacancy-application.requirement.tabcontent #nonfranchise-gold-info,
#serviceframe #req.vacancy-application.requirement.tabcontent #nonfranchise-info {
	clear: both;
	font-size: 0.9em;
	padding-left: 5px;
	color: #ba162b;
}


#serviceframe #req.vacancy-application.requirement.tabcontent .ms-selectable .ms-list {
	height: auto;
}

.tao-fullwidth .ui-datepicker {
   width: 265px;
}

.tao-fullwidth .h1block.block .sgp_centerblock.s-justify {
	margin: 0 auto;
	max-width: 1400px;
	padding-bottom: 20px;
	padding-top: 20px;
}

#serviceframe #req.vacancy-application.requirement.tabcontent #operations-notes-header {
	padding-bottom: 20px;
	padding-top: 30px;
}

#service-booking .selection-header {
	background-color: #3d5271;
	color: white;
	font-size: 0.75em;
	font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #b5b5b5;
	padding: 8px 13px;
}

#service-booking #vacancy-application-optin-loancar.toggle-btn,
#service-booking #vacancy-application-optin-motvoucher.toggle-btn,
#service-booking #vacancy-application-optin-collectanddeliver.toggle-btn,
#service-booking #vacancy-application-optin-whileyouwait.toggle-btn {
	margin-top: -5px;
	transform: scale(0.70, 0.70);
	margin-left: -13px;
}

#service-booking #operations-info .op-description-value#motv {
	height: 38px;
}



#service-booking #operations-total .tot-description-serviceplan {
	font-size: 0.85em;
	color: #ba162b;
	padding-left:15px;
	padding-right:15px;
}

#service-booking .booking-flexitem .tot-description-serviceplan {
	font-size: 0.85em;
	color: #ba162b;
}

#service-booking .booking-flexitem .tot-header-serviceplan {
	color: #ba162b;
}


#service-booking .serviceplan-hilight {
	color: #ba162b;
}

#service-booking #postcode.postcode,
#service-booking #reg.reg {
	text-transform: uppercase;
}

#service-booking #email.email {
	text-transform: lowercase;
}



.sgp_centerblock.s-justify {
	text-align: justify;
}

#serviceframe .operations-notes-txt,
#serviceframe .section-txt {
	clear: both;
	font-size: 0.9em;
}

#serviceframe #serv-veh.section-txt,
#serviceframe #serv-bran.section-txt,
#serviceframe #serv-tim.section-txt {
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
}


#serviceframe #prefserv-tim.section-txt {
	float: left;
	margin-bottom: 10px;
	margin-top: 20px;
}


#serviceframe #serv-veh.section-txt {
	margin-top: 0px;
	margin-bottom: 0px;
}

#serviceframe #serv-note.section-txt {
	margin-bottom: 0px;
	margin-top: 10px;
}

.debug-log {
    font-size: 0.85em;
}


#serviceframe #gdpr.vacancy-application {
	border:0;
	padding:0;
	font-size: 0.85em;;
}


#serviceframe #gdpr.vacancy-application .cb-value {
	margin-top: -24px;
}


/*
#serviceframe #con.vacancy-application.confirm.tabcontent #booking-button {
width: 48%;
}
*/

#serviceframe #req.vacancy-application.requirement.tabcontent #serv-note.operations-notes-txt p {
	margin-bottom: 10px;
}


#service-booking.mod_sgpetchcustomtemplate #serviceframe .vacancy-application.confirm.tabcontent .bookingsect .booking-description-label,
#service-booking.mod_sgpetchcustomtemplate #serviceframe .vacancy-application.confirm.tabcontent .confirm-info .booking-description-label {
		min-width: 450px;
}

#loac.booking-flexitem {
	padding-top: 10px;
}


#serviceframe #req.vacancy-application.requirement.tabcontent .operations-notes-flexitem textarea,
#serviceframe #con.vacancy-application.confirm.tabcontent .booking-flexitem textarea {
	width: 100%;
	max-width: 100%;
	height: 5px;
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
  resize: none;
  overflow: hidden;
  min-height: 50px;
  max-height: 100px;
}

#serviceframe #con.vacancy-application.confirm.tabcontent .inner-frame .booking-confirmation-top,
#serviceframe #con.vacancy-application.confirm.tabcontent .inner-frame .booking-confirmation {
	 font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;
}


#serviceframe #con.vacancy-application.confirm.tabcontent .inner-frame .booking-confirmation-middle {
	 font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 clear: both;
}


#vacancy-application-time select#time,
#vacancy-application-preftime select#preftime,
#vacancy-application-branch select#branch {
	background: #fff none repeat scroll 0 0;
	border-color: #b2b9c4 #b2b9c4 #a4acb9;
	border-image: none;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	font-size: 0.8em;
	font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;
	line-height: normal;
	padding: 0.3em 0.3em;
	padding: 0.85714em 1.35714em;
	max-width: 265px;
	float: left;
	margin-top: 5px;
	height: 41px;
	-webkit-appearance: menulist-button;
}

#vacancy-application-branch select#branch {
		max-width: 325px;
}

#vacancy-application-branch .branchnote {
	display: block;
	font-size: 0.8em;
	clear: both;
}

#vacancy-application-branch .branchnote.red {
	color:#ba162b;
}

#tim.vacancy-application.timeslot.tabcontent .inner-frame .section-txt p {
	margin-bottom: 0em;	
}

#tim.vacancy-application.timeslot.tabcontent .inner-frame .branchnote {
	display: block;
	font-size: 0.8em;
	clear: both;
	padding-bottom: 20px;
	color: #ba162b;
}

.ms-container .ms-selection li.ms-elem-selection {
  font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;
  color: #000000;
}


#serviceframe #tim.vacancy-application.timeslot.tabcontent #vacancy-application-date input#date.date,
#vacancy-application-prefdate input#prefdate.date {
    font-weight: normal;
}


#serviceframe #tim.vacancy-application.timeslot.tabcontent #vacancy-application-date {

}

#serviceframe .vacancy-application #vacancy-application-time label {
		min-width: 80px;
}


#serviceframe .vacancy-application #vacancy-application-preftime label {
		min-width: 80px;
}


#serviceframe .vacancy-application #vacancy-application-date label,
#vacancy-application-prefdate label,
#vacancy-application- label {
	min-width: 80px;
	margin-top: 5px;
}
 
#vacancy-application-prefdate label {
	margin-top: 15px;
}
 
 
 
.ui-datepicker-title {
	color: #262626;
}

.ui-datepicker .ui-datepicker-month, 
 .ui-datepicker .ui-datepicker-year {
    width: 100% !important;
}

#serviceframe #req.vacancy-application.requirement.tabcontent #operations-info,
#serviceframe #req.vacancy-application.requirement.tabcontent #serviceplan-info  {
  padding-top: 15px;
}


#serviceframe #con.vacancy-application.confirm.tabcontent #confirm-output,
#serviceframe #req.vacancy-application.requirement.tabcontent #operations-output,
#serviceframe #req.vacancy-application.requirement.tabcontent #serviceplan-output {
	margin-top: 20px;
}

#serviceframe #req.vacancy-application.requirement.tabcontent #operations-notes-title {
	margin-bottom: 20px;
}


#serviceframe #req.vacancy-application.requirement.tabcontent #collectanddeliver-output {
	margin-top: 0px;
}

#serviceframe #req.vacancy-application.requirement.tabcontent #serviceplan-output {
	padding-bottom: 20px;
}



#serviceframe #req.vacancy-application.requirement.tabcontent #operations-notes-title,
#serviceframe #con.vacancy-application.confirm.tabcontent .confirm-notes,
#serviceframe #con.vacancy-application.confirm.tabcontent .confirm-title,
#serviceframe #con.vacancy-application.confirm.tabcontent .confirm-prefdate,
#serviceframe #req.vacancy-application.requirement.tabcontent #operations-title,
#serviceframe #req.vacancy-application.requirement.tabcontent #serviceplan-title {
	display: block;
	background-color: #3d5271;
	color: #ffffff;
	font-size: 0.75em;
	font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;
	text-shadow: 0 -1px 0 #b5b5b5;
	padding-left: 10px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
}

#serviceframe #req.vacancy-application.requirement.tabcontent .op-description-label {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	min-width: 400px;
}

#serviceframe #operations-total,
#serviceframe #serviceplan-total {
	display: flex;
	flex-direction: column;
}

#serviceframe .tot-description-label {
	min-width: 400px;
	padding-left: 14px;
	padding-right: 30px;
}



#serviceframe .tot-description-value {
	padding-left: 6px;
}


#serviceframe #con.vacancy-application.confirm.tabcontent .booking-flexitem .tot-description-label {
	padding-left: 0;
	min-width: 450px;
}


#serviceframe #req.vacancy-application.requirement.tabcontent .op-description-value {
	margin-left: 6px;
	line-height: 2em;
}


#serviceframe #con.vacancy-application.confirm.tabcontent .booking-description-label {
	min-width: 210px;
	display: list-item;
	list-style-type: none;
	list-style-position: inside;
}




.confirm-title::after {
    content: 'EDIT';
    text-align: right;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}


.confirm-title:hover:after {
	color: #2edbb0;
	text-shadow: 0 -1px 0 #2edbb0;
}



#edit-additional.confirm-notes::after {
    content: 'EDIT';
    text-align: right;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}


#edit-additional.confirm-notes:hover:after {
	color: #2edbb0;
	text-shadow: 0 -1px 0 #2edbb0;
}


#serviceframe #con.vacancy-application.confirm.tabcontent .booking-description-value {
	margin-left: 6px;
	line-height: 2em;
}

#serviceframe #req.vacancy-application.requirement.tabcontent .operations-notes-flexitem,
#serviceframe #req.vacancy-application.requirement.tabcontent .op-flexitem,
#serviceframe #con.vacancy-application.confirm.tabcontent .booking-flexitem {
	display: flex;
	flex-direction: row;
	font-size: 14px;
	color: #242424;
	font-size: 0.9em;
}


#serviceframe #con.vacancy-application.confirm.tabcontent .confirm-info {
 padding-top: 10px;
 padding-bottom: 5px;
}



#serviceframe #req.vacancy-application.requirement.tabcontent .operationsect,
#serviceframe #con.vacancy-application.confirm.tabcontent .bookingsect {
	display: flex;
	flex-direction: column;
	/*font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;*/
}


#serviceframe #con.vacancy-application.confirm.tabcontent #booking-confirmation-lower {
	display: flex;
	flex-direction: row;
	padding-top: 20px;
	align-items: center;
}


#serviceframe #con.vacancy-application.confirm.tabcontent .booking-confirmation {
	
}



#serviceframe #con.vacancy-application.confirm.tabcontent #booking-button.vacancy-application-button label {
	min-width: unset;
}


#serviceframe #con.vacancy-application.confirm.tabcontent .booking-confirmation {
	justify-content: center;
}



#serviceframe .vacancy-application.requirement.tabcontent #ms-vacancy-application-req.ms-container {
	width: 100%;
}

#serviceframe #req.vacancy-application.requirement.tabcontent .vacancy-application-button label {
	float: none;
}

#serviceframe #per.vacancy-application.personal.tabcontent .vacancy-application-button #vacancy-application-personalbutton,
#serviceframe #veh.vacancy-application.vehicle.tabcontent .vacancy-application-button #vacancy-application-vehiclebutton,
#serviceframe #veh.vacancy-application.vehicle.tabcontent .vacancy-application-button #vacancy-application-vehicleSubbutton,
#serviceframe #req.vacancy-application.requirement.tabcontent .vacancy-application-button #vacancy-application-reqbutton, 
#serviceframe #tim.vacancy-application.timeslot.tabcontent .vacancy-application-button #vacancy-application-timbutton,
#serviceframe #con.vacancy-application.confirm.tabcontent .vacancy-application-button #vacancy-application-conbutton {
	float:right;
}



.vacancy-application {
    background-color: #f5f5f5;
}



/* Style the tab */
.tab {
  float: left;
 /* border: 1px solid #ccc;*/
  border: none;
  background-color: #73859f;
  width: 30%;
 /* height: 300px;*/
}


.tab button {
  display: block;
  background-color: inherit;
  color: #ffffff;
  padding: 12px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  transition: 0.3s;   
  margin-top: 0;
	font-size: 0.75em;
	font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 #b5b5b5;
}




.tab button:hover {
  /*background-color: #ddd;*/
}


#serviceframe .tab button.active {
  background-color: #3d5271;;
  cursor: pointer;
}


.tabcontent {
  float: left;
  padding: 20px 40px;
  border: none;
  /*border-top: none;*/
  width: 70%;
  /*border-left: none;*/
  padding-top: 20px;
  padding-bottom: 20px;
 /* height: 300px;*/
}

.tab {
	/*width:13%;*/
  display: flex;
  width: 100%;
	/* border: none; */
	border-bottom: none;
}

.tabcontent {
	width:100%;
}

#service-booking {
  margin: 0 auto;
  max-width: 1400px;
}

#serviceframe {
	/*
	border: 1px solid #ccc;
	display: inline-block;
	width: 100%;
	*/
}

.invalid {
  border-color: red !important;
}

.form-group .validation-error {
	position: relative;
	right: -63px;
	top: 20px;
	color: red;
	font-size: 0.75em;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
	font-weight: 600;
}



#debugwindow {
	/* Hidden by default, and deliberately here rather than in the markup: the template
	   gives this div class="hidden", but no .hidden rule applies to it, so the class did
	   nothing and the Pinnacle API debug box rendered to every customer on /book-a-service.
	   Doing it in CSS means it stays hidden even if the JS never runs. The developer
	   facility still works - service-booking.js does $('#debugwindow').show() behind
	   `if (debug)`, and an inline display from .show() beats this rule. */
	display: none;
	background-color: white;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	outline: medium none;
	overflow: hidden;
	padding: 1em;
	margin-bottom: 20px;
	clear: both;
}

#debugwindow #debug-title {
	font-family: Fabriga Medium,Fabriga regular, Lato, sans-serif;
	margin-top: .75em;
	margin-bottom: .3em;
	color: gray;
	text-align: center;
}


#debugwindow #debug-data {
	font-family: Fabriga regular, Lato, sans-serif;
	color: gray;
	font-size:0.9em;
}


#serviceframe .tab .tablinks {
	border-radius: 0px;
	cursor:default;
}


.vacancy-application #vacancy-application-title {
	display:unset;
}


.inner-frame {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}


.vacancy-application .vacancy-application-headline {
 margin-top: 0px;
}
    
.vacancy-application .red {
	color:#ba162b;
	font-size: 1.3em;
}

#vacancy-application-title label {
  padding-bottom: 15px;
}
    

.vacancy-application #vacancy-application-fname input#fname,
.vacancy-application #vacancy-application-lname input#lname,
.vacancy-application #vacancy-application-email input#email,
.vacancy-application #vacancy-application-tel input#tel,
.vacancy-application #vacancy-application-postcode input#postcode,
.vacancy-application #vacancy-application-reg input#reg,
.vacancy-application #vacancy-application-make input#make,
.vacancy-application #vacancy-application-model input#model,
.vacancy-application #vacancy-application-date input#date,
.vacancy-application #vacancy-application-branch input#branch,
.vacancy-application #vacancy-application-branch input#time,
#vacancy-application-prefdate input#prefdate{
	max-width: 265px;
	float: left;
	margin-right: 35px;
	font-size: 0.8em;
}



.vacancy-application #vacancy-application-fname label,
.vacancy-application #vacancy-application-lname label,
.vacancy-application #vacancy-application-email label,
.vacancy-application #vacancy-application-tel label,
.vacancy-application #vacancy-application-postcode label,
.vacancy-application #vacancy-application-reg label,
.vacancy-application #vacancy-application-make label,
.vacancy-application #vacancy-application-model label,
.vacancy-application #vacancy-application-trim label,
.vacancy-application #vacancy-application-date label,
.vacancy-application #vacancy-application-branch label,
.vacancy-application #vacancy-application-time label,
.vacancy-application #vacancy-application-preftime label {
	clear: both;
	float: left;
	font-size: 0.9em;
	padding-right: 35px;
	margin-top: 8px;
	padding-bottom: 14px;
}


.vacancy-application #vacancy-application-enqrequirement label {
	clear: both;
	float: left;
	font-size: 1em;
	margin-top: 8px;
}

.booking-flexitem #vacancy-application-enqrequirement {
	min-width: 100%;
	padding-bottom: 30px;
}


.vacancy-application #vacancy-application-tel label,
.vacancy-application #vacancy-application-make label  {
		padding-bottom: 20px;
}


.vacancy-application.vehicle .vacancy-application-button label {
	padding-right: 159px;
}


.vacancy-application label {
    min-width: 155px;
}



.vacancy-application .vacancy-application-button label {
	float: left;
	font-size: 0.9em;
	margin-top: 8px;
	padding-bottom: 14px;
	padding-right: 45px;
}


.vacancy-application #vacancy-application-personalbutton,
.vacancy-application #vacancy-application-vehiclebutton,
.vacancy-application #vacancy-application-vehicleSubbutton,
.vacancy-application #vacancy-application-reqbutton,
.vacancy-application #vacancy-application-timbutton,
.vacancy-application #vacancy-application-conbutton {
	float: left;
	border: 1px solid #ffffff;
	border-radius: 5px;
	text-align: center;
	background-color: #2EA386;
	width: 140px;
	font-size: 0.875em;
	outline: medium none;
	padding: 0.54286em 0.42857em;
	padding-bottom: 0.54286em;
	/*cursor: pointer;*/
	font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
	font-weight: normal;
	color: #ffffff;
	text-shadow: 0.5px 0.5px 0.5px #242424;
	text-decoration: none;
}

.vacancy-application #vacancy-application-personalbutton:hover,
.vacancy-application #vacancy-application-vehiclebutton:hover,
.vacancy-application #vacancy-application-vehicleSubbutton:hover,
.vacancy-application #vacancy-application-reqbutton:hover,
.vacancy-application #vacancy-application-timbutton:hover,
.vacancy-application #vacancy-application-conbutton:hover {
    background-color: #2C997E;
    cursor:pointer;
}





@media screen and (min-width: 1367px) {
}



@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
}



@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: landscape) {
}



/*  ipad/ipad mini */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}


/* iphone XR */	
@media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
}		

/* iphone X/XS */	
@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
}	

/* iphone 6/7/8 Plus */
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
}		

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
}


@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
}





@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
	
	
	#service-booking.mod_sgpetchcustomtemplate #serviceframe .vacancy-application.confirm.tabcontent .confirm-info .booking-description-label {
		min-width: 0px;
	}

	#serviceframe #req.vacancy-application.requirement.tabcontent .op-flexitem,
	#serviceframe #con.vacancy-application.confirm.tabcontent .booking-flexitem {
		flex-direction: column;
	}
	
	#serviceframe #req.vacancy-application.requirement.tabcontent .op-description-value,
	#serviceframe #con.vacancy-application.confirm.tabcontent .booking-description-value {
	    margin-left: 0px;
	}	
	
	#serviceframe #con.vacancy-application.confirm.tabcontent #booking-confirmation-lower {
    flex-direction: column;	
  }
  
	
	.tab {	flex-direction: column;	}
	

  #serviceframe .vacancy-application .vacancy-application-button label,  
  #serviceframe .vacancy-application #vacancy-application-title label  { float: none; }
   
  #serviceframe .vacancy-application #vacancy-application-title label, 
	#serviceframe .vacancy-application #vacancy-application-fname label, 
	#serviceframe .vacancy-application #vacancy-application-lname label, 
	#serviceframe .vacancy-application #vacancy-application-email label, 
	#serviceframe .vacancy-application #vacancy-application-tel label, 
	#serviceframe .vacancy-application #vacancy-application-postcode label, 
	#serviceframe .vacancy-application #vacancy-application-reg label, 
	#serviceframe .vacancy-application #vacancy-application-make label, 
	#serviceframe .vacancy-application #vacancy-application-model label,
  #serviceframe .vacancy-application #vacancy-application-trim label,
	#serviceframe .vacancy-application #vacancy-application-branch label,
	#serviceframe .vacancy-application #vacancy-application-time label,
	#serviceframe .vacancy-application #vacancy-application-preftime label {  
		margin-top: 18px; padding-bottom: 0px;	
	}
	
	.vacancy-application #vacancy-application-personalbutton, 
	.vacancy-application #vacancy-application-vehiclebutton,
	.vacancy-application #vacancy-application-reqbutton,
	.vacancy-application #vacancy-application-timbutton,
	.vacancy-application #vacancy-application-conbutton {
		width: 100%; 
		margin-top: 20px;
	}
	
	#serviceframe .tab .tablinks {display:none;}
	#serviceframe .tab .tablinks.active {display:block;}
	.tabcontent { padding-top: 0px;}

}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
}

@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait) {

}		

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: portrait) {
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {}


/*  150 x 480  */
@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) {
	#serviceframe .inner-frame .section-txt p { margin-top: 30px; margin-bottom: 0; }
	#serviceframe #vacancy-application-personalbutton {	margin-top: 40px; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #serv-veh.section-txt {  margin-top: 30px; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #vacancy-application-make label { padding-right: 0; min-width: 65px; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #vacancy-application-make input#make.make { float: left; max-width: 95px; margin-top: 10px; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #vacancy-application-model label { padding-right: 0; min-width: 65px; clear: both; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #vacancy-application-model input#model.model { float: left; max-width: 95px; margin-top: 10px; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #vacancy-application-trim label { margin-top: 10px; padding-right: 0; min-width: 40px; clear: both; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #vacancy-application-trim #deriv { float: left; max-width: 195px; margin-top: 10px; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #resetveh.section-txt {padding-top: 10px; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #serv-bran.section-txt {margin-bottom: 0px; margin-top: 10px; }
	#serviceframe #veh.vacancy-application.vehicle.tabcontent .inner-frame #subbut.vacancy-application-button #vacancy-application-vehicleSubbutton { margin-top: 30px;  float: left; }
	#serviceframe #req.vacancy-application.requirement.tabcontent .inner-frame .section-txt p { margin-bottom: 20px; }
	#serviceframe #req.vacancy-application.requirement.tabcontent .inner-frame .vacancy-application-button label { padding-bottom: 0;}
	#serviceframe #req.vacancy-application.requirement.tabcontent .inner-frame .vacancy-application-button #vacancy-application-reqbutton { margin-top: 0;}
	#serviceframe #req.vacancy-application.requirement.tabcontent .inner-frame #operations-total .tot-description-label {padding-left: 5px;}
	#serviceframe #req.vacancy-application.requirement.tabcontent .inner-frame .booking-flexitem { flex-direction: row; }
	#serviceframe #req.vacancy-application.requirement.tabcontent .op-description-label {min-width: unset;}
	#serviceframe #tim.vacancy-application.timeslot.tabcontent .inner-frame #serv-tim.section-txt { margin-bottom: 0;}
	#serviceframe #tim.vacancy-application.timeslot.tabcontent .inner-frame #prefserv-tim.section-txt { margin-bottom: 0;}
	#serviceframe #tim.vacancy-application.timeslot.tabcontent .inner-frame #vacancy-application-time label { margin-top: 15px; }
	#serviceframe #vacancy-application-preftime label { margin-top: 15px; }
	#serviceframe #con.vacancy-application.confirm.tabcontent .inner-frame #booking-confirm-frame.bookingsect .booking-flexitem { flex-direction: row; }
	#serviceframe #con.vacancy-application.confirm.tabcontent .booking-description-value { line-height: unset;}
	#serviceframe #con.vacancy-application.confirm.tabcontent .inner-frame .booking-flexitem .booking-description-label,
	#serviceframe #con.vacancy-application.confirm.tabcontent .inner-frame .booking-flexitem .tot-description-label { min-width: unset; padding-right: 10px;}
	#serviceframe #con.vacancy-application.confirm.tabcontent .inner-frame .booking-flexitem .tot-description-value { padding-left: 6px; }
	#serviceframe #con.vacancy-application.confirm.tabcontent .inner-frame #booking-button.vacancy-application-button label { padding-bottom: 0; padding-right: 0;}
}	

@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {	
	#serviceframe .tabcontent .inner-frame .vacancy-application-button { clear: both; }
	#service-booking.mod_sgpetchcustomtemplate #serviceframe .vacancy-application.confirm.tabcontent .bookingsect .booking-description-label, #service-booking.mod_sgpetchcustomtemplate #serviceframe .vacancy-application.confirm.tabcontent .confirm-info .booking-description-label {
	  min-width: 260px;
	}
}