/* RESET
------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    -webkit-text-size-adjust: none;
    font-family: 'Fjalla One', sans-serif;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #e9232a;
    text-decoration: none;
}

p {
    padding: 20px 0;
    font-family: 'Montserrat', sans-serif;
}

.boxs-reset, .boxs-reset *{box-sizing: border-box;}
.foot-half a{color: white !important;}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/

.clear {
    clear: both;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.none {
    display: none;
}

* {
    box-sizing: border-box;
}

body {}

.wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
}

.no-pad-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

.sub-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    padding: 60px 20px;
}

::selection {
    color: #fff;
    background: #356088;
}

::-moz-selection {
    color: #fff;
    background: #356088;
}


/* HEADER
----------------------------------------------*/

.header {
    width: 100%;
    display: inline-block;
    text-align: right;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.hero .header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.logo {
    text-align: left;
    width: 25%;
    margin: 0 auto;
    display: inline-block;
    padding: 10px;
}

.logo img {
    width: 320px;
    margin: 0;
}


/*STICKY NAV*/

header {
    text-align: center;
    color: #fff;
}

header.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    z-index: 999;
}


/*END STICKY NAV*/


/* HOME PAGE STYLES
-----------------------------------------------*/

.hero {
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 auto;
    background: url(../siteart/lumber-yard.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.hero-cta {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 200px 0;
    margin: 0 auto;
}

.cta {
    width: 30%;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
}

.cta-border-bottom {
    width: 88%;
    display: block;
    margin: 0;
    transform: skewX(-12deg);
    background: #333;
    height: 15px;
}

.cta-content {
    background: #484848;
    border: 2px solid #000;
    transform: skewX(-12deg);
    text-align: left;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 2px 9px rgba(0, 0, 0, 0.7);
    height: 220px;
}

.cta-content .unskew {
    transform: skewX(12deg);
    padding: 70px 30px;
}

.cta-content h3 {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    font-size: 26px;
    font-weight: normal;
}

.cta-btn {
    display: inline-block;
    margin-left: 0;
    margin-top: 15px;
    padding: 7px 30px;
    text-align: center;
    color: #fff;
    background: #E9232A;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    transition: ease .3s;
}

.cta-btn:hover {
    background: #000;
    color: #fff;
    transition: ease .3s;
}

#piggyback {
    background-image: url(../siteart/cat-icons/truck-mounted.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}

#trucks {
    background-image: url(../siteart/cat-icons/trucks.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}

#trailers {
    background-image: url(../siteart/cat-icons/trailers.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}

.welc-section {
    padding: 200px 100px 80px 0;
    background: url(../siteart/welc-texture.png);
}

.welc-section .title-top,
.welc-section .title-bottom {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 26px;
    font-weight: normal;
    line-height: 2.5;
    width: 100%;
}

.welc-section .title-top {
    border-bottom: 3px solid #000;
    margin-left: 0;
    text-align: right;
    padding-right: 20px;
    width: 40%;
    display: block;
    position: relative;
}

.title-line {
    border-top: 2px solid #000;
    border-right: 6px solid #000;
    padding: 4px 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    bottom: -72px;
    height: 61px;
    width: 180px;
}

.welc-section .title-bottom {
    display: block;
    margin-left: 39.65%;
    border-bottom: 5px solid #000;
    width: 40%;
    padding-left: 20px;
    position: relative;
}

.title-line-bottom {
    border-top: 5px solid #000;
    padding: 4px 0;
    position: absolute;
    left: 20px;
    bottom: -5px;
    width: 100%;
}

.welc-section p {
    width: 40%;
    margin-left: 40%;
    padding: 40px 20px;
    line-height: 1.7;
    font-family: 'Montserrat', sans-serif;
}


/* SUB PAGES
------------------------------------------------*/

.sub-wrapper h1 {
    font-size: 26px;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1.5px;
}

.sub-wrapper h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1.5px;
    color: #E9232A;
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #C7C7C7;
}

.sub-wrapper p {
    line-height: 1.5;
}

.sub-btn {
    display: inline-block;
    margin-left: 0;
    margin-top: 15px;
    padding: 7px 30px;
    text-align: center;
    color: #fff;
    background: #E9232A;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    transition: ease .3s;
}

.sub-btn:hover {
    background: #000;
    color: #fff;
    transition: ease .3s;
}


/* Moffett page */

.pic-right {
    width: 100%;
    display: inline-block;
    padding: 20px 0;
    margin: 0 auto;
}

.pic-right h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1.5px;
    color: #E9232A;
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #C7C7C7;
}

.pr-txt {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.pr-pic {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding: 0 40px;
}

.pr-pic img {
    display: block;
    width: 100%;
    max-width: 450px;
}

.pic-left {
    background: #f1f1f1;
    width: 100%;
    padding: 40px 0;
}

.pic-left h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1.5px;
    color: #E9232A;
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #C7C7C7;
}

