.page .content-wrapper .main-content .mod_sgpetchbranchheader .mfr-logo-row .mfr-logo-column img {
	  transition: all 0.4s ease;
	  border-radius: 6px;
}
.page .content-wrapper .main-content .mod_sgpetchbranchheader .mfr-logo-row .mfr-logo-column img:hover {
	transform: translateY(0px) scale(1.03);
  box-shadow: 0 12px 20px rgba(0,0,0,0.3);
  z-index: 10;
 } 
  
  

.layout-judges,
#info-map.info-map.ce_rsce_tao_sgpetch_googlemap {
	max-width: 1400px !important;
	margin-left: auto;
	margin-right: auto;
}

#awardrow {
	/*(display: inline-block;*/
	margin-left: auto;
	margin-right: auto;
  max-width: 560px;
}

#awardscolumn-left {
  float: left;
  width: 50%;
  padding: 5px;
  text-align:center;
}

#awardscolumn-right {
  float: left;
  width: 50%;
  padding: 5px;
  text-align:center;
}


.layout-googlerev {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}



/* Clear floats after image containers */
.mod_sgpetchbranchoptions.branch-freewall .row::after {
  content: "";
  clear: both;
  display: table;
}

.awardscolumn img {
	width: 50%;
}




.branch-image.contact {
	max-width: 1080px;
}

.branch-image.motability {
	max-width: 1080px;
	border: none;
	border-radius: none;
	box-shadow: none;
	
}




/* ——— PERFECT 2×3 GRID – 6 IMAGES ——— */
#centerit {
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.branch-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
    margin: 50px auto 70px;
    max-width: 1400px;
    aspect-ratio: 3 / 2;               /* perfect rectangle – 3:2 ratio */
}

/* 2 rows × 3 columns – simple and beautiful */
.branch-grid .one   { grid-area: 1 / 1 / 2 / 2; }
.branch-grid .two   { grid-area: 1 / 2 / 2 / 3; }
.branch-grid .three { grid-area: 1 / 3 / 2 / 4; }
.branch-grid .four  { grid-area: 2 / 1 / 3 / 2; }
.branch-grid .five  { grid-area: 2 / 2 / 3 / 3; }
.branch-grid .six   { grid-area: 2 / 3 / 3 / 4; }

/* Image styling */
.branch-grid .branchimage {
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.18);
    transition: all 0.4s ease;
    overflow: hidden;
    height: 100%;
}

.branch-grid .branchimage:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 24px 60px rgba(0,0,0,0.3);
    z-index: 10;
}

/* Tablet – still 2×3 but tighter */
@media (max-width: 1024px) {
    .branch-grid {
        gap: 16px;
        max-width: 1000px;
        margin: 40px auto 60px;
    }
}

/* Mobile – perfect vertical stack */
@media (max-width: 640px) {
    .branch-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, auto);
        gap: 14px !important;
        margin: 30px auto 50px;
        aspect-ratio: unset;
        padding: 0 10px;
    }
    .branch-grid .branchimage {
        grid-area: auto !important;
        height: 260px !important;
        border-radius: 12px;
    }
    /* Optional: make first image slightly larger on mobile */
    .branch-grid .one { height: 320px !important; }
}

/* ——— ALL 6 BRANCH IMAGES (just add .six to each branch) ——— */
.york .one   { background-image: url(/cmsmedia/admin/system-content/branch_images/York_2.jpg); }
.york .two   { background-image: url(/cmsmedia/admin/system-content/branch_images/York.jpg); }
.york .three { background-image: url(/cmsmedia/admin/system-content/branch_images/York_3.jpg); }
.york .four  { background-image: url(/cmsmedia/admin/system-content/branch_images/York_4.jpg); }
.york .five  { background-image: url(/cmsmedia/admin/system-content/branch_images/York_5.jpg); }
.york .six   { background-image: url(/cmsmedia/admin/system-content/branch_images/York_22.jpg); } 

.middlesbrough .one   { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-2019_5.jpg); }
.middlesbrough .two   { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-2019_2.jpg); }
.middlesbrough .three { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-2019_3.jpg); }
.middlesbrough .four  { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-2019_4.jpg); }
.middlesbrough .five  { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-2019_6.jpg); }
.middlesbrough .six   { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-2019.jpg); }

