@import url("https://use.typekit.net/yuv4iwd.css");

	html, body {
		height:100%;
		background-color: #000;
	}

	body{
		font-family: articulat-cf, sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	#wrapperHome {
		position:relative;
		width: 100%;
		margin: 70px 0 0 0;
		padding: 0;
		background:#ffffff;
	}
	h1 {
		font-family: articulat-cf, sans-serif;
		font-style: normal;
		color: #414042;
		font-weight: bold;
	}
	pcta {
		font-family: articulat-cf, sans-serif;
		font-style: normal;
	}

/* Content
----------------------------------------------------- */
	#content {
		position:absolute;
		/*margin-top:18px;*/
		margin-top: -10px;
		width:100%;
		min-height:100vh;
		right:0;
		background-color:#ffffff;
	
	}
	#content h1 {
		color: #414042;
		font-size: 2.5em;
		letter-spacing: 0.03em;
			font-weight: bold;

	}
	#content h2 {
		color:#414042;
		font-weight:bold;
		font-size: 1.7em;
		letter-spacing: 0.02em;
		text-align: left;
	}
	#content h3 {
		color:#414042;
		font-size: 1.2em;
		font-weight:bold;
		letter-spacing: 0.03em;
		text-align: left;		
	}
	#content p {
		letter-spacing: 0.03em;
		text-align: left;
	}
/* Page Titles
	----------------------------------------------------- */
	#pageTitleDiv {
		float: left;
		margin:-120px 0 0 10%;
		text-align: center;
	}
	#pageTitleDiv h1 {
		color: #FFFFFF;
	}
	#preTitleLine {
		color: #F9BC15;
		font-family: joly-headline;
		letter-spacing: 0.03em;
		
	}
	#pageTitleTag {
		color: #FFFFFF;
		letter-spacing: 0.03em;
		display: none;
	}
	#pageTitleDivCenter {
		
		margin:-200px 0 100px 0;
		
	}
	#pageTitleDivCenter h1 {
		color: #FFFFFF;
	}
	#pageSubTitleDiv {
	width: 100%;
	padding: 100px 0 50px 25px;
	}
	#pageSubTitleDiv h1, #pageSubTitleDiv h2 {
	position: relative; 
}
	#pageSubTitleDiv h1::after, #pageSubTitleDiv h2::after {
	  content: '';
      display: block;
      width: 120px;
      height: 3px;
      background-color: #ffcc00;
      position: absolute;
      bottom: -5px;
      left: 0;
	}

