@charset "utf-8";
/* CSS Document */


/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}

/*===================== 
	default styles 
=======================*/

html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
.clear { clear: both;}
.main-content {padding: 0;}
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0; padding-right: 0;}
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {padding-left: 0; padding-right: 0;}
a:focus, a:hover {text-decoration: none; outline:none!important;}
.tooltip-inner {
  background: #333;
  color: #fff;
  font-family: 'Oswald',sans-serif;
  text-transform: uppercase;
  letter-spacing: .5px;
}
/*===================== 
	header styles 
=======================*/
.top-head {padding: 20px 10%!important;}
.btm-row {padding: 0!important; background: transparent!important;}
.head-left {padding: .5% 0 0 0;}
.head-middle {padding: 0!important;}
.head-right {text-align: right;}
.logo {width: 100%; max-width: 375px; display: block; margin: auto;}

.fb-box {
	display: inline-block;
	background-color: #c28e21;
}
.fb-box i {
	font-size: 20px; 
	padding: 10px 15px;
	color: #fff;
}

.fb-box:hover {background-color: #333333;}

/*---------------------NAVIGATION------------------*/

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color: #002173;
	padding: 0; 
	margin: 0;
}

.navitems {padding: 0 5%;}
.nav>li>a {padding: 15px;}
.navbar {min-height: auto;}


.centernav {float: none; text-align: center;}
.navbar-nav>li {float: none; display: inline-block;}
.navbar-default .navbar-nav>li>a {
	background-color: transparent; 
	color: #fff;
	font-family: 'Oswald',sans-serif;
	font-weight: 500; 
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: .5px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color: #004990;
	color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #004990;
	color: #fff;
}
.dropdown-menu {
	padding: 0;
	border: none;
	border-radius: 0px;
}

.dropdown-menu>li>a {
	padding: 10px 15px; 
	font-family: 'Oswald', sans-serif;
	font-weight: 500; 
	text-transform: uppercase;
	font-size: 15px;
	color: #002173;
}
.dropdown-menu>li>a:hover {
	background-color: #ebebeb;	
	color: #002173;
}

/*---------------------MOBILE NAVIGATION------------------*/

.navbar-default {
	background-color: #002173;
	border: none; 
	border-radius: 0px;
	margin: 0;
}