.middlesbrough-southbank .one   { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-southbank-2019.jpg); }
.middlesbrough-southbank .two   { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-southbank-2019-1.jpg); }
.middlesbrough-southbank .three { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-southbank-2019-2.jpg); }
.middlesbrough-southbank .four  { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-southbank-2019-4.jpg); }
.middlesbrough-southbank .five  { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-southbank-2019-3.jpg); }
.middlesbrough-southbank .six   { background-image: url(/cmsmedia/admin/system-content/branch_images/middlesbrough-southbank-2019-5.jpg); }

.darlington .one   { background-image: url(/cmsmedia/admin/system-content/branch_images/darlington_b01.jpg); }
.darlington .two   { background-image: url(/cmsmedia/admin/system-content/branch_images/darlington_b09.jpg); }
.darlington .three { background-image: url(/cmsmedia/admin/system-content/branch_images/darlington_b012.jpg); }
.darlington .four  { background-image: url(/cmsmedia/admin/system-content/branch_images/darlington_b05.jpg); }
.darlington .five  { background-image: url(/cmsmedia/admin/system-content/branch_images/darlington_b06.jpg); }
.darlington .six   { background-image: url(/cmsmedia/admin/system-content/branch_images/darlington-3.jpg); }

.richmond .one   { background-image: url(/cmsmedia/admin/system-content/branch_images/Richmond_12.jpg); }
.richmond .two   { background-image: url(/cmsmedia/admin/system-content/branch_images/Richmond.jpg); }
.richmond .three { background-image: url(/cmsmedia/admin/system-content/branch_images/Richmond_2.jpg); }
.richmond .four  { background-image: url(/cmsmedia/admin/system-content/branch_images/Richmond_9.jpg);  }
.richmond .five  { background-image: url(/cmsmedia/admin/system-content/branch_images/Richmond_11.jpg); }
.richmond .six   { background-image: url(/cmsmedia/admin/system-content/branch_images/Richmond-1.png); }

.durham .one   { background-image: url(/cmsmedia/admin/system-content/branch_images/durham-2020_1.jpg); }
.durham .two   { background-image: url(/cmsmedia/admin/system-content/branch_images/durham-2020_2.jpg); }
.durham .three { background-image: url(/cmsmedia/admin/system-content/branch_images/durham-2020_6.jpg); }
.durham .four  { background-image: url(/cmsmedia/admin/system-content/branch_images/durham-2020_3.jpg); }
.durham .five  { background-image: url(/cmsmedia/admin/system-content/branch_images/durham-2020_5.jpg); }
.durham .six   { background-image: url(/cmsmedia/admin/system-content/branch_images/durham-2020_9.jpg); }

.sunderland .one   { background-image: url(/cmsmedia/admin/system-content/branch_images/Sunderland_01840.jpg); }
.sunderland .two   { background-image: url(/cmsmedia/admin/system-content/branch_images/Sunderland_0225.jpg); }
.sunderland .three { background-image: url(/cmsmedia/admin/system-content/branch_images/Sunderland_01390.jpg); }
.sunderland .four  { background-image: url(/cmsmedia/admin/system-content/branch_images/Sunderland_0160.jpg); }
.sunderland .five  { background-image: url(/cmsmedia/admin/system-content/branch_images/Sunderland_0227.jpg); }
.sunderland .six   { background-image: url(/cmsmedia/admin/system-content/branch_images/Sunderland-03.jpg); }






    


.mod_sgpetchbranchheader {
	background-color: #F5F5F5;
}

