/*****************************************************************!
 * Member Central custom css 
*******************************************************************/

.header-control{
    width: 100%;
    float: left;
}
.banner-bottom ul li{
    font-size: 18px;
}
.footer-event-date{
    margin-bottom: 2px!important;
}
@media screen and (min-width: 1340px){
  .navigation .navbar .nav>li>a{
      font-size: 18px;
    }  
}
@media screen and (min-width: 1241px) and (max-width: 1339px) {
   .navigation .navbar .nav>li>a{
      font-size: 16px;
    }  
}
@media screen and (min-width: 0px) and (max-width: 1240px) {
   .navigation .navbar .nav>li>a{
      font-size: 14px;
    }  
}
@media screen and (min-width: 1024px) and (max-width: 1120px) {
    .brand-logo{
        width: 100%!important;
        padding: 20px 15px!important;
    }
}
.brand-logo{
    padding: 24px;
    width: 286px;
    height: auto;
}
@media screen and (min-width: 1024px){
    .need-lawyer{
        bottom: auto!important;
        width: 450px!important;
    }
    .upcoming-section ul{
        padding-right: 452px;
    }
    .need-lawyer{
        padding: 20px;
    }
    .footer-wrapper .custom-width{
        padding-bottom: 10px;
    }
    .footer-wrapper .need-lawyer a{
        font-size: 15px;
    }
    .copy-right{
        padding-left: 20px;
    }
    .middle-text{
        padding: 20px;
    }
    .carousel-caption >.container{
        padding: 0px 36px;
    }
    .carousel-caption > .container > h4{
        padding: 0 5px!important;
    }
      .column-70{
        width: 70%!important;
    }
    .column-30{
        width: 30%!important;
    }
    .right-sidebar .small-heading{
        padding: 0 30px 20px;
        
        width: 100%;
    }
    .right-sidebar .right-links>p{
        padding: 0 30px;
        line-height: 24px;
    }
    .right-sidebar .right-links {
        padding: 10px 0;
    }
    .banner-text {
	   bottom: 0!important;
    }
    .img-banner{
        min-height: 277px;
    }
    .img-banner img{
        height: 277px;
    }
    .right-links>ul{
        padding: 0 30px;
    }
    .upcoming-section li{
        height: 80px;
        overflow: hidden;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .upcoming-section li:first-child, .upcoming-section li:nth-child(4), .upcoming-section li{
        width: 27%!important;
    }
    .footer-wrapper .custom-width > .small-heading{
        padding: 0 80px 32px;
        margin-bottom: 9px;
    }
    .search-box:before {
        position: absolute;
        width: 2px;
        height: 19px;
        background: #8a2529;
        content: "";
        top: 45px;
    }
}
@media screen and (max-width: 767px){
    .need-lawyer a{
        font-size: 13px;
        display: inline-table;
        border-right: 2px solid #8a2529!important;
    }
    .need-lawyer a:last-child{
        border: none!important;
    }
    .footer-event-date{
        margin-bottom: 0px!important;
    } 
    .heading-text h1{
        line-height: 30px;
        font-size: 25px!important;
    }
    .heading-text{
        padding: 8px 0;
    }
    .slider .carousel-caption {
        margin-bottom: 110px;
    }
    .slider .carousel-caption h4{
        line-height: 30px;
        font-size: 30px;
    }
    .page-bottom-buttons.button-group .btn.btn-gold{
        margin-right:0!important;
        width: 100%!important;
    }   
}
@media screen and (max-width: 1024px){
 .need-lawyer>p{
    padding-top: 5px;
 }
.column-30,.column-70{
	padding: 0 10px!important;
 }
}
.button-group .btn-gold > span{
    margin-left: 5px;
}
@media screen and (min-width: 500px) and (max-width: 767px){
    .button-group .btn-gold{
       width: auto!important;
    }
}
@media screen and (max-width: 1300px){
    .banner-bottom ul li{
        font-size: 14px;
    }
}
.page-bottom-buttons .btn{
    margin-top: 5px;
    margin-right:72px;
}
.page-bottom-buttons .btn:last-child{
    margin-right: 0!important;
}
.upcoming-section h2 {
    font-size: 28px;
    margin-bottom: 4px;
}
.need-lawyer>p{
    font-size: 14px;
}
.heading-text{
    padding: 24px 0!important;
}
.middle-section h1{
    font-size: 36px;
}
.red{
    color: #8a2529!important;
}
.margin-bottom-25{
    margin-bottom: 25px!important;
}
@media screen and (min-width: 767px){
    .header-control{
        padding: 0px 38px;
    }
    .navbar .nav{
        margin-right: 0;
    }
}
@media (max-width: 1200px){
    .carousel-caption .button-group .btn-gold{
        margin-right: 5%!important;
    }
    .carousel-caption .button-group .btn-gold:last-child{
        margin-right: 0!important;
    }
}

@media (max-width: 385px){
     .carousel-caption .button-group .btn-gold{
         font-size: 12px!important;
         padding: 0 10px!important;
         line-height: 37px;
         height: 36px;
    }
   .page-bottom-buttons.button-group .btn.btn-gold img {
        width: 7px;
        top: 0px;
        position: relative;
    }
    .page-bottom-buttons.button-group .btn.btn-gold {
        font-size: 11px;
        padding: 0 5px;
        height: 35px;
        line-height: 35px;
    }
}
@media (max-width: 1023px){
    .brand-logo{
        width: 205px!important;
    }
}
ul.sub-navigation>li>ul>li:last-child {
    margin-right: 0px;
    padding-right: 0px;
}
ul.navigation-mykba>li>ul li:last-child{
	padding-right: 0px;
	margin: 0px;
}
ul.navigation-mykba>li:nth-child(2){
    border: 0;
    padding-right: 0px;
}
.cards{
	height: 1.1em
}
.banner-right{
	padding-left: 0px;
}
.need-lawyer a{
    display: inline-block !important;
}

.search-box .slidingDiv a.show_hide{
	margin-top:-9px;
}
#homepage .search-box .slidingDiv a.show_hide{
	margin-top:-6px;
}
.upcoming-section li p a{
	color: #333;
}
.upcoming-event div{
    height: 285px;
}
.right-links .layer-form, .right-links > p{
	padding-left: 30px;
}
#mainContent {padding:20px;}
@media screen and (min-width: 1024px) {
	.upcoming-section li:first-child, .upcoming-section li:nth-child(4), .upcoming-section li {
		width: 29% !important;
	}
}
@media (max-width: 1023px){
    .header-split-left, .header-split-right{
        width: 100%!important;
    }
    .header-split-right{
        margin-left: 0!important;
        margin-top: -30px!important;
    }
    .header-split-right .nav-collapse > ul{
        padding: 10px;
    }
    .header-control{
        padding: 0!important;
    }
}
.brand-logo{
    z-index: 999999;
}
.banner-bottom {
	bottom:7px;
}	
.carousel {
	line-height:0px;
}
@media (max-width: 1023px){
    .icon-bar {
        background-color: #8a2529 !important;
        border-radius: 1px;
        box-shadow: none;
        display: block;
        height: 4px;
        width: 48px;
    }
    [class^="icon-"], [class*=" icon-"]{
      background: #8a2529 !important;
    }
}
.layer-form, .right-links>p {
    padding: 0 60px 20px 60px!important;
  }
