@charset "utf-8";

/* CSS Document */
@media screen and (min-width: 768px) {
.collapse {
    display: block;
	visibility:visible;
	height:auto !important;
}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
#company-logo .ins-logo{
margin-top: 0px !important;
}
.jot-form-lob{
 margin-top:3px
}
.inner-quote-box.jot-head {
    padding-bottom: 0;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 2px;
}
.box{
	height:420px;
}
.insurance-tips p a{
	color:#fff !important;
}
}
@media screen and (min-width:980px) and (max-width:991px) {
	
		.banner-bg {
			height: 370px!important;
			}
		.navbar-default .navbar-nav > li > a {
    	font-size: 10px!important;
    	padding: 18px 3px!important;
		}
		.navbar-nav > li {
			padding: 0px;
			}
		.quote-box {
			margin-top: 30px!important;
			}
		form input, form textarea, form select {
			width: 120px!important;
			}
			.jot-form-lob{
 margin-top:3px
}
.inner-quote-box.jot-head {
    padding-bottom: 0 !important;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 2px !important;
}
}
@media screen and (min-width: 980px) and (max-width: 1199px) {
	.insurance-tips p a{
	color:#fff !important;
}
.panel-body p {
	font-size:12px;
}
	.box{
	height:400px;
}
.navbar-default .navbar-nav > li > a {
    padding: 15px 2px;
    font-size: 11px;
}
form input, form textarea, form select {
	width: 160px;
	}
.text-logo{
font-size:18px !important;
}
.banner-bg {
	height: 494px;
}
.banner {
	float: right;
	position: absolute;
	right: 0;
	top: -80px;
	z-index: 0;
}
.quote-box {
	margin-top: 50px;
}
.inner-quote-box {
	height: 377px;
}
.inner-quote-box {
	padding: 18px 25px;
}
.quote-box h2, .inner-quote-box h2 {
	font-size: 24px;
}
.quote-box h3, .inner-quote-box h3 {
	font-size: 18px;
}
.quote-box p, .inner-quote-box p {
	font-size: 12px;
}
.inner-quote-box label {
	margin-top: 15px;
}
.carrier h3 {
	font-size: 18px;
}
}

@media screen and (max-width: 979px) {

.panel-body p {
    font-size: 11px;
}

	.text-logo {
	font-size: 17px !important;
	line-height:0px;
}
	.ins-logo span {
    text-align: center;
    font-size: 22px;line-height: 26px;}
.navbar {
	margin-top: 0px;
}
.navbar-nav > li {
	padding: 0px;
}
.navbar-default .navbar-nav > li > a {
	font-size: 10px;
padding: 18px 3px;
font-weight:600;
}
.jot-form-lob{margin-top:-8px;}
.banner-bg {
	height: 370px;
	position: relative;
}
.quote-box {
	background-image: url("../img/mesh.png");
	height: 200px;
	margin-left: 5px;
	margin-top: 80px;
	padding: 25px;
}
.banner {
	float: right;
	position: absolute;
	right: 0;
	top: -80px;
	width: 100%;
}
.quote-box h2 {
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	line-height: 0;
	margin: 0;
	text-shadow: 2px 2px 4px #000;
	text-transform: uppercase;
}
form input, form textarea, form select {
	width: 120px;
	}
.quote-box h3, .inner-quote-box h3 {
	color: #ffffff;
	font-size: 16px;
	text-shadow: 2px 2px 4px #000;
}
.quote-box p {
	font-size: 11px;
}
.search-type {
	position: relative;
	z-index: 999;
}
.search-type label {
	font-size: 10px;
	}
.quote-box-form .quote-btn {
	padding: 4px 15px;
	font-size: 14px;
}
.insurance-tips {
	width: 150px;
	font-size: 11.5px;
}
.insurance-tips p a{
	color:#fff !important;
}

footer ul li a {
	font-size: 9px;
}
.footer-logo {
	padding: 15px 0;
	width: 150px;
}
.no-brk {
	display: block;
}

.inner-quote-box {
	padding: 15px 18px;
	height: 292px;
}
.inner-quote-box h2 {
	font-size: 16px;
	line-height: 11px;
}
.inner-quote-box h3 {
	line-height: 4px;
	font-size: 12px
}
.inner-quote-box p {
	font-size: 12px;
}
.inner-quote-box label {
	margin-top: 2px;
	font-size: 11px;
}
.inner-quote-box .quote-btn {
	margin-top: 10px;
	padding: 4px 12px;
	font-size: 14px;
}
.carrier h3 {
	font-size: 13px;
}
}