.branch-image {
	border: 6px solid #fff;
	border-radius: 3px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	max-width: 640px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.header-address {
  font: 1em/1.6625 Fabriga regular,Lato,Humanist777BT-LightB, sans-serif;
  padding-left: 10px;
	padding-bottom: 15px;
	padding-top: 15px;
	display: inline-block;

}

.header-opening-branch,
.header-opening-address {
	color: #242424;
	font-size: 0.90em;
	line-height: 1.4em;
}

.opening-telephone {
color: #242424;
font-size: 0.90em;
line-height: 1.5em;
float: left;
padding-right: 3px;
padding-left: 3px;
	
}

.header-opening-address a,
.opening-telephone a {
	color: inherit;
}

.header-opening-address a:hover,
.opening-telephone a:hover {
	color: inherit;
}

.mfr-logo-row {
	display: flex;
	flex-wrap: wrap;
	padding: 0 15px;
	float: right;
	width: 40%;
	padding-top: 0px;
	padding-bottom: 10px;
  align-items: end;
	justify-content: flex-end;
}

 /* START IE 11 */
@media all and (-ms-high-contrast:none) { 	
.mfr-logo-row { justify-content: flex-start;}	
}
 /* END IE 11 */

/*.mfr-logo-row.row-york*/
.mfr-logo-row.row-darlington {
	flex-wrap: inherit;
	width: 47%;
	padding: 0 5px;
	padding-bottom: 5px;
} 

.mfr-logo-column {
  flex: 15%;
  max-width: 46%;
  padding: 0 4px;
}

 
 /* START IE 11 */
@media all and (-ms-high-contrast:none) { 	
.mfr-logo-column {  flex: 15%;}	
}
 /* END IE 11 */




.mfr-logo-column img {
  margin-top: 18px;
  vertical-align: middle;
  /*width: 100%;*/
  max-height: 60px;
 /* border: 1px solid #EAE9E9;*/
}




/*  150 x 480  */
@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) {

	
	.header-address { font-size:0.85em; padding-bottom:0px;}
	.mfr-logo-row { float: none; width: 96%;	}
	.mfr-logo-row.row-darlington .mfr-logo-row.row-york { width: 100%;}
	.mod_sgpetchbranchheader .mfr-logo-row { justify-content: center; }
	.mfr-logo-column.middlesbrough-southbank, .mfr-logo-column.richmond, .mfr-logo-column.sunderland  {	max-width: 25%; }
	
	
  .mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 8; }
}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
	.header-address { padding-bottom:0px;}
	.mfr-logo-row { float: none; width:100%;	}
	/*.mfr-logo-column.york {  max-width: 23%; }*/
	.mfr-logo-row.row-darlington, .mfr-logo-row.row-york { width: 100%;}
}



/* iphone 5/SE */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {

	
	.header-opening-branch, .header-opening-address {font-size: 0.8em;}
	.header-address { font-size:0.85em; padding-bottom:0px;}
	.mfr-logo-row { float: none; width: 96%;	}
	.mod_sgpetchbranchheader .mfr-logo-row { justify-content: center; }
	
  .mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 8; }
  
	.branchimage.main img, .branchimage.long img { max-width:215%;}
	.mfr-logo-column.durham a img,
	.mfr-logo-column.york a img {width: 100%;}
  
  
}





@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
	.mfr-logo-row.row-darlington, .mfr-logo-row.row-york { width: 100%;}
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 4; }
}


/*  360 x 640  */
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) {

  .mod_sgpetchbranchheader .mfr-logo-row { justify-content: center; }
	.header-address { font-size:0.85em; padding-bottom:0px;}
	.mfr-logo-row { float: none; width: 96%;	}
	
}

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


/* iphone 6/7/8 */
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
	

	
	.mfr-logo-column.middlesbrough-southbank, .mfr-logo-column.richmond, .mfr-logo-column.sunderland  {	max-width: 25%; }
	.mod_sgpetchbranchheader .mfr-logo-row { justify-content: center; }
	.header-address { font-size:0.70em; padding-bottom:0px;}
	.mfr-logo-row { float: none; width: 96%;	}
	
	}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
	
		.header-address { 
			margin-left: auto;
			margin-right: auto;
			max-width: 550px;
			text-align: center;
			display: block;
	}
		.header-address.middlesbrough-southbank, .header-address.richmond, .header-address.sunderland {text-align: initial; display: inline-block;}
	
  .mfr-logo-row.row-middlesbrough-southbank, .mfr-logo-row.row-richmond, .mfr-logo-row.row-sunderland {justify-content: center; float:none !important; width: 100% !important;}
	.mfr-logo-column.middlesbrough-southbank, .mfr-logo-column.richmond, .mfr-logo-column.sunderland  {	max-width:20% !important; float: left;}
	
	.header-address { padding-bottom:0px;}
	.mfr-logo-row { float: none; width:100%;	}
	/*.mfr-logo-column.york {  max-width: 23%; }*/
	.mfr-logo-row.row-darlington { width: 100%;}
	.mfr-logo-row.row-york { width: 110%;}
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 4; }
	
	.branchimage.main img { max-width:215%;}
	
}