.right-sidebar{
    margin-top: 15px;
  }
.mobile-leftmenu{
    width: 100%;
    float: left;
    display: block;
    height: 100%;
    position: absolute;
    top: 110px;
}
.mobile-leftmenu ul.sub-navigation{
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    padding-bottom: 0px;
    position: static!important;
}
.mobile-leftmenu ul.sub-navigation:nth-child(2){
    padding: 0 0 10px!important;
}
.upcoming-section {
    min-height: 265px !important;
}
@media screen and (min-width: 1024px){
	.right-sidebar .right-links >p {
		padding: 0 60px 20px 32px!important
	}
	.layer-form {
		 padding: 0 60px 20px 32px!important
	}
}
@media (max-width: 1023px)	{
	.desktop-nav .sub-navigation a {
		color: #8a2529;
		display: block;
		font-size: 14px;
		font-weight: 700;
		padding: 10px 50px;
	}
}
.top-menu .sub-navigation li:last-child {
    border-right:2px solid #fff;
}
.top-menu ul.sub-navigation:nth-of-type(2) li:last-child{
    border: none!important;
}
@media (max-width: 1023px) {
	.desktop-nav .sub-navigation {
		background: rgb(255,255,255);
		z-index: 999999;
	}
	.dropdown-menuuu{
	    position: relative;
		left: 0;
	}
}
@media (max-width: 979px){
	.nav-collapse .nav {
		float: none;
		margin: 0 0 0px;
	}
}
@media(min-width:530px) and (max-width:1023px) {
    .navigation .nav li>.dropdown-menu{
        padding-right: 60px!important;
    }
	.navigation .nav li>.dropdown-menuu,.navigation .nav li>.dropdown-menuuu{
        padding-right: 30px!important;
    }
}
@media(min-width:0px) and (max-width:639px) {
    .navigation .nav li>.dropdown-menu{
        padding-right: 20px!important;
    }
	.navigation .nav li>.dropdown-menuu,.navigation .nav li>.dropdown-menuuu{
        padding-right: 30px!important;
    }
}
@media(max-width:980px) {
    .nav-collapse.in.collapse > ul.nav{
        height: 280px;
        overflow: auto;   
    }
    .navigation .nav li>.dropdown-menu{
        text-align: right!important;
    }
}
@media (max-width: 767px) {
	.slidingDiv {
		position: absolute;
	}
}
@media(min-width:980px) and (max-width:1024px) {
	.slidingDiv {
		bottom: 12px;
		right: -3px;
		width: 170px;
	}	
}
@media (min-width: 1024px) {
	.slidingDiv {
		bottom:5px !important;
	}
}
#frmJoin td.tsAppBodyText img {
    max-width: none!important;
	width: 14px;
    height: 16px;
}

@media (max-width: 979px) {
    div .banner #zoneH {
        display:none;
    }
}

a .BodyText, .BodyText a, a{font-family:arial; color:#006fff;}
a:hover .BodyText, .BodyText a:hover, a:hover{ color:#0046a1;}