@media screen and (max-width: 767px) {
.mid-section .banner-section img, .mid-section .inner-banner-section img {
    height: 400px;
}
.content-section h1{
font-size: 26px;
}
.content-section h2{
font-size: 24px;
}
.content-section p{
font-size: 16px;
}
.top-menu{
margin-left: 0px;
margin-right: 0px;
}
.top-menu .navbar-nav > li{
padding: 0px;
}
.top-menu .dropdown-menu>li>a:hover, .top-menu .dropdown-menu>li>a.active{
background-color: trasparent;
color:#333;
}
.logo-section .logo{
float: none;
text-align: center;
margin-bottom: 20px;
height: auto;
}
.lob-section{
padding-left: 0px;
padding-right: 0px;
}
.lob-section .lob-snippets{
margin-top: 5px;
margin-bottom: 21px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.flex-box:hover .transition-hover-content{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.transition-hover-content {
 opacity:0.8!important;
}
.lob-section .space-fix, .transition-hover-content{
min-height: 170px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.col-wrap{
height: auto !important;
}
.lob-section .lob-snippets i{
height: 140px;
width: 140px;
line-height: 140px;
}
.logo-section .social{
float: none;
}
.logo-section .social ul{
text-align: center;
float: none;
}
.logo-section .social ul li:first-child{
padding-left: 0px;
}
.social #top-phone, .social #top-phone a {
text-align: center;
float: none;
font-size: 26px;
}
.logo img {
margin: 0 auto;
display: block;
}
.top-menu .navbar-nav .open .dropdown-menu>li>a, .top-menu .navbar-nav .open .dropdown-menu .dropdown-header, .footer-nav .navbar-nav .open .dropdown-menu>li>a{
    padding: 5px 15px;
	text-align: center;
	font: bold 14px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.top-menu .navbar-default .navbar-nav > li > a, .footer-nav .navbar-default .navbar-nav > li > a {
padding:15px 0px 15px 0px;
}
.top-menu .navbar-collapse{
   position:absolute;
   background:#231f20;
   width:100%;
   z-index:999;
}
.top-menu .navbar-default .navbar-collapse, .top-menu .navbar-default .navbar-nav > li > a.active, .top-menu .navbar-default .navbar-nav > li > .dropdown-toggle:hover {
border:0px;
border-radius: 0px;
}
.top-menu .navbar-default .navbar-nav > li > a.active, .top-menu .navbar-default .navbar-nav > .open, .top-menu .navbar-default .navbar-nav>.open>a, .top-menu .navbar-default .navbar-nav>.open>a:hover, .top-menu .navbar-default .navbar-nav>.open>a:focus{
background: none;
}
.top-menu .navbar .navbar-nav{
display: block;
width: auto;
}
.top-menu .navbar-default .navbar-nav > li {
display: block;
padding-left: 0px;
}
.top-menu .navbar-default .navbar-nav > li > a.active, .top-menu .navbar-default .navbar-nav > li > a:hover{
border-bottom: 0px;
border-radius: 0px;
}
.top-menu .navbar-default .navbar-nav > li > a, .top-menu .navbar-default .navbar-nav > li > a:hover{
padding: 10px 15px;
border: 0px;
}
.top-menu .navbar-default .navbar-nav > li > a:hover, .top-menu .navbar-default .navbar-nav > li > a.active{
color: #7ec47e;
border: 0px;
}
.top-menu .navbar-default .navbar-nav>.open>a, .top-menu .navbar-default .navbar-nav>.open>a:hover, .top-menu .navbar-default .navbar-nav>.open>a:focus{
color: #7ec47e!important;
border-bottom: none!important;
}
.top-menu .dropdown-menu>li>a:hover, .top-menu .dropdown-menu>li>a.active, .top-menu .navbar-default .navbar-nav .open .dropdown-menu>li>a.active:hover{
color: #7ec47e!important;
background: transparent;
}
.top-menu .nav .dropdown.open .caret {
  border-bottom: 4px solid #7ec47e;

}
.lob-section .row, .inside-bottom .row{
margin: 0px;
}
.inside-bottom .col-xs-12{
margin-bottom: 15px;
}
.lob-section .lob-snippets{
	height: 100%!important;
}
#main{
display: block;
}
.inside-bottom{
padding-left: 0px;
padding-right: 0px;
}
.bottom-banner .bottom-banner-section .bottom-banner-overlay {
height: 400px;
width: 400px;
}
.bottom-banner .bottom-banner-overlay ul li{
font-size: 24px;
}
.footer-nav .navbar{
padding-left: 0px;
padding-right: 0px;
}
.footer-nav .navbar-default{
box-shadow: none;
}
.footer-nav .navbar-default .navbar-collapse{
border:0px;
}
.footer-nav .navbar .navbar-nav::after{
display: block;
width: auto;
}
.footer-nav .navbar .navbar-nav{
width: auto;
font-size: inherit;
text-align: center;
margin-left: 0px;
margin-right: 0px;
}
.footer-nav .navbar-default .navbar-nav > li {
display: block;
padding-left: 0px;
}
.footer-nav .navbar-default .navbar-nav > li > a.active, .footer-nav .navbar-default .navbar-nav > li > a:hover, .footer-nav .navbar-default .navbar-nav > li > .dropdown-toggle:hover, .footer-nav .navbar-default .navbar-nav>.open>a:focus, .footer-nav .navbar-default .navbar-nav > li > a:focus{
border-bottom: 0px;
padding: 10px 15px;
background-color: transparent;
color:#7ec47e;
border-radius: 5px;
border: 0px;
}
.footer-nav .navbar-nav .open .dropdown-menu>li>a:hover, .footer-nav .dropdown-menu>li>a.active{
background-color: transparent!important;
color:#7ec47e!important;
border-radius: 5px;
border: 0px;
}
.footer-nav .navbar-nav .open .dropdown-menu>li{
padding-bottom: 5px;
}
.footer-nav .navbar-default .navbar-nav > li > a{
padding: 10px 15px;
border: 0px;
display: block;
font-size: 15px;
}
.footer-nav .navbar-default .navbar-nav > li.open > a {
	color: #7ec47e!important;
	background:transparent;
}
.footer-nav .nav .dropdown.open .caret {
    border-bottom: 4px solid #7ec47e;
}
.footer-nav .navbar-default .navbar-nav > li{
    display: table;
    text-align: center;
    margin: 0 auto;
	padding-top: 10px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
border-top: 0px;
}
.carriers-section h3{
  font-size: 30px;
}
.form-inline .row .col-xs-6{
padding-left: 0px;
padding-right: 0px;
}
.mid-section .qoute-box form .col-md-4 select{
  height: 26px;
  padding-top: 1px;
  width: 100%;
  padding-left: 5px;
}
.mid-section .qoute-box form .col-md-4 input{
padding-bottom: 0px;
padding-top: 0px;
height: 26px;
width: 95%;
}

.qoute-box form .row{
margin: 0px;
}
.qoute-box form .col-md-4, .qoute-box form .col-md-3{
margin-bottom: 10px;
padding: 0px;
}
.mid-section .quote-btn{
width: 100%;
}
.mid-section .qoute-box h3 {
font-size: 28px;
padding-left: 15px;
padding-right: 15px;
}
.mid-section .quote-btn {

font-size: 16px;
line-height: 17px;
}
.mid-section .inner-banner-section .jot-section{
    margin-top: 0px;
}
.jot-form-section .container{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
address ul li, address ul li a{
font-size: 14px;
line-height: 21px;
}
.site-info ul li, .site-info ul li a{
font-size: 14px;
line-height: 21px;
}
.inside-bottom .inside-overlay{
margin: 0px;
}
.inside-page .logo-section {
    top: 24px;
}


/* mobile nav button Fixes*/ 
.top-menu .navbar-toggle span:nth-child(1) {
    top: 7px;
}
.top-menu .navbar-toggle span:nth-child(2) {
    top: 16px;
}
.top-menu .navbar-toggle span:nth-child(3) {
    opacity: 0;
    top: 16px;
}
.top-menu .navbar-toggle span:nth-child(4) {
    top: 25px;
    transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
}
.top-menu .navbar-toggle.nav-bg span:nth-child(1), .navbar-toggle.nav-bg span:nth-child(4) {
    opacity: 0;
    top: 24px;
}
.top-menu .navbar-toggle.nav-bg span:nth-child(2) {
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    transition-delay: 0.25s;
	-webkit-transition-delay: 0.25s;
}
.top-menu .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;
}
.top-menu .navbar-toggle {
    border: 1px solid #7ec47e;
    cursor: pointer;
    float: right;
    height: 37px;
    overflow: hidden;
    width: 45px;
    z-index: 100;
}
.top-menu .navbar-toggle span {
    background: #231f20;
    display: block;
    height: 4px;
    left: 4px;
    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: 35px;
	border-radius: 3px;
} 
.collapse.in {
    display: block !important;
    visibility: visible;
}
/* end of  mobile nav button */
}
@media screen and (min-width: 768px) and (max-width: 768px){
.top-menu .navbar {
	margin: 0px;
	height:100%;
	z-index:99;
	min-height: 62px;
}
}
@media screen and (max-width: 627px) {
.mid-section .jot-section .other-jot{
  height: 414px !important;
  }

  }
@media screen and (max-width: 991px) {
.lob-section{
margin-top: 0px;
}
.mid-section .qoute-box{
bottom: 0;
left: 0;
right:0;
position: absolute;
}
.banner-section .container{
width: 100%;
}
.lob-main-box .container{
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.lob-section{
border-bottom: 10px solid #231f20;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.inside-bottom .main-box{
display: block;
}
.inside-bottom .main-box .inside-flex{
margin-bottom: 14px;
}
.bottom-banner-section img{
height: 550px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1360px){
.inside-bottom .inside-overlay {
	display: block!important;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.top-menu .navbar-default .navbar-nav > li > a, .footer-nav .navbar-default .navbar-nav > li > a {
padding:19px 7px 15px 7px;
}
.mid-section .qoute-box h3{
 font-size: 34px;
}
.mid-section .qoute-box{
margin-top: -306px;
}
.mid-section .inner-banner-section .qoute-box{
margin-top: -142px;
}
.lob-section h3 span{
display: block;
}
.lob-section .lob-snippets i{
font-size: 4.9em;
    height: 145px;
    line-height: 140px;
    text-align: center;
    width: 145px;
}
.insurance-details ul li {
    font-size: 13px;
}
.contact-details ul li {
    font-size: 13px;
}
.transition-hover-content p{
    bottom: 48%;
	}
.qoute-box form .col-md-offset-1 {
    margin-left: 4.333%;
}
.inside-bottom .inside-overlay {
	display: block!important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.top-menu .navbar-default .navbar-nav > li > a, .footer-nav .navbar-default .navbar-nav > li > a {
padding:20px 5px 15px 5px;
}
.content-section h1{
font-size: 30px;
}
.top-menu .navbar-default .navbar-nav > li > a, .footer-nav .navbar-default .navbar-nav > li > a{
font-size: 9px;
}
.mid-section .qoute-box h3{
 font-size: 27px;
}
.social #top-phone, .social #top-phone a{
font-size: 28px;
}
.lob-section h3{
font-size: 18px;
line-height: 25px;
}
.lob-section h3 span{
display: block;
}
.lob-section .lob-snippets i{
    font-size: 4.5em;
    height: 130px;
    line-height: 130px;
    width: 130px;
}
.lob-section .lob-snippets .fa-home {
    font-size: 5.5em;
}
.lob-section .lob-snippets .fa-university {
    padding-left: 6px;
}
.mid-section .quote-btn{
width: 100%;
}
.transition-hover-content p{
	font-size: 14px;
	}
	.lob-section .lob-snippets{
	height: 100%!important;
	}
	.mid-section .banner-section img{
height: 430px;
}
/*Mozilla Specific CSS added to fix on hover content for LOB Boxes Starts*/
@-moz-document url-prefix() {
                 .transition-hover-content {
 opacity:0!important;
}
            .flex-box:hover .transition-hover-content {
 opacity:0.8!important;
}
                    }
					
	/*Mozilla Specific CSS added to fix on hover content for LOB Boxes Ends*/				
					
	.inside-bottom{
padding-left: 70px;
padding-right: 70px;
}				
}
@media screen and (max-width: 480px) {
.lob-section h3 span{
display: inline-block;
}
.bottom-banner .bottom-banner-section .bottom-banner-overlay {
height: 300px;
width: 300px;
}
.bottom-banner-section img{
height: 360px;
}
.bottom-banner .bottom-banner-overlay ul li{
font-size: 18px;
line-height: 34px;
}
.mid-section .qoute-box h3 .q-head{
display: inline-block;
}
.mid-section .qoute-box h3 {
    font-size: 18px;
	line-height: 24px;
}
.mid-section .jot-section h3{
font-size: 31px;
line-height: 41px;
}
.inside-page .logo-section {
    top: 50px;
}

}

/* Tablet View LOB Box Content Visible CSS Starts */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.flex-box:hover .transition-hover-content{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.transition-hover-content {
 opacity:0.8;
}
.lob-section .space-fix, .transition-hover-content{
min-height: 170px;
}
.top-menu .navbar{
margin-bottom: -5px;
min-height: 62px;
}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
.top-menu .navbar{
margin-bottom: -5px;
min-height: 64px;
}
.flex-box:hover .transition-hover-content{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.transition-hover-content {
 opacity:0.8;
}
.lob-section .space-fix, .transition-hover-content{
min-height: 170px;
}
}
/* Tablet View LOB Box Content Visible CSS Ends */