.navbar-default .navbar-toggle {border: none; margin: 0; padding: 15px 5%;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; border-radius: 0px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent;}
.navbar-collapse.in {margin: 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {background-color: #ebebeb;}

/*---------------------Top Header Area------------------*/

.navsub {
	font-family: 'Oswald',sans-serif; 
	font-weight: 600; 
	font-size: 16px; 
	font-style: italic; 
	margin: 0; 
	padding-bottom: 5px;
}
.navhead {
	font-family: 'Oswald',sans-serif; 
	font-weight: 900; 
	font-size: 30px; 
	font-style: italic; 
	margin: 0; 
	text-transform: uppercase;
}

.navphone {
	font-family: 'Oswald',sans-serif; 
	font-weight: 600; 
	font-size: 20px; 
	margin: 0; 
	padding-bottom: 10px;
}

.navaddy {
	font-family: 'Oswald',sans-serif; 
	font-weight: 600; 
	font-size: 16px; 
	margin: 0; 
}

/*===================== 
	footer styles 
=======================*/
.foot-left {padding: 0;}
.footer-bg {background-color: #002173; padding: 50px 10%!important;}
.foot-logo {width: 100%; max-width: 300px; display:block; margin: auto;}
.foot-social-wrap {padding-bottom: 20px;}
.foot-head {
	font-family: 'Oswald',sans-serif; 
	font-size: 20px; 
	margin: 0; 
	padding-bottom: 10px; 
	color: #2179cf; 
	font-weight: 900;
	text-transform: uppercase;
	font-style: italic;
}

.footlist {
	list-style-type: none; 
	padding: 0; 
	margin: 0;
}
.footlist li a {
	color: #fff;
	font-family: 'Roboto',sans-serif;
	font-weight: 400; 
	font-size: 13px; 
	text-transform: uppercase;
}
.footlist li a:hover {color: #2179cf;}

.fb-box-foot {
	display: inline-block;
	background-color: #fff;
}
.fb-box-foot i {
	font-size: 20px; 
	padding: 10px 15px;
	color: #002173;
}

.fb-box-foot:hover {background-color: #2179cf;}

.copyright {
	font-family: 'Roboto', sans-serif;
	font-size: 11px; 
	margin: 0; 
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	font-weight: 400;
}
.copyright a {color: #fff; font-weight: 600;}
.copyright a:hover {color: #2179cf;}

.foot-right {text-align: right;}
.foot-txt-wrap {padding-top: 20px;}
.foot-txt {
	font-family: 'Oswald',sans-serif;
	font-size: 16px; 
	font-weight: 500; 
	padding: 7px 0;	
	margin: 0;
}

/*===================== 
	home hero styles 
=======================*/

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* Carousel Styles */
.carousel-inner img {
    width: 100%;
}

.carousel-control {
    width: 0;
}
.carousel-indicators {
	text-align: center;
}
.carousel-indicators li {
	border-radius: 0px;
	width: 20px; 
	height: 20px;
	border: none;
	background-color: #fff;
	opacity: .5;
	margin: 3px;
}
.carousel-indicators .active {
	width: 20px; 
	height: 20px;	
	border:none; 
	background-color: #fff;
	opacity: 1;
	margin: 3px;
}

/*=================================================================== 
		HOME PAGE
===================================================================*/

.about-section {
	background: #dfdfdf;
	padding: 50px 0 50px 10%; 
}
.white-border {
	height: 8px;
    background-color: #fff;
    width: calc(100% - 465px);
    position: absolute;
    top: 15px;
    right: 0;	
}
.brand-section {
	padding: 50px 10% 50px 0;
}
.grey-border {
	height: 8px;
    background-color: #dfdfdf;
    width: calc(100% - 300px);
    position: absolute;
    top: 15px;
    left: 0;	
}
.content-wrap {padding: 0 10% 0 0;}



/*===================== 
	Logo Section
=======================*/

.brands-wrap {padding: 20px 0 0 10%;}
.logos {text-align: right;}
.logo-wrap {
	text-align: center;
    margin:0 auto;
}
.logo-box {
	transition: box-shadow .3s;
	padding: 20px;
	border: solid 1px transparent;
}
.logo-box:hover {box-shadow: 0 0 8px rgba(33,33,33,.2);cursor: pointer; border: solid 1px #ebebeb;}
.brand-logo {
	width:100%;
    max-width: 200px;
    display: block;
    margin: auto;
}

/*===================== 
	Map Section
=======================*/
.goog-map {width: 100%; min-height: 325px; margin-bottom: -5px;}
.overlay {
	background-color: rgba(0, 33, 117, 0.85);
    position: absolute;
    z-index: 200;
    padding: 50px;
    top: 0;
    right: 9.5%;
    min-height: 325px;
    width: 30%;
}

/*===================== 
	Costars Logo
=======================*/

.costar-section {
	padding: 50px 10%;	
	background: url('/siteart/cement-bg.jpg');
	background-size: cover; 
	background-position: center;
	background-attachment: fixed;
}

.banner-logo {
	width: 100%; 
	max-width: 800px; 
	height: auto;
	display: block;
	margin: auto;
}

/*===================== 
	CONTACT PAGE
=======================*/

.form-body {padding-top: 30px;}
.form-inner {border: solid 1px #ccc; padding: 30px;}
.input-wrap {padding: 5px;}
.field {width: 100%; padding: 5px; font-family: 'Roboto',sans-serif;}
.selectfield {width: 100%; padding: 7px; font-family: 'Roboto',sans-serif;}
.datefield {width: 100%; padding: 4px; font-family: 'Roboto',sans-serif;}
.textfield {width: 100%; padding: 5px; height: 125px;}
.CaptchaMessagePanel {font-family: 'Roboto',sans-serif;}
.CaptchaWhatsThisPanel {font-family: 'Roboto',sans-serif;}
.formcontent {
	display: inline;
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
}

.formhead {
	margin: 0; 
	padding: 15px 0; 	
	font-family: 'Oswald',sans-serif;
	text-transform: uppercase;
	font-size: 22px;
}

.contact-map {
	width: 100%; 
	height: 250px;
	margin-bottom: -5px;	
}

.location-details {
	background: #dfdfdf;
	padding: 30px;	
}

/*-----------staff members-------------*/

.staff-bg {
	background: url('/siteart/staff-bg.jpg');
	background-size: cover; 
	background-position: center;
	background-attachment: fixed;
	margin: 0;
	padding: 0 10% 50px 10%;
}

#triangle-down {
   width: 0;
   height: 0;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
   border-top: 35px solid #fff;
   display: block; 
   margin: auto;
}

.staff-space {
	padding: .5%!important;	
}
.staff-box {
	background: #fff;
	padding: 20px; 
	text-align: center;	
	min-height: 300px;
	transition: box-shadow .3s;
}

.staff-box:hover {
	box-shadow: 0 0 8px rgba(33,33,33,.2);
}

.staff-wrap {padding-top: 30px;}

/*===================== 
	SERVICE PAGE
=======================*/

.service-img {width: 100%; max-width: 600px; height: auto;}

.service-list {
	padding: 20px 0 20px 20px;
}
.service-list li {
	font-family: 'Roboto',sans-serif;
	font-size: 16px; 
	line-height: 20px;
	font-weight: 600;
}

/*=================================================================== 
		Sidebar Nav Rentals
===================================================================*/

.sidebar-title {
	background: #004990;
	padding: 15px 20px;
}

.sidebar-nav {
	padding: 0; 
	margin: 0;	
	list-style-type: none;
}

.sidebar-nav li {
	padding: 10px 15px; 
	border-bottom: solid #ccc 1px;
	width: 100%; 
	color: #002173; 
	font-family: 'Roboto',sans-serif; 
	font-size: 15px; 
	font-weight: 500;
}

.sidebar-nav li:hover {background-color: #ebebeb; color: #000;}

/*=================================================================== 
		RENTALS PAGE
===================================================================*/

.rental-wrap {
	padding: 1%!important;
}

.rental-box {
	border: solid #dfdfdf 1px;
	transition: box-shadow .3s;
}

.rental-box:hover {
	box-shadow: 0 0 8px rgba(33,33,33,.2);	
}

.cat-list {
	padding: 20px; 
	margin: 0;	
	list-style-type: none;
	text-align: center;
	min-height: 185px;
}
.cat-list li {
	font-family: 'Roboto',sans-serif;
	font-size: 13px; 
	font-weight: 500;	
	line-height: 18px;
	text-transform: uppercase;
}

.rent-btn {
	width: 100%;
	text-align: center;
	border: none; 
	font-family: 'Oswald',sans-serif;
	font-weight: 500; 
	color: #fff;
	background-color: #004990; 
	font-size: 15px;
	text-transform: uppercase;
	padding: 15px;
}

.rent-btn:hover {
	background-color: #002173;	
}

.rental-img {
	width: 100%; 
	max-width: 250px; 
	display: block;
	margin: auto;	
	padding: 20px 20px 0 20px;
}

.mobile-rent-btn {
	text-align: left; 
	padding: 15px 20px;
	width: 100%;
	border: none; 
	font-family: 'Oswald',sans-serif;
	font-weight: 500; 
	color: #fff;
	background-color: #004990; 
	font-size: 15px;
	text-transform: uppercase;
}
.mobile-rent-btn:hover {
	background-color: #002173;	
}
.right-icon {float: right;padding-top: 2px;}

/*=================================================================== 
		RENTAL DEEP PAGE
===================================================================*/

.rental-breadcrumb {
	font-family: 'Roboto',sans-serif;
	color: #002173; 
	font-size: 14px; 
	letter-spacing: 1px;
	text-transform: uppercase;	
	font-weight: 400;
}
.crumb {
	margin: 0;	
}
.crumb a {
	font-weight: 700;	
}

.gallery-wrap {padding: 1%!important;}
.gallery-box {border: solid 1px #dfdfdf; padding: 20px;}
.head-rental-row {background-color: #dfdfdf;}
.head-rental-row th {
	font-family: 'Oswald',sans-serif; 
	font-size: 16px; 
	font-weight: 800; 
	text-transform: uppercase; 
	color: #002173;
}
.rental-body {font-family: 'Roboto',sans-serif; font-size: 14px; color: #000;}
.rental-row td {padding: 10px!important;}

.attach-btn {
	padding: 10px 20px; 
	font-family: 'Roboto',sans-serif; 
	font-size: 13px; 
	font-weight: 500; 
	letter-spacing: 1px;
	border: none; 
	color: #fff;
	text-transform: uppercase;
	background-color: #004990;
	border-radius: 50px;
	margin: 2px;
	cursor: auto;
}

.notify a {font-weight: 900;}

/*=================================================================== 
		NEW EQUIPMENT PAGE
===================================================================*/

.show-wrap {
	padding: 1%!important;
}

.show-box {
	border: solid #dfdfdf 1px;
	transition: box-shadow .3s;
}

.show-box:hover {
	box-shadow: 0 0 8px rgba(33,33,33,.2);	
}

.show-btn {
	text-align: center; 
	padding: 15px 20px;
	width: 100%;
	border: none; 
	font-family: 'Oswald',sans-serif;
	font-weight: 500; 
	color: #fff;
	background-color: #004990; 
	font-size: 15px;
	text-transform: uppercase;
}
.show-btn:hover {
	background-color: #002173;	
}

.show-img {
	width: 100%; 
	max-width: 325px; 
	height: auto;	
	display: block;
	margin: auto;
	padding: 25px;
}

.show-logo {
	width: 100%; 
	max-width: 325px; 
	height: auto;	
	display: block;
	margin: auto;
	padding: 25px;
}

/*=================================================================== 
		MODALS
===================================================================*/
#manitouModal, #mustangModal {padding: 0!important;}

.modal-dialog {
	width: 80%; 
	margin: 0; 
	display: block;
	margin: auto;	
	padding-top: 16vh;
}
.modal-content {
	border: none; 
	border-radius: 0px;
}
.close-btn {
	font-family: 'Roboto',sans-serif;
	color: #002173; 
	font-size: 15px; 
	letter-spacing: 2px;
	text-transform: uppercase;	
	background-color: #fff;
	padding: 8px 25px;
	display: block; 
	margin: auto;
	border: solid 1px #002173;
}
.close-btn:hover {
	background-color: #ebebeb;	
}
.modal-header {
	border: none;
	background: #ebebeb;
	padding: 15px 30px;
}
.modal-body {
	padding: 15px!important;	
}
.modal-title {
	font-family: 'Oswald',sans-serif;
	font-size: 25px; 
	font-weight: 800; 
	font-style: italic;
	margin: 0;	
	text-transform: uppercase;
	text-align: center;
	color: #002173;
}
.modal-close {
	color: #002173;
	font-size: 25px;
	padding-top: 5px;
}
.modal-open {
	padding: 0!important;	
}

/*=================================================================== 
		HEADERS
===================================================================*/
.page-header {
	margin: 0; 
	padding: 50px 10%!important;	
	border: none;
	background: url('/siteart/cement-bg.jpg'); 
	background-size: cover; 
	background-position: center;
	background-attachment: fixed;
}

.call-banner {
	margin: 0; 
	padding: 10px 10%!important;	
	border: none;
	background: #dfdfdf;
}

/*===================== 
	typography styles 
=======================*/

.headbtm {
	font-family: 'Oswald',sans-serif;
	font-size: 35px; 
	font-weight: 800; 
	font-style: italic;
	margin: 0;
	padding-bottom: 25px;	
	text-transform: uppercase;
}
.head {
	font-family: 'Oswald',sans-serif;
	font-size: 35px; 
	font-weight: 800; 
	font-style: italic;
	margin: 0;	
	text-transform: uppercase;
}
.subhead {
	font-family: 'Oswald',sans-serif;
	font-size: 25px; 
	font-weight: 800; 
	font-style: italic;
	margin: 0;	
	text-transform: uppercase;
}
.smhead {
	font-family: 'Oswald',sans-serif;
	font-size: 25px; 
	font-weight: 800; 
	margin: 0;	
	text-transform: uppercase;
}

.subtxt {
	font-family: 'Roboto',sans-serif;
	font-size: 18px; 
	font-style: italic; 
	margin: 0; 
	font-weight: 600;
}

.content {
	font-family: 'Roboto',sans-serif;
	font-size: 16px; 
	margin: 0; 
	line-height: 22px; 
	font-weight: 400;	
}

.loc-txt {
	font-family: 'Oswald',sans-serif;
	font-size: 16px; 
	margin: 0; 
	line-height: 18px; 
	font-weight: 500;	
	padding: 15px 0 0 0;
}

.notify {
	text-align: center; 
	font-family: 'Oswald',sans-serif; 
	text-transform: uppercase; 
	font-weight: 300;
	margin: 0;	
	font-size: 22px;
	letter-spacing: 1px;
}

.cat-title {
	font-family: 'Oswald',sans-serif;
	font-size: 18px; 
	font-weight: 900; 
	margin: 0;	
	text-transform: uppercase;
	padding-bottom: 10px;
	color: #004990;
}

.shadow {
	text-shadow: 0 0 5px #333, 0 0 15px #333;
}

.staff-category {
	margin: 0; 
	font-family: 'Oswald',sans-serif; 
	font-size: 20px; 
	font-weight: 500;	
	color: #004990;
	text-transform: uppercase;
}

.emp-name {
	margin: 0; 
	padding: 5px 0;	
	font-family: 'Roboto',sans-serif;
	font-size: 15px; 
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
}

.employee-wrap {padding-top: 15px;}

.clock-icon {
	font-size: 125px; 
	padding-bottom: 30px; 
	color: #ccc;	
}

/*===================== 
	financing 
=======================*/

.fnb-logo {display: block; margin: auto; width: 100%; max-width: 500px; height: auto;}

/*===================== 
	button styles 
=======================*/

.btn-wrap {padding-top: 15px;}

.gen-btn {
    background-color: #004990 ;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-family: 'Oswald',sans-serif;
    font-weight: 500;
    padding: 15px 25px;
    transition: all 0.5s;
    cursor: pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.gen-btn:hover {
	background-color: #002173;
}

.staff-btn {
	width: 100%;
	border: solid 1px #004990; 
	font-size: 16px; 
	font-family: 'Roboto',sans-serif;
	background: #fff;
	font-weight: 500;
	color: #004990;
	padding: 7px 5px 5px 4px;
}
.staff-btn:hover {
	background: #004990; 
	color: #fff;
}

.staff-icon {
	font-size: 50px;
	padding: 10px 0 20px 0; 
	color: #ccc;	
}

.return-btn {
	font-family: 'Roboto',sans-serif;
	color: #002173; 
	font-size: 14px; 
	letter-spacing: 1px;
	text-transform: uppercase;	
	background-color: #fff;
	padding: 8px 20px;
	border: solid 1px #002173;
}
.return-btn:hover {
	background-color: #ebebeb;	
}

/*===================== 
	common styles 
=======================*/
.white {color: #fff;}
.dkblue {color: #002173;}
.lblue {color: #004990;}
.grey {color: #dfdfdf;}
.dkgrey {color: #777;}
.charcoal {color: #333;}

.center {text-align: center; display: block; margin: auto;}
.bold {font-weight: 700;}
.italic {font-style: italic;}

.pad-top {padding-top: 15px;}
.pad-btm {padding-bottom: 15px;}
.spacebtm {padding-bottom: 50px;}
.spacetop {padding-top: 50px;}

.rightAlign {text-align: right;}
.leftAlign {text-align: left;}

/*-----------links---------------*/

.lblue-link {color: #004990!important;}
.blue-link:hover {color: #002173!important;}
.dkblue-link {color: #002173!important;}
.dkblue-link:hover {color: #004990!important;}
.white-link {color: #fff!important;}
.white-link:hover {color: #2179cf!important;}

/*-----------layouts---------------*/

.pad-row {padding: 50px 10%!important; margin: 0;}
.no-top {padding-top: 0;}
.no-btm {padding-bottom: 0;}
.left-content {padding-right: 2%;}
.right-content {padding-left: 2%;}


@media screen and (max-width: 1200px) {
	.nav>li>a {padding: 15px 10px;}
	.top-head {padding: 15px 5%!important;}
	.footer-bg {padding: 30px 5%!important;}
	.about-section {padding: 50px 0 50px 5%;}
	.brand-section {padding: 50px 5% 50px 0;}
	.costar-section {padding: 30px 5%;}
	.brands-wrap {padding: 20px 0 0 5%;}
	.content-wrap {padding: 0 5% 0 0;}
	.page-header {padding: 30px 5%!important;}
	.call-banner {padding: 10px 5%;}
	.staff-bg {padding: 0 5% 30px 5%;}
	
	.pad-row {padding: 50px 5%!important;}
} 

@media only screen and (max-width: 991px) {
   .navbar-toggle {
    display: block !important;
    position:absolute;
    right:0;
	}
	.navbar-nav > li{
	display:block;
	width:100%;
	text-align:right;
	}
	 
	.navbar-collapse {
		position:relative;
		top:40px;
		margin-bottom:40px !important;
	} 
	  
	.navbar-collapse.collapse {
		display:none !important;
	} 
	  
	.navbar-collapse.in{
	display:block !important ;
	}

	.navbar-default .navbar-nav>li>a {text-align: center; font-size:15px; padding:8px;}
	.dropdown-menu {position: relative; float: none;-webkit-box-shadow: none; box-shadow: none;}
	.navbar {min-height: 45px; margin: 0;}
	.navbar-collapse.in {box-shadow: -webkit-box-shadow: 0 10px 12px rgba(0,0,0,.175); box-shadow: 0 10px 12px rgba(0,0,0,.175);}
	.dropdown-menu>li>a {text-align: center;}
	
	.carousel-indicators {display: none;}
	.left-content {padding-right: 0;}
	.right-content {padding-left: 0; padding-top: 30px;}
	.centernav {background: #fff;}
	.navbar-default .navbar-nav>li>a {color: #002173;}
	.navbar-default .navbar-toggle {padding: 13px 5%;}
	.navbar-nav {margin: 0;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 10px 5%;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {background-color: #ebebeb!important; color: #002173!important;}
	.staff-bg {padding: 30px 5%;} 
    #triangle-down {display: none;}
	.staff-box {border: none; min-height: auto;}
	.staff-wrap {padding-top: 0;}
	.service-img {display: block; margin: auto;}
	.modal-dialog {padding-top: 10vh!important;}
}



@media only screen and (max-width: 767px) {
   .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
   .pad-row {padding: 30px 5%!important;}
   .foot-right {text-align: center; padding-top: 20px;}
   .cat-list {min-height: auto;}
   .content-wrap {padding: 0;}
   .about-section {padding: 5%;}
   .brands-wrap {padding: 0;}
   .rightAlign {text-align: left;}
   .brand-section {padding: 5%;}
   .logos {text-align: left;}
   .brand-logo {max-width: 200px; display: block; margin: auto;}
   .rental-wrap {padding: 3%!important;}
   .staff-space {padding: 3%!important;}
   .show-wrap {padding: 3%!important;}
   .show-img {display: none;}
}

@media only screen and (max-width: 600px) {
	.navphone {font-size: 16px;}
	.navaddy {font-size: 14px;}
	.foot-txt {font-size: 14px;}
}

@media only screen and (max-width: 500px) {
	.head-middle {width: 100%; padding: 0 0 15px 0!important;}
	.head-right {width: 100%; text-align: center;}
	.logo {max-width: 250px;}
	.foot-logo {max-width: 250px;}
	.brand-logo {max-width: 150px;}
	.headbtm {font-size: 30px;}
	.head {font-size: 30px;}
	.subhead {font-size: 20px;}
	.content {font-size: 14px;}
	.staff-btn {font-size: 15px;}
	
	.head-rental-row th {font-size: 10px;}
	.rental-body {font-size: 10px;}
	.attach-btn {width: 100%;}
}