/* Containers
----------------------------------------------------- */

	#paddingDiv {
		padding-bottom: 100px;
	}

	#flexDiv {
	width: 100%;

	}
	.flexDiv100 {
		display:block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv30_50 {
		display:inline-block;
		width: 50%;
		padding: 25px;
	}
	.flexDiv30_100 {
		display:block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv40_100 {
		display:inline-block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv40_50_100 {
		display:inline-block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv60_100 {
		display:inline-block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv65_100 {
		display:inline-block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv60_50_100 {
		display:inline-block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv70_50 {
		display:inline-block;
		width: 50%;
		padding: 25px;
	}
	.flexDiv70_100 {
		display:block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv50 {
		display:inline-block;
		width: 50%;
		padding: 25px;
	}
	.flexDiv50_100 {
		display:block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv33_100 {
		display:block;
		width: 100%;
		padding: 25px;
	}
	.flexDiv25 {
		display:inline-block;
		width: 25%;
		padding: 25px;
	}
	.flexDiv25_50 {
		display:inline-block;
		width: 50%;
		padding: 25px;
	}
	.flexDiv6 {
		display:inline-block;
		width: 50%;
		padding: 25px;
	}

	.sliderDiv {
		position:fixed;
		margin:0 auto;
		/*top:70px;*/
		top:40px;
		left:0;
		width:800px;
		/*height:659px;*/
		height: 609px;
		overflow:hidden;
		visibility:hidden;
		background-color:#ccc;
		z-index: 1060;
	}

	#cabDepthDiv {
		margin-top: -50px;
	}

/* IMG Elements
----------------------------------------------------- */

	.imageCover{
	width: 100%;

	}
	.imageCoverScale{
	width: 100%;
	}

/* Content Backgrounds
----------------------------------------------------- */

	/* TBD Outdoor Kitchen */
	#headerBackgroundImageDiv {
		width: 100%;
		height: 150px;
		background-image: url('../images/outdoor-kitchen_bkgrd_dark.jpg');
		background-size: cover; /* Adjusts the image to cover the entire div */
		background-position: center; /* Position the image */
		background-repeat: no-repeat; /* Prevents the image from repeating */
	}
	#backgroundImageDiv {
		width: 100%;
		height: 150px;
		background-image: url('../images/outdoor-kitchen_bkgrd_dark.jpg');
		background-size: cover; /* Adjusts the image to cover the entire div */
		background-position: center; /* Position the image */
		background-repeat: no-repeat; /* Prevents the image from repeating */
	}
		/* Made in North Carolina */
	#headerBackgroundImageDivNC {
		width: 100%;
		height: 150px;
		background-image: url("/images/made-in-north-carolina-usa-charlotte-background-1000.jpg");
		background-size: cover; /* Adjusts the image to cover the entire div */
		background-position: center; /* Position the image */
		background-repeat: no-repeat; /* Prevents the image from repeating */
	}


/* Breadcrumbs
----------------------------------------------------- */

	#breadcrumbs {
		display: none;
		/*display:block;*/
		/*padding:10px 10px;*/
		/*text-align: left;*/
		/*color:#999;*/
		/*font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;*/
	}
	/*#breadcrumbs li {*/
	/*	display:inline-block;*/
	/*}*/
	/*#breadcrumbs a {*/
	/*	color:#0d77b6;*/
	/*	text-decoration: none;*/
	/*}*/


	/* ORDER DESIGN DETAILS PAGE CSS
	----------------------------------------------------- */
	/*#preset-slider-mobile {*/
	/*	display: block;*/
	/*}*/
	/*#preset-slider-non-mobile {*/
	/*	display: none;*/
	/*}*/
	#imageSliderDiv {
		display:inline-block;
		width: 100%;
		padding:35px 0 0 0;
	}
	.imageSliderDiv_1 {
		display:inline-block;
		width:100%;
		margin:0 0 0 0;
		vertical-align: top;
	}
	.imageSliderDiv_2 {
		display:inline-block;
		width:90%;
		vertical-align: top;
		text-align: left;
	}
	#configuratorDiv {
		display:inline-block;
		margin:300px 0 0 0;
		width:99%;
		line-height:30px;
		vertical-align:top;
		text-align:left;
		z-index: 9990;
	}
	#constAlloyDiv {
		/*border-bottom: thin solid #414042;*/
	}

	#preset-name-price-container-non-mobile {
		display: none;
	}
	#preset-name-price-container-mob {
		position: relative;
		/*display: inline-table;*/
		margin: 10px 0 0 -80px;
		/*width: 99%;*/
	}

	.jssort01 .display-non-mob {
		display: none;
	}

	#preset-name-price-div {
		position: fixed;
		background-color: #FFFFFF;
		display: block;
		margin: -30px 0 0 -3px;
		width: 100%;
		padding: 30px 0 10px 0;
		z-index: 9998;
		height: 100px;
	}

	#finishesDiv {
		margin-top: -50px;
		padding-bottom: 35px;
		border-bottom: thin solid #414042;
	}
	#finishesDetailsDiv {
		/*display: none;*/
	}

	#hardwareDiv {
		/*margin-top: -50px;*/
		padding-bottom: 35px;
		border-bottom: thin solid #414042;
	}

	.paddingBottom-150 {
		padding: 50px 0 150px 0;
	}
	.paddingBottom-50 {
		padding: 50px 0 50px 0;
	}

	#chooseAlloyDiv {
		display: block;
	}

	.configTitle {
		font-weight: bold;
		color: #414042;
		padding: 15px 0 15px 0;
		font-size: 1.2em;
	}
	.configOptions {
		margin-left: 5px;
		font-size: .9em;
		/*line-height: 20px;*/
	}

	#addApplianceInnerDiv {
		margin: 10px 0 0 50px;
		display: flex !important; /* Force flex layout */
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		gap: 10px !important;
		width: 80% !important; /* Match your inline width */
	}
	#addLynxAppliancePackage {
		width: calc(50% - 5px) !important; /* Force two per row */
		flex: 0 0 calc(50% - 5px) !important; /* Explicit flex basis */
		max-width: calc(50% - 5px) !important; /* Prevent expansion */
	}
	#addLynxAppliancePackage img {
		max-height: 110px !important; /* Reduced size for mobile */
		max-width: 100%; /* Fit container width */
		width: auto; /* Respect aspect ratio */
		height: auto; /* Allow natural scaling */
		object-fit: contain; /* Prevent squishing */
	}
	#addHestanAppliancePackage {
		width: calc(50% - 5px) !important; /* Force two per row */
		flex: 0 0 calc(50% - 5px) !important; /* Explicit flex basis */
		max-width: calc(50% - 5px) !important; /* Prevent expansion */
	}
	#addHestanAppliancePackage img {
		max-height: 100px !important; /* Reduced size for mobile */
		max-width: 100%; /* Fit container width */
		width: auto; /* Respect aspect ratio */
		height: auto; /* Allow natural scaling */
		object-fit: contain; /* Prevent squishing */
	}
	#addFireMagicAppliancePackage {
		width: calc(50% - 5px) !important; /* Force two per row */
		flex: 0 0 calc(50% - 5px) !important; /* Explicit flex basis */
		max-width: calc(50% - 5px) !important; /* Prevent expansion */
	}
	#addFireMagicAppliancePackage img {
		max-height: 100px !important; /* Reduced size for mobile */
		max-width: 100%; /* Fit container width */
		width: auto; /* Respect aspect ratio */
		height: auto; /* Allow natural scaling */
		object-fit: contain; /* Prevent squishing */
	}
	#noAppliancePackage {
		width: calc(50% - 5px) !important; /* Force two per row */
		flex: 0 0 calc(50% - 5px) !important; /* Explicit flex basis */
		max-width: calc(50% - 5px) !important; /* Prevent expansion */
	}
	#noAppliancePackage img {
		max-height: 100px !important; /* Reduced size for mobile */
		max-width: 100%; /* Fit container width */
		width: auto; /* Respect aspect ratio */
		height: auto; /* Allow natural scaling */
		object-fit: contain; /* Prevent squishing */
	}


	.finishes-buttons-container {
		display: flex;
		justify-content: center;
	}

	.finishes-button-wrapper {
		width: 40%;
		text-align: center;
		cursor: pointer;
	}

	.finishes-button-title {
		font-size: .8em;
		text-align: center;
		margin-top: 100px; /* Space between radio buttons and title */
	}


	.radioLarge {
		transform: scale(1.5);
	}
	input[type="radio"]:checked::before {
		content: '';
		display: block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: green; /* Green fill color */
		position: absolute;
		top: 1px;
		left: 1px;
	}
	.image-div {
		position: relative;
		width: 100px; /* Adjust width as needed */
		height: 100px; /* Adjust height as needed */
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.image-div img {
		position: absolute;;
		/*display: block;*/
		/*transition: opacity 0.3s ease-in-out;*/
	}
	.image-div img.hover-image {
		opacity: 0;
	}
	.image-div:hover img.original-image {
		opacity: 0;
	}
	.image-div:hover img.hover-image {
		opacity: 1;
	}

	/* For mobile, remove the hover image since it causes a double click before it works */
	/*#hover-jet-black {*/
	/*	display: none; !important;*/
	/*}*/

	.paddingLeft {
		padding-left: 10px;
	}

	#nextButtonDiv {
		padding-top: 50px;
		text-align: center;
		width: 100%;
	}
	.selectButtonDiv {
		padding-top: 50px;
		text-align: right;
		width: 45%;
	}

	.btn-primary:disabled {
		background-color: #D1D3D4;
		border-color: #D1D3D4;
		cursor: not-allowed;
	}
	.next-button {
		width: 80%;
		background-color: #D1D3D4;
		border: none;
	}
	.add-to-cart-button {
		width: 80%;
		background-color: #F9BC15;
		border: none;
		color: #FFFFFF;
	}

	.fontGold {
		color: #F9BC15;
	}
	.placementDiv {
		display: inline-block;
		border: thin solid #D1D3D4;
		width: 49%;
		height: 135px;
		margin-top: 10px;
		padding: 5px 5px 5px 10px;
	}
	#alloyResult {
		cursor: pointer;
	}
	#placementChoosen {
		cursor: pointer;
	}
	#cabFinishChoosen {
		cursor: pointer;
	}
	#handleFinishChoosen {
		cursor: pointer;
	}
	#toeKickFinishChoosen {
		cursor: pointer;
	}
	.universalCabDiv {
		display: inline-block;
		border: thin solid #D1D3D4;
		width: 40%;
		height: 180px;
		margin-top: 10px;
		padding: 5px 5px 5px 10px;
	}
	.universalCabDiv img {
		width: 120px;
		height: auto;
	}
	#universalCabChoosen {
		cursor: pointer;
	}
	#cabinetOptionsDiv {
		padding-bottom: 35px;
		border-bottom: thin solid #414042;
	}
	#mobOnlySpacer {
		display: block;
	}
	#countertopAppliancesDiv {
		padding-bottom: 35px;
		border-bottom: thin solid #414042;
	}
	#countertopAppliancesDetailsDiv {
		display: none;
	}
	#countertopChoosen {
		cursor: pointer;
	}
	#grillChoosen {
		cursor: pointer;
	}
	#grillManufacturer {
		display: none;
	}
	#grillModel {
		display: none;
	}
	.grill-dropdown {
		padding: 10px 30px;
		width: 250px;
		height: 50px;
		font-size: 1.2em;
		color: #F9BC15;
	}
	.selFormatDiv {
		padding: 10px 10px;
	}
	.infoButton {
		width: 20px;
		height: auto;
		cursor: pointer;
	}
	.checkmark {
		display: none;
		width: 20px;
		height: auto;
	}

	.modal-dialog {
		max-width: 95% !important; /* Forces full width, overriding Bootstrap defaults */
		width: 95% !important; /* Ensures the dialog takes full width */
		margin: 1.75rem auto !important; /* Removes margins to allow edge-to-edge width */
		transform: translateY(-20%) !important;
	}

	.modal-content {
		width: 95% !important; /* Ensures content fills the dialog */
		padding: 0 !important; /* Removes default padding if needed */
	}

	.modal-backdrop {
		background-color: #000000 !important;
		opacity: 0.1 !important;
	}

	.modal-backdrop.show {
		opacity: 0.1 !important;
	}


	/*.modal-body img {*/
	/*	width: 100%; !* Adjust as needed *!*/
	/*	height: auto; !* Ensure the image height adjusts dynamically *!*/
	/*}*/

	.desktop-only {
		display: none !important; /* Hide desktop steps on mobile */
	}

	.mobile-only {
		display: flex !important; /* Show mobile steps on mobile */
	}

	/* Mobile progress steps styling */
	.progress-steps {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: center;
		gap: 2px; /* Your specified gap on mobile */
		padding: 0 10px; /* Add horizontal padding to ensure steps are visible */
		flex-wrap: nowrap; /* Prevents wrapping, keeps steps horizontal on mobile */
		overflow-x: auto; /* Adds horizontal scrolling if steps exceed width on mobile */
		white-space: nowrap; /* Ensures text doesn’t wrap within steps */
	}

	.progress-step {
		color: #999;
		background-color: #f8f9fa;
		border: 1px solid #dee2e6;
		padding: 8px 12px; /* Your specified padding on mobile */
		font-size: 0.8rem; /* Your specified font size on mobile */
		border-radius: 0;
		cursor: default; /* Non-clickable */
		white-space: nowrap; /* Prevents text wrapping within each step */
		min-width: 80px; /* Ensures each step has a minimum width for readability */
	}

	.progress-steps::-webkit-scrollbar {
		display: none; /* Hides scrollbar in WebKit browsers (Chrome, Safari) */
	}

	.progress-steps {
		-ms-overflow-style: none; /* Hides scrollbar in IE/Edge */
		scrollbar-width: none; /* Hides scrollbar in Firefox */
	}
	.progress-step.active {
		/*background-color: #007bff;*/
		color: #000;
		font-weight: bold;
		border-color: #000000;
	}

	/*.grill-size-30 {*/
	/*		 width: 40%;*/
	/*		 height: auto;*/
	/*	 }*/

	.grill-size-24 {
		width: auto;
		height: 90%;
	}
	.grill-size-30 {
		width: auto;
		height: 90%;
	}
	.grill-size-30-lg {
		width: 100%;
		height: auto;
	}

	.grill-size-36 {
		width: auto;
		height: 90%;
	}
	.grill-size-42 {
		width: auto;
		height: 90%;
	}
	.grill-size-46 {
		width: auto;
		height: 90%;
	}
	.grill-size-48 {
		width: auto;
		height: 90%;
	}
	.grill-size-54 {
		width: auto;
		height: 90%;
	}

	.grill-size-30, .grill-size-36, .grill-size-42, .grill-size-54 {
		margin-bottom: 15px; /* Reduced space between images on desktop */
	}

	.fridge-size-md {
		width: 50%;
		height: auto;
	}


	.disabled-button {
		pointer-events: none;
		opacity: 0.5;
		background: #CCCCCC;
		color: #FFFFFF;
	}


	.container-summary {
		display: flex;
	}

	.column {
		flex: 1; /* Each column will take up equal space */
		padding: 10px; /* Optional padding */
	}

	.left-column {
		flex: 0 0 50%; /* Adjust to set the width of the left column */
	}

	.right-column {
		flex: 0 0 50%; /* Adjust to set the width of the right column */
	}


	/* CONFIRMATION PAGE */
	.sideViewimage {
		width: 50%;
	}




	/* Home Page
    ------------------------------------------------------- */


	#designProcessSection .font-white {
		color: #FFFFFF;
	}
	#carouselHeader {
		display: none;
	}
	#carouselHeaderMob {
		display: block;
	}

	#headerSliderSection {
		/*margin-top: 0;*/
		/*margin: 0 auto;*/
		margin: 0 0 0 0;
		width: 100%;
		height: auto;
	}

	#getQuoteDiv {
		display: none;
	}
	#mobileGetQuoteDiv {
		display: block;
	}
	.getQuotefloating-div {
		position: relative;
		top: 0;
		/*font-family: industry, sans-serif;*/
		width:100%;
		background-color: #000000;
		color:#fff;
		text-shadow: 3px 3px #000;
		border:medium solid #666666;
	}

	#formalQuoteRequest {
		font-family: skolar, sans-serif;
		padding: 25px 25px;
		background-color: #FFFFFF;
		color: #333333;
	}
	#formalQuoteRequestDiv {
		float:left;
		width: 100%;
		padding:80px 10px 10px 25px;
		color: #000;
	}
	#homeFormalQuoteRequestDiv {
		float:left;
		width: 100%;
		padding:80px 10px 10px 25px;
		color: #000;
	}
	#homeFormalQuoteRequestDivNonMob {
		display: none;
	}
	#homeFormalQuoteRequestDivMob {
		display: block;
	}
	#quoteContactDiv {
		width: 100%;
	}
	#quoteContactSubDiv {
		margin-top: 50px;
		width: 100%;
		padding:10px;
		color: #000;
	}
	#homeQuoteContactSubDiv {
		margin-top: 50px;
		width: 100%;
		padding:10px;
		color: #000;
	}
	#tabletCardDeckDiv-1 {
		display: none;
	}
	#tabletCardDeckDiv-2 {
		display: none;
	}
	#tabletEverythingInHouseSection {
		display: none;
	}
	#tabletCardDeckDiv-3 {
		display: none;
	}
	#tabletCardDeckDiv-4 {
		display: none;
	}



	/* Content
	----------------------------------------------------- 
	#content {
		position:absolute;
		margin-top:18px;
		width:100%;
		min-height:100vh;
		right:0;
		background-color:#ffffff;
		border:thin solid #000;
	}
	#content h1 {
		color: #414042;
		font-size: 1.6em;
	}
	#content h2 {
		color:#414042;
		font-size: 1.4em;
	}
	#content h3 {
		color:#414042;
		font-size: 1.2em;
	}

	#pageTitleDiv {
		float: left;
		margin:-100px 0 0 5% !important;
		text-align: left;
	}
	#pageTitleDiv h1 {
		color: #FFFFFF;
	}

	#pageTitleDivCenter {
		margin:-120px 0 60px 0;
	}
	#pageTitleDivCenter h1 {
		color: #FFFFFF;
	}
	#preTitleLine {
		color: #F9BC15;
		font-family: joly-headline;
		letter-spacing: 0.03em;
	}
	#pageTitleTag {
		color: #FFFFFF;
		display: none;
	}
	#paddingDiv {
		padding-bottom: 100px;
	}
	#threeOneThirdDiv {
		display:inline-block;
		width: 100%;
		margin:100px 0 0 0;
		padding:25px 5px 0 5px;
	}
	.threeOneThirdDiv_1 {
		display:inline-block;
		width:30%;
		height:100px;
		margin:0 10px 0 0;
		vertical-align: top;
	
	}
	.threeOneThirdDiv_2 {
		display:inline-block;
		width:30%;
		height:100px;
		margin:0 10px 0 0;
		vertical-align: top;

	}
	.threeOneThirdDiv_3 {
		display:inline-block;
		width:30%;
		height:100px;
		vertical-align: top;
	
	}
	#oneThirdTwoThirdsDiv {
		display:inline-block;
		width: 100%;
		margin:100px 0 0 0;
		padding:25px 5px 0 5px;
	}
	.oneThirdTwoThirdsDiv_1 {
		display:inline-block;
		width:30%;
		height:100px;
		margin:0 10px 0 0;
		vertical-align: top;

	}
	.oneThirdTwoThirdsDiv_2 {
		display:inline-block;
		width:65%;
		height:100px;
		vertical-align: top;

	}

	#twoThirdsOneThirdDiv {
		display:inline-block;
		width: 100%;
		margin:100px 0 0 0;
		padding:25px 5px 0 5px;
	}
	.twoThirdsOneThirdDiv_1 {
		display:inline-block;
		width:65%;
		height:100px;
		margin:0 10px 0 0;
		vertical-align: top;

	}
	.twoThirdsOneThirdDiv_2 {
		display:inline-block;
		width:30%;
		height:100px;
		vertical-align: top;

	}

	#oneHalfOneHalfDiv {
		display:inline-block;
		width: 100%;
		margin:100px 0 0 0;
		padding:25px 5px 0 5px;
	}
	.oneHalfOneHalfDiv_1 {
		display:inline-block;
		width:47%;
		height:100px;
		margin:0 10px 0 0;
		vertical-align: top;
	
	}
	.oneHalfOneHalfDiv_2 {
		display:inline-block;
		width:47%;
		height:100px;
		vertical-align: top;

	}

	#fullDiv {
		display:inline-block;
		width: 100%;
		margin:100px 0 0 0;
		padding:25px 5px 0 5px;
	}
	.fullDiv_1 {
		display:inline-block;
		width:97%;
		height:100px;
		vertical-align: top;

	}

	#pageContainer90Percent {
		width: 90%;
		padding-bottom: 50px;
	}
*/

	/* OLDER CSS FROM ORIGINAL SITE
	----------------------------------------------------- */