/* iphone 6/7/8 Plus */
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait) {
	.mod_sgpetchbranchheader .mfr-logo-row { justify-content: center; }
	.mfr-logo-column.middlesbrough-southbank, .mfr-logo-column.richmond, .mfr-logo-column.sunderland  {	max-width: 25%; }
	}

@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
	
	
	.header-address { 
			margin-left: auto;
			margin-right: auto;
			max-width: 550px;
			text-align: center;
			display: block;
	}
	
		.header-address.middlesbrough-southbank, .header-address.richmond, .header-address.sunderland {text-align: initial; display: inline-block;}
		
		
  .mfr-logo-row.row-middlesbrough-southbank, .mfr-logo-row.row-richmond, .mfr-logo-row.row-sunderland {justify-content: center; float: right; width: 25%;}
	.mfr-logo-column.middlesbrough-southbank, .mfr-logo-column.richmond, .mfr-logo-column.sunderland  {	max-width: 50%; float: left;}
	
	.header-address { padding-bottom:0px;}
	.mfr-logo-row { float: none; width:100%;	}
	/*.mfr-logo-column.york {  max-width: 23%; }*/
	.mfr-logo-row.row-darlington, .mfr-logo-row.row-york { width: 100%;}
	
  .mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 4; }
  .branchimage.main img { max-width:215%;}
}


/* iphone X/XS */
@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: portrait) {
	.mod_sgpetchbranchheader .mfr-logo-row { justify-content: center; }
	}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
	
	
		.header-address { 
			margin-left: auto;
			margin-right: auto;
			max-width: 550px;
			text-align: center;
			display: block;
	}
	
		.header-address.middlesbrough-southbank, .header-address.richmond, .header-address.sunderland {text-align: initial; display: inline-block;}
		.main-content .mod_sgpetchbranchheader .header-address.durham {max-width: 600px; float:initial;}
		
		
		/*.header-address.durham {text-align: center !important;}*/
   .hoverbutton-opening-hours {display:none;}

  .mfr-logo-row.row-middlesbrough-southbank, .mfr-logo-row.row-richmond, .mfr-logo-row.row-sunderland {justify-content: center;}
	.mfr-logo-column.middlesbrough-southbank, .mfr-logo-column.richmond, .mfr-logo-column.sunderland  {	max-width: 16%;}
	
	.header-address { padding-bottom:0px;}
	.mfr-logo-row { float: none; width:100%;	}
	/*.mfr-logo-column.york {  max-width: 23%; }*/
	.mfr-logo-row.row-darlington, .mfr-logo-row.row-york { width: 100%; padding-bottom: 0px !important;}
  .main-content .mod_sgpetchbranchheader .header-address.darlington {float:initial;}
	
  .mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 4; }
}


/* iphone XR/XS Max */
@media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: portrait) {
	.mod_sgpetchbranchheader .mfr-logo-row { justify-content: center; }
	.header-address { padding-bottom:0px;}
	.mfr-logo-row { float: none; width:100%;	}
	/*.mfr-logo-column.york {  max-width: 23%; }*/
	.mfr-logo-row.row-darlington, .mfr-logo-row.row-york { width: 100%;}
}





@media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
	
	.page .main-content .mod_sgpetchbranchheader .header-address {
			margin-left: auto;
			margin-right: auto;
			max-width: 565px;
			display: block;
			float:initial;
	}
	
	/*.header-address.durham {text-align: left;	max-width: 600px;}*/
	.hoverbutton-opening-hours {display:none;}
	
		.header-address.middlesbrough-southbank, .header-address.richmond, .header-address.sunderland {text-align: initial; display: inline-block; max-width: 640px;}
	
  .mfr-logo-row.row-middlesbrough-southbank, .mfr-logo-row.row-richmond, .mfr-logo-row.row-sunderland {justify-content: center; float: right; width: 25%;}
	.mfr-logo-column.middlesbrough-southbank, .mfr-logo-column.richmond, .mfr-logo-column.sunderland  {	max-width: 50%; float: left;}
	.main-content .mod_sgpetchbranchheader .header-address.darlington,
	.main-content .mod_sgpetchbranchheader .header-address.york {float:initial;}
	
	.header-address { padding-bottom:0px;}
	.mfr-logo-row { float: none; width:100%;	}
	/*.mfr-logo-column.york {  max-width: 23%; }*/
	.mfr-logo-row.row-darlington { width: 100%;}
	.mfr-logo-row.row-york { width: 110%;}
	
	.mfr-logo-column.middlesbrough  {	max-width: 15%; }
	.mfr-logo-row.row-durham { width: 110%;}
	
  .mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 4; }
}


