.rangeDetails {
	margin: 10px 0 20px 0;
    display: flex;
    height: 110px;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}

.rangeTitle {
	color: #000;
    margin: 0 0 0px 0;
    display: block;
	font-size: 15px;
    flex-grow: 0.25;
}

.rangeDescription {
	color: #7c7c7c;
    margin: 0;
    display: block;
    font-size: 14px;
    flex-grow: 0;
}


.rangeOrigin {
	padding: 4px 0;
    color: #7c7c7c;
    font-size: 14px;
}


/* -------------------------- iPhone 6 -------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2) {
	.navbar-brand {
		width        : 70%;
		margin-bottom: 10px;
		padding      : 0;
	}

	.navbar-brand > img {
		width: 100%;
	}

	nav.navbar-top {
		height    : initial;
		margin-top: 0;
	}

	nav.navbar-top .navbar-nav > li > a {
		padding-right: 20px;
		border-bottom: 1px dotted #ccc;
		text-align   : right;
	}
	
	#sample .label { left: 10px; }

	header.carousel {
		height       : 500px;
		margin-bottom: 80px;
	}

	header.carousel .fill {
		background-position: 70%;
	}

	header.carousel .carousel-caption {
		right  : 5%;
		left   : 5%;
		padding: 10px;
	}

	header.carousel .carousel-caption h2 {
		margin-bottom: 10px;
		font-size    : 22px;
	}

	header.carousel .carousel-caption p.summary {
		font-size: 14px;
	}

	header.carousel ul.carousel-cta {
		margin-top: 10px;
	}

	header.carousel ul.carousel-cta li a {
		margin-bottom: 10px;
		font-size    : 14px;
		line-height  : 30px;
	}

	section.quickLinks .qlink-title {
		right : 30px;
		bottom: 15px;
	}
	/* ----- HP Swatch Slider -------------------------- */
	.swiper-container {
		height: auto;
	}
	/* ----- HP Colour Palettes -------------------------- */
	.contentWrapper {
		margin: 0;
	}

	.colourPalettesTabs {
		margin: 0 0 40px;
	}

	.colourPalettesTabs h2 {
		font-size: 28px;
	}

	.colourPalettesTabs .tab-pane {
		height: 350px;
	}

	.colourPalettesTabs .tab-pane .tabText { top: 135px; }
	.colourPalettesTabs .tab-pane .tabText h4 { font-size: 26px; }
	.colourPalettesTabs .tab-pane .tabText a { font-size: 16px; }
	
	.colourPalettesTabs .nav-tabs.nav-justified > li {
		width: 50%;
		float: left;
	}

	.colourPalettesTabs .nav-tabs.nav-justified > li:nth-child(2),
	.colourPalettesTabs .nav-tabs.nav-justified > li:nth-child(4),
	.colourPalettesTabs .nav-tabs.nav-justified > li:nth-child(6) {
		border-right: 0;
	}

	.colourPalettesTabs .nav-tabs.nav-justified > li:nth-child(3),
	.colourPalettesTabs .nav-tabs.nav-justified > li:nth-child(5),
	.colourPalettesTabs .nav-tabs.nav-justified > li:nth-child(7) {
		border-left: 0;
	}

	.colourPalettesTabs .nav-tabs.nav-justified > li:last-child {
		width: 100%;
	}
	/* -- NEED TO REVIEW THESE CLASSES ---

	.colourPalettesTabs {
    margin : 15px 0;
  	}

  .colourPalettesTabs h2 {
    font-size : 26px;
  }

  .colourPalettesTabs .tab-pane {
    height : 400px;
  }

  .colourPalettesTabs .tab-pane .tabText {
    top : 100px;
  }*/
	/* ----- CTA : Projects -------------------------- */
	.projectsAboutRow .aboutPane,
	.projectsAboutRow .projectsPane {
		height: 320px;
	}

	.projectsAboutRow .aboutPane .captionText,
	.projectsAboutRow .projectsPane .captionText {
		width      : 100%;
		margin-left: 5%;
	}
	/* -- NEEDS REVIEWING

.projectsAboutRow .projectsPane .captionText {
    width       : 100%;
    margin-left : 1%;
  }

*/	.projectsAboutRow .aboutPane h2, 
	.projectsAboutRow .projectsPane h2 {
		font-size: 26px; 
	}
	.projectsAboutRow .aboutPane p,
	.projectsAboutRow .projectsPane p {
		width: 90%;
    	font-size: 14px;
	}
	/* ----- Product Details - Projects -------------------------- */
	.productDetail #projects #projectsSliderD .carousel-control,
	.productDetail #projects #projectsSliderM .carousel-control,
	.productRange #projects #projectsSliderD .carousel-control,
	.productRange #projects #projectsSliderM .carousel-control {
		width: 10%;
	}

	.productDetail #projects .carousel-control .glyphicon-chevron-left,
	.productDetail #projects .carousel-control .glyphicon-chevron-right,
	.productDetail #projects .carousel-control .icon-next,
	.productDetail #projects .carousel-control .icon-prev {
		width           : auto;
		height          : auto;
		background-color: rgba(0, 0, 0, 0.4);
	}
	/* ---- Homepage Slider ---*/
	#BriggsSlider .carousel-control {
		width: 20%;
	}

	#BriggsSlider .carousel-inner .carousel-caption {
		grid-template: repeat(2, 1fr)/repeat(1, 1fr);
	}

	#BriggsSlider .caption-bottom-right {
		text-align: center;
	}

	#BriggsSlider,
	#BriggsSlider .carousel-inner .item {
		height: 360px;
	}

	#BriggsSlider .carousel-inner .carousel-caption h1 {
		font-size: 20px;
	}

	#BriggsSlider .carousel-inner .carousel-caption p {
		font-size: 12px;
	}

	#BriggsSlider .caption-bottom-right {}

	#BriggsSlider .caption-bottom,
	#BriggsSlider .caption-bottom-left,
	#BriggsSlider .caption-bottom-right,
	#BriggsSlider .caption-center,
	#BriggsSlider .caption-top,
	#BriggsSlider .caption-top-left,
	#BriggsSlider .caption-top-right {
		margin: 0;
	}
	/* ---- Product Range Related ---*/
	.productRange #range .rangeThumb h5 {
		font-size: 13px;
	}

	.productRange .productRangePageNav ul li a {
		padding  : 10px 15px;
		font-size: 12px;
	}

	.productRange #range .rangeThumb {
		margin-bottom: 15px;
	}

	.productRange #range .rangeThumb {
		height: auto;
	}

	.productRange #range .rangeThumb img {
		margin: 0 auto;
	}

	.productRange #downloads .table-responsive > .table > tbody > tr > td,
	.productRange #downloads .table-responsive > .table > tbody > tr > th,
	.productRange #downloads .table-responsive > .table > tfoot > tr > td,
	.productRange #downloads .table-responsive > .table > tfoot > tr > th,
	.productRange #downloads .table-responsive > .table > thead > tr > td,
	.productRange #downloads .table-responsive > .table > thead > tr > th {
		white-space: normal;
	}

	.productRange #downloads table {
		width: 100%;
	}

	.productRange #downloads table h5 {
		font-size: 1em;
	}

	/* .productRange #range .filters {
		margin-bottom: 0;
	} */

	#range-search .filters #filterColours,
	#range-search .filters .btn-group,
	.productRange #range .filters .dropdown-menu {
		width: 100%;
	}

	#range-search .filters .col-md-4 {
		margin-bottom: 20px;
	}

	#range-search .tickbox {
		margin: 0 auto;
		width : 50%;
	}
	/* --- Product Range Tabs ----*/
	.productRange #range .filters .form-control {
		text-align: center;
	}

	.nav-tabs.nav-justified > li {
		float: left;
	}

	.colourPalettesTabs .nav-tabs.nav-tabs-bottom > li > a {
		padding: 5px 10px;
	}

	.colourPalettesTabs .nav-tabs.nav-tabs-bottom > li {
		width: 50%;
	}

	.colourPalettesTabs .nav-tabs.nav-tabs-bottom > li:last-child {
		width: 100%;
	}

	.projectsAboutRow .aboutPane,
	.projectsAboutRow .projectsPane {
		height: 400px;
	}
	/* --- Other Banner Related ---*/
	.bannerLarge,
	.bannerProduct {
		height: 300px;
	}

	.bannerLarge .bannerText h1 {
		font-size: 26px;
	}

	.bannerLarge .bannerText h4 {
		font-size: 16px;
	}

	.bannerLarge .bannerText,
	.bannerProduct .bannerText {
		bottom: 15px;
	}
	/*  --- Footer Related ---  */
	footer.BriggsFooter .copyright {
		float: none!important;
	}

	footer.BriggsFooter .copyright {
		text-align: center;
	}

	footer.BriggsFooter ul.footer-info {
		float: none;
		clear: both;
	}

	footer.BriggsFooter ul.footer-info li {
		width     : 50%;
		float     : left;
		text-align: center;
	}

	.subFooter > .copyright {
		padding-bottom: 10px;
	}
}
/* -------------------------- iPad Mini -------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio : 1) {
	header.carousel {
		height       : 500px;
		margin-bottom: 80px;
	}

	header.carousel .carousel-caption {
		right  : 5%;
		left   : 5%;
		padding: 10px;
	}

	header.carousel .carousel-caption h2 {
		margin-bottom: 10px;
		font-size    : 22px;
	}

	header.carousel .carousel-caption p.summary {
		font-size: 14px;
	}

	header.carousel ul.carousel-cta {
		margin-top: 10px;
	}

	header.carousel ul.carousel-cta li a {
		margin-bottom: 10px;
		font-size    : 14px;
		line-height  : 30px;
	}

	section.quickLinks .img-portfolio {
		margin-bottom: 0;
	}

	section.quickLinks .qlink-title {
		position: relative;
		right   : 0;
		bottom  : 0;
		width   : 100%;
	}

	.projectsAboutRow .projectsPane .captionText {
		width      : 70%;
		margin-left: 10%;
	}
}
/* ----------- Misc Breakpoints ----------- */
/*
@media (min-width: 992px) {
  .projectsAboutRow .projectsPane .captionText {
    width       : 70%;
    margin-left : 10%;
  }
}

@media (max-width: 1024px) {
  #BriggsSlider .carousel-inner .carousel-caption {}

  #BriggsSlider,
  #BriggsSlider .carousel-inner .item {
    height : 555px;
  }
}

@media (min-width : 1224px) {
  .projectsAboutRow .projectsPane .captionText {
    margin-left : 25%;
  }
}



*/