/* Header
----------------------------------------------------- */
	#hdrCartLogin {
		display: block;
	}
	#headbandNonMob {
		display:none;
	}
	#headbandNonMobile {
		display:none;
	}
	#navBarNonMobTabletLandscape {
		display:none;
	}
	#headbandTabletPortrait {
		display:none;
	}
	#headbandMobile {
		display: block;
	}
	#headbandMobileDropdown {
		display: none;
	}
	.socials {
		display:none;
	}

	.header {
		position:fixed;
		top:0;
		left:0;
		min-width:100%;
		height:70px;
		background-color: #414042;
		z-index: 5000;
	}
	.headband {
		width:100%;
		margin-top:20px;
		height:auto;
		padding:5px 0 5px 0;
	}
	.headbandMobDropdown {
		width:100%;
		margin-top:40px;
		height:auto;
		padding:5px 0 5px 0;
	}
	#shopBandContainer {
		position:fixed;
		z-index:9999;
		top:10px;
		right:0;
		width:70%;
	}

	.custom-dropdown {
		color: #414042;
	}

	.custom-dropdown::after {
		border-top-color: #F9BC15;
		float: right;
		margin-right: 10px;
	}

	.custom-dropdown-container {
		border: none;
	}
	.custom-dropdown-div {
		padding:0 20px 0 20px;
	}
	.custom-dropdown-title {
		color: #939598; text-align: left; padding-left: 5px;
	}
	.custom-dropdown-underline {
		border-top: thin solid #939598;
	}

	.custom-dropdown-item {
		text-align: left;
		color: #414042;
		margin-left: -20px;
		padding:20px;
	}
	.custom-dropdown-item:hover {
		color: #F9BC15;
	}

	.custom-call-to-action-btn {
		background: #F9BC15;
		color: #FFFFFF;
		/*padding: 10px 10px;*/
		width: 100%;
	}

	.custom-contact-us-action-btn {
		background: #F9BC15;
		color: #FFFFFF;
		padding: 5px 10px;
		width: 90%;
		height: 75px;
		text-align: center;
		font-size: 1.4em;
	}

	.nav-button-div {
		padding: 20px 0 20px 20px;
	}


	.shopBand {
		width:90%;
		height:25px;
		margin:0 0 0 100px;
		font: 90%/1.5 Verdana, Arial, Helvetica, sans-serif;
	}
	.shopBand a {
		text-decoration:none;
		color:#FFF;
	}
	#cartItemsTotalSpan {
		display: none;
	}
	#xmlCartTotals {
		margin: -7px 0 0 -5px;
	}


	#cartNav {
		display:none;
	}
	#yourAccountNonMob {
		display:none;
	}
	#yourAccountDiv {
		display:none;
	}
	#yourAccountSubMenu {
		display:none;
		color:#F00;
		float:right;
		margin:10px 100px 0 0;
		padding:3px 5px 5px 5px;
		background-color:#FFF;
		width:175px;
		height:auto;
		border:thin solid #000;
		box-shadow: 2px 2px 2px #000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:.9em;
		z-index:1000;
	}
	#yourAccountSubMenu a {
		color:#666;
		text-decoration:none;
	}
	#yourAccountSubMenu a:hover {

	}
	#fabProducts {
		display:none;
	}
	#rawMaterials {
		display:none;
	}
	#yourAccountPointer {
		float:left;
		margin:-10px 0 0 100px;
	}

	.closeIconSvg {
  	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' viewbox='0 0 40 40'%3E%3Cpath d='M 10,10 L 30,30 M 30,10 L 10,30' stroke='#F9BC15' stroke-width='4' stroke-linecap='round' /%3E%3C/svg%3E");
  	background-size: 100%;
	}






