/*
Theme Name: www.bobcatused.com
Theme URI: /themes/www.bobcatused.com/
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
html, body {
	height:100%;
	width:100%;
	overflow-x: hidden;
}
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
h1 {font-size: 36px; font-family: "Roboto Condensed", sans-serif;font-weight: 700; letter-spacing: .5px; line-height: 40px;}
h2 {font-size: 24px; font-family: "Roboto Condensed", sans-serif;font-weight: 700; letter-spacing: .5px; line-height: 30px;}
h3 {font-size: 18px; font-family: "Roboto Condensed", sans-serif; font-weight: 700;letter-spacing: .5px; line-height: 26px;}
h4 {font-size: 16px; font-family: "Roboto Condensed", sans-serif; font-weight: 700;letter-spacing: .5px; line-height: 22px;}
.h4-styles {font-size: 16px; font-family: "Roboto Condensed", sans-serif; font-weight: 700;letter-spacing: .5px; line-height: 22px; margin-top:auto;}
h5 {font-size: 14px; font-family: "Roboto Condensed", sans-serif; letter-spacing: .5px; line-height: 19px;}
p {font-size: 16px; line-height: 22px; font-family: 'Helvetica Neue', sans-serif; font-weight: 500; }
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;}
.main{padding: 50px 0;} .container{max-width: 1250px !important;}


/* HEADER */