.pl-pics {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    padding: 40px;
}

.pl-pics img {
    width: 100%;
    max-width: 400px;
}

.pl-txt {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}

.mobile-carousel {
    display: none;
}


/* contact page */

.contact-pg-info {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 60px 0;
}

.contact-left {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    height: 250px;
    background: #fff;
    box-shadow: 6px 7px 23px 0px rgba(0, 0, 0, 0.4);
    padding: 40px;
    text-align: left;
    border: 1px solid #8e8e8e;
    margin: 0 auto;
}

.contact-left a {
    color: #8e8e8e;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}

.contact-left a:hover {
    color: #E9232A;
    text-decoration: none;
}

.contact-right {
    width: 69%;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    margin: 0 auto;
}


/*----------DETAILED SEARCH----------------------------*/

.detailed-search-wrap {
	
	font-family: "Source Sans Pro", sans-serif;
	width:65%;
	display: inline-block;
	background:#232323;
	padding: 100px;
	box-shadow:45px 0px 36px 30px #232323;
}

.detailed-search-wrap .content {
	width: 100%;
	margin: 0 auto;
}

.detailed-form {
	margin: auto;
}
.content  h4{
	color:#E9232A;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
	letter-spacing: 1.5px;
}

.clear {
	clear: both;
}
.detailed-row {
	margin: 15px auto;
	font-size: 18px;
	display: flex;
	align-items: center;
}
.column3 {
	width: 33%; justify-content: flex-start; margin: 3px;
}.column4 {
	width: 33%; justify-content: flex-start; margin: 3px;
}

.detailed-search input[type='submit'] {
	font-size: 16px;
	padding: 15px 0;
	width: 100%;
	color: #ccc;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	outline: none;
	border: none;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	background:#000; 
	text-decoration:none;
	font-weight: 600;
	
}
.detailed-search input[type='submit']:hover{
	background:#e9232a;
	cursor: pointer;
	
}
.detailed-search input[type='text'] {
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 15px;
	height: 40px;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
	background:#171717; 
	border: 1px solid #171717; 
	color:#fff;
}
.detailed-search-wrap h3 span {
	color: #fff;
}

.detailed-search-wrap main {
  width:100%;
  padding: 50px;
  margin: 0 auto;
}

.detailed-search-wrap section {
  display: none;
}

.detailed-search-wrap label {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.detailed-search-wrap label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

/*label[for*='1']:before { content: '\f1cb'; }
label[for*='2']:before { content: '\f17d'; }
label[for*='3']:before { content: '\f16b'; }
label[for*='4']:before { content: '\f1a9'; }*/

.detailed-search-wrap label:hover {
  color: #fff;
  cursor: pointer;
}

.detailed-search-wrap input:checked + .detailed-search-wrap label {
  color: #fff;
  border: 1px solid #ddd;
  border-top: 2px solid #e9232a;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2 {
  display: block;
}


/* NOUI SLIDER */
.detailed-search-wrap .hp-slider .example-val {padding: 5px 0;}
.detailed-search-wrap .noUi-target{position: relative; direction: ltr}
.detailed-search-wrap .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search-wrap .noUi-handle{position: relative; z-index: 1}
.detailed-search-wrap .noUi-marker, .detailed-search-wrap .noUi-pips, .detailed-search-wrap .noUi-tooltip, .detailed-search-wrap .noUi-value{position: absolute}
.detailed-search-wrap .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search-wrap .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search-wrap .noUi-background{background: #ccc;}
.detailed-search-wrap .noUi-connect{background: #5a5a5a !important; border: 1px #000 solid;}
.detailed-search-wrap .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search-wrap .noUi-handle{background: #e9232a !important; border: 1px solid #ccc; border-radius: 3px;}
.detailed-search-wrap .noUi-handle:after, .detailed-search-wrap .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #ccc; left: 10px; top: 3px}
.detailed-search-wrap .noUi-handle:after{left: 12px}
.detailed-search-wrap .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search-wrap .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.detailed-search-wrap .example-val{font-size: 12px; font-weight: 600; color: #ccc;} .detailed-search-wrap .example-val span{font-weight: 400;}

.detailed-search-wrap #slider-price-value-lower:before, .detailed-search-wrap #slider-price-value-upper:before{content: '$'; padding-right: 2px}

/* INVENTORY
------------------------------------------------*/

.cf {
    background: #fff;
}

.hosted-content .listings-wrapper .listings-list .listing-banner {}

.hosted-content input[type='submit'],
.hosted-content button[type='submit'],
.hosted-content .btn,
.hosted-content .button {
    background: #E9232A !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10 {
    width: auto !important;
}

.hosted-content h1 {
    font-size: 26px !important;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 0 !important;
    font-weight: normal;
    letter-spacing: 1.5px;
}

.hosted-content .listings-wrapper .listings-list .category-banner h3 {
    text-transform: none !important;
    letter-spacing: 1px !important;
}

.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
    text-transform: none !important;
}


/*  SCROLLING INVENTORY
------------------------------------------------*/

.scrolling-wrap {
    width: 70%;
    overflow: hidden;
    background: #E9232A;
    margin-right: 0;
    margin-top: -30px;
    padding: 45px 0 5px 45px;
    z-index: 0;
    position: absolute;
    right: 0;
}

.scrolling {
    width: 100%;
    height: 92px;
}


/* FOOTER
------------------------------*/

.footer {
    width: 100%;
    color: #fff;
    background: #232323;
    position: relative;
    margin: 0 auto;
    padding-bottom: 50px;
    overflow-x: hidden;
    display: block;
}

.footer a,
.footer ul li,
.footer p,
.footer span {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.footer a {
    color: #fff;
    text-decoration: none;
}

.footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer ul li {
    list-style: none;
    line-height: 2;
}

.footer p {
    padding: 0 0 20px 0;
    line-height: 1.5;
}

.footer h3 {
    font-size: 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 10px;
}

.foot-left {
    width: 49%;
    display: inline-block;
    padding: 100px;
    text-align: left;
    margin: 0 auto;
    background: #000;
    vertical-align: middle;
}

.foot-half {
    width: 49%;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    vertical-align: top;
}

.foot-right {
    width: 59%;
    padding: 100px;
    background: #E9232A;
    position: absolute;
    right: -50px;
    top: -20px;
    transform: skewX(-12deg);
    vertical-align: middle;
}

.foot-right .foot-half {
    transform: skewX(12deg);
}

.foot-hours {
    width: 100%;
    padding: 30px;
    text-align: center;
    border: 2px solid #fff;
    display: inline-block;
    margin: 0 auto;
}

.hr {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

.hr .hi {
    text-transform: uppercase;
    padding: 10px 0;
    text-align: left;
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
}

.hr .hi:last-child {
    text-align: right;
}

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#e9232a !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#e9232a !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #e9232a !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #e9232a !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}



@media screen and (max-width:1400px) {
    .foot-left {
        padding: 60px;
    }
    .foot-right {
        padding: 60px;
    }
}

@media screen and (max-width:1300px) {
    .welc-section .title-bottom {
        width: 60%;
    }
    .welc-section p {
        width: 65%;
    }
}

@media screen and (max-width:1280px) {
    .logo {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:1100px) {
    .hero-cta {
        padding: 200px 0 100px 0;
    }
    .cta-content .unskew {
        padding: 50px 20px;
    }
    .foot-left {
        width: 100%;
    }
    .foot-right {
        width: 100%;
        transform: skew(0deg);
        position: relative;
        left: 0;
        top: 0;
    }
    .foot-right .foot-half {
        transform: skewX(0deg);
    }
}

@media screen and (max-width:1000px) {
    .contact-left {
        width: 100%;
        height: auto;
    }
    .contact-right {
        width: 100%;
        padding: 20px 0;
    }
}

@media screen and (max-width:900px) {
    .cta {
        width: 50%;
    }
    .cta-content {
        height: auto;
    }
    .welc-section {
        padding: 150px 20px 60px 20px;
    }
    .welc-section .title-top {
        width: 100%;
        text-align: left;
        border-bottom: none;
        padding-left: 0;
        line-height: 1;
    }
    .title-line {
        display: none;
    }
    .welc-section .title-bottom {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        line-height: 1;
        padding: 5px 0;
    }
    .welc-section p {
        width: 100%;
        margin-left: 0;
    }
    .title-line-bottom {
        left: -10px;
        bottom: -25px;
    }
	.detailed-search-wrap{
		width: 100%;
		padding: 50px;
	}
}

@media screen and (max-width:800px) {
    .pr-txt,
    .pl-txt {
        width: 100%;
    }
    .pl-pics,
    .pr-pic {
        display: none;
    }
    .pic-right {
        padding: 0;
    }
    .mobile-carousel {
        display: block;
    }
}

@media screen and (max-width:700px) {
    .cta {
        width: 70%;
    }
    .foot-left {
        padding: 40px 20px;
    }
    .foot-right {
        padding: 40px 20px;
    }
}

@media screen and (max-width:600px) {
    .foot-half {
        width: 100%;
        text-align: center;
        padding-bottm: 20px;
    }
	
	.detailed-row{
		display: block;
	}
	.column3{width: 100%;}
	.column4{width: 100%; padding-bottom: 30px;}
	
}

@media screen and (max-width:500px) {
    .cta {
        width: 90%;
    }
    .scrolling-wrap {
        width: 100%;
        position: relative;
        padding: 5px 0;
        margin-top: 0;
        height: 100px;
    }
    .welc-section {
        padding: 60px 20px;
    }
}