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

@import url('/css/font-awesome.min.css');

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

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
		padding-left: 0; padding-right: 0;
}

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

.sany-signup{
    width:100%;
    text-align:center;
    text-transform:uppercase;
    padding:15px;
    background:#c1100b;
    color:#fff;
    font-weight: bold;
    font-size:17px;
    font-family: 'Oswald',sans-serif;
    transition:.3s ease
}

.sany-signup:hover{background:#191919}

/* Pop up */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}

.popup{
width: 100%;
margin: -45px auto 0 auto;
display: none;
position: fixed;
z-index: 101;
    overflow-y: scroll;
    height: 100%;
}

.cnt223{
width:90%;
max-width: 800px;
min-height: 150px;
margin:0 auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 15px 15px 15px 15px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}

.cnt223 img{
width:100%;
display:block;
margin-bottom:15px;
border-radius:3px
}


.pop-link {
color: #d91900;
font-weight: bold;
font-size:17px;
text-transform:uppercase;
font-family: 'Oswald',sans-serif;
}

.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}

.cnt223 .x:hover{
cursor: pointer;
}


html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
.clear { clear: both;}

a:focus, a:hover {text-decoration: none; outline:none!important; color: #4d4d4d;}

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

.hero-section video{ width:100%; min-height:350px; max-height:780px; object-fit:cover; z-index:-1;}

#header {padding: 0 10%;}
.head-logo {width: 100%; max-width: 225px; height: auto; padding-bottom: 15px; display:block; margin: auto;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color: #fff;
	text-align: right;
	padding: 0;
}
.navbar-nav>li {float: none; display: inline-block;}
.navbar-default .navbar-nav>li>a {
	background-color: transparent; 
	color: #c1100b;
	font-family: 'Oswald',sans-serif;
	font-weight: 600; 
	text-transform: uppercase;
	font-size: 16px;
}

/* stroke animation */

ul li a,
ul li a:after,
ul li a:before {
  transition: all .5s;
}

.stroke ul li a {
  position: relative;
}
.stroke ul li a:before {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #c1100b;
  height: 5px;
}
.stroke ul li a:hover:before {
  width: 35px;
}

.no-stroke li a:hover:before {
	content: none;
}

/* stroke animation end */

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background: transparent;
	color: #3e3e3e;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background: transparent;
	color: #3e3e3e;
}

.nav>li>a {padding: 17px 45px 17px 0;}
.nav>li>a.nav-last {padding: 17px 0 17px 0;}

.dropdown-menu {
	padding: 0;
	border: none;
	border-radius: 0px;
}

.dropdown-menu>li>a {
	padding: 10px 15px; 
	font-family: 'Oswald', sans-serif;
	font-weight: 400; 
	color: #fff;
	background-color: #3e3e3e;
	text-transform: uppercase;
	font-size: 14px;
	border-bottom: solid 1px #ebebeb;
}
.dropdown-menu>li>a:hover {
	color: #fff;
}

