/*
*@bootstrap-template-modifications.css
*base template file that adapts the bootstrap template to look and act how design for lmtl.com wwas desired
*each section is delimited by 20 '=' ALL CAPS TITLE 20 '=' then closed by 20 '='' ALL CAPS END TITLE 20 '='
*each delimited section represents a page directory, and the styles in the represented section are for that specific directory
*any media styles are grouped together at the bottom of the page and delimited in the same manner as above
*any other documentation regarding the styles are done on a case by case basis within each section
*style template generated by Mark Hill from submitted design for Lonemountaintruck.com (c) 2014 
*/
/*==================== BEGIN GENERAL TEMPLATE MODIFICATIONS ====================*/
body {
    font-family: 'Roboto Slab', serif;
}

textarea {
    resize: none;
    width: 100%;
}

video {
    width: 100% !important;
}

/*some areas call for roboto to weight 700*/
.thick-text {
    font-weight: 700;
}

/*resetting bootstraps text-default class*/
.text-default {
    color: white;
}

.home-bar {
    font-size: 18px;
}

#testimonials.carousel .customer-quote {
    cursor: pointer;
}

h3,
h4.employee {
    color: #c7031e !important;
}

.btn-danger {
    background: #c7031e !important;
}

.table-nonfluid {
    width: auto !important;
}

#tradeTable>thead>tr>th:first-child {
    width: 85px !important;
}

#tradeTable>tbody>tr>td:first-child {
    width: 85px !important;
}

#tradeTable>tbody>tr>td:first-child>a {
    padding: 0;
}

/*==================== BEGIN HEADER/NAVBAR MODIFICATIONS ====================*/
#header {
    background: url('../img/header/bg2.png') no-repeat center center !important;
    font-family: 'Roboto Slab', serif;
}

#header p {
    text-align: center;
}

p.top {
    font-size: 60px;
    font-weight: 100;
    text-shadow: 0 0 10px #000;
    padding: 0;
    margin: 0;
}

p.bottom {
    font-size: 75px;
    font-weight: 700;
    text-shadow: 0 0 20px #000;
    margin: 0;
    margin-top: -30px;
    padding: 0;
}

p.plate {
    margin: 0;
    padding: 0;
}

#plate {
    z-index: 0;
    width: 75%;
}

.header-col {
    padding-top: 0;
    margin-bottom: 0;
}

#plate-not-home {
    width: 15%;
    margin-top: -35px;
}

p.not-home-left {
    margin-top: 25px;
    font-size: 45px;
    font-weight: 100;

}

p.not-home-right {
    font-size: 45px;
    margin-top: 25px;
    font-weight: 700;
}

p.not-home-plate {
    margin-top: 3px;
    margin-bottom: 0;
    padding: 0;
}

.navbar {
    width: 100%;
    border-radius: 0;
    background: #fff;
    font-family: 'Roboto Slab', serif;
    margin: 0;
}

.menu-btn {
    width: 120px;
}

.menu-icon {
    float: right;
    vertical-align: middle;
    display: block;
    padding: 4px;
}

.menu-text {
    float: left;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-default .navbar-nav>.active>a {
    background: none;
    color: #c7031e;
    font-weight: bold;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: none;
}

.social-links {
    margin-top: 12px;
    margin-left: 115px;
    width: 110px;
    z-index: 10;
}

.social {
    width: 25px;
    margin: 0 2px;
    z-index: 5;
}

#l2s_trk img {
    height: 40px;
    width: 128px;
    margin-top: 7px;
}

#l2stxtcd a {
    width: 128px !important;
}

/*==================== END HEADER/NAVBAR MODIFICATIONS ====================*/
/*==================== BEGIN PAGE CONTENT MODIFICATIONS ====================*/
.second-row {
    background: #a5a5a5 url('../img/header/mountains2.png') no-repeat top center !important;
    padding-top: 10px;
    padding-bottom: 40px;
}

.page-title {
    border-right: 3px solid #fff;
}

.page-title-top {
    text-align: right;
    font-size: 48px;
    font-weight: 300;
}

.page-title-bottom {
    text-align: right;
    font-size: 48px;
    font-weight: 700;
}

.page-sub-title {
    color: #8a1f01;
    font-weight: 700;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
}

.half-transparent-white-background {
    background: rgba(255, 255, 255, 0.5);
}

/*==================== BEGIN AFTER CONTENT (TESTIMONIALS) MODIFICATIONS ====================*/
#after-content {
    background: #000 url('../img/content-home/testimonials.png') no-repeat center bottom !important;
}