/*Header Navigation
-----------------------------------------------------*/
	#mobileHdr {
		position: fixed;
		width: 70%;
		height: 55px;
		top: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.8);
		z-index: 5000;

	}
	#login-icon {
		display: block;
		width: 21px;
		height: 28px;
		position:absolute;
		top:5px;
		right:125px;
		background: url(../images/goldLock.png) center;
	}
	#cart-icon {
		display: block;
		width: 40px;
		height: 27px;
		position:absolute;
		top:5px;
		right:20px;
		background: url(../images/shoppingCartGold.png) center;
	}

	#mobileHdrLoginTitle {
		position:absolute;
		top:10px;
		right:75px;
		color:#FFF;
		font-size:1em;
		font-weight:bold;
		text-decoration:none;
	}
	#mobileHdrLoginTitle a:link {
		color:#FFF;
		text-decoration:none;
	}
	#mobileHdrLoginTitle a:visited {
		color:#FFF;
		text-decoration:none;
	}

	#mobileHdrTitle {
		position:absolute;
		top:10px;
		left:50px;
		color:#FFF;
		font-size:1em;
		font-weight:bold;
	}

	#navBarNonMob {
		display: none;
	}
	#navBarTabletPortrait {
		display: none;
	}
	#navBarMob {
		display: block;
	}

	.font-white {
		color: #FFF;
	}
	#toggler-mobile {
		display: block;
	}
	#toggler-tablet-portrait {
		display: none;
	}
	.custom-toggler:focus,
	.custom-toggler:active {
		outline: none;
		box-shadow: none;
		border: none;
	}

	#navBarDiv {
		/*display:none;*/
		margin-top: -150px;
		width: 50%;
	}
	#navbarNavDropdown {
		background-color: #FFF;
		margin:0 0 0 0;
		padding: 0 0;
	}
	.nav-bar-full-width {
		width: 90vw;
	}

	.full-screen-dropdown {
		position: fixed;
		top: 70px;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: white; /* Adjust as needed */
		z-index: 9996; /* Ensure it appears above other elements */
		overflow-y: auto; /* Allow scrolling if content overflows */
	}

	#xmlCartItemsMobile {
		color:#000;
		width:100%;
		height:70vh;
		overflow:scroll;
		background-color:#98C9D6;
		display:none;
	}
	#cartBottomDiv {
		width:100%;
		height:20px;
		background-color:#FFF;
		border-bottom:solid thin #666;
		border-bottom-left-radius:10px;
		border-bottom-right-radius: 10px;
		box-shadow: 0 10px 10px  #666;
		display:none;
	}

	#xmlCartTotalsMobile {
		position:absolute;
		top:10px;
		right:10px;
		color:#FFF;
		font-size:1em;
		z-index:6000;
	}
	#cartSavedMsg {
		margin:40px 0 0 0;
		background-color:#0C0;
		color:#FFF;
		font-weight:bold;
	}


/* For All Product Home Pages
--------------------------------------------------- */
	.centered-div-mob {
		text-align: center;
	}


