@charset "utf-8";

/* CSS Document */
@media (max-width: 767px) {
	/* Logo */
div.logo_area {
     padding: 10px 0;
}
div.logo_area img{
	margin: 0 0 10px 0;
	width: 250px;
}
/* Navigation */
ul.navbar-nav, div.navigation_container, div.navigation_container div.navigation_items{
	display: inherit !important;
}
.navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    border: none!important;
    background: none;
    padding: 0px;
}
div.navbar-header {
    position: absolute;
	top: 25px;
    right: 13px;
} 
.navbar-toggle span:nth-child(1) {
  top: 15px;
}
.navbar-toggle span:nth-child(2) {
  top: 22px;
}
.navbar-toggle span:nth-child(3) {
  opacity: 0;
  top: 22px;
}
.navbar-toggle span:nth-child(4) {
  top: 30px;
  transition: all 0.25s ease-in-out 0s;
  -webkit-transition: all 0.25s ease-in-out 0s;
}
.navbar-toggle.nav-bg span:nth-child(1), .navbar-toggle.nav-bg span:nth-child(4) {
  opacity: 0;
  top: 24px;
}
.navbar-toggle.nav-bg span:nth-child(2) {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
}
.navbar-toggle.nav-bg span:nth-child(3) {
  opacity: 1;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
}
.navbar-toggle {
  background-color: #4fa4d8;
  border: 1px solid #fff;
  cursor: pointer;
  float: right;
  height: 46px;
  overflow: hidden;
  width: 43px;
  z-index: 100;
  margin-right: 0px;
}
.navbar-toggle span {
  background: #fff;
  display: block;
  height: 3px;
  left: 9px;
  opacity: 0.8;
  position: absolute;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: all 0.25s ease-in-out 0s;
  	-webkit-transition: all 0.25s ease-in-out 0s;
  width: 26px;
}
.collapse.in {
    display: block !important;
    visibility: visible;
}
.nav-content {
    z-index: 9;
}
.navbar {
    min-height: 0px;
	margin: 0px;
}
nav.navbar-default {
    float: none;
}
ul.navbar-nav {
    width: auto;
    margin: 0px -15px;
    background: #302d2d;
}
ul.navbar-nav:after {
    display: block;
}
ul.navbar-nav > li {
     text-align: center;
	 padding: 10px;
     border-bottom: 1px solid #290804;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #290804;
}
.dropdown-menu {
    text-align: center;
   position: relative;
   float: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a.active{
	color: #4fa4d8;
}
nav.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	color: #fff;
	padding: 10px 0 0 0;
	font-size: 1em;
	line-height: 24px;
}
nav.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #4fa4d8;
	background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a.active, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f5cd9f;
background-color: transparent;
}
.dropdown-menu > li > a.active, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: transparent;
 }
 
 
 .banner_bg{
	 height: auto;
 }
 .featured-auto{
	 height: auto;
	 padding: 0 20px;
 }
 .right_banner {
    margin-top: 20px;
}
 .right_banner div{
	 width: 100%;
	 float: left;
 }
 
 .quoter {
    width: 260px;
    height: 200px;
   
}
.input-medium{
	width: 100%;
}
.go{
	margin-left: 0px;
}


.left_main_conent .TitleStyle1{
	font-size:1.5em;
	line-height:1.8em;
}
/*Footer*/
.foot {
	padding: 0;
}
footer .container .col-md-8 > ul > li {
	width: 100%;
	text-align: center;
	padding: 10px 0 10px 0px;
	border-bottom: 1px solid #171616;
	margin-left: 0px;
}

.copyright p {
	text-align: center;
	padding: 15px 0 0 0;
}
.nav-collapse.navbar-absolute {
	position: absolute;
	margin-top: 49px;
	width: 99%!important;
	background: #a77d2d !important;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 4px solid;
    border-bottom: 0;
}
.dropup.open .caret, .navbar-fixed-bottom .dropdown.open .caret {
    border-bottom: 4px solid;
    border-top: medium none;
}
.social_design {
    float: none;
    display: block;
    margin: 0 auto;
    width: 150px;
}

nav.navbar-default .navbar-nav > li > a {
   color:#FFF;
}

#logo {
    max-width: 230px;
}

}

/* Tablet
   ================================================== */
@media (min-width: 768px) and (max-width: 979px) {
.right_banner {
    margin-top: 0px;
}
#logo {
    max-width: 60px;
}
nav.navbar-default .navbar-nav > li > a {
    font-size: 12px;
    line-height: 18px;
}
/*Banner*/
.featured-auto, .featured-home, .featured-other, .featured-service, .featured-compare {
    background-position: center top;
    background-repeat: no-repeat;
    height: auto !important;
	margin-right: 10px;
	margin-left: 10px;
}

.banner {
	height: 100%;
}
.banner-img {
	width: 50%;
}

/*-- Quoter -- */
.quoter {
	width: 295px;
	height: 200px;
}
form {
	margin-bottom: 0px !important;
}
.input-medium{
	width: 95% !important;
}
.go {
	margin-top: 15px;
	margin-left: 0px;
	width: 60px;
}

/*Footer*/
.footer_content{
	padding: 0 20px;
}
footer .container .col-md-8 > ul > li{
	width:100%;
	font-size: 0.9em;
	line-height: 1.8em;
}

a.logo {
    margin: 10px 0px;
}

}

/* Small Desktop
   ================================================== */
@media (min-width: 980px) and (max-width: 1199px) {
.featured-banner aside {
	margin-top: -138px;
}
.navbar .navbar-inner .nav > li > a {
	text-shadow: none;
	padding: 10px 5px;
	font-size: 12px;
	color: #FFF;
}
footer .container .col-md-8 > ul > li{
	width:100%;
	font-size: 0.9em;
	line-height: 1.8em;
}
}

@media (max-width: 979px) {
.nav-collapse.navbar-absolute {
	position: absolute;
	margin-top: 49px;
	width: 60%;
	background: #a77d2d !important;
}
.flex-container {
  display: inherit;
}
.right_main_content{
	margin:10px 0 0 0;
}
}