#testimonials {
    width: 1000px;
    min-height: 300px;
}

#testimonials .new_html_code {
    height: 250px;
    width: 75%;
    padding-top: 10px;
    margin: 10px 10%;
    display: block;
    color: #fff;

}

#testimonials .new_html_code h4 {
    font-size: 16px;
    padding: 0 15px;
    margin-top: 35px;
}

#testimonials ol {
    float: left;
    margin-top: 15px;
}

#testimonials .carousel-inner .item {
    padding-top: 60%;
    margin-top: -60%;
    float: left;
    width: 100%;
}

#testimonials .carousel-inner .item .carousel-caption h4 {
    text-align: left;
    vertical-align: right;
    font: 14px normal "Arial";
    letter-spacing: 1px;
}

#testimonials .new_html_code img {
    height: 125px;
    width: 125px;
    float: left;
    margin: 10px 2%;
}

#testimonials .carousel-inner .item .carousel-caption .customer-image {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
}

#testimonials .carousel-inner .item .carousel-caption h4.customer {
    text-align: right;
    color: #aaa;
    font-weight: 300;
    font-size: 18px;
}

.carousel-control.left,
.carousel-control.right {
    background: none;
}

/*==================== END AFTER CONTENT (TESTIMONIALS) MODIFICATIONS ====================*/
/*==================== END PAGE CONTENT MODIFICATIONS ====================*/
/*==================== BEGIN PAGE FOOTER MODIFICATIONS ====================*/
#before-footer {
    background-color: #fff;
}

#before-footer p {
    text-align: center;
}

#footer {
    background-color: #e5e5e5;
}

#footer .foot-heading {
    padding-top: 50px;
    padding-bottom: 50px;
    vertical-align: middle;
    font-size: 18px;
}

#footer .foot-heading span {
    vertical-align: top;
}

#footer .break {
    height: 3px;
    background: #888;
    margin-top: 10px;
    margin-bottom: 10px;
}

#footer-nav {
    background: #e5e5e5;
}

.tel {
    color: #333;
    font-weight: 700;
}

/*==================== END PAGE FOOTER MODIFICATIONS ====================*/
/*==================== END GENERAL TEMPLATE MODIFICATIONS ====================*/
/*==================== BEGIN INDEX TEMPLATE MODIFICATIONS ====================*/
.content-banner {
    border: 10px solid #fff;
    box-shadow: 0 0 10px #000;
    background: #e5e5e5;
    padding: 10px;
    min-height: 150px;
    /*	min-height: 300px;*/
    cursor: pointer;
}

.content-banner img {
    width: 100%;
}

.content-banner p {
    text-align: center;
    margin: 10px 0;
    padding: 0;

}

.content-banner h1 {
    width: 100%;
    text-align: center;
    font-weight: 300;
}

.content-banner .content-banner-start {
    font-weight: 700;
}

.content-banner .content-banner-desc {
    text-align: left;
    margin-bottom: 25px;
}

.content-banner .content-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    border-radius: 0;
    border: 2px solid #000;
    background-color: #c7031e;
    font-weight: 300;
    width: 175px;
    box-shadow: 3px 3px 1px rgba(50, 50, 50, .7);
}

.content-banner .content-link:after {
    content: " ";
    background: url("../img/content-home/arrow.png") no-repeat center center;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
}

.content-banner .content-link:hover {
    background-color: #d9534f;
}

/*==================== EMD INDEX TEMPLATE MODIFICATIONS ====================*/
/*==================== BEGIN ABOUTUS TEMPLATE MODIFICATIONS ====================*/
/*==================== BEGIN ABOUTUS ODOMETERTEMPLATE MODIFICATIONS ====================*/
#odometer-border {
    width: 100%;
    margin: 0 auto;
    padding: 17px 0 24px 0;
    background: -webkit-linear-gradient(#afafaf, #5e5f5f);
    background: -moz-linear-gradient(#afafaf, #5e5f5f);
    background: -o-linear-gradient(#afafaf, #5e5f5f);
    background: -ms-linear-gradient(#afafaf, #5e5f5f);

    border: 10px solid #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .7);

}

#odometer-border h1,
#odometer-border h2 {
    text-align: center;
    padding: 0;
    margin: 0;
}

#odometer-border h1 {
    color: #fff;
    text-shadow: 2px 2px 3px #666;
    margin-bottom: 10px;
}

#odometer-border h2 {
    color: #fff;
    text-shadow: 2px 2px 3px #888;
    margin-top: 10px;
}

