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

/* Small devices (tablets, 768px and up) */

@media only screen and (max-width:768px) {
.navbar-brand img {
	width:258px !important;
	height:90px !important;
}
.header .navbar {
	font-size:.9em !important
}
.header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:focus {	
	border-bottom: solid 2px transparent;
	padding-top:20px;
	padding-bottom:20px;
}

.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a {
	border-bottom: solid 2px #010101;
	padding-top:20px;
	padding-bottom:20px;
}

.header .navbar-default .navbar-nav > li > a {
	padding-left:15px;
	padding-right:15px;
}

.carousel-caption {
left: 5% !important;
right: auto !important;
padding-bottom: 50px !important;
min-width: 400px;
background-color: #010101;
color: #f5bc13!important;
text-align: left;
padding: 20px 20px 0px 10px;
height: 37px;
text-shadow: none !important;
bottom: 50px !important;
font-size: 20px;
border-left: 2px solid #f5bc13;
opacity: 0.8;
filter: alpha(opacity=80);
}
.carousel-caption p {
	color:#f5bc13 !important;
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
}
.service li a { font-size:.9em !important; font-weight:normal;}

}

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

}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width:992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width:1200px) {

}


@media (min-width: 620px) and (max-width: 860px) {

}

@media (min-width: 300px) and (max-width: 620px) {
.carousel-caption { 
left: 5% !important;
right: auto !important;
padding-bottom: 20px !important;
min-width: 400px;
background-color: #010101;
color: #f5bc13!important;
text-align: left;
padding: 10px 20px 0px 10px;
height: 37px;
text-shadow: none !important;
bottom: 40px !important;
font-size: .9em !important;
border-left: 2px solid #f5bc13;
opacity: 0.8;
filter: alpha(opacity=80);
}

.service li {
	background: #201f1f;
	padding:10px 0px 5px 0px;
	color:#fff;
	border-bottom:1px solid #fff;
	border-right:none;
	padding-left:15px;
}
.service li p, .service li i { float:left; display:inline; }
.service li i {margin-right:15px; }



}
@media (min-width: 100px) and (max-width: 300px) {
.carousel-caption { display:none; }

.service li {
	background: #201f1f;
	padding:10px 0px 5px 0px;
	color:#fff;
	border-bottom:1px solid #fff;
	border-right:none;
	padding-left:15px;
}
.service li p, .service li i { float:left; display:inline; }
.service li i {margin-right:15px; }

}