/* Nexus 7 */
@media only screen and (min-width: 600px) and (max-width: 960px) and (orientation: portrait) {
 .mod_sgpetchbranchheader .mfr-logo-row { justify-content: center; }
 .mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 4; }
}

@media only screen and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
	.header-address { padding-bottom:0px;}
	.mfr-logo-row { float: none; width:100%;	}
	/*.mfr-logo-column.york {  max-width: 23%; }*/
	.mfr-logo-row.row-darlington { width: 100%;}
	.mfr-logo-row.row-york { width: 110%;}
}




/*  ipad/ipad mini */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.header-address { font-size: 1em; margin-left: auto;margin-right: auto;max-width: 550px; text-align: center; display: block;}
	
	.header-address.middlesbrough-southbank, .header-address.richmond, .header-address.sunderland {text-align: initial; display: inline-block; float: left;}
	
	.header-address.durham {max-width: 570px;}
	
	
  .mfr-logo-row.row-middlesbrough-southbank, .mfr-logo-row.row-richmond, .mfr-logo-row.row-sunderland {justify-content: center; float: none; width: 25%;}
	.mfr-logo-column.middlesbrough-southbank, .mfr-logo-column.richmond, .mfr-logo-column.sunderland   {	max-width: 50%; float: left;}
	.header-address { padding-bottom:0px;}
	.mfr-logo-row { float: none; width:100%;	}
	/*.mfr-logo-column.york {  max-width: 13%; }	*/
	.mfr-logo-row.row-darlington { width: 100%;}
	.mfr-logo-row.row-york { width: 110%;}
	.mfr-logo-column.middlesbrough  {	max-width: 15%; }
	.mfr-logo-row.row-durham { width: 110%;}
	.mod_sgpetchbranchheader .mfr-logo-row { justify-content: center; }
  .mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 4; }
  
  
 /*.mod_sgpetchbranchoptions.branch-freewall #centerit #container .branchimage.three { height: 683.33px; }*/
  
  
}

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

	
  .mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 2; }
   #homepage-section .homepage-header { font-size: 1em; }
   /* FiX FOR IPAD ORI CHANGE! */
  .main-content .mod_sgpetchbranchheader .header-address { float:left; padding-right: 70px; }
  .main-content .mod_sgpetchbranchheader .header-address.durham {padding-right: 30px;}
  .main-content .mod_sgpetchbranchheader .header-address.darlington,
  .main-content .mod_sgpetchbranchheader .header-address.york {padding-right: 70px;}
  .mfr-logo-row.row-darlington, .mfr-logo-row.row-york {padding-bottom: 21px;}
  .main-content .mod_sgpetchbranchheader .mfr-logo-row { float: none; }
  
  /*.mod_sgpetchbranchoptions.branch-freewall #centerit #container .branchimage.three { height:413px; }*/
}








/*  1024px x 1366px   ipad pro 10.5 */
@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: portrait) {
	.header-address { padding-bottom:0px;}
	.mfr-logo-row { float: none; width:100%;	}
	/*.mfr-logo-column.york {  max-width: 13%; }	*/
	.mfr-logo-row.row-darlington { width: 100%;}
	.mfr-logo-row.row-york { width: 110%;}
}

@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: landscape) {
	
	
	
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid { grid-template-columns: repeat(8, 1fr); }
  #homepage-section .homepage-header { font-size: 1em; }
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 2; }
	/*
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid #item-7.item { grid-column-end: 5; }
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid #item-8.item { grid-column-end: -2; }
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid #item-7.item.last { grid-column-end: 7; }
	*/
}