#odometer-holder {
    margin: 0 auto;
    width: 85%;
    height: 139px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #afafaf), color-stop(.5, #5e5f5f), color-stop(.51, #3e3f3f), to(#ddd));
    background: -webkit-linear-gradient(top, #afafaf 0%, #5e5f5f 50%, #5e5f5f, #3e3f3f 51%, #ddd);
    background: -moz-linear-gradient(top, #afafaf 0%, #5e5f5f 50%, #5e5f5f, #3e3f3f 51%, #ddd);
    background: -o-linear-gradient(top, #afafaf 0%, #5e5f5f 50%, #5e5f5f, #3e3f3f 51%, #ddd);
    background: -ms-linear-gradient(top, #afafaf 0%, #5e5f5f 50%, #5e5f5f, #3e3f3f 51%, #ddd);
    box-shadow: 0px 0px 8px rgba(255, 255, 255, .7);
    border-radius: 4px;
    padding: 0 20px;
}

#odometer {
    margin: 0 auto !important;
    width: 100%;
    overflow-y: hidden;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
}

#odometer .odo {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    height: 137px;
}

.odo-number {
    list-style: none;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.odo:nth-child(1) {
    border-left: 1px solid #AAAAAA;
}

.odo {
    border-right: 1px solid #AAAAAA;
}

.odo-number li {
    width: 100%;
    font-size: 96px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2f2f), color-stop(.5, #1e1f1f), color-stop(.51, #0c0c0c), to(#000));
    background: -webkit-linear-gradient(#2f2f2f, #1e1f1f 50%, #0c0c0c 51%, #000);
    background: -moz-linear-gradient(#2f2f2f, #1e1f1f 50%, #0c0c0c 51%, #000);
    background: -o-linear-gradient(#2f2f2f, #1e1f1f 50%, #0c0c0c 51%, #000);
    background: -ms-linear-gradient(#2f2f2f, #1e1f1f 50%, #0c0c0c 51%, #000);

    color: #fff;
}

/*==================== END ABOUTUS ODOMETERTEMPLATE MODIFICATIONS ====================*/
.about-us-info {
    border: 10px solid #fff;
    background: #e5e5e5;
    min-height: 400px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
    font-size: 16px;
}

.about-us-info .page-header {
    color: #8a1f01;
    font-weight: 700;
    text-align: left;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
    margin-top: 15px;
}

.about-us-info p {
    margin: 15px 5px;
}

#about-us-intro {
    min-width: 100%;
}

.jumbotron {
    margin: 15px auto;
    padding: 2%;
    border: 10px solid #fff;
    background: #ddd;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
    border-radius: 0 !important;
}

.jumbotron h3 {
    margin-top: 10px;
}

.jumbotron p {
    font-size: 14px;
    font-weight: 700;

}

.employee-info {
    margin-top: 15px;
    border: 10px solid white;
    background: #ddd;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
}

.employee-info a {
    word-wrap: break-word;
}

.employee {
    color: #8a1f01;
    font-weight: 700;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
}

/*==================== END ABOUTUS TEMPLATE MODIFICATIONS ====================*/
/*==================== BEGIN HOWITWORKS TEMPLATE MODIFICATIONS ====================*/
.how-it-works-title {
    text-align: center !important;
    margin-top: 0;
}

.how-it-works-header {
    color: #8a1f01;
    font-weight: 700;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
    margin-top: 25px;

}

.how-it-works-description {
    border: 10px solid #fff;
    background: #e5e5e5;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
    overflow: hidden;
    float: left;
}

.bullet-point {
    background: #e5e5e5;
    border: 10px solid #ffffff;
    margin-bottom: 15px;
    box-shadow: 5px 5px 25px #000;
}

.bullet-heading {
    font-weight: 700;
    color: #ba0d00;
}

.bullet-point ul li {
    list-style-type: none;
    background-image: url('../img/content-home/bullets.png');
    background-repeat: no-repeat;
    margin-left: -40px;
    padding-left: 65px;
}

.bullet-point ul li {
    margin-top: 17px;
    font-size: 18px;
    font-weight: 700;
    min-height: 50px;
}

#video-heading {
    font-family: 'Roboto Slab', serif;
    color: #c7031e;
    font-size: 28px;
    text-shadow: 2px 2px 5px #888888;
}

#bullet-text {
    font-size: 18px;
}

#video video {
    width: 100%;
    background: #000;
    box-shadow: 0 0 5px 5px #888888;
}

/*==================== END HOWITWORKS TEMPLATE MODIFICATIONS ====================*/
/*==================== BEGIN INVENTORY TEMPLATE MODIFICATIONS ====================*/
.center {
    text-align: center;
}

.item {
    margin-top: 5px;
}

.truck {
    background: #e5e5e5;
    border: 10px solid #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);

}

.truck-list-row {
    padding-top: 25px;
}

/*.truckTip{
	width: 75%;
}*/
.ajax-main .caption {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    display: none;
    top: 0;
    width: 100%;
    left: 50%;
    margin-left: -50%;
    padding-top: 25px;
    padding-bottom: 25px;
    background: rgba(255, 255, 255, .75);
    color: #000;
    font-size: 18px;
}

.truck-title,
.truck-price {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    text-align: center;

}

.in-stock {
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

.bottom-link {
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #444;
}

.truck-img-align {
    text-align: center;
}

.form-group select.form-control {}

/*==================== BEGIN INVENTORY POP UP MODIFICATIONS ====================*/
.modal-content {
    border-radius: 0;
    border: 10px solid #ffffff;
    background: #e5e5e5;
}

.modal-header {
    font-size: 20px;
    font-weight: bold;
    background: #333333;
    color: #ffffff;
    border-bottom: 2px solid #888888;
}

.close {
    color: #ffffff !important;
    opacity: 1 !important;
}

#truck-carousel {
    height: 266px;
}

#truck-carousel p>img {
    max-height: 266px;
}

#truck-carousel p {
    text-align: center;
}

