body {
	margin:0px;
}

.header {
	width:100%;
	background-image:url("https://www.xtctruck.com/bg_main_body.png");
	background-repeat:repeat;
	border-top:2px solid #8e0000;
	border-bottom:2px solid #8e0000;
	padding-bottom:5px;
	position:relative;
}


	.header .row {
		width:950px;
		overflow:hidden;
		margin:auto;
		display:block;
	}

		.header .row .left {
			width:49%;
			text-align:left;
		}

			.header .row .left a {
			}

			.header .row .left img {
				width:65%;
				margin-top:10px;
			}

		.header .row .right {
			width:50%;
			text-align:right;
		}


		.header .row .column {
			display:inline-block;
		}

		.header .row .right a {
			color:white;
			text-decoration:none;
			font-family:'Open Sans', sans-serif;
		}

		.header .row .right span {
			display:none;
		}

		.header .row .right label {
			color:white;
			display:block;
			font-family:'Open Sans', sans-serif;
		}

	.header .navigation.primary {
		text-align:center;
	}
		
	.header .navigation.primary ul {
		width:70%;
		margin:auto;
		
	}

		.header .navigation.primary ul li {
			display:inline;
			list-style-type:none;
			padding:15px;
			padding-top:0px;
		}

			.header .navigation.primary ul li a {
				color:white;
				font-size:1.4em;
				text-decoration:none;
				font-family:'Roboto Slab', sans-serif;
				-moz-transition: all 0.2s linear;
				-webkit-transition: all 0.2s linear;
				-o-transition: all 0.2s linear;
				transition: all 0.2s linear;
			
			}

			.header .navigation.primary ul li.selected a{
				color:#8e0000;
				pointer-events: none;
				cursor: default;
			}

				.header .navigation.primary ul li.selected:hover {
					color:white;
				}

				.header .navigation.primary ul li a:hover {
					color:#8e0000;
				}

				.header .navigation.primary ul li a label {
					display:none;
				}