/*  1024px x 1366px   ipad pro 12.9 */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
	
	.header-address { 
			margin-left: inherit;
			margin-right: inherit;
			max-width: inherit;
			text-align: inherit;
			display: inline-block;
	}
	

	

 
	/*.mfr-logo-row { padding-top: 10px; }*/
	.mfr-logo-row {float: right; width: 31%;} 
	/*.mfr-logo-row.row-york { width: 35%;}*/
	.mfr-logo-row.row-darlington { width: 46%;}
	.mfr-logo-row.row-york { width: 36%;}
	.mfr-logo-column.middlesbrough {  max-width: 31%; }
	.mfr-logo-row.row-durham {  width: 46%; }
  .mfr-logo-column.durham a img,
  .mfr-logo-column.york a img {width: 100%;}
	.header-address {  padding-bottom: 5px; }
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid { grid-template-columns: repeat(8, 1fr); }
	 #homepage-section .homepage-header { font-size: 0.85em; }
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid .item { grid-column: span 2; }
	.mfr-logo-column.york {   max-width: 26%; }
	
	

	
	
	/*
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid #item-7.item { grid-column-end: 5; }
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid #item-8.item { grid-column-end: -2; }
	.mod_sgpetchbranchoptions.branch-freewall .options-wrapper .grid #item-7.item.last { grid-column-end: 7; }
	*/
	
	
}

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




	
/*  980 x 1280  */
@media only screen and (min-width: 980px) and (max-width: 1280px) and (orientation: portrait) {}
	
@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {}
	
/*  1440 x 900  */
@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: portrait) {}
	
@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {}
	
	
@media only screen and (min-width: 1280px) {
.mfr-logo-column {max-width: 19%;}
}

@media only screen and (min-width: 1370px) {
.header-address { padding-left: 60px; }
}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
	.mfr-logo-row.row-durham {  width: 100%;  }
}

/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* iPhone 5 & 5S in portrait  */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}