#truck-carousel .carousel-control {
    color: #ffdd00;
    opacity: 1;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#ntp_left {
    float: left;
    width: 50%;
}

#ntp_right {
    float: right;
    width: 50%;
}

#details {
    height: 570px;
    overflow: auto;
}

/*==================== END INVENTORY POP UP MODIFICATIONS ====================*/
/*==================== END INVENTORY TEMPLATE MODIFICATIONS ====================*/
/*==================== BEGIN APPLYNOW TEMPLATE MODIFICATIONS ====================*/
.application-intro {
    width: 60%;
    font-size: 14px;
    margin-top: 35px;
    margin-bottom: 25px;
}

.application-header {
    text-align: center;
}

.app-section-title {
    margin-left: 100px;
}

.app-input .app-small-input {
    width: 33%;
}

.app-input .app-small-input:nth-child(3) {
    width: 34%;
}

.app-input .app-med-input {
    width: 50%;
}

.form-horizontal .control-label {
    text-align: left;
}

.final-app-notice {
    font-weight: 700;
    letter-spacing: 1px;
}

.form-group .controls-row .control-label {
    padding-left: 0px;
    font-weight: bold;
    cursor: default;
}

.form-group #comments {
    resize: none;
}

.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=tel],
.form-group select,
.form-group textarea {
    box-shadow: 0 0 10px #aaa;
    border-radius: 0;
}

.app-submit-btn {
    background-color: #8a1f01;
    border-radius: 0;
    border: 2px solid #000;
}

.req {
    color: #f00 !important;
}

.has-error.form-group {
    border-left: solid 3px #a94442;
}

/*==================== END APPLYNOW TEMPLATE MODIFICATIONS ====================*/
/*==================== BEGIN CONTACTUS MODIFICATIONS ====================*/
.contact-info {
    text-align: right;
}

.contact-intro {
    width: 60%;
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 25px;
}

#message {
    resize: none;
    width: 100%;
}

.contact-input:nth-of-type(n+2) {
    padding-top: 25px;
}

.contact-input-input,
.input-group-addon {
    box-shadow: 0 0 10px #888;
    border-radius: 0;
}

.message-button {
    background-color: #8a1f01;
    border-radius: 0;
    border: 2px solid #000;
    margin-top: 10px;
}

.second-contact-content {
    padding-top: 50px;
}

.contact-locations {
    background: #fff;
    padding: 0;
    box-shadow: 0 0 10px #888;
    min-height: 450px;
    overflow-x: hidden;
    margin-top: 15px;
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
}

.contact-locations p {
    text-align: center;
}

.contact-locations .map {
    /*margin-left: -42%; /*Please don't change this. 42 is important.*/
    cursor: pointer;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto;
}

.contact-locations .map-placeholder {
    height: 300px;
}

.contact-location-map {
    float: left;
    width: 100%;
    min-height: 300px;
    margin-bottom: 15px;
}

.contact-locations .contact-location-address {
    text-align: center;
    font-weight: 700;
    margin: 0% 3% 3% 3%;
    font-size: 18px;
}