/* Outdoor Kitchen Home Page
----------------------------------------------------- */
	#underSliderHeader {
		float: left;
		height:30px;
		width: 100%;
		padding: 5px 10px;
		margin:0 0 0 0;
		font-size: 2.8vw;
		background: #000000;
		color: #FFF;
		z-index:9999;
	}

	#midPageHeader {
		float: left;
		height:30px;
		width: 100%;
		padding: 5px 10px;
		margin:0 0 0 0;
		font-size: 2.2vw;
		background: #000000;
		color: #FFF;
		z-index:9999;
	}

	.button-size {
		width: 55%;
		border: solid 4px #000000;
		color:#000000;
		background-image: linear-gradient(gray, white, gray);
		font-size: 1.7em;
	}

	.button-size-home {
		width: 100%;
		border: solid 4px #000000;
		color:#000000;
		background-image: linear-gradient(gray, white, gray);
		font-size: 1.7em;
	}
	#outdoor-specSheetDiv {
		margin-top: 50px;
		background-color: rgba(245, 245, 245, 0.0);
		opacity: 1;
	}
	#outdoor-brochureDiv {
		margin-top: 50px;
		background-color: rgba(245, 245, 245, 0.0);
		opacity: 1;
	}
	#outdoor-installDiv {
		margin-top: 50px;
		background-color: rgba(245, 245, 245, 0.0);
		opacity: 1;
	}

	#outdoorCardDeckDiv {
		display: block;
	}
	#outdoorTabletCardDeckDiv-1 {
		display: none;
	}
	#outdoorTabletCardDeckDiv-2 {
		display: none;
	}
	#outdoorTabletCardDeckDiv-3 {
		display: none;
	}

	/* Indoor Kitchen Home Page
    ----------------------------------------------------- */
	#indoorCardDeckDiv {
		display: block;
	}
	#indoorTabletCardDeckDiv-1 {
		display: none;
	}
	#indoorTabletCardDeckDiv-2 {
		display: none;
	}
	#indoorTabletCardDeckDiv-3 {
		display: none;
	}

	/* Scientific/Lab Home Page
----------------------------------------------------- */
	#labCardDeckDiv {
		display: block;
	}
	#labTabletCardDeckDiv-1 {
		display: none;
	}
	#labTabletCardDeckDiv-2 {
		display: none;
	}
	#labTabletCardDeckDiv-3 {
		display: none;
	}

	/* Industrial Home Page
----------------------------------------------------- */
	#industrialCardDeckDiv {
		display: block;
	}
	#industrialTabletCardDeckDiv-1 {
		display: none;
	}
	#industrialTabletCardDeckDiv-2 {
		display: none;
	}
	#industrialTabletCardDeckDiv-3 {
		display: none;
	}


	/* Filtered Kitchen Cabinets Section On Each Product Home Page
    ------------------------------------------------------- */
	#cabinetsSection {
		padding: 50px 0 50px 0;
	}
	#sideFilter {
		margin: 50px 0 0 20px;
		width:90%;
	}
	#cabinetsDiv {
		margin:50px 0 0 20px;
	}
	.sideFilterBorder {
		border-top:thin solid #CCC;
		padding:5px 0 5px 0;
		width:80%;
	}
	#cabinetSidePanel {
		padding:100px 0 0 0;
		font-size:1.5em;
		color:#666;
	}



	/* Gallery Page
	------------------------------------------------------- */
	#contentGallery {
		position:absolute;
		margin-top: 0;
		width:100%;
		min-height:100vh;
		right:0;
		background-color:#ffffff;
	}

	#galleryDiv {
		padding:100px 0 0 0;
	}

	.photo-gallery {
		margin-top:0;
		color:#313437;
		background-color:#fff;
	}

	.photo-gallery p {
		color:#7d8285;
	}

	.photo-gallery h2 {
		font-weight:bold;
		margin-bottom:40px;
		padding-top:40px;
		color:inherit;
	}

	@media (max-width:767px) {
		.photo-gallery h2 {
			margin-bottom:25px;
			padding-top:25px;
			font-size:24px;
		}
	}

	.photo-gallery .intro {
		font-size:16px;
		max-width:500px;
		margin:50px auto 40px;
	}

	.photo-gallery .intro p {
		margin-bottom:0;
	}

	.photo-gallery .photos {
		padding-bottom:20px;
	}

	.photo-gallery .item {
		padding-bottom:30px;
	}

	/* Specs Page
	------------------------------------------------------- */
	#contentSpecs {
		position:absolute;
		margin-top: 0;
		width:100%;
		min-height:100vh;
		right:0;
		background-color:#ffffff;
	}

	#cabinetSpecsSection {
		padding:0 0 50px 0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.4);
	}


	#specsDiv {
		padding:100px 0 0 0;
	}





	/* Modal pop-up window for local customers on Home Page
	------------------------------------------------------- */

	/* The Modal (background) */
	.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 200px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	/* Modal Content */
	.modal-content {
		background-color: #fefefe;
		/*margin: auto;*/
		margin-left: 2%;
		padding: 20px;
		border: 3px solid #333;
		width: 80%;
	}
	.modal-content h1 {
		color: #333333;
	}
	.modal-content h2 {
		color: #333333;
		padding: 20px;
	}
	.modal-content p {
		color: #666666;
	}

	/* The Close Button */
	.close {
		color: #aaaaaa;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}

	.close:hover,
	.close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}



	.modal-body {
		max-height: calc(100vh - 150px - 60px - 60px); /* Adjust based on header/footer height */
		overflow-y: auto; /* Enable vertical scrolling when content overflows */
		padding: 0; /* Keep your existing p-0 */
	}

	/* Ensure images fit the container */
	.modal-mobile-image {
		width: 100%; /* Fill the container width */
		height: auto; /* Maintain aspect ratio */
		display: block; /* Remove inline spacing */
	}

	/* Default: Show desktop image, hide mobile image */
	.modal-desktop-image {
		display: none;
	}

	.modal-mobile-image {
		display: block;
	}



	/* Don't allow countertop modals to zoom on mobile */
	/*.no-pinch-modal {*/
	/*	display: none; !* Hidden by default *!*/
	/*	touch-action: none; !* Prevent default touch actions *!*/
	/*	position: fixed;*/
	/*	z-index: 1;*/
	/*	left: 0;*/
	/*	top: 0;*/
	/*	!*width: 100%;*!*/
	/*	!*height: 100%;*!*/
	/*	overflow: hidden; !* Prevent scrolling *!*/
	/*	background-color: rgba(0, 0, 0, 0.8);*/
	/*}*/

	/*.no-pinch-modal .modal-content {*/
	/*	margin: auto;*/
	/*	padding: 20px;*/
	/*	position: relative;*/
	/*	width: 100%;*/
	/*	max-width: 100%;*/
	/*	height: 100%;*/
	/*}*/

	/*.no-pinch-modal .image-container {*/
	/*	width: 100%;*/
	/*	height: 100%;*/
	/*	overflow: hidden; !* Hide overflow *!*/
	/*}*/

	/*.no-pinch-modal img {*/
	/*	width: 200%; !* Initial zoom level *!*/
	/*	position: absolute;*/
	/*}*/


	.no-pinch-modal {
		display: none; /* Hidden by default, Bootstrap overrides when shown */
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		/* Remove overflow: hidden from here */
		/* Remove touch-action: none from here */
	}

	/* Prevent pinch-zoom on the modal container, but allow specific behaviors in children */
	.no-pinch-modal .modal-dialog {
		touch-action: pan-y; /* Allows vertical scrolling, blocks pinch-zoom */
		-webkit-user-scalable: no; /* iOS zoom prevention */
		user-scalable: no;
		overscroll-behavior: contain; /* Prevents overscroll outside modal */
	}

	/* Modal body with scrolling */
	.modal-body {
		max-height: calc(100vh - 150px - 60px - 60px); /* Your original calc */
		overflow-y: auto; /* Enable vertical scrolling */
		overflow-x: hidden; /* Prevent horizontal overflow */
		padding: 0;
		touch-action: pan-y; /* Allow vertical scrolling only */
		-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
	}

	/* Ensure images fit the container */
	.modal-mobile-image {
		width: 100%;
		height: auto;
		display: block;
		touch-action: none; /* Prevent pinch-zoom on image itself */
		pointer-events: none; /* Disable other interactions on image */
	}

	/* Default: Show desktop image, hide mobile image */
	.modal-desktop-image {
		display: none;
	}

	.modal-mobile-image {
		display: block;
	}

	/* Optional: Adjust for smaller screens */
	@media screen and (max-width: 575px) {
		.modal-body {
			max-height: calc(100vh - 120px); /* Adjust for smaller screens */
		}
	}

	/*Buttons
	------------------------------------------------------- */
	.addToCart {
		background-color:#78bca1;
		color:#fff;
		padding:10px 10px 10px 10px;
	}

	#qsButtonDiv {
		margin:0 0 20px 5%;
		padding-bottom: 50px;
		width:80%;
		display:inline-block;
	}


	/*Secondary Pages
	------------------------------------------------------- */

	#topSlider {
		position:fixed;margin:0 auto;top:0;left:0;width:1300px;height:400px;overflow:hidden;visibility:hidden;
	}
	#wrapper {
		width: 100%;
		margin: 132px 0 0 0;
		padding: 0;
		position:relative;
		background-color:#fff;
	}
	#wrapperSecondary {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;
		position:relative;
		color:#999;
		background-color:#fff;
	}
	#wrapperProduct {
		width: 100%;
		margin: 150px 0 0 0;
		padding: 0 0 0 0;
		position:relative;
		background-color:#FFFFFF;
	}
	#wrapperPreDesign {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		position:relative;
		color:#666;
		background-color:#FFFFFF;
	}

	.imageWithTextWidth {
		width:90%;
	}

	.backgroundImagePosition {
		background-position:left 0 top 0;
		background-position-x: 0;
		background-position-y: 0;
	}
	
	.sliderProdContainer {
		position:relative; 
		display:inline-table; 
		margin:25px 0 0 0;
		width:100%; 
		height:400px; 
		text-align:center;
	}
	
	.sliderProdDiv {
		display:inline-block; 
		width:90%;
		vertical-align:top;
	}
	
	#spacerDiv {
		/*display:none;*/
	}
	
	#prodInfoDiv {
		display:inline-block; 
		width:90%; 
		line-height:30px; 
		vertical-align:top; 
		text-align:left;
	}

	#prodDescMainDiv {
		display:inline-block; 
		width:99%; 
		line-height:30px; 
		padding:20px 20px;
		text-align:left;
		vertical-align:top; 
		border:thin solid #ccc;
	}

	#navDotsSecondary {
		display: none;
	}

	#qtyDiv {
		padding-top: 30px;
	}

	.btnSecondary {
		width:50%;
		background-color:#78bca1;
		color:#FFF;
		font-size:1.4em;
		cursor:pointer;
		/*background-color: #f4511e;*/
		padding: 16px 32px;
		text-align: center;
		/*font-size: 16px;*/
		/*margin: 4px 2px;*/
		opacity: 0.6;
		transition: 0.3s;
	}

	.btnSecondary:hover {opacity: 1}/* Box Shadow Hover Over Effect */


	.indent25 {
		margin-left:0;
	}
	.indent50 {
		margin-left:5px;
	}

	.layoutDescDiv {
		float:left;
		width:48%;
		margin-top: 25px;
		height:700px;
		border-bottom:2px solid #78bca1;
	}
	.layoutImageDiv {
		float:right;
		margin-top: 25px;
		width:48%;
		height:700px;
		border-bottom:2px solid #78bca1;
	}

	.layoutDescDivTall {
		float:left;
		width:48%;
		margin-top: 25px;
		height:700px;
		border-bottom:2px solid #78bca1;
	}
	.layoutImageDivTall {
		float:right;
		margin-top: 25px;
		width:48%;
		height:700px;
		border-bottom:2px solid #78bca1;
	}
	/* Clear floats after the columns */
	.row:after {
		content: "";
		display: table;
		clear: both;
	}
	.columns {
		float:left;
		width:100%;
	}

	/* Box Shadow Hover Over Effect
	/* Create a simple white box, and add the shadow for the initial state
	------------------------------------------------------------------------*/
	.box {
	  position: relative;
	  display: inline-block;
	  width: 319px;
	  height: auto;
	  background-color: #fff;
	  border-radius: 5px;
	  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.box::after {
	  content: "";
	  border-radius: 5px;
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	  opacity: 0;
	  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.box:hover {
	  -webkit-transform: scale(1.25, 1.25);
	  transform: scale(1.25, 1.25);
	}

	.box:hover::after {
		opacity: 1;
	}



	/*Formal Quote Request
	------------------------------------------------------- */
	#wrapperLetUsDesign {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		position:relative;
		color:#666666;
		background-color:#FFFFFF;
	}

	.alignCenter {
		text-align:center;
	}

	#bkgdImage {
		margin:0 auto;
		width:100%;
		height:200px;
		padding:0 0;
		line-height:200%;
		/*background-image:url(../images/outdoor_kitchen_design_header.jpg);*/
		background-size:100% 200px;
		background-position:0 0;
		background-repeat:no-repeat;
	}

	#letUsDesignTitleDiv {
		display: none;
		float:left;
		margin:20px 0 0 10%;
	}

	#letUsDesignTitleDiv h1 {
		font-size:3em;
		letter-spacing:4px;
		text-align:center;
		color:#666;
	}

	.instrUL {
		text-align: left;
		margin-left: 10%;
		line-height: 25px;
	}

	.ulFormat {
		line-height: 25px;
	}

	.leftIndent {
		margin-left: 5%;
	}


	.contactProcessFormStyleShipTo {
		text-align: left;
		padding: 20px 0 20px 0;
		margin:0 0 0 0;
		color: #666;
	}


	.contactDivider {
		float:left;
		padding-bottom: 5px;
	}

	.contactProcessFormStyleText {
		margin: 25px 0 25px 0;
	}
	.contactShipToType {
		float: right;
		margin:10px 100px 0 0;
		padding-bottom: 10px;
	}
	.contactHowDidYouHear {
		margin:10px 0 0 40px;
	}
	.contactHowDidYouHearChoices {
		float: right;
		margin:10px 100px 0 0;
	}

	.contactBottomSpacer {
		height:50px;
	}

	.sizeContact {
		width: 100%;
		height: 30px;
		border: none;
		border-bottom: thin solid #666;
	}

	.contactDropDown {
		font-family: skolar, sans-serif;
		width: 100%;
		height: 30px;
		border: none;
		border-bottom: thin solid #666;
		color: #666;
	}

	.contactDescription {
		width: 80%;
		height: 150px;
	}

	#comments {
		margin-left: 0;
		width: 100%;
		height: 50px;
		border:none;
		border-bottom: thin solid #666;
	}

	.formWidth {
		width: 90%;
	}

	#fileUpload {
		margin:20px 0 0 25px;
		text-align:left;
		display:none;
	}
	.requestQuoteFormStyleShipTo {
		text-align: left;
		padding: 20px 0 20px 0;
		margin-left: 80px;
		color: #666;
	}

	.requestQuoteDescription {
		width: 100%;
		height: 60px;
		border: none;
		border-bottom: thin solid #666;
	}
	#requestQuoteComments {
		margin-left: 0;
		width: 100%;
		height: 50px;
		border:none;
		border-bottom: thin solid #666;
	}



	/*Summary Image Hover Effect
	------------------------------------------------------- */
	.hvrbox,
	.hvrbox * {
		box-sizing: border-box;
	}
	.hvrbox {
		position: relative;
		display: inline-block;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	}
	.hvrbox img {
		max-width: 100%;
	}
	.hvrbox .hvrbox-layer_bottom {
		display: block;
	}
	.hvrbox .hvrbox-layer_top {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		color: #fff;
		padding: 15px;
		-moz-transition: all 0.4s ease-in-out 0s;
		-webkit-transition: all 0.4s ease-in-out 0s;
		/*-ms-transition: all 0.4s ease-in-out 0s;*/
		transition: all 0.4s ease-in-out 0s;
	}
	.hvrbox:hover .hvrbox-layer_top,
	.hvrbox.active .hvrbox-layer_top {
		opacity: 1;
	}
	.hvrbox .hvrbox-text {
		text-align: center;
		font-size: 18px;
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.hvrbox .hvrbox-text_mobile {
		font-size: 15px;
		border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
		border-top: 1px solid rgba(179, 179, 179, 0.7);
		margin-top: 5px;
		padding-top: 2px;
		display: none;
	}
	.hvrbox.active .hvrbox-text_mobile {
		display: block;
	}



	/* Your Account Menu Page
	----------------------------------------------------- */
	#acountInfoDiv {
		margin:25px 0 0 25px;
		padding:5px 5px;
		width:95%;
		color:#333;
		background-color:#FFF;
		font-size:1em;
	}
	#accountInfoDiv p {
		margin:10px 0 0 20px;
	}
	#accountInfoDiv a:link {
		text-decoration:none;
		color:#333;
	}
	#accountInfoDiv a:visited {
		text-decoration:none;
		color:#333;
	}

	/* YOUR ACCOUNT PAGE
	----------------------------------------------------- */
	#mainContainer {
		min-height:675px;
		width:300px;
		margin: 0 auto;
		font-size:1em;
	}
	#greetingDiv {
		margin:25px 0 0 25px;
	}
	/*#pageTitleDiv {*/
	/*	margin:20px 0 0 0;*/
	/*}*/
	/*#headerBackgroundImageDiv {*/
	/*	width: 100%;*/
	/*	height: 100px;*/
	/*	background-image: url('../images/outdoor-kitchen_bkgrd_dark.jpg');*/
	/*	background-size: cover; !* Adjusts the image to cover the entire div *!*/
	/*	background-position: center; !* Position the image *!*/
	/*	background-repeat: no-repeat; !* Prevents the image from repeating *!*/
	/*}*/

	#leftContainerDiv {
		margin:20px 0 0 5px;
		width:250px;
		height:200px;
		padding:10px 10px;
		border:thin solid #CCC;
	}
	#leftContainerDiv h4 {
		color:#F63;
		margin:10px 0 0 0;
	}
	.linkDiv {
		margin:10px 0 0 20px;
	}
	.linkDiv a {
		color:#039;
		font-size:1em;
	}
	.linkDiv a:visited {
		color:#039;
	}
	.linkDiv a:hover {
		text-decoration:underline;
		color:#F63;
	}
	#rightContainerDiv {
		margin:20px 0 0 5px;
		width:250px;
		height:200px;
		padding:10px 10px;
		border:thin solid #CCC;
	}
	#rightContainerDiv h4 {
		color:#F63;
		margin:10px 0 0 0;
	}
	.falseMessageSpan {
		color:#999;
		font-size:1em;
	}
	#editYourAccountInfoDiv {
		margin:5px 0 5px 10px;
		font-size:1em;
	}
	.yourAccountInput {
		width: 90%;
		height:25px;
		font-size:1em;
	}
	.yourAccountBtn {
		margin:0 0 0 100px;
		padding:10px 10px;
		background-color:#fff;
		color:#000;
		font-size:1em;
	}
	#editBillToInfoDiv {
		margin:5px 0 5px 10px;
		font-size:1em;
	}
	#editShipToInfoDiv {
		margin:5px 0 5px 10px;
		font-size:1em;
	}
	#editSubUnsubEmailDiv {
		margin:5px 0 5px 10px;
		font-size:1em;
	}
	#yourInfoDiv {
		margin:5px 0 5px 40px;
		font-size:.9em;
	}
	#viewCertDiv {
		margin:5px 0 5px 40px;
		font-size:.9em;
	}
	.taxExemptFontColor {
		color:#333333;
	}




	/* Cart Page
	----------------------------------------------------- */
	#mainCartDiv {
		width:100%;
		font-size:1.2em;
		font-weight:bold;
		color:#FFF;
		background-color:#6BBBC7;
		height:25px;
	}



	/* CART DIVS
	----------------------------------- */
	#mainCartHdrDiv {
		width:100%;
		display:none;
	}
	#productImgTitleDiv {
		float:left;
		display:none;
	}
	#itemTitle {
		float:left;
		width:50%;
		text-align:left;
		border:dashed thin #666;
	}
	#qtyTitle {
		float:left;
		width:20%;
		border:dashed thin #666;
	}
	#costTitle {
		float:left;
		width:20%;
		border:dashed thin #666;
	}
	#deleteImg {
		float:left;
		width:7%;
		border:dashed thin #666;
	}
	/* BEGIN CART PRODUCT LINE ITEM INFO */
	/*#cartLineItemDiv {
		width:100%;
	}*/
	#productImgDiv {
		float:left;
		display:none;
	}
	/*#itemDescDiv {
		width:90%;
		text-align:left;
		padding:10px 5px 10px 5px;
	}*/
	#qtyLabel {
		font-weight:bold;
	}
	#qtySKLabel {
		font-weight:bold;
	}
	#itemQtyDiv {
		text-align:right;
		width:90%;
		padding:5px 5px 5px 0;
	}
	#itemQtySKDiv {
		text-align:right;
		width:90%;
		padding:5px 5px 5px 0;
	}
	#priceLabel {
		font-weight:bold;
	}
	#priceSKLabel {
		font-weight:bold;
	}
	#itemPriceDiv {
		text-align:right;
		width:90%;
		padding:5px 5px 5px 0;
		border-bottom:dashed thin #666;
	}
	#itemPriceSKDiv {
		text-align:right;
		width:90%;
		padding:5px 5px 5px 0;
		border-bottom:dashed thin #666;
	}
	#emptyCart {
		display:none;
	}
	.inputBox {
		width:25px;
		height:auto;
		font-size:1em;
	}
	#totVolDiscMobileDiv {
		width:90%;
		color:#F00;
		font-size:1em;
		text-align:right;
		padding:0 5px 0 0;
		border-bottom:dashed thin #666;
	}
	#totVolDiscSKMobileDiv {
		width:90%;
		color:#F00;
		font-size:1em;
		text-align:right;
		padding:0 5px 0 0;
		border-bottom:dashed thin #666;
	}
	#totWholeSaleDiscMobileDiv {
		width:90%;
		color:#F00;
		font-size:1em;
		text-align:right;
		padding:0 5px 0 0;
		border-bottom:dashed thin #666;
	}
	#totWholeSaleDiscSKMobileDiv {
		width:90%;
		color:#F00;
		font-size:1em;
		text-align:right;
		padding:0 5px 0 0;
		border-bottom:dashed thin #666;
	}
	.subtotalDiv {
		text-align:right;
		font-size:1em;
		font-weight:bold;
		padding:0 10px 0 0;
	}
	#totalVolDiscDiv {
		border-bottom:solid thin #000;
		text-align:right;
		padding:0 10px 0 0;
		font-weight:bold;
		font-size:1em;
		color:#F00;
	}
	#discSubtotalDiv {
		font-weight:bold;
		font-size:1em;
		text-align:right;
		padding:0 10px 0 0;
	}
	.addtlChrgs {
		text-align:right;
		padding:0 10px 5px 0;
		font-size:1em;
	}
	.shippingChrgs {
		text-align:right;
		padding:10px 10px 5px 0;
		font-size:1em;
		font-weight:bold;
	}
	#totalDiv {
		text-align:right;
		padding:5px 10px 5px 0;
		font-size:1em;
		font-weight:bold;
	}
	#shipRateDropdown {
		text-align:left;
		padding:0 0 5px 5px;
	}
	#selShipMethod {
		background-color:#CCC;
		height:25px;
		width:auto;
		font-size:1em;
	}
	.selectBox {
		height:25px;
		width:auto;
		font-size:1em;
	}
	#estDelDateFreightDiv {
		text-align:left;
		font-size:.9em;
		margin:5px 0 0 5px;
	}
	#estDelDateDiv {
		text-align:left;
		font-size:.9em;
		color:#F00;
		margin:5px 0 0 5px;
	}
	#emergencyRushDiv {
		font-size:1em;
		text-align:left;
		margin:5px 0 10px 5px;
	}
	#expShipping {
		background-color:#CCC;
		height:25px;
		width:auto;
		font-size:1em;
		margin:10px 0 0 0;
	}
	#addCouponCodeDiv {
		margin:5px 0 5px 5px;
		text-align:left;
		font-weight:bold;
	}
	#returnsDisclaimerDiv {
		margin:10px 0 5px 5px;
		text-align:left;
	}
	.cartInputBox {
		height:25px;
		width:auto;
		font-size:1em;
		margin:10px 0 0 0;
	}
	#btnGo {
		height:25px;
		width:auto;
		font-size:1em;
	}
	#btnAddCoupon {
		height:25px;
		width:auto;
		font-size:1em;
	}
	.shopBtnDiv {
		text-align:center;
		margin:10px 0 0 0;
		font-size:1.2em;
		height:45px;
		width:95%;
	}
	#btnSaveCart {
		margin:25px 0 0 0;
		text-align:center;
	}
	#btnSaveCart button {
		font-size:1.2em;
		font-weight:bold;
	}
	#btnProceedCkout {
		margin:0 0 0 0;
		text-align:center;
	}
	#btnProceedCkout button {
		font-size:1.2em;
		font-weight:bold;
	}
	.leftIndent {
		margin:5px 0 0 5px;
	}



	/* ORDER HISTORY PAGE
	--------------------------------------------------------------- */
	#orderHistoryDiv {
		margin:10px 0 50px 0;
		padding:5px;
		background-color:#ffffff;
		font-size:1em;
		width:95%;
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		/*border:thin solid #333;*/
		/*border-radius: 8px;*/
		/*-moz-border-radius: 8px;*/
		/*-webkit-border-radius: 8px;*/

	}
	#orderHistoryProductTitle {
		font-size:.99em;
	}
	#orderHistoryOrderline {
		font-size:.6em;
	}

	/* ORDER DETAIL PAGE
	--------------------------------------------------------------- */
	#orderDetailDiv {
		margin:10px 0 50px 0;
		padding:5px;
		background-color:#ffffff;
		width:95%;
		font-size:1em;
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		/*border:thin solid #333;*/
		/*border-radius: 8px;*/
		/*-moz-border-radius: 8px;*/
		/*-webkit-border-radius: 8px;*/
	}
	#orderDetailProdDesc {
		font-size:.6em;
	}
	#orderDetailSKProdDesc {
		font-size:.6em;
	}
	#orderDetailWholesaleDesc {
		font-size:.6em;
	}
	#orderDetailWholesaleAmt {
		font-size:1.8em;
	}
	#orderDetailVolumeDesc {
		font-size:.6em;
	}
	#orderDetailVolumeAmt {
		font-size:1.8em;
	}
	#orderDetailSubtotalDesc {
		font-size:.6em;
	}
	.orderDetailDisSubtotalDesc {
		font-size:.6em;
	}

	/* CHECKOUT
	--------------------------------------------------------------- */
	#checkoutLoginDiv {
		display:none;
	}
	#checkoutLoginDivMob {
		margin:10px 0 50px 0;
		padding:5px 0 5px 0;
		background-color:#CCC;
		width:95%;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	#checkoutLoginFillerDiv {
		height:0;
		width:90%;
	}
	#loginRegister {
		margin:10px 0 10px 0;
		padding:5px 0 5px 0;
		/*background-color:#CCC;*/
		box-shadow: 5px 5px 5px #888888;
		width:90%;
		color:#000;
		font-size:1.2em;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.registerFormStyle {
		width:100%;
		margin:10px 0 0 10%;
	}
	.registerFormStyle input {
		margin:2px 0 0 0;
		width:80%;
		height:30px;
		font-size:1em;
	}
	.registerFormStyle em {
		margin:2px 0 0 20px;
		font-size:.7em;
	}
	.registerFormStyleCheckbox {
		margin:2px 0 0 5px;
		font-size:.8em;
		width:99%;
	}
	#btnJoin {
		border-radius:16px;
		width:80%;
		padding:5px 0 5px 0;
		border:thin solid #333;
		background-color:#fff;
		color:#333;
	}
	#loginPageDiv {
		margin:10px 0 10px 0;
		padding:5px 5px;
		/*background-color:#CCC;*/
		box-shadow: 5px 5px 5px #888888;
		width:80%;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.loginFormStyle {
		width:90%;
		margin:10px 0 0 0;
	}
	.loginFormStyle input {
		margin:2px 0 0 0;
		/*width:60%;*/
		height:30px;
		font-size:1em;
	}
	.loginFormStyle em {
		margin:2px 0 0 20px;
		font-size:.7em;
	}
	#btnLogin {
		border-radius:16px;
		width:80%;
		padding:5px 0 5px 0;
		color: #333;
		background-color:#fff;
		border:thin solid #333;
	}
	#saveCartPageDiv {
		margin:10px 0 50px 0;
		padding:5px;
		background-color:#CCC;
		width:95%;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}

	.ppConfirmPage {
		font-size:.8em;
	}

	/******* Checkout Process Page ********/
	#checkout {
		margin:10px 0 0 0;
		padding:5px;
		background-color:#FFF;
		width:95%;
		font-size:1em;
	}
	#checkout h3 {
		margin:30px 0 5px 0;
	}
	.checkoutProcessFormStyle {
		width:100%;
		margin:10px 0 0 5px;
	}
	.checkoutProcessFormStyle input, select {
		margin:0 0 0 25px;
	}
	.checkoutProcessFormStyle em {
		margin:2px 0 0 25px;
		font-size:.8em;
	}
	.checkoutProcessFormStyleCheckbox {
		margin:2px 0 0 100px;
	}
	.checkoutDivider {
		width:5px;
	}
	.sizeCheckout {
		width: 70%;
		height:25px;
		font-size:1em;
	}
	.dateDropDown 	{
		width: 70px;
		height:25px;
		font-size:1em;
	}
	.checkoutDropDown {
		width:150px;
		height:25px;
		font-size:1em;
	}
	#chkBillMeLater {
		position:relative;
		margin:10px 0 0 5px;
	}
	#checkoutBillMeLaterDiscDiv {
		width:90%;
		height:auto;
		margin:5px 0 0 10px;
		font-size:.8em;
	}
	#checkoutExpDateDiv {
		width:90%;
		margin:10px 0 0 5px;
	}
	#checkoutExpMonth {
		margin:0 0 0 25px;
	}
	#checkoutExpYear {
		margin:0 0 0 25px;
	}
	#specialInstr {
		font-size:1em;
		width:70%;
	}
	#chkShipAddress {
		position:relative;
		margin:10px 0 0 5px;
	}
	#btnPlaceOrder {
		width:150px;
		height:auto;
		font-size:1.2em;
		padding:10px 10px 10px 10px;
		border:thin solid #666;
		border-radius:5px;
	}

	.creditCardErrorDiv {
		width:300px;
		padding:0 0;
		color:#F00;
		border:thin solid #F00;
	}

	/******* Confirmation Page ********/
	#confirmation {
		margin:10px 0 10px 0;
		padding:5px;
		width:95%;
	}


	/* Services Styles
	----------------------------------------------------- */
	.servicesHeader {
		font-size:2em;
		font-weight:bold;
		color:#333333;
		padding:20px;
		text-align:left;
	}
	.servicesInfo {
		width:100%;
		font-size:1em;
		font-weight:normal;
		color:#666666;
		padding:20px;
		text-align:left;
	}
	.servicesWrapper {
		width:100%;
		float:left;
	}
	.infoImages {
		width:100%;
		text-align:center;
		float:left;
		padding:20px 0 0 0;
		margin-bottom:20px;
	}
	.shadow {
		-moz-box-shadow: 0 0 5px #999;
		-webkit-box-shadow: 0 0 5px#999;
		box-shadow: 0 0 5px #999;

	}
	.servicesInfo li {
		width: 90%;
	}
	.servicesInfo a:link {
		color:#06C;
		text-decoration:none;
	}
	.servicesInfo a:hover, a:active, a:focus {
		color:#09C;
		text-decoration:none;
	}
	.servicesInfo a:visited {color:#06C;}



	/* Contact Form Styles
	----------------------------------------------------- */
	#contactTblDiv {
		display:none;
	}
	#contactTblMobileDiv {
		display:block;
	}

	#contactFormDivMobile {
		margin:0 0 0 0;
		padding:5px;
		font-size:1em;
		background-color:#FFF;
		width:95%;
	}
	.contactProcessFormStyle {
		height:40px;
		padding-top: 10px;
		color: #666;
	}
	.contactProcessFormStyle input, select {
		margin:0 0 0 0;
		width:100%;
		height:30px;
	}
	.contactProcessFormStyle em {
		margin:2px 0 0 5px;
		font-size:.8em;
	}
	.contactDescription {
		width: 100%;
		height: 30px;
		border:none;
		border-bottom: thin solid #666;
	}
	.btnContactSubmit {
		border-radius:16px;
		border:thin solid #666;
		width:80%;
		padding:5px 0 35px 0;
		background-color:#fff;
		color:#000;
	}

	.btnRequestQuoteSubmit {
		border-radius:16px;
		border:thin solid #666;
		width:80%;
		padding:5px 0 35px 0;
		background-color:#fff;
		color:#000;
	}


	.about {
		font-size:1em;
		font-weight:normal;
		color:#666666;
		padding:10px 0 20px 10px;
		text-align:left;
	}
	.call {
		font-size:1em;
		width:275px;
		float:left;
		margin:40px 60px;
		padding:10px 10px 10px 10px;
		text-align:left;
		color:#333333;
	}
	.clear {
		clear:both;
	}



	/* FORGOT PASSWORD PAGE
	----------------------------------------------------- */
	#forgotPassDiv {
		margin:10px 0 10px 0;
		padding:5px 5px;
		/*background-color:#CCC;*/
		box-shadow: 5px 5px 5px #888888;
		width:80%;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.forgotPassFormStyle {
		width:90%;
		margin:10px 0 0 0;
	}
	.forgotPassFormStyle input {
		margin:2px 0 0 0;
		/*width:80%;*/
		height:30px;
		font-size:1em;
	}
	#btnLookup {
		width:100px;
		height:auto;
		font-size:1.2em;
		padding:10px 10px;
		border:thin solid #666;
		border-radius:5px;
	}
	#resetPassDiv {
		margin:10px 0 10px 0;
		padding:5px 5px;
		/*background-color:#CCC;*/
		width:95%;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	#btnResetPass {
		border-radius:16px;
		width:80%;
		padding:5px 0 5px 0;
		color: #666;
		background-color:#fff;
		border:thin solid #666;
	}
	#resetPassThankYouDiv {
		margin:10px 0 10px 0;
		padding:5px 5px;
		background-color:#CCC;
		width:95%;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}


	/* Wholesale Account Form Styles
	----------------------------------------------------- */
	#wholesaleDiv {
		/*font-family:Arial, Helvetica, sans-serif;*/
		margin:50px 0 10px 0;
		padding:5px 5px;
		width:95%;
	}
	#wholesaleDescDiv {
		padding:5px 5px;
	}
	#wholesaleDescDiv  ul {
		margin:0 0 0 50px;
	}
	#wholesaleContactInfoDiv {
		width:100%;
		padding:20px 0 20px 0;
		background-color:#ffffff;
		/*box-shadow: 5px 5px 5px #888888;*/
		/*border:thin solid #000;*/
		/*border-radius: 5px;*/
		/*border-radius: 5px;*/
		/*-moz-border-radius: 5px;*/
		/*-moz-border-radius: 5px;*/
		/*-webkit-border-radius: 5px;*/
		/*-webkit-border-radius: 5px;*/
	}
	#wholesaleQuestionnaireDiv {
		width: 95%;
	}
	#wholesaleQuestionnaireDiv {
		width:100%;
		margin:20px 0 0 0;
		padding:20px 0 20px 0;
		background-color:#ffffff;
		/*box-shadow: 5px 5px 5px #888888;*/
		/*border:thin solid #000;*/
		/*border-radius: 5px;*/
		/*border-radius: 5px;*/
		/*-moz-border-radius: 5px;*/
		/*-moz-border-radius: 5px;*/
		/*-webkit-border-radius: 5px;*/
		/*-webkit-border-radius: 5px;*/
	}
	.wholesaleQuestions {
		width:100%;
	}
	#wholesaleTermsDiv {
		width:95%;
		padding:5px 5px;
		margin:20px 0 0 0;
	}
	#chkShipSameAsBill {
		width:20px;
		height:20px;
	}
	#chkHaveLogin {
		width:20px;
		height:20px;
	}
	.btnWholesaleSubmit {
		width:150px;
		height:auto;
		font-size:1.2em;
		margin:20px 0 0 0;
		padding:10px 10px 10px 10px;
		border:thin solid #666;
		border-radius:5px;
	}
	.subHeader {
		margin-left: 10px;
		/*border-bottom:solid thin #999;*/
		width:90%;
		font-weight:bold;
	}


	/* Session Expired Page
	----------------------------------------------------- */
	#sessionExpBtnsDiv {
		margin:0 0 0 20px;
	}
	#sessionExpBtnsDiv button {
		font-weight: bold;
		font-size: 1em;
		padding:5px 1px 5px 1px;
		width:80%;
	}
	#sessionExpTextDiv p {
		padding:10px 0 20px 20px;
	}


	/* ADMIN PRODUCTION SCHEDULE PAGE
	--------------------------------------------------------------- */
	#adminProdDiv	{
		margin:10px 0 50px 0;
		padding:5px 5px 25px 5px;
		background-color:#FFF;
		font-size:1em;
		width:95%;
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	#btnProdSchedDiv {
		width:50px;
		margin:50px 0 0 10px;
	}

	/* Footer
    ----------------------------------------------------- */
	/* Hide Mobile footer */
	#footerDividerNonMobile {
		display: none;
	}
	#F {
		display: none;
	}
	#footerTabletPortrait {
		display: none;
	}
	#footerMobileDiv {
		display: block;
	}
	#footerMobile {
		display: block;
		height: 1100px;
	}
	#footerDividerMobile {
		display: block;
		width:100%;

	}
	#footerDividerMobile img {
		width: 180px;
		height: auto;
	}

	/* Show PC footer */
	#footerDiv {
		display:block;
		height:200px;
	}


	.footer {
		font-size: .8em;
		text-align:center;
		width:100%;
		height: auto;
		padding-top:5px;
		padding-left:10px;
		background-color: #414042;
	}
	.ftnavwrap {
		margin:25px 0 0 0;
		width:100%;
		height:auto;
		color:#F1F2F2;
		text-decoration:none;
	}
	.ftnavwrap a {
		text-decoration:none;
		color:#CCC;
	}

	#ftnav li {
		list-style:none;

	}
	.pattern_hr {
		width:100%;
		padding: 50px 0;
		background:#F1F2F2;
	}
	.credential-logos {
		padding: 25px 10px;
		width: 45%;
	}
	.footer-div {
		text-align: right;
		width: 100%;
		padding: 30px 100px 10px 10px;
	}
	.ftr-divider-bar {
		margin-top: 40px;
		width: 93%;
		text-align: center;
		border-top: solid thin #FFFFFF;
	}
	.ftr-font-size {
		font-size: 1.2em;
		padding-left: 20px;
	}

	.footer-highlight {
		font-family: "joly-headline", sans-serif;
		font-weight: bold;
		font-style: italic;
		color: #F9BC15;
		font-size: 1.5em;
	}

	.footer-links {
		padding-bottom: 10px;
	}
	.footer-links a {
		color: #F1F2F2;
	}
	.footer-links a:hover {
		color: #F9BC15;
	}


	/** Begin Multi-slide Carousel **/
	/*
    Show multiple slides at once.
    In lower body of home page.
     */

	@media (min-width: 768px) and (max-width: 991px) {
		/* Show 4th slide on md  if col-md-4*/
		#carousel-example .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
			position: absolute;
			top: 0;
			right: -33.3333%;  /*change this with javascript in the future*/
			z-index: -1;
			display: block;
			visibility: visible;
		}

	}

	@media (min-width: 481px) and (max-width: 768px) {
		/* Show 3rd slide on sm  if col-sm-6*/
		#carousel-example .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
			position: absolute;
			top: 0;
			right: -50%;  /*change this with javascript in the future*/
			z-index: -1;
			display: block;
			visibility: visible;
		}

	}


	@media (min-width: 576px) {

		#carousel-example .carousel-item {
			margin-right: 0;
		}

		/* show 2 items */
		#carousel-example .carousel-inner .active + .carousel-item {
			display: block;
		}

		#carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
		#carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
			transition: none;
		}

		#carousel-example .carousel-inner .carousel-item-next {
			position: relative;
			transform: translate3d(0, 0, 0);
		}

		/* left or forward direction */
		#carousel-example .active.carousel-item-left + .carousel-item-next.carousel-item-left,
		#carousel-example .carousel-item-next.carousel-item-left + .carousel-item,
		#carousel-example .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
			position: relative;
			transform: translate3d(-100%, 0, 0);
			visibility: visible;
		}

}