/* iPhone 6 in landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	.mfr-logo-row.row-durham {  width: 105%;  }
}


/* iPhone 6 in portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}


/* iPhone 6 Plus in landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}  
  
/* iPhone 6 Plus in portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}



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


/* Branch header: large manufacturer logo strip (homepage-style) + Quick Search */
/* Full-width wrapper: its bottom border is the under-line that spans the whole browser width. */
.mod_sgpetchbranchheader .branch-strip-wrap {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
.mod_sgpetchbranchheader .branch-brand-strip {
	display: flex;
	/* nowrap: the logo strip must stay on a single row at every width - the logos shrink to fit
	   (see flex/min-width on .branch-brand-logo) rather than wrapping to a second row. */
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
/* Each logo is its own white bordered box (homepage-style): the box borders form the
   vertical dividers, the top line and the under-line; the hover lifts the whole box. */
.mod_sgpetchbranchheader .branch-brand-strip .branch-brand-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 180px;
	min-width: 0;
	height: 100px;
	box-sizing: border-box;
	padding: 12px 22px;
	margin-left: -1px;
	margin-top: -1px;
	border: 1px solid #ddd;
	border-bottom: 0;
	background: #fff;
	transition: all 0.4s ease;
}
.mod_sgpetchbranchheader .branch-brand-strip .branch-brand-logo:first-child { margin-left: 0; }
.mod_sgpetchbranchheader .branch-brand-strip .branch-brand-logo:hover {
	transform: translateY(-5px) scale(1.03);
	box-shadow: 0 12px 20px rgba(0,0,0,0.3);
	position: relative;
	z-index: 10;
}
.mod_sgpetchbranchheader .branch-brand-strip .branch-brand-logo img {
	max-width: 100%;
	max-height: 70px;
	width: auto;
	height: auto;
	display: block;
	-o-object-fit: contain;
	object-fit: contain;
}
.mod_sgpetchbranchheader .branch-info-row {
	display: flex;
	/* center (not space-between) so that when the Quick Search wraps to its own line at tablet
	   widths it centres rather than left-aligning; the address keeps flex:1 1 auto so it still
	   fills line 1 and pushes the Quick Search to the right while they share a line. */
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	padding: 0 10px;
}
.mod_sgpetchbranchheader .branch-info-row .header-address {
	flex: 1 1 auto;
	padding-bottom: 0;
	text-align: left;
}
.mod_sgpetchbranchheader .branch-quicksearch { flex: 0 0 auto; }
/* Manufacturer pages that already provide their own model "Quick Search" (a .navbar-quicksearch
   dropdown, e.g. BYD/Jaecoo/Omoda) don't need the branch-header Quick Search too - hide it there
   to avoid two duplicate dropdowns. */
body:has(.navbar-quicksearch) .mod_sgpetchbranchheader .branch-quicksearch { display: none; }
/* On a [branch]/[mfr] page the branch header builds the model Quick Search, so hide the manufacturer
   header's own navbar there. (National /[mfr] pages have no branch header, so it stays visible.) */
body:has(.mod_sgpetchbranchheader .branch-info-row .navbar-quicksearch) .mod_sgpetchmanufacturerheader [class*="navbar-header-"] { display: none; }
.mod_sgpetchbranchheader .branch-quicksearch-select {
	padding: 10px 14px;
	padding-right: 70px;
	border: 1px solid #bbb;
	border-radius: 4px;
	background: #fff;
	color: #242424;
	font: 0.90em/1.75 Fabriga regular,Lato,sans-serif;
	min-width: 210px;
	cursor: pointer;
}

/* "You are here": on a branch/manufacturer page, dim the brand logos that are not the current
   manufacturer, so the logo strip doubles as the active-brand indicator. Dimmed logos brighten
   on hover so they stay usable. */
.mod_sgpetchbranchheader .branch-brand-strip.has-active .branch-brand-logo { opacity: 0.4; }
.mod_sgpetchbranchheader .branch-brand-strip.has-active .branch-brand-logo.is-active,
.mod_sgpetchbranchheader .branch-brand-strip.has-active .branch-brand-logo:hover { opacity: 1; }

/* The manufacturer model search (.navbar-quicksearch) sits top-right of .branch-info-row on
   [branch]/[mfr] pages - either relocated from the manufacturer header (BYD/Omoda/Jaecoo) or
   built in the branch header from the manufacturer's live models. Give it the navbar look here in
   branch.css (which loads on every branch page) so it is consistent everywhere; the manufacturer
   header's own navbar styling is only present on a few pages. The high-specificity selector wins
   over that page-specific styling so every dropdown matches. Arrow is right-anchored (the legacy
   navbar pinned it at a fixed offset that only suited its own width). */
.mod_sgpetchbranchheader .branch-info-row .navbar-quicksearch { flex: 0 0 auto; margin: 0; padding: 0; width: auto; max-width: none; }
.mod_sgpetchbranchheader .branch-info-row .navbar-quicksearch select,
.mod_sgpetchbranchheader .branch-info-row .navbar-quicksearch select#quicksearch.value-quicksearch {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url("/media/br_down.png") no-repeat right 12px center;
	border: 1px solid #ccc;
	border-radius: 0;
	color: #242424;
	font: 400 13px/1.4 Montserrat,Lato,sans-serif;
	padding: 8px 34px 8px 12px;
	min-width: 210px;
	max-width: none;
	width: auto;
	height: auto;
	cursor: pointer;
}
@media only screen and (max-width: 768px) {
	/* tighter horizontal padding on small screens so the shrink-to-fit logos keep usable size */
	.mod_sgpetchbranchheader .branch-brand-strip .branch-brand-logo { flex-basis: 128px; height: 76px; padding: 10px 8px; }
	.mod_sgpetchbranchheader .branch-brand-strip .branch-brand-logo img { max-height: 48px; }
	.mod_sgpetchbranchheader .branch-info-row { flex-direction: column; align-items: stretch; }
	.mod_sgpetchbranchheader .branch-quicksearch-select { width: 100%; max-width: none; }
	.mod_sgpetchbranchheader .branch-info-row .navbar-quicksearch { width: 100%; max-width: none; }
	/* The legacy navbar hides this select at mobile widths; force it visible in its relocated home. */
	.mod_sgpetchbranchheader .branch-info-row .navbar-quicksearch select#quicksearch { display: block !important; width: 100% !important; max-width: none !important; }
}