.contact-locations .contact-location-number {
    text-align: center;
    font-weight: 300;
    margin: 0 3% 25px 3%;
    font-size: 18px;
    color: #666;
}

.contact-locations .contact-location-number .tel {
    color: #666;
}

/*==================== BEGIN CONTACTUS MAP POPUP MODIFICATIONS ====================*/
#modal-map {
    width: 100%;
    height: 350px;
}

#map-link {
    margin-bottom: 15px;
}

.travel-info {
    padding-top: 5px;
}

.travel-info:last-child {
    padding-bottom: 25px;
}

/*==================== END CONTACTUS MAP POPUP MODIFICATIONS ====================*/
/*==================== BEGIN CONTACTUS CHAT MODIFICATIONS ====================*/
.chat-icon {
    text-align: center;
    margin-top: 40px;
}

.chat-icon img {
    width: 175px;
}

.chat-heading {
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-shadow: 2px 2px 5px #000;
    font-size: 44px;
}

.chat-avail {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.chat-phrase {
    text-align: center;
    color: #ddd;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    text-shadow: 2px 2px 5px #000;

}

/*==================== END CONTACTUS CHAT MODIFICATIONS ====================*/
/*==================== END CONTACTUS MODIFICATIONS ====================*/
/*==================== BEGIN FAQ MODIFICATIONS ====================*/
.faq {
    text-align: center;
}

.qna {
    font-size: 28px;
    font-weight: 700;
}

.qp,
.ap {
    font-size: 18px;
}

.ap {
    color: #900;
    display: none;
}

.questions {
    background: #ddd;
    border: 10px solid #fff;
}

.form-group .faq-label {
    text-align: right;
}

/*==================== END FAQ MODIFICATIONS ====================*/
/*==================== BEGIN TESTIMONIAL MODIFICATIONS ===================*/
.testimonial-view {
    min-height: 400px;
    margin-top: 15px;
    margin-bottom: 25px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.testimonial-view .container {
    margin: 0;
}

.testimonial-view .container .row div:nth-of-type(1) {
    margin-left: 1%;
    width: 37%;
    padding: 0;

}

.testimonial-view .container .row div:nth-of-type(2) {
    margin-left: 1%;
    margin-right: 1%;
    width: 58%;
    padding: 0;

}

.testimonial-view .container .row div:nth-of-type(1) p {
    text-align: center;
    margin: 0 !important;
}

.testimonial-view .container .row div:nth-of-type(2) p {
    font-size: 18px;
    width: 100%;
}

.testimonial-view img {
    width: 80%;
}

/*==================== END TESTIMONIAL MODIFICATIONS ==================*/
/*==================== BEGIN MEDIA STYLES ====================*/
/*==================== BEGIN MEDIA LARGE(*-lg, px >= 1200) STYLES ====================*/
@media only screen and (min-width: 1574px) {
    .content-banner-parent {
        width: 20% !important;
        margin-left: 2%;
        margin-right: 2%;
    }

    .content-banner-parent:nth-child(3) {
        margin-left: 16%;
    }

    .content-banner-parent:nth-child(5) {
        margin-right: 16%;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1574px) {
    .content-banner-parent {
        width: 28% !important;
        margin-left: 2%;
        margin-right: 2%;
    }

    .content-banner-parent:nth-child(3) {
        margin-left: 4%;
    }

    .content-banner-parent:nth-child(5) {
        margin-right: 4%;
    }

    .testimonial-view {
        min-height: 500px;
    }

    .testimonial-view .container .row div:nth-of-type(1) {
        max-width: 56%;
    }

    .testimonial-view .container .row div:nth-of-type(2) {
        max-width: 46%;
    }
}

/*	@media screen and (min-width: 1400px) and (max-width: 1800px){
		.content-banner-parent{
			width: 26%;
			margin-left: 2%;
			margin-right: 2%;
		}
		.content-banner-parent:nth-child(1){
			margin-left: 7% !important;
			margin-right: 2%;
		}

		.content-banner-parent:nth-child(3){
			margin-left: 2%;
			margin-right: 7% !important;
		}{
	}
*/
@media screen and (max-width: 1600px) {

    /*==================== BEGIN GENERAL MEDIA STYLES ====================*/
    .page-title-top,
    .page-title-bottom {
        font-size: 48px;
    }

    /*==================== END GENERAL MEDIA STYLES ====================*/
    /*==================== BEGIN APPLYNOW MEDIA STYLES ====================*/
    .application-intro {
        margin-top: 10px;
    }

    /*==================== END APPLYNOW MEDIA STYLES ====================*/
    /*==================== BEGIN CONTACTUS MEDIA STYLES ====================*/
    .contact-info {
        font-size: 22px;
    }

    /*==================== END CONTACTUS MEDIA STYLES ====================*/
}

@media screen and (max-width: 1575px) {

    /*==================== BEGIN INVENTORY MEDIA STYLES ====================*/
    .feature-list li {
        font-size: 14px;
    }

    .feature-list li:before {
        font-size: 14px;
    }

    .truckview-subheader {
        font-size: 18px;
    }

    /*==================== END INVENTORY MEDIA STYLES ====================*/
}

@media screen and (max-width: 1500px) {

    /*==================== BEGIN CONTACTUS MEDIA STYLES ====================*/
    .contact-locations .contact-location-address,
    .contact-locations .contact-location-number {
        font-size: 16px;
    }

    .contact-locations {
        min-height: 275px;

    }

    .contact-locations .map {
        /*margin-left: -50%;*/
        /*cursor: pointer;*/
    }

    /*==================== END CONTACTUS MEDIA STYLES ====================*/
}

@media screen and (max-width: 1320px) {

    /*==================== BEGIN INDEX MEDIA STYLES ====================*/
    .content-banner-header {
        font-size: 30px;
    }

    /*==================== END INDEX MEDIA STYLES ====================*/
}

@media screen and (min-width: 1200px) and (max-width: 1385px) {
    .truck {
        min-height: 350px;

    }
}

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

    /*==================== BEGIN GENERAL MEDIA STYLES ====================*/
    .modal-lg {
        width: 1100px;
    }

    /*==================== END GENERAL MEDIA STYLES ====================*/
    /*==================== BEGIN INVENTORY MEDIA STYLES ====================*/
    .truck {
        margin-top: 50px;
        width: 23%;
        margin-left: 1%;
        margin-right: 1%;
    }

    /*==================== END INVENTORY MEDIA STYLES ====================*/
    /*==================== BEGIN APPLYNOW MEDIA STYLES ====================*/
    .app-section-title {
        margin-left: 75px;
    }

    .application-intro {
        margin-bottom: 25px;
        width: 100%;
    }

    /*==================== END APPLYNOW MEDIA STYLES ====================*/

}

/*==================== END MEDIA LARGE STYLES ====================*/
/*==================== BEGIN MEDIA MEDIUM(*-md, px: 996 <= px <= 1200) STYLES ====================*/
@media screen and (min-width: 996px) and (max-width: 1200px) {

    /*==================== BEGIN GENERAL MEDIA STYLES ====================*/
    .second-row {
        padding: 25px 30px 50px 30px;
        background: #e5e5e5 url('../img/header/mountains2.png') repeat-x center bottom;
    }

    #plate {
        width: 100%;
    }

    /*==================== END GENERAL MEDIA STYLES ====================*/
    .contact-locations:nth-child(3) {
        /*margin-top: 10px;*/
    }

    .contact-locations:nth-child(4) {
        /*margin-top: 10px;*/
    }

    .contact-locations .map {
        /*	margin-left: 0;
				width: 100%;*/
    }

    .contact-locations {
        min-height: 430px;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .testimonial-view {
        min-height: 425px;
    }
}

@media screen and (max-width: 1200px) {
    .social-links {
        margin-left: 5pc;
    }

    /*==================== BEGIN GENERAL MEDIA STYLES ====================*/
    p.not-home-left,
    p.not-home-right {
        font-size: 42px;
    }

    .page-title-top,
    .page-title-bottom {
        font-size: 36px;
    }

    #footer .foot-heading {
        font-size: 18px;
    }

    /*==================== END GENERAL MEDIA STYLES ====================*/
    /*==================== BEGIN INDEX MEDIA STYLES ====================*/
    .content-banner {
        min-height: 325px;
    }

    .content-banner-header {
        font-size: 36px;
    }

    /*==================== END INDEX MEDIA STYLES ====================*/
    /*==================== BEGIN INVENTORY MEDIA STYLES ====================*/
    /*.truckTip{
				width: 100%;
			}*/
    .truck {
        margin-top: 50px;
        width: 31%;
        margin-left: 1%;
        margin-right: 1%;
    }

    /*==================== END INVENTORY MEDIA STYLES ====================*/
    /*==================== BEGIN CONTACTUS MEDIA STYLES ====================*/
    .contact-intro {
        margin-bottom: 25px;
        width: 100%;
    }

    .contact-info {
        font-size: 16px;
    }

    .message {
        padding-top: 25px;
    }

    .contact-locations .contact-location-address,
    .contact-locations .contact-location-number {
        font-size: 14px;
    }


    /*==================== END CONTACTUS MEDIA STYLES ====================*/
}

/*==================== END MEDIA MEDIUM STYLES ====================*/
/*==================== BEGIN MEDIA small(*-sm, px: 768 <= px <= 996) STYLES ====================*/
@media screen and (max-width: 996px) {

    /*==================== BEGIN GENERAL MEDIA STYLES ====================*/
    p.top {
        font-size: 55px;
    }

    #plate {
        width: 25%;
        margin-top: -10px;
    }

    p.bottom {
        font-size: 80px;
    }

    .page-title-top {
        text-align: center;
        font-size: 48px;
    }

    #truck-logos {
        width: 100%;
    }

    .foot-heading-container {
        margin-top: 0;
    }

    #footer .foot-heading-container .foot-heading {
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    .copyright {
        text-align: center;
    }

    .home-bar {
        font-size: 14px;
    }

    #plate-not-home {
        width: 25%;
    }

    /*==================== END GENERAL MEDIA STYLES ====================*/
    /*==================== BEGIN INDEX MEDIA STYLES ====================*/
    .content-banner {
        margin-top: 50px;
        min-height: 100px;
    }

    .content-banner img {
        width: 50%;
    }

    .content-banner-header {
        margin-bottom: 25px;
        font-size: 54px;
    }

    /*==================== END INDEX MEDIA STYLES ====================*/
    /*==================== BEGIN INVENTORY MEDIA STYLES ====================*/
    .truckview .truckview-left,
    .truckview .truckview-right {
        width: 100%;
        float: left;
    }

    .truckview-nav {
        width: 100%;
    }

    /*==================== END INVENTORY MEDIA STYLES ====================*/
    /*==================== BEGIN APPLYNOW MEDIA STYLES ====================*/
    .form-group {
        margin-bottom: 0;
    }

    label {
        padding-top: 15px;
        padding-bottom: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .other-label {
        padding-top: 5px;
    }

    .input-group,
    .app-input-no-group {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .application-intro {
        margin-top: 10px;
        font-size: 18px;
        width: 100% !important;
    }

    .app-section-title {
        margin-left: 0;
    }

    /*==================== END APPLYNOW MEDIA STYLES ====================*/
    /*==================== BEGIN CONTACTUS MEDIA STYLES ====================*/
    .contact-locations .map {
        /*	margin-left: 0;
			width: 100%;*/
    }

    .contact-info {
        text-align: center;
        font-size: 24px;
    }

    .contact-intro {
        text-align: center;
    }

    .second-contact-content {
        padding-top: 50px;
    }

    .contact-locations {
        min-height: 125px;

    }

    .contact-locations:nth-of-type(n+2) {
        /*margin-top: 25px;*/
    }

    .contact-locations .contact-location-map {
        text-align: center;
        float: left;
        margin: 0;
    }

    .contact-locations p {
        width: 100%;
        margin: 2%;
    }

    .contact-locations .contact-location-address,
    .contact-locations .contact-location-number {
        margin-top: 0%;
        font-size: 14px;
        text-align: center;
    }

    .contact-locations {
        min-height: 350px;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .testimonial-view {
        min-height: 200px;
    }

    /*==================== END CONTACTUS MEDIA STYLES ====================*/
}

@media only screen and (min-width: 768px) and (max-width: 1010px) {
    .truck {
        min-height: 410px;
    }

    #lmtl-video {
        height: 500px;
    }
}

@media only screen and (min-width: 855px) and (max-width: 888px) {
    .truck {
        min-height: 420px;
    }

}

@media screen and (min-width: 0px and max-width: 997px) {
    .contact-locations .map {
        width: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 835px) {

    /*==================== BEGIN GENERAL MEDIA STYLES ====================*/
    .social-links {
        float: right;
        text-align: center;
        margin-top: -30px;
        margin-left: 5px;
    }

    /*==================== END GENERAL MEDIA STYLES ====================*/
}

/*==================== END MEDIA SMALL STYLES ====================*/
/*==================== BEGIN MEDIA EXTRA SMALL(*-sm, px: <= 768) STYLES ====================*/
@media screen and (max-width: 768px) {

    /*==================== BEGIN GENERAL MEDIA STYLES ====================*/
    p.top {
        font-size: 60px;
    }

    p.bottom {
        font-size: 75px;
    }

    #plate {
        margin-top: -10px;
        width: 30%;
    }

    .social-links {
        float: left;
        width: 150px;
        margin-top: 8px;
        margin-left: 5px;
    }

    .social {
        width: 40px;
    }

    #content {
        padding-top: 0;
    }

    #plate-not-home {
        width: 35%;
    }

    /*==================== END GENERAL MEDIA STYLES ====================*/
    /*==================== BEGIN INDEX MEDIA STYLES ====================*/
    .content-banner img {
        width: 75%;
    }

    /*==================== END INDEX MEDIA STYLES ====================*/
    /*==================== BEGIN INVENTORY MEDIA STYLES ====================*/
    .truck:nth-child(n) {
        width: 70%;
        margin-left: 15% !important;
        margin-right: 15% !important;
    }

    .truckview .truckview-right .truckview-header {
        font-size: 18px;
    }

    .feature-list {
        width: 100%;
    }

    .feature-list li {
        display: inline-table;
        width: 100%;
    }

    /*==================== END INDEX MEDIA STYLES ====================*/
    /*==================== BEGIN APPLYNOW MEDIA STYLES ====================*/
    .app-section-title {
        margin-left: 0;
        text-align: center;
    }

    /*==================== END APPLYNOW MEDIA STYLES ====================*/
    /*==================== BEGIN CONTACTUS MEDIA STYLES ====================*/
    .contact-locations .contact-location-map {
        float: left;
    }

    .contact-locations p {
        width: 100%;
        margin: 2%;
    }

    .contact-locations:nth-child(3) {
        /*margin-top: 10px;*/
    }

    .contact-locations:nth-child(4) {
        /*margin-top: 10px;*/
    }

    .contact-locations .map {
        /*	margin-left: 0;
				width: 100%;*/
    }

    /*==================== END CONTACTUS MEDIA STYLES ====================*/
}