.shopping-cart{
	width:100%;
	position:absolute;
	z-index:100;
}

	.empty-cart {
		width:256px;
		height:200px;
		border:3px solid #8e0000;
		border-top:2px solid #8e0000;
		border-radius:6px;
		border-top-right-radius:0px;
		border-top-left-radius:0px;
		background: #3f3f3f; /* Old browsers */
		background: -moz-linear-gradient(top,  #3f3f3f 0%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3f3f3f 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3f3f3f 0%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3f3f3f 0%,#000000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3f3f3f 0%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		position:absolute;
		top:5px;
		left:48%;
		padding:10px;
		text-align:center;
		/*display:none;*/
		overflow:hidden;
	}

		.empty-cart label {
			color:white;
			font-family:'Open Sans', sans-serif;
			display:block;
		}

			.empty-cart label:first-of-type {
				padding-top:50px;
			}

		.empty-cart span {
			color:white;
			font-family:'Open Sans', sans-serif;
			margin-top:37px;
			display:block;
		}

			.empty-cart label:last-of-type {
				position:absolute;
				right:0px;
				bottom:0px;
				padding:5px;
				text-decoration:underline;
				float:right;
				cursor:pointer;

			}

				.empty-cart label:last-of-type:hover {
					color:#8e0000;
				}


	.filled-cart {
		width:256px;
		border:3px solid #8e0000;
		border-top:0px;
		border-radius:6px;
		border-top-right-radius:0px;
		border-top-left-radius:0px;
		background: #3f3f3f; /* Old browsers */
		background: -moz-linear-gradient(top,  #3f3f3f 0%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3f3f3f 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3f3f3f 0%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3f3f3f 0%,#000000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3f3f3f 0%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		position:absolute;
		top:5px;
		left:48%;
		padding:10px;
		overflow:hidden;
		/*display:none;*/
	}

		.filled-cart .item {
			display:block;
			width:95%;
			margin:auto;
			border-bottom:2px solid #8e0000;
			overflow:hidden;

		}

			.filled-cart .item .left {
				display:inline-block;
				width:20%;
				float:left;
			
			}

			.filled-cart .item .right {
				width:78%;
				float:right;
				display:inline-block;
			}

				.filled-cart .item .right a {
					color:white;
					font-family:'Open Sans', sans-serif;
					text-decoration:none;
					float:left;
					padding-left:5px;
				}

				.filled-cart .item .right img {
					width:10%;
					float:right;
					cursor:pointer;
				}

			 .filled-cart .item label {
				color:white;
				font-family:'Noto Sans', sans-serif;
			}

				.filled-cart .item .row label:first-of-type {
					display:inline;
					padding-left:5px;
				}

			.filled-cart .item .row label:last-of-type {
				float:right;
				display:inline;
			}

		.header .filled-cart label {
			color:white;
			font-family:'Noto Sans', sans-serif;
			font-size:smaller;

		}

			.header .filled-cart label.close {
				cursor:pointer;
				float:left;
			}

				.header .filled-cart label.close:active {
					color:#8e0000;
				}

		.filled-cart span {
			color:white;
			font-family:'Noto Sans', sans-serif;
			font-size:smaller;
			float:right;
		}

			.filled-cart .item input {
				width:12%;
				text-align:center;
				margin-left:5px;
			}

				.filled-cart input.checkout-button {
					width:85%;
					height:30px;
					font-family:Georgia;
					vertical-align:bottom;
					display:block;
					margin:auto;
					margin-top:50px;
					margin-bottom:10px;
					background: #fefcea; /* Old browsers */
					background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
					font-weight:bold;
				}

					.filled-cart input.checkout-button:hover {
						background: #f1da36; /* Old browsers */
						background: -moz-linear-gradient(top,  #f1da36 0%, #fefcea 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1da36), color-stop(100%,#fefcea)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #f1da36 0%,#fefcea 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #f1da36 0%,#fefcea 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #f1da36 0%,#fefcea 100%); /* IE10+ */
						background: linear-gradient(to bottom,  #f1da36 0%,#fefcea 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#fefcea',GradientType=0 ); /* IE6-9 */

					}

					.filled-cart input.checkout-button:active {
						border:2px;
					}

		.filled-cart a:last-of-type {
			text-decoration:none;
		}
/*END DESKTOP*/

/*START TABLET*/
@media (max-width:949px) {

	.header .row {
		width:100%;
	}

	.header .row {
		width:100%;
	}

	.header .row .left a img {
		width:55%;
	}

	.header .row .left a {
		margin-left:0px;
	}

	.header .row .right {
		width:50%;
	}
}
@media (max-width: 700px) {
	.header .row .left a img {
		width: 100%;
	}

	.header .row .left {
		width: 29%;
	}

	.header .row .right {
		vertical-align: top;
		padding-top: 10px;
		width: 70%;
	}

		.header .row .right span {
			display: inline;
			color: white;
			font-family: 'Roboto Slab', serif;
			font-size: 22px;
			vertical-align: top;
		}

		.header .row .right a {
			font-size: 22px;
			vertical-align: top;
			padding-left: 5px;
		}

		.header .row .right label {
			display: none;
		}

	.header .row.primary.navigation ul {
		padding: 0px;
		width: 99%;
	}
}
/*END TABLET*/ 

/*START MOBILE*/
	@media (max-width: 530px) {

		.header {
			min-width:320px;
		}

		.header .row .left {
			display: block;
			width: 99%;
		}

		.header .row .right {
			width:99%;
			display:block;
			text-align:center;
			padding-bottom:10px;
		}

			.header .row .left a img {
				width:67%;
				display:block;
				margin:auto;
				padding-top:5px;
			}

			.header .row.navigation.primary ul li {
				padding:2%;
				padding-top:10px;
			}

				.header .row.navigation.primary ul li a {
					font-size:1em;
				}

			.empty-cart {
				left:25%;
			}

			.filled-cart {
				left:25%;
			}

	
	}

@media (max-width:380px) {

	.header {
		display:block;
		min-width:320px;
		position:fixed;
		vertical-align:top;
		z-index:100;
	}

	.wrapper {
		padding-top:101px;
	}

	.filled-cart {
		left:20px;
	}

	.empty-cart {
		left:20px;
	}
}
/*END MOBILE*/
/*END HEADER*/

/*START BODY*/ 

.wrapper {
	background-image:url("https://www.xtctruck.com/bg_image_body.png");
	background-repeat:repeat-x;
	width:100%;
	overflow:hidden;
}

/*START BODY*/
.main-body {
	display:block;
	/*width:70%;*/
	width:950px;
	min-width:320px;
	margin:auto;
	background-image:url("https://www.xtctruck.com/bg_main_body.png");
	background-repeat:repeat;
	box-shadow:0 0 71px black;
	padding-top:10px;
	overflow:hidden;
}

	.main-body .welcome {
		width:90%;
		display:block;
		padding-right:5px;
		padding-left:5px;
		margin:0px;
		margin:auto;
		text-align:center;
	}

		.main-body .welcome p {
			margin:0px;
			color:white;
			font-family:'Noto Sans', sans-serif;
			font-size:20px;
			display:inline;
		}

		.main-body .welcome label {
			color:white;
			font-family:'Roboto Slab', serif;
			font-size:12px;
			display:block;
			margin:auto;
			margin-top:10px;
			margin-bottom:10px;
			display:none;
			cursor:pointer;
			text-decoration:underline;
			-moz-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			transition: all 0.2s linear;
		}

			.main-body .welcome label.show-less {
				display:none;
				
			}

			.main-body .welcome label:hover {
				color:#8e0000;
			}

	.main-body .quick-shop {
		width:80%;
		display:block;
		margin:auto;
		text-align:center;
		margin-top:25px;
		border-top:1px solid #8e0000;
		border-bottom:1px solid #8e0000;
		padding-top:10px;
		padding-bottom:10px;
	}

		.main-body .quick-shop .placeholder {
			display:inline-block;
			width:49%;
		}

	.main-body .quick-shop h4 {
		color:white;
		font-family:'Open Sans', sans-serif;
		display:block;
		margin:0px;
		margin-bottom:10px;
	}

		.main-body .quick-shop .category {
			display:inline-block;
			width:49%;
			cursor:pointer;
                        height: 97px;
                        vertical-align: top;
		}

			.main-body .quick-shop .category a {
				display:block;
				color:white;
				font-family:'Noto Sans', sans-serif;
				font-size:17px;
				text-decoration:none;
				padding-bottom:5px;
				-moz-transition: all 0.2s linear;
				-webkit-transition: all 0.2s linear;
				-o-transition: all 0.2s linear;
				transition: all 0.2s linear;
			}

			.main-body .quick-shop .category img {
				width:130px;
			}

			.main-body .quick-shop .category:hover a {
				color:#8e0000;
				font-weight:bold;

			}

.carousel-outer {
	width:100%;
	overflow:hidden;
	margin-top:20px;
	display:block;
	position:relative;
}

.image-shown {
	display: inline-block;
	
}

.image-hidden {
	display: none;
	
}

.carousel-inner {
	overflow:hidden;
	width:80%;
	display:block;
	margin:auto;
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000000 0%, #111111 24%, #2b2b2b 50%, #1c1c1c 81%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(24%,#111111), color-stop(50%,#2b2b2b), color-stop(81%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #000000 0%,#111111 24%,#2b2b2b 50%,#1c1c1c 81%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #000000 0%,#111111 24%,#2b2b2b 50%,#1c1c1c 81%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #000000 0%,#111111 24%,#2b2b2b 50%,#1c1c1c 81%,#131313 100%); /* IE10+ */
	background: linear-gradient(135deg,  #000000 0%,#111111 24%,#2b2b2b 50%,#1c1c1c 81%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

	.carousel-inner a {
		width:100%;
	}

.carousel-inner a img {
	width: 100%;
	border-radius: 6px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	max-width:760px;
	height:467px;
	display:block;
	margin:auto;
}

.previousLink img{
	position:absolute;
	left:10%;
	top:40%;
	width:7%;
	display:none;	
	z-index:1000;

}

.nextLink img{
	position:absolute;
	right:10%;
	top:40%;
	width:7%;
	display:none;
	z-index:1000;
}


.carousel-bottom {
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000000 0%, #111111 24%, #2b2b2b 50%, #1c1c1c 81%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(24%,#111111), color-stop(50%,#2b2b2b), color-stop(81%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #000000 0%,#111111 24%,#2b2b2b 50%,#1c1c1c 81%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #000000 0%,#111111 24%,#2b2b2b 50%,#1c1c1c 81%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #000000 0%,#111111 24%,#2b2b2b 50%,#1c1c1c 81%,#131313 100%); /* IE10+ */
	background: linear-gradient(135deg,  #000000 0%,#111111 24%,#2b2b2b 50%,#1c1c1c 81%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin:auto;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
	width:80%;
	display:block;
	margin-top:-5px;
	position:relative;
	height:22px;
	overflow:hidden;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

	.carousel-bottom div.circle {
		overflow:hidden;
		cursor:pointer;
		border-radius:20px;
		border:1px solid black;
		height:17px;
		width:17px;
		display:inline-block;
		text-align:center;
		margin:auto;
		margin-right:15px;
	}


		.carousel-bottom div.circle:hover {
			background: #ff3d3d; /* Old browsers */
			background: -moz-linear-gradient(-45deg, #ff3d3d 0%, #d80000 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff3d3d), color-stop(100%,#d80000)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(-45deg, #ff3d3d 0%,#d80000 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(-45deg, #ff3d3d 0%,#d80000 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(-45deg, #ff3d3d 0%,#d80000 100%); /* IE10+ */
			background: linear-gradient(135deg, #ff3d3d 0%,#d80000 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d3d', endColorstr='#d80000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}

	.carousel-bottom div.normal {
		background: #8e0000; /* Old browsers */
		background: -moz-linear-gradient(-45deg, #8e0000 0%, #d10000 50%, #ff5451 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8e0000), color-stop(50%,#d10000), color-stop(100%,#ff5451)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, #8e0000 0%,#d10000 50%,#ff5451 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, #8e0000 0%,#d10000 50%,#ff5451 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, #8e0000 0%,#d10000 50%,#ff5451 100%); /* IE10+ */
		background: linear-gradient(135deg, #8e0000 0%,#d10000 50%,#ff5451 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e0000', endColorstr='#ff5451',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}


	.carousel-bottom div.selected {
		background: #ba0000; /* Old browsers */
		background: -moz-linear-gradient(45deg, #ba0000 0%, #6d0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ba0000), color-stop(100%,#6d0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(45deg, #ba0000 0%,#6d0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(45deg, #ba0000 0%,#6d0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(45deg, #ba0000 0%,#6d0000 100%); /* IE10+ */
		background: linear-gradient(45deg, #ba0000 0%,#6d0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba0000', endColorstr='#6d0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		border: 1px solid #989898;
	}

		.carousel-bottom div.circle:last-of-type {
			margin-right:0px;
		
		}
/*END CAROUSEL*/

.main-body .truck-of-month {
	display:block;
	width:80%;
	margin:auto;
	border-top:1px solid #8e0000;
	border-bottom:1px solid #8e0000;
	padding-bottom:15px;
	padding-top:15px;
	margin-bottom:15px;
        margin-top:15px;
}

	.main-body .truck-of-month .left {
		width:69%;
		display:inline-block;
	}

		.main-body .truck-of-month .left img {
			width:99%;
			border-radius:6px;
		}


	.main-body .truck-of-month .right {
		width:28%;
		display:inline-block;
		text-align:center;
		vertical-align:top;

		background: rgba(219, 15, 15, .6);
		border-radius:6px;
		padding-top:10px;
		padding-bottom:10px;
padding-right:7px;
padding-left:7px;
	}

		.main-body .truck-of-month .right h5 {
			color:white;
			font-family:'Open Sans', sans-serif;
			font-size:20px;
			margin:0px;
			margin-bottom:20px;
			vertical-align:top;
			
		}

		.main-body .truck-of-month .right span {
			color:white;
			font-family:'Noto Sans', sans-serif;
			font-weight:bold;
			font-size:19px;
			margin:0px;
			margin-bottom:15px;
			display:block;
			

		}

		.main-body .truck-of-month .right p {
			color:white;
			font-family:'Noto Sans', sans-serif;
			margin:0px;
			vertical-align:bottom;
			display:block;
		}

.main-body .row.truck-of-month.mobile {
	display:none;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/*END DESKTOP*/ 

/*START TABLET*/
@media (max-width:949px) {
.main-body {
		width: 100%;
	}	

	.main-body .welcome {
		width:100%;
	}

		.main-body .welcome p {
			font-size:18px;
		}

	.main-body .row {
		width:100%;
	}

	.main-body .carousel-outer a.previousLink img {
		left:3%;
	}

	.main-body .carousel-outer a.nextLink img {
		right:3%;
	}

	.main-body .carousel-inner {
		width:95%;
	}

		.main-body .carousel-inner img {
			height:300px;
		}
        .carousel-bottom {
		width:95%;
	}
	.main-body .row.truck-of-month.desktop {
		display:none;
	}

	.main-body .row.truck-of-month.mobile {
		width:100%;
	}

	

}

/*END TABLET*/ 
/*START MOBILE*/
@media (max-width: 1005px) {

	.main-body .truck-of-month.desktop {
		display:none;
	}

	.main-body .row.truck-of-month.mobile {
		display:block;
		width:80%;
		text-align:center;
		overflow:hidden;
		background: rgba(219, 15, 15, .6);
		border-radius:6px;

	}

		.main-body .row.truck-of-month.mobile h5 {
			color:white;
			font-family:'Noto Sans', sans-serif;
			font-weight:bold;
			font-size:19px;
			margin:0px;
			margin-bottom:15px;
			display:block;
		}

		.main-body .row.truck-of-month.mobile span {
			color:white;
			font-family:'Noto Sans', sans-serif;
			font-weight:bold;
			font-size:19px;
			margin:0px;
			margin-bottom:15px;
			display:block;
		}

		.main-body .row.truck-of-month.mobile p {
			color:white;
			font-family:'Noto Sans', sans-serif;
			margin:auto;
			vertical-align:bottom;
			display:block;
			margin-top:10px;
			width:80%;

		}


		.main-body .row.truck-of-month.mobile img {
			width:80%;
			display:block;
			margin:auto;
		}
}

@media (max-width:530px) {

	.main-body .welcome p span {
		display:none;
	}

	.main-body .welcome label.show-less {
		display:none;
	}


	.main-body .welcome label {
		display:block;
		cursor:pointer;
		text-decoration:underline;
	}

		.main-body .welcome label:hover {
			color:#8e0000;
		}

		.main-body .welcome label {
			display:block;
		}

	.main-body .quick-shop .placeholder {
		display: block;
		width: 90%;
		margin: auto;
	}

	.main-body .carousel-inner a img {
		height:230px;
	}

}

@media (max-width:430px) {
		.main-body .row.truck-of-month.mobile {
		width:95%;
	}

.carousel-bottom div.circle {

margin-right:10px;
}
}


/*END MOBILE*/
/*END BODY*/ 


/*START FOOTER*/ 
.footer {
	width:100%;
	background-image:url("https://www.xtctruck.com/bg_main_body.png");
	background-repeat:repeat;
	box-shadow: 0 -10px 10px black;
	padding-top:10px;
	overflow:hidden;
	padding-bottom:10px;
}

.footer .footer-wrapper {
	width:950px;
	display:block;
	margin:auto;
}

	.footer .row {
		display:block;
	}

	.footer .column {
		display:inline-block;
	}

	.footer .row:first-of-type .left {
		width:40%;
	}

		.footer .row:first-of-type .left img {
			width:99%;
		}

	.footer .row:first-of-type .right {
		width:59%;
		vertical-align:top;
		text-align:right;
	}

	.footer .navigation.secondary {
		text-align:center;
	}
		
	.footer .navigation.secondary ul {
		width:100%;
		margin:0px;
		padding:0;
		
	}

		.footer .navigation.secondary ul li {
			display:inline;
			list-style-type:none;
			padding:15px;
			padding-top:0px;
		}

			.footer .navigation.secondary ul li a {
				color:white;
				font-size:1.4em;
				text-decoration:none;
				font-family:'Roboto Slab', serif;
				-moz-transition: all 0.2s linear;
			   -webkit-transition: all 0.2s linear;
			   -o-transition: all 0.2s linear;
			   transition: all 0.2s linear;
			}

			.footer .navigation.secondary ul li.selected a{
				color:#8e0000;
				pointer-events: none;
				cursor: default;
			}

				.footer .navigation.secondary ul li.selected:hover {
					color:white;
				}

				.footer .navigation.secondary ul li a:hover {
					color:#8e0000;
				}



				.footer .navigation.secondary ul li a label {
					display:none;
				}

	.footer .row:last-of-type .left {
		float:left;
		width:50%;
	}

	.footer .row:last-of-type .right {
		float:right;
		width:49%;
		text-align:right;
	}

		.footer .row:last-of-type .right span {
			display:block;
			font-family:'Noto Sans', sans-serif;
			color:white;
			text-decoration:none;
			font-size:1.5em;
			margin-bottom:5px;
		}

			.footer .row:last-of-type .right span a {
				display:inline;
				font-size:1.1em;
				margin-bottom:5px;
			}

		.footer .row:last-of-type .right a {
			display:block;
			font-family:'Noto Sans', sans-serif;
			color:white;
			text-decoration:none;
			font-size:1.5em;
			margin-bottom:5px;
		}

		.footer .row:last-of-type .right label {
			display:block;
			font-family:'Noto Sans', sans-serif;
			color:white;
			text-decoration:none;
			font-size:1.5em;
		}

	.footer .row .social-media .fb-like-box{
		width:77%;
	}

	.footer .row .social-media.mobile {
		display:none;
	}

		.footer .row .social-media .fb-like-box span {
			background-color:white;
		}


	.footer .right.column.contact-info.mobile {
		display:none;
	}

	/*END DESKTOP FOOTER*/

	/*START TABLET FOOTER*/

	@media (max-width: 1005px) {
		.footer .row .right.navigation.secondary ul li a {
			font-size:1em;
		}
	}

	@media (max-width:950px) {

		.footer .footer-wrapper {
			width:100%;
		}

		.footer .navigation ul li:last-of-type {
			padding-right:5px;
		}

		.footer .contact-info {
			padding-right:5px;
		}

		
	}

	@media (max-width:600px) {
		.footer .row .social-media .fb-like-box {
			width:99%;
			display:block;
			margin:auto;
			text-align:center;
		}

			.footer .left.column.social-media img {
				display:block;
				margin:auto;
			}

		.footer .row:last-of-type .right.contact-info {
			width:99%;
			display:block;
			margin:auto;
		}

		.footer .right.contact-info .row span:first-of-type {
			float:left;
			font-size:1.5em;
		}

		.footer .right.contact-info .address {
			vertical-align:top;
			font-size:1em;

		}

		.footer .right.column.contact-info .email {
			vertical-align:top;
			font-size:1em;

		}

		.footer .right.column.contact-info .row {
			display:block;
			width:100%;
		}

		.footer .right.column.contact-info span {
			font-size:1em;

		}

		.footer .right.column.contact-info a {
			font-size:1em;
		}

		.footer .right.column.contact-info .row span {
			font-size:1em;
			display:inline;
		}

		.footer .right.column.contact-info .row label {
			display:inline;	
		}

		.footer .footer-wrapper .row .right.column.contact-info.mobile {
			display:none;
		}

	}
	/*END TABLET FOOTER*/ 

	/*START MOBILE FOOOTER*/
@media (max-width:478px) {
	.footer {
		min-width: 320px;
	}

		.footer .footer-wrapper .row .left.column {
			width: 99%;
			display: block;
		}

			.footer .footer-wrapper .row .left.column img {
				width: 70%;
				margin: auto;
				display: block;
			}


		.footer .row .social-media .fb-like-box{
			display:block;
width:100%;
		}

		.footer .footer-wrapper .row .right.column {
			width:99%;
			text-align:center;
		}

		.footer .footer-wrapper .row .right.column.contact-info {
			display:none;
		}

		.footer .footer-wrapper .row .right.column.contact-info.mobile {
				display:block;
			}

			.footer .footer-wrapper .row .right.column.contact-info.mobile span:first-of-type {
				font-size:1em;
			}


			.footer .footer-wrapper .row .right.column.contact-info.mobile .left {
				width:49%;
				float:left;
			}

			.footer .footer-wrapper .row .right.column.contact-info.mobile .right {
				width:49%;
				float:right;
			}


}

	/*END MOBILE FOOTER*/ 
	/*END FOOTER*/