@media screen and (max-width: 767px) {
body, header {
	background: #fff;
}
#company-logo img {
	width:250px;
}
.navbar {
    min-height: 20px;
 }
.carrier {
    margin-bottom: 20px;
    margin-top: 40px;
}
.jot-form-lob{
height:340px !important;
}
.navbar-default .navbar-nav > li > a {
	padding-left:10px;
		padding-right:10px;
	color: #fff;
	font-size: 12px;
	text-shadow: 1px 1px 6px #8492e4;
	font-size: 11px\0/;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	background: none !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #022F36;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #022F36;
}
.text-logo {
	font-size: 21px !important;
}
.banner-bg {
	background: #fff;
	z-index: 1;
	height: auto;
	padding-bottom: 0px !important;
}
.banner {
	height: 100%;
	top: 0px;
}
.insurance-tips {
	display: none;
}
.quote-box {
	margin-top: 0px;
	background-image: none;
	position: relative;
	z-index: 1;
	margin: 10px;
	width: auto;
	height: 230px;
}
form div {
	width: 100%;
}
form input, form textarea, form select {
	width: 100%;
	margin: 0 auto;
}
.quote-btn {
	margin: 10px auto !important;
}
.inner-quote-box .quote-btn {
	margin-top: 20px !important;
}
.logo {
	width: auto;
}
.dropdown-menu>li>a {
	text-align: center;
	border-top: 1px dotted #ccc;
	font-weight: 400 !important;
}
.navbar .navbar-collapse {
	position: relative;
}
.indx-hme{
	margin-top: -32px !important;
}
.navbar-default .navbar-toggle {
	margin-top: -22px;
	background: none;
	border: none;
	padding: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: transparent;
}
.navbar-nav > li {
	background: #FB651C;
	margin: 2px;
	border-radius: 4px;
}
.navbar-nav > li a {
	color: #fff;
	font-weight: 800;
	font-size: 14px;
}


.navbar-nav > li.active, .navbar-nav > li.active>a, .navbar-nav > li:hover, .navbar-nav > li>a:hover {
	background: #FB651C !important;
	color: #000 !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #fff;
}
/*.caption h3 {
	margin-top: 80px;
	color: #fff;
	background: rgb(3, 98, 145);
	
	background: rgba(3, 98, 145, 0.6);
      
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#035891, endColorstr=#035891);
	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#035891, endColorstr=#035891)";
	padding: 10px;
	font-size: 20px;
	position: relative;
	width: 60%;
	font-weight: bold;
}*/


.middle-content, .main-content {
	margin-top: 10px;
	background: #fff;
	box-shadow: none;
}
.box {
	margin-bottom: 15px;
	background: #fff;
	border-top: 4px solid #035891;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 15px;
	border-left: 1px solid #D8D6D6;
	border-right: 1px solid #D8D6D6;
	border-bottom: 1px solid #D8D6D6;
}
.mrgn-fx {
	margin-top: 0px;
}
.arrow_box:after, .arrow_box:before {
	display: none;
}
.panel-title a {
	pointer-events: auto;
	cursor: pointer;
	font-size: 14px;
}
.panel-title a:hover {
	text-decoration: none;
	color: #565758;
}
.panel-title.cntr {
	text-align: left;
}
.panel-default > .panel-heading, .panel {
	border-bottom: 1px solid #565758;
}
.footer-logo {
	padding: 0;
	margin-top: 0px;
}
.social {
	display: block;
	float: none;
	margin: 10px auto;
	width: 200px;
}
.copyright {
	border-top: none;
	margin: 0;
}
.tabs {
	margin-top: 0px;
}
.banner {
	position: relative;
	height: auto;
}
.inner-quote-box {
	height: 100%;
	margin-top: 20px;
}
.no-brk {
	display: block;
}
.box img {
	width: 100%;
}
.quote-box h2 {
	text-align: center;
}
.inner-quote-box form input, .inner-quote-box form textarea, .inner-quote-box form select, .inner-quote-box form div {
	margin-bottom: 5px;
}
}

@media screen and (max-width: 400px) {
	.quote-box h2{
		font-size:18px;
	}
.carousel-inner .col-xs-3 {
	padding-left: 5px;
	padding-right: 5px;
}
}