@media screen and (max-width: 650px) {

    /*==================== BEGIN CONTACTUS MEDIA STYLES ====================*/
    .contact-locations .contact-location-address,
    .contact-locations .contact-location-number {
        font-size: 18px;
    }

    /*==================== END CONTACTUS MEDIA STYLES ====================*/
}

@media screen and (max-width: 575px) {
    #details {
        height: auto;
        overflow: visible;
    }

    /*==================== BEGIN CONTACTUS MEDIA STYLES ====================*/
    .contact-locations .contact-location-map {
        float: none;
    }

    .contact-locations p img {
        /*width: 96%;
			margin: 2%;*/
    }

    .contact-locations .contact-location-address,
    .contact-locations .contact-location-number {
        font-size: 18px;
        margin-top: 6%;
    }

    .chat-heading {
        font-size: 36px;
    }

    /*==================== END CONTACTUS MEDIA STYLES ====================*/
}

@media screen and (max-width: 420px) {

    /*==================== BEGIN GENERAL MEDIA STYLES ====================*/
    p.top {
        font-size: 50px;
        font-weight: 300;
    }

    p.bottom {
        font-size: 65px;
    }

    #plate {
        margin-top: -25px;
        width: 60%;
    }

    .content-banner img {
        width: 100%;
    }

    #footer .foot-heading-container .foot-heading {
        padding-top: 5px;
        font-size: 18px;
    }

    #plate-not-home {
        width: 50%;
    }

    /*==================== END GENERAL MEDIA STYLES ====================*/
    /*==================== BEGIN INDEX MEDIA STYLES ====================*/
    .content-banner img {
        width: 100%;
    }

    .content-banner-header {
        font-size: 36px;
    }

    /*==================== END INDEX MEDIA STYLES ====================*/
    /*==================== BEGIN INVENTORY MEDIA STYLES ====================*/
    .truck:nth-child(n) {
        width: 96%;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    .feature-list {
        width: 100%;
    }

    .feature-list li {
        display: inline-table;
        width: 100%;
    }

    /*==================== END INVENTORY MEDIA STYLES ====================*/
    /*==================== BEGIN CONTACTUS MEDIA STYLES ====================*/
    .chat-heading {
        font-size: 28px;
    }


    /*==================== END CONTACTUS MEDIA STYLES ====================*/
}

/*==================== BEGIN CONTACTUS MEDIA STYLES ====================*/

/*==================== END CONTACTUS MEDIA STYLES ====================*/
/*==================== END MEDIA EXTRA SMALL STYLES ====================*/
/*==================== END MEDIA STYLES ====================*/