.navbar-nav {float: none;}
.nav-contact {margin: 0; padding: 5px 0;}
.nav-contact a {
	font-family: 'Oswald',sans-serif;
	font-size: 15px; 
	color: #2e2e2e!important;
	font-weight: 500; 
	letter-spacing: 1px;
}
.nav-contact a:hover {color: #008f3b!important;}

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

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

.navbar-default .navbar-toggle {border: none; margin: 0; padding: 15px 5%;}
.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:#c1100b;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

/*===================== 
	navigation styles 
=======================*/

.esp-wrap {padding: 0 20px!important; box-sizing: border-box;}
.banner-wrap {
	width: auto;
	display: block; 
	margin: auto; 	
	text-align: center; 
	max-width: 375px;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
    border-top: 50px solid #ffde00;
}


.banner-txt {
	margin: 0; 
	font-family: 'Oswald',sans-serif; 
	text-transform: uppercase; 
	font-style: italic; 
	font-size: 18px; 
	color: #000; 
	letter-spacing: 1px;
	font-weight: 700;
	position: absolute;
    top: 15px;
	left: 0; 
	right: 0;
}

.phone-wrap {text-align: right; padding: 15px 0;}

.phone-head {
	margin: 0; 
	font-family: 'Oswald',sans-serif;
	font-size: 25px; 
	font-weight: 800; 	
	line-height: 35px;
}
.phone-head a {color: #3e3e3e;}
.phone-head a:hover {color: #c1100b;}

.head-top-right {padding-bottom: 5px;}

/*========================= 
	 Carousel Styles
===========================*/
.carousel-inner {max-height: 600px;}
.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: 8%!important;}

/*===================== 
	Slider Overlay 
=======================*/
.slideshow-overlay {
    position: absolute;
    top: 10.5vw;
    text-align: center;
}

/*===================== 
	Scrolling Inventory
=======================*/

.scrolling-bg {
	background-color: #c1100b;
	background-size: cover;
	background-position: center;
	padding: 15px 0;	
}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
.scrolling{
    width:100%;
    height:92px;
}

.left-scrolling {padding: 10px 10px 0 10%!important;}
.right-scrolling {padding: 0 10% 0 0!important;}

#triangle-top-left {
      width: 0;
      height: 0;
      border-top: 105px solid #c1100b;
      border-right: 55px solid transparent;
	  position: absolute; 
	  top: 0;
	  left: 0;
}

.sm-sc-txt {
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 20px; 
	letter-spacing: 3px; 
	text-transform: uppercase;
	margin: 0; 
	color: #ccc;
}

.sc-head {
	margin: 0; 
	font-family: 'Oswald',sans-serif;	
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
}

/*===================== 
	About Section 
=======================*/

.about-section {
	background: url('/siteart/cement-bg.jpg');
	background-size: cover; 
	backround-position: center;
	padding: 50px 10% 0 10%;
	background-attachment: fixed;
}
.about-wrap {background: #fff; padding: 30px 30px 0 30px!important;}
.about-list {
	padding: 0; 
	list-style-type: none; 
	margin: 0;	
}
.about-list li {
	font-family: 'Oswald',sans-serif; 
	font-size: 16px; 
	color: #3e3e3e; 
	margin: 0; 
	line-height: 20px;
	font-weight: 600; 
	text-transform: uppercase;
	padding: 10px;
}

/*===================== 
	Category Section
=======================*/

.border-bottom {border-bottom: solid 3px #ccc;}
.border-right {border-right: solid 3px #ccc;}
.cat-box {padding: 30px!important;}
.cat-icon {
	width: 100%;
	max-width: 175px; 
	height: auto; 
	display: block; 
	margin: auto;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.cat-title {
	font-family: 'Oswald',sans-serif; 
	font-size: 20px; 
	margin: 0; 
	font-weight: 800; 	
	text-transform: uppercase;
	color: 	#3e3e3e;
	padding-top: 15px;
}


.cat-box:hover {background: #ebebeb;}
.cat-box:hover .cat-icon {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}
.cat-box:hover .cat-title {color: #c1100b;}

/*===================== 
	Brand Section 
=======================*/
.sany-bg {
	background: url('/siteart/sany-background.jpg');
	background-size: cover; 
	background-position: center;
}
.used-bg {
	background: url('/siteart/used-bg.jpg');
	background-size: cover; 
	background-position: center;
}
.text-box {
	background: rgba(0,0,0,0.70);
    transition: all 0.8s ease;
	padding: 50px;	
}
.text-box:hover {background: rgba(0,0,0,0.40);}
.brand-img {
	display: block; 
	margin: auto;
	width: 100%; 
	max-width: 300px;	
	height: auto; 
	padding-bottom: 15px;
}
.min-contain {min-height: 80px;}

/*===================== 
	Map Section
=======================*/

.map-box {border: solid 3px #ccc;}
.map {width: 100%; min-height: 450px; margin-bottom: -5px;}

.map-content-section {
	padding: 50px;	
}
p.contact-name{font-size:16px; font-weight:600; margin:0;}
a.contact-number{font-size:15px; font-weight:600; color:#c1100b;}
a.contact-number:hover{text-decoration:underline;}

.contact-icons-wrap {padding: 10px 0;}
.location-head {
	font-family: 'Oswald',sans-serif;
	font-size: 16px; 
	font-weight: 600; 
	margin: 0;
	padding: 5px; 	
}
.location-head a {
	color: #3e3e3e; 
}
.location-head a:hover {color: #c1100b;}

.contact-banner-txt {
    margin: 0;
    font-family: 'Oswald',sans-serif;
    text-transform: uppercase;
    font-style: italic;
    font-size: 15px;
    color: #000;
    letter-spacing: 1px;
    font-weight: 700;
}
.contact-banner {margin-top: 15px;}

/*===================== 
	Footer Styles
=======================*/

.footer-bg {background: #191919; padding: 0 10% 50px 10%; box-sizing: border-box;}
.foot-logo {width: 100%; max-width: 250px; height: auto;}
.footer-section {padding: 50px 2% 0 2%!important; box-sizing: border-box;}

.foothead {
	font-family: 'Oswald',sans-serif;
	font-size: 18px; 
	text-transform: uppercase; 
	font-weight: 700; 
	margin: 0;
	padding: 10px 0;
}
.foot-list {
	list-style-type: none; 
	padding: 0; 
	margin: 0; 	
}
.foot-list li a {
	font-family: 'Source Sans Pro',sans-serif; 
	font-size: 14px; 
	color: #fff;
	line-height: 22px;	
	letter-spacing: 1px;
}
.foot-list li a:hover {
	color: #ffde00;
}

.copyright-txt {
	font-family: 'Source Sans Pro',sans-serif; 
	font-size: 12px; 
	color: #fff;
	line-height: 14px;	
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
.copyright-txt a {color: #ccc;} 
.copyright-txt a:hover {color: #c1100b;}

.foot-box {
	border: solid 2px #fff;
	padding: 20px;	
}
.phone-foot a {
	margin: 0;
    font-family: 'Oswald',sans-serif;
    font-size: 25px;
    font-weight: 800;
    line-height: 35px;
	color: #ffde00!important;
}
.phone-foot a:hover {
	color: #c1100b!important;
}

.foot-banner-txt {
	margin: 0;
    font-family: 'Oswald',sans-serif;
    text-transform: uppercase;
    font-style: italic;
    font-size: 15px;
    color: #000;
    letter-spacing: 1px;
    font-weight: 700;
}

/*===================== 
	Subpages
=======================*/

.staff-wrap {padding-right: 5px!important;}
.contact-map {width: 100%; height: 535px; margin-bottom: -5px;}
.part-box {border: solid 3px #ccc; padding: 30px;}
.left-part-box {padding-right: 2%!important;}
.right-part-box {padding-left: 2%!important;}

/*===================== 
	icon styles
=======================*/

.red-box {
	color: #c1100b;
	border: solid 2px #c1100b;
	padding: 6px; 
	font-size: 20px;	
	width: 36px;
    height: 36px;
	text-align: center;
}

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

.red-bg {
	background: #c1100b;
	padding: 0 25px 8px 25px;
}
.hero-head {
	font-family: 'Oswald',sans-serif; 
	font-size: 55px; 
	margin: 0; 
	font-weight: 800; 	
	text-transform: uppercase;
	line-height: 97px;
}
.txt-shadow {
	text-shadow: 0 0 0px #000, 0 0 10px #000;	
}

.head {
	font-family: 'Oswald',sans-serif; 
	font-size: 40px; 
	margin: 0; 
	font-weight: 800; 	
	text-transform: uppercase;
	line-height: 40px;
}

.smhead {
	font-family: 'Oswald',sans-serif; 
	font-size: 30px; 
	margin: 0; 
	font-weight: 800; 	
	text-transform: uppercase;
}

.subhead {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px; 
	padding-top: 10px;
	font-weight: 400;
	text-transform: uppercase; 
	letter-spacing: 3px; 
	margin: 0; 	
}

.content {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px; 
	font-weight: 400;
	margin: 0; 
	line-height: 20px;
}

.sm-txt {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px; 
	letter-spacing: 3px; 
	line-height: 14px; 
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}

.black {color: #000;}
.white {color: #fff;}
.lgrey {color: #ccc;}
.grey {color: #4d4d4d;}
.dgrey {color: #3e3e3e;}
.red {color: #c1100b;}
.yellow {color: #ffde00;}

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

.content a {font-weight: 800; color: #2e2e2e;}
.content a:hover {color: #c1100b;}

.red-line {
	width: 30px; 
	height: 5px; 
	background-color: #c1100b;
}
.yellow-line {
	width: 30px; 
	height: 5px; 
	background-color: #ffde00;
}

.yellow-bg {
	background-color: #ffde00;
	padding: 10px 20px;
}

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

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

.red-btn{
  display:inline-block;
  position:relative;
  cursor:pointer;
  background:#c1100b;  
  color:#fff; 
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase; 
  font-weight: 600; 
  letter-spacing: 2px; 
  z-index: 0;
  border: none!important;
  padding: 12px 25px 12px 25px;
}
.red-btn:before {
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #3e3e3e;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;
}
.red-btn:hover:before{transform: scaleX(1);}

.fw-btn{
  display:inline-block;
  position:relative;
  cursor:pointer;
  background:transparent;
  border: solid 3px #ccc; 
  color:#505050; 
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase; 
  font-weight: 600; 
  font-size: 16px;
  letter-spacing: 2px; 
  width: 100%;
  padding: 15px 25px;
  text-align: center;
}
.fw-btn:hover{background: #c1100b; color: #fff; border-color: #c1100b;}
.fw-btn:hover i {color: #ffde00;}


.green-btn{
  display:inline-block;
  position:relative;
  cursor:pointer;
  background:#aace3a;  
  color:#fff; 
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase; 
  font-weight: 600; 
  letter-spacing: 2px; 
  z-index: 0;
  border: none!important;
  padding: 12px 25px 12px 25px;
}
.green-btn:before {
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #3e3e3e;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;
}
.green-btn:hover:before{transform: scaleX(1);}

.form-btn{
  display:inline-block;
  position:relative;
  cursor:pointer;
  background:#c1100b;  
  color:#fff; 
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase; 
  font-weight: 600; 
  letter-spacing: 2px; 
  z-index: 0;
  border: none!important;
  padding: 12px 25px 12px 25px;
  transition: .3s ease-out;
}
.form-btn:hover {
	background: #3e3e3e;
}


/*===================== 
	Page Hero 
=======================*/

.pg-hero {
	padding: 12vw 0 0 0;	
	background-size: cover;
	background-position: left center; 
	background-color: #4d4d4d;
}
.page-head-bg {
	background:rgba(193, 17, 11, 0.70);
	padding: 25px 10%; 
	box-sizing: border-box;
}
  

/*-----------Common Styles---------------*/

.pad-row {padding: 50px 10%;}

.pad-top {padding-top: 20px;}
.pad-btm {padding-bottom: 20px;}

.notop {padding-top: 0;}
.nobtm {padding-bottom: 0;}

.left-content {padding-right: 2%;}
.right-content {padding-left: 2%;}

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

.add-btm {padding-bottom: 50px;}
.add-top {padding-top: 50px;}

.mar-top {margin-top: 15px;}
.mar-btm {margin-bottom: 15px;}

/*==========================================================================
	MEDIA QUERIES
==========================================================================*/

@media only screen and (max-width: 1200px) {
	
	.nav>li>a {padding: 17px 33px 17px 0;}
	.hero-head {font-size: 45px; line-height: 65px;}
	
	/*------LAYOUT CHANGES--------*/	
	.pad-row {padding: 30px 5%;}
	.about-section {padding: 30px 5% 0 5%;}
	#header {padding: 0 5%;}
	.left-scrolling {padding: 0 15px 0 5%!important;}
	.right-scrolling {padding: 0 5% 0 0!important;}
	.map-content-section {padding: 30px;}
	.footer-section {padding: 30px 2% 0 2%!important;}
	.page-head-bg {padding: 15px 5%;}
	.add-btm {padding-bottom: 30px;}
	.add-top {padding-top: 30px;}
	
}

@media only screen and (max-width: 991px) {
	.navbar {min-height: 45px;}
   .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-nav > li {text-align: center;}
	.dropdown-menu {float: none; -webkit-box-shadow:none;box-shadow:none; position:unset;;}
	.dropdown-menu>li>a {font-size: 14px; text-align: center; padding: 10px;}

	/*------MOBILE NAVIGATION--------*/
	#header {padding: 0;}
	.head-logo {padding: 0 10px 10px 10px;}
	.centernav {background-color: #fff;}
	.navbar-default .navbar-nav>li>a {border-bottom: solid 1px #4d4d4d; font-size: 14px; padding: 10px; color: #3e3e3e;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {background-color: #ccc;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: #ccc;}
	
	.dropdown-menu>li>a {background-color: #3e3e3e;}
	.nav-contact {padding: 2px 0;}
	.stroke ul li a:before {content: none;}
	.phone-wrap {text-align: center;}
	
	/*------LAYOUT CHANGES--------*/
	.left-content, .right-content {padding: 0!important;}
	.border-bottom, .border-right {border: none;}
	.cat-title {font-size: 16px;}
	.right-scrolling {padding: 0!important;}
	.min-contain {min-height: auto;}
	.map {min-height: 300px;}
	.page-head-bg {text-align: center;}
	.contact-map {height: 300px;}
    
    .sany-signup{font-size:13px}

	
}

@media only screen and (max-width: 767px) {
   .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
   .navbar-nav {margin: 0;}
   .navbar {min-height: 40px;}
   .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff; padding: 10px;}
   .navbar-default .navbar-toggle {padding: 12px 8%;}
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color: #fff;}
   .cat-box {padding: 15px!important;}
   .cat-icon {max-width: 175px;}
   .logo-footer-section {text-align: center;}
   .footer-section {padding: 30px 0 0 0!important;}
   .left-part-box {padding-right: 0!important;}
	.right-part-box {padding: 20px 0 0 0!important;}

   /*-----------Font Size Changes-------------------*/
   .smhead {font-size: 25px;}
   .subhead {font-size: 16px;} 
   .head {font-size: 30px; line-height: 30px;}
   .content {font-size: 14px;}
   .form-head-txt  {font-size: 20px;}
   .field {font-size: 14px;}
   .datefield {font-size: 14px;}
	.textfield {font-size: 14px;}
	.hero-head {font-size: 30px; line-height: 30px;}
	.red-bg {padding: 0 20px 4px 20px;}
	.staff-wrap {padding: 5px 0 0 0!important;} 
	
   
}

@media only screen and (max-width: 500px) {
	.banner-txt {font-size: 14px; top: 10px;}
	.banner-wrap {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 38px solid #ffde00;}
	.phone-head {font-size: 18px; line-height: 20px;}
	.phone-foot a {font-size: 20px;line-height: 20px;}
	.sm-txt {font-size: 12px;}
	.esp-wrap {padding: 0 10px!important;}
	.cat-title {font-size: 14px;}
	.cat-icon {max-width: 75px;}
	.about-list li {font-size: 13.5px; padding: 5px 0;}
	.red-box {font-size: 16px;	width: 30px; height: 30px;}
	.location-head {font-size: 14px;}
	.about-wrap {padding: 20px 20px 0 20px!important;}
	.map-content-section {padding: 20px;}
}


@media only screen and (max-width: 400px) {
	.esp-wrap {padding: 0!important;}
	.banner-wrap {border-right: none;}
	.phone-wrap {padding: 5px 0;}
    
    .sany-signup{font-size:12px}
}