.header{position: relative; background: #000; display: inline-block; width:100%;}
.header .logo{float: left; background: #ff3600; padding: 12px 50px 13px 25px; font-family: "Roboto Condensed", sans-serif; font-weight: 700;}
.header .logo a, .header .logo a:hover{color: #fff;}
.header .logo img{width: 135px;} .header .logo span{display: inline-block; text-indent: 45px; padding: 2px 0;}

/* NAVIGATION */
.equipment-btns {display: none;}
.equipment-btns a {color:#f1f1f1}
.header .nav{float: left;}
.header .nav .navbar-default ul li a{font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #ccc; padding: 25px;}
.header .nav .navbar-default ul li a:hover{color: #fff;}
.header .nav .navbar-default ul ul li a{width: 250px; color: #555; padding: 10px 15px;}
.header .nav .navbar-default ul ul li a:hover{background: #f5f5f5; color: #333;}
.header .nav .navbar-default ul ul li a:before{display: none; content: "";}
.header .nav .dropdown-menu li{padding: 0;}

.header .nav .navbar-default ul li a:before{display: block; margin: 5px auto; width: 27px; height: 20px;}
.header .nav .navbar-default ul li.used-equipment a:before{content:url(images/nav-icons/used-equipment.png); display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.cpo a:before{content:url(images/nav-icons/cpo.png); display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.inventory a:before{content:url(images/nav-icons/inventory.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.rental a:before{content:url(images/nav-icons/rental.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.auctions a:before{content:url(images/nav-icons/auctions.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.parts a:before{content:url(images/nav-icons/parts.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.financing a:before{content:url(images/nav-icons/financing.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.offers a:before{content:url(images/nav-icons/offers.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.about a:before{content:url(images/nav-icons/about.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.contact a:before{content:url(images/nav-icons/contact.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.portal a:before{content:url(images/nav-icons/portal.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.attachments a:before{content:url(images/nav-icons/attachments.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.header .nav .navbar-default ul li.dealer a:before{content: url(images/nav-icons/dealer.png);display: inline-block; vertical-align: middle; margin-right: 10px;}
.navbar-toggle {border-radius: 0;}
.navbar-default .navbar-toggle {margin-right: 30px;}
	.navbar-default .navbar-toggle {background-color: none;}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {background-color:#fff;}

/* HOME PAGE */
.home-container {background:#fff;width: 100%; display: block; padding:13px;}
.gray-bg{background:url(/wp-content/uploads/2019/11/bg-homepage.jpg) no-repeat;width: 100%; display: block;}
.home-conatiner .gray-bg h1 {line-height: 30px;margin-top:25px;}
.site-content {background: #fff;}


/* SPECIAL BANNER ON HOME PAGE */
.special-banner {background: #333;display: grid;grid-template-columns: repeat(2, 1fr);}
.banner-special {display: flex;align-items: center;padding: 5% 0;}
.bannertxt{width: 90%; margin: 0 auto;max-width: 600px;}
.bannertxt {color:#f1f1f1;}
.bannertxt h1 {text-transform: uppercase;font-size: 48px;line-height: 1;}
.banner-txt p {font-family: "Roboto Condensed", sans-serif !important;font-size: 16px !important;line-height: 1.25 !important;}
.banner-img img {height: 100%;width: 100%;object-fit: cover;object-position: center center;}
.banner-img {max-height: 480px; position:relative;}
.banner-ribbon {position:absolute;top: 0;width: 250px;left: 5%;}
.banner-ribbon img {max-width: 100%;width: 100%;}
.button-wrap {display: flex;gap: 20px;justify-content: flex-start;margin-top:30px;}
button.orange-btn {border:1px solid #ff3600;}
button.orange-btn:hover {border:1px solid #000;background: #000; text-transform: uppercase; color:#fff; font-family: "Roboto Condensed", sans-serif;}
button.white-btn {background: #fff;border: 1px solid #ff3600; text-transform: uppercase; color:#ff3600; font-family: "Roboto Condensed", sans-serif;}
button.white-btn:hover {background: #ff3600;color:#fff;}
button.orange-btn,button.white-btn {padding: 8px 10px;font-weight: 800 !important;}


.banner-container {width: 100%;margin: 0 auto;position:relative}
.badge-event {position:absolute; right:0;top: 0;max-width: 200px;cursor: pointer;z-index: 9;}
.badge-event img {max-width: 100%;width: 100%;}
#mobile-badge {display: none;}
/* QUICK LINKS */
#orange {color:#ff3600; font-weight: 700;}
.black {color:#000;}
.container h2 {color:#ff3600;}
.grid{position: relative; list-style: none; text-align: center;}
.grid figure{position: relative; float: left; overflow: hidden; margin: 5px; width: calc(33.3333% - 10px); text-align: center; cursor: pointer;}
.grid figure img{position: relative; background: #fff; display: block; max-width: 100%; padding: 0 25px 50px; box-sizing: border-box;}
.grid figure figcaption::before, .grid figure figcaption::after{pointer-events: none;}
.grid figure figcaption, .grid figure figcaption > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.grid figure figcaption > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.grid figure figcaption > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.grid .col-sm-4{padding: 5px; padding-left: 5px !important; padding-right: 5px !important;}
.main .container .grid figure{float: none; width: 100%; margin: 0;}

figure.effect{background: #ff3600; border: 1px #ccc solid; }
figure.effect img, figure.effect h2{transition: transform 0.35s;}
figure.effect img{backface-visibility: hidden;}
figure.effect h2{background: #f1f1f1; position: absolute; width: 100%; bottom: 0; left: 0; margin: 0; padding: 10px; font-size: 20px; text-transform: uppercase; color: #333; border-top: 1px #ccc solid;}
figure.effect p{position: absolute; width: 100%; bottom: -2px; left: 0;margin: 0; padding: 10px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff; opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: translate3d(0,50px,0);font-family: "Roboto Condensed", sans-serif;letter-spacing: .5px;}
figure.effect p{position: absolute; width: 100%; bottom: -2px; left: 0;margin: 0; padding: 10px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff; opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: translate3d(0,50px,0);font-family: "Roboto Condensed", sans-serif;letter-spacing: .5px;}
figure.effect h4{ color:#fff;}
figure.effect:hover img{transform: translate3d(0,-34px,0); transition: all 0.4s; opacity: .25}
figure.effect:hover h2{transform: translate3d(0,-34px,0);}
figure.effect:hover p{opacity: 1; transform: translate3d(0,0,0);}


/* CPO */
.Cpo-widthh { width: 60%; margin-left:16.5%; padding:2% 0;}
.cpo-width-2 { width: 60%; margin: 0 auto;margin-left:20%; padding:2% 0;}
.cpo-width-2 h2 {border-bottom:1px solid #ddd; padding: 10px 0; margin-bottom: 10px;margin-top:50px;}
.cpo-width-title {width: 80%; margin-left:10%; padding: 2% 0}
.cpo-width-title h2 {border-bottom:1px solid #ddd; padding: 10px 0; margin-bottom: 10px;margin-top:50px;}
.cpo-width-title .btn-warning, .btn-warning:focus {background: #ff3600; text-align: center !important; max-width: 400px; width: 100%; color:#fff; font-family: "Roboto Condensed", sans-serif; font-size: 18px; border:0;}
.cpo-width-title .btn-warning:hover {background: #333 !important;}
.cpo-width .cpo-logo {padding:25px 0; border-top:1px solid #ddd; margin-top:25px;}
.cpo-width-title .small-border {width: 80px; background: #fff; height: 10px; margin:10px 0;}
.cpo-logo { padding: 5% 0; display: inline-block; vertical-align: middle;margin-top:30px;}
.cpo-logo img{max-width: 300px; width: 100%; }

.cpo-col-width{ width: 60%; margin: 0 auto;margin-left:20%; padding:1% 0; display: flex; flex-direction: row;}
.col-4 {width: 30%; margin:0 1%; justify-content: flex-start;align-items: top; border-top:1px solid #ddd;}
.col-4 h3 {text-align: center; color:#ff3600;}
.text-left-cpo  {display: inline-block; width: 60%; vertical-align: middle;margin-right: 2%;}
.img-right-cpo {display: inline-block; width: 29%; vertical-align: middle;}
#sidebar8-hero { background:#f1f1f1; flex-direction: row; align-items: center;}
#sidebar8-cpo-container {background: #f1f1f1; padding: 3% 0;}

#sidebar8-sideBar1 {background: url(images/bg-img.jpg) no-repeat; background-attachment: fixed; width: 100%; background-position: center; }
.cpo-header-left {width: 68%; display: inline-block; vertical-align: middle;}
.cpo-img-right {width: 30%; display: inline-block; vertical-align: middle;}
/* SEARCH */
.search-form .row .column4 {display: inline-block;width: calc(33.3333% - 10px); vertical-align: top;}
.search-form{background: #000;margin:10px 13px 0 13px;}
.search-form .container{ text-align: left;}
.search-form h2{display: block; background: #000; width: 250px;  text-align: left; text-transform: uppercase; color: #fff;}
.search-form .row{margin: 0 0 10px;}
.search-form input, .search-form select{display: block; width: 100%; background: #fff; padding: 10px; font-family: "Roboto Condensed", sans-serif; font-size: 13px;}
.search-form input[type="submit"]{display: block; font-size: 16px; background: #ff3600; padding: 10px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border: none; transition: all .2s ease-in-out; margin-top:-25px;}
.search-form input[type="submit"]:hover{background: #992100;}

.tab-buttons{display: flex; max-width: 370px; width: 100%;}
.tab-buttons a{display: block; border-bottom: 10px solid #ff3600; background: none; flex: 1; padding: 15px 0; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;  cursor: pointer;}
.tab-buttons a:hover, .tab-buttons a.active{background: none; color: #ff3600;border-bottom: 10px solid #ff3600}
.tab-buttons img{position: relative; top: -3px; right: 2px;}
.tab-container{padding: 10px 0;}
.tab-container .tab-content{display: none;}

/* NOUI SLIDER */

.noUi-target{position: relative; direction: ltr}
.noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.tab-container .noUi-handle{position: relative; z-index: 1} /*----- WRAP in conditional class so that this doesn't conflict with inventory faceted search--*/
.noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value{position: absolute}
.noUi-horizontal{height: 12px; z-index: 0}
.noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.noUi-background{background: #ccc;}
.noUi-connect{background: #ff3600 !important; border: 1px #ccc solid;}
.noUi-target{width: calc(95% - 15px); margin: 15px auto;}
.noUi-handle{background: #fff !important; border: 1px solid #ccc; border-radius: 3px;}
.noUi-handle:after, .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.noUi-handle:after{left: 12px}
.noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.example-val{font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-weight: 700; color: #fff;} .example-val span{font-weight: 400;}
#slider-price-value-lower:before, #slider-price-value-upper:before{content: '$'; padding-right: 2px}


/* INVENTORY */
.list-content .list-title .list-title-text {letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.list-content .listing-portion-title {letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .buy-now-link, .list-container-flexrow .check-availability-link, .list-container-flexrow .email-seller-link, .list-container-flexrow .dealer-phone-call {background: #333; text-transform: uppercase; letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}

.list-container-flexrow .view-listing-details-link, .list-container-flexrow .buy-now-link {background: #ff3600;}
.faceted-search-content .selected-facets-container .selected-facet {background:#ff3600;}
.list-container-flexrow .price-container .price {color:#ff3600;}
.list-container-flexrow .spec-label {letter-spacing: .3px;font-family: "Roboto Condensed", sans-serif; text-transform: uppercase;}
.faceted-search-content .faceted-section-box .faceted-search{letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif; text-transform: uppercase;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content .search-results {color:#ff3600;font-family: "Roboto Condensed", sans-serif;}
.detail-content .detail-main-body .main-detail-data .offer-btn {background:#ff3600;font-family: "Roboto Condensed", sans-serif;}
.detail-content .detail-main-body .main-detail-data .offer-btn:hover {background:#333;font-family: "Roboto Condensed", sans-serif;}
.detail-content .detail-main-body .main-detail-data .detail-price {color:#ff3600;letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content .detail-main-body .main-detail-data .detail-title {letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content .breadcrumbs {letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content .detail-additional-data .data-row .data-value {letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content .detail-additional-data .data-row .data-label {letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif; background: #333;}
.mobile-breadcrumb {background: #333;letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {background: #333;}
.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {background: #333;letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile{background: #333;letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content-mobile .detail-main-body .main-detail-data .detail-price {color:#ff3600; letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content-mobile .detail-main-body .main-detail-data .detail-title {letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}

.detail-content-mobile .detail-additional-data .data-row .data-label {background: #333;letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile:hover {background: #ff3600;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile:hover{background: #ff3600;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile:hover, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile:hover{background: #ff3600;}
.faceted-search-content .faceted-section-box .faceted-view-more-btn {background:#ff3600;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {background:#333;}
.detail-content .dealer-info .contact-information {color:#333;letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content .dealer-info .dealer-company-header{color:#333;letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif;}
.detail-content .dealer-info .phone-and-email .send-email-btn {border:1px solid #333; color:#333;letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif; }
.list-content .list-title .list-listings-count {color:#ff3600;}
.detail-content .dealer-info .phone-and-email .send-email-btn:hover{border:1px solid #ff3600; color:#ff3600;letter-spacing: .5px;font-family: "Roboto Condensed", sans-serif; }
.list-content .list-top-section .listing-option-bar .list-listings-count {color:#ff3600;}

.list-container-flexrow .view-listing-details-link {background:#ff3600 !important}
.list-container-flexrow .view-listing-details-link:hover {background: #333 !important;}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* FOOTER */
.gray-bg-foot {background:#f1f1f1;  width: 100%; display: inline-block; padding: 10px 0;}
.footer-bobcat {background: #000; width: 100%; display: inline-block;}
.width-footer {width: 60%; margin: 0 auto;}
.one-tough {float: left; padding:10px 0;}
.one-tough img {max-width: 200px; width: 100%;}
.bobcat-logo-foot  {float: right; padding: 10px 0;}
.bobcat-logo-foot img {max-width: 300px; width: 100px;}
.gray-bg-foot a {letter-spacing: .5px;font-size: 14px; font-family: "Roboto Condensed", sans-serif; color:#000; margin-right: 25px; transition: .3s ease;}
.gray-bg-foot a:hover {color:#ff3600;}
.copyright {display: flex; flex-direction: row; align-items: stretch;  margin: 0 auto; width: 100%; padding: 20px 0 ;}
.doosan-logo { max-width: 170px; width: 100%; justify-content: flex-start; align-items: center; margin-top:5px;}
.doosan-logo img {width: 100%;}
.copyright-desc{ justify-content: flex-start; align-items: left; width: 80%; margin-left: 5%;}
.copyright-desc p {letter-spacing: .5px;font-size: 14px; font-family: "Roboto Condensed", sans-serif;}
.paging-container .page-navs .list-page-nav {background: #ff3600 !important;}


.detail-content-mobile .detail-additional-data .data-row .data-label, .detail-content .detail-additional-data .data-row .data-label {background: #f5f5f5; color:#000; font-weight: 700;}
.detail-content .detail-additional-data .data-row .data-value {background:transparent; border-bottom:1px solid #f5f5f5; font-weight: 500;}
.detail-content-mobile .detail-additional-data .data-row .data-value{background:transparent; border-bottom:1px solid #f5f5f5; font-weight: 500;}
.detail-group-data h2 {font-size: 18px; color:#ff3600;}


.ts-modal-container button,button.orange-btn {background: #ff3600; text-transform: uppercase; color:#fff; font-family: "Roboto Condensed", sans-serif;}
.ts-modal-container button:hover{background: #333; text-transform: uppercase; color:#fff; font-family: "Roboto Condensed", sans-serif;}

.fin-calc p {margin-top:15px; display: inline-block; vertical-align: middle; line-height: 14px;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin-left: 3px;}
.paging-container .page-navs .page-nav, .contact-options a {background: #ff3600 !important; color:#fff !important}
.detail-content-mobile .detail-additional-data .data-row .data-value{font-family: "Roboto Condensed", sans-serif;}
.detail-wrapper .details-fin-calc .detail-btn-calc p {
    color: #000;
    font-weight: 500;
    margin-left: 5px;
    text-align: left;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 7px 0px 5px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
}
.offer-btn .fa-tag {margin-right: 5px;}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

@media only screen and (max-width : 1400px) {		
	.header .nav .navbar-default ul li a {padding: 25px 10px; font-size: 11px;}
	/*.Cpo-width { width: 80%; margin: 0 auto;margin-left:10%; padding:2% 0;}*/
	.cpo-width-2 { width: 80%; margin: 0 auto;margin-left:10%; padding:2% 0;}
	.cpo-col-width{ width: 80%; margin: 0 auto;margin-left:20%; padding:1% 0; display: flex; flex-direction: row;}
	.bannertxt h1 {font-size: 36px;}
.banner-ribbon {
    max-width: 200px;
    left: 0 !important;
}
	
	
	.badge-event {width: 325px;position:unset !important;max-width: 100%;margin-bottom: 15px;}
	.banner-container {display: inline-flex;justify-content: flex-start;}
	#desktop-badge {display: none !important;}
	#mobile-badge {display: block !important;}
}
@media only screen and (max-width : 1080px) {	
	.header .nav .navbar-default ul li a {padding: 25px 5px; }
	.cpo-col-width{ width: 80%; margin: 0 auto;margin-left:10%; padding:1% 0; display: block; flex-direction: row;}
	.col-4 {width: 100%; margin:0 1%; justify-content: flex-start;align-items: top; border-top:1px solid #ddd;}
	#sidebar8-hero #9-0, #sidebar8-hero #9-1 {width: 100% !important;}
	#sidebar8-sideBar1 {background: none;  }
	.text-left-cpo {width: 100%;}
	.text-right-cpo {display: none;}
	.cpo-header-left {width: 100%; display: inline-block; vertical-align: middle;}
	.cpo-img-right {width: 100%; display: inline-block; vertical-align: middle; text-align: center; margin-top:25px; border-top:1px solid #fff; padding:25px 0;}
	.cpo-img-right img {float: none; text-align: center;}
	.width-footer {width: 80%;}

}
@media only screen and (max-width : 1020px) {	
	.header {max-height: 84px;}
	.header .nav {width: 100%; margin: 0 auto;}
	.equipment-btns {font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 25px; display: inline-block;  text-align: center;}
	.equipment-btns-wrapper {position: absolute; left: 220px;}
	.equipment-btns img {text-align: center;margin-top:-15px;}
	.navbar .navbar-collapse.navbar-center  {width: 100%; margin-top:80px; background: #000;}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	position: absolute;
	top: -80px;
	right: 0;
	z-index: 999;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent;}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {background-color:#fff;}
	.header .nav .navbar-default ul li a {padding: 10px 20px; text-align: left; background: #000; margin:2px; font-size: 14px; letter-spacing: .5px; border-bottom: 2px solid #000; transition: .2s ease;}
	.header .nav .navbar-default ul li a:hover {border-bottom: 2px solid #ff3600;}
	.list-content .list-title {width: 90% !important; margin: 0 auto !important;}
	.cpo-width p {column-count: 1;}
	.cpo-width-title .btn-warning, .btn-warning:focus {width: 100%; max-width: 900px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 993px) {
	.grid figure { width: calc(49.3333% - 10px);}
	.gray-bg {background: #fff;}
	.tab-buttons {margin: 0 auto; background: #ff2600; color:#fff; border-bottom: none; max-width: 993px;}
	.tab-buttons a:hover, .tab-buttons a.active {color:#fff;}
	.search-form h2 {text-align: center; width: 100%;}
	.search-form .row {text-align: center;}
	.search-form .row .column4 {width: 90%; padding:5px 0; text-align: left;}
	.search-form .row {margin: 0 auto;}
	figure.effect h2 {font-size: 16px;}
	.width-footer {width: 85%;}
	.bannertxt h1 {font-size: 28px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 768px) {
	.navbar-default .navbar-toggle {margin-right: 50px;margin-top:15px;}
	.navbar .navbar-collapse.navbar-center {margin-right: 0px;}
	.copyright {display: block;}
	.doosan-logo {margin: 0 auto; max-width: 200px;}
	.doosan-logo img {max-width: 250px; padding: 15px 0;}
	.copyright-desc {width: 100%;padding-top:5px; margin: 0 auto;}
	.special-banner {grid-template-columns: repeat(1, 1fr);}
	.banner-special {order: -1;}
	.banner-txt {max-width: 100%;}
	.bannertxt h1 {font-size: 32px;}
	.banner-img {max-height: 350px !important;}
	.banner-special {padding: 30px 0 !important;}
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 650px) {
	.header {max-height: 69px;}
	.header .logo {padding: 10px 17px 10px 25px;}
	.equipment-btns {padding:25px 8px; font-size: 12px;}
	.equipment-btns-wrapper { left: 150px;}
	.header .nav .navbar-default ul li a {text-align: left; padding: 8px 0px;}
	.header .logo img {width: 95px;}
	.header .logo span {text-indent: 30px;}
	.width-footer {width: 90%;}
	.one-tough {padding: 13px 0;}
	.one-tough img {max-width: 130px;}
	.grid figure{ width: calc(100% - 10px);}
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.header .logo {padding: 10px 14px 10px 8px}
	.hamburger {padding: 20px 7px;}
	.equipment-btns {padding:25px 6px; font-size: 10.4px; }
	.equipment-btns-wrapper {left:125px;}
	.cpo-width {width: 90%; margin-left: 5%;}
	.cpo-width h4 {font-size: 16px;}
	.cpo-width .btn-warning, .btn-warning:focus {background: #ff3600; text-align: center !important; max-width: 350px; width: 100%; color:#fff; font-family: "Roboto Condensed", sans-serif; font-size: 15px; border:0;}
	.cpo-width-title .btn-warning {font-size: 15px;}
	.banner-ribbon {max-width: 100px;}

}
@media only screen and (max-width : 375px) {
	.navbar-default .navbar-toggle {margin-right: 26px;margin-top:15px;}
}
@media only screen and (max-width : 325px) {
	.navbar-default .navbar-toggle {margin-right: 25px;}
}