/* Non-Mobile */
@media (min-width: 768px) {
 .float-right{float: right; margin-left: 10px; margin-bottom: 10px}
 .text-right-lg{text-align: right;}
 #header_top.sticky{left: 0; position: fixed; top: 0; width: 100%; z-index:5;}
 #mobile_menu{display: none;}
 #header_mid .f_right{padding: 50px 0;}
 #top_menu #mega-menu-item-984{background-color: #8b7b18!important;  }
 #top_menu #mega-menu-item-984 > a{color: #fff!important}
 #top_menu #mega-menu-item-984 > a:hover{background-color: #8b7b18!important;  color: #323232!important}

 #mobile_slide_takeover{display: none;}

 #headline .bordered-headline img{margin-top: 12px}

 #insurance_partners #carriers .carrier-logo{width: 115px;}


 .member-single {width: 28%;}

 .span-2-col{
 -webkit-column-width: 49%; /* Chrome, Safari, Opera */
    -moz-column-width: 49%; /* Firefox */
    column-width: 49%;
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
ul.span-2-col{list-style-position: inside;padding-left: 0;}
/*Homepage Tabs*/
.ui-tabs:not(.left-side) > .ui-panels {
  float: left;
  width: 100%;
}
.ui-tabgroup > .ui-tabs > [class^="ui-tab"]:first-child {
  margin: 1px 0 0 0;
}
.ui-tabgroup > .ui-tabs > [class^="ui-tab"] {
  margin: 1px 0 0 1px;
  /*min-width: 50px;*/
}
 /*Butwin Landing pages*/
  #landing-right{float: right; margin-left: 20px; margin-bottom: 20px;}
}

/* ExLarge */
@media (min-width: 1600px) {
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding-left: 15px; padding-right: 15px;}
#slider{height: 34vw}
}
/* Large */
@media (min-width: 1200px) {
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding-left: 12px; padding-right: 12px;}
.member-single {width: 28%;}
}
@media (max-width: 1199px) {
 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding-left: 10px; padding-right: 10px; font-size: 12px}
#slider{height: 32vw}
}

/* Medium */
@media (min-width: 992px) and (max-width: 1199px) {
 #homepage_quote_inner{font-size: 30px;}
 #homepage_quote_top img, #homepage_quote_bottom img{height: 40px;}
.member-single {width: 28%;}
#sidebar_image {min-height: 400px;}
#sidebar_quote .table, #sidebar_quote .table-cell {min-height: 400px;}
#sidebar_quote p {font-size: 16px;}

}

/* Small */
@media (min-width: 768px) and (max-width: 991px) {
#social{float: none; margin: 0 auto; display: table;}
#top_menu, #social{margin: 0 auto!important; float: none!important; display: table!important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding-left: 7px; padding-right: 7px; font-size: 10px}
#headline .bordered-headline h1{font-size: 32px;}
#fancy_background{height: 35vw; background-attachment: inherit;}
#homepage_quote_inner{font-size: 24px;}
#homepage_quote_top img, #homepage_quote_bottom img{height: 30px;}
.member-single {width: 45%;}

#sidebar_image {min-height: 350px;}
#sidebar_quote .table, #sidebar_quote .table-cell {min-height: 360px;}
 #sidebar_quote_inner{padding: 20px 25px 20px 20px;}
 #sidebar_quote_bottom img{right: -10px}
#sidebar_quote p {font-size: 14px;}
.ui-tabgroup>.ui-tabs{flex-wrap: wrap;}
}

/* Extra Small */
@media (max-width: 767px) {
	.high-contrast { display: none;}
 .float-right{margin:10px;}
 #header_top{left: 0; position: fixed; top: 0; width: 100%; z-index:5;}
 #social{text-align: center; float: none;}

header  #top_menu{display: inline-block; width: 100%; float: none;}

#mobile_menu{margin-top: 42px; background: #434344}
  .toggle-rotate {transform: rotate(180deg);}
  .toggle-nav{float:right; width:2em; height:2em; text-align:center; font-size:2em; line-height:2em; color:#8b7b18; transition:all 0.25s ease; cursor: pointer; padding-top: 20px}
  .toggle-nav-text{font-size: 12px;line-height: 1; position: relative; display: block;}
  .toggle-nav:hover{color:#ffffff;}
  #mobile_menu .logo{float: left; padding: 1em; width: 10em;}
  #mobile_menu .logo img{height:auto; width:100%;}
  .mobile-nav{display:none; background:#434344; width: 100%;}
  .mobile-nav ul {margin: 0; width: 100%; float: left; padding:0;}
  .mobile-nav li {list-style:none; position: relative; overflow: hidden;}
  .mobile-nav li a {padding:1em; color:#ffffff; text-decoration:none; font-weight:600; font-size:1em; border-top:1px solid #E7E7E7; display:block; text-transform:uppercase;}
  .mobile-nav .accordion-toggle {
    position: absolute;
    top: 0;
    z-index: 999;
    font-size: 1.8em;
    line-height: 2;
    right: 0;
    font-family: "FontAwesome";
    padding: 0 .5em;
    color: #8b7b18;
    border-left: 1px solid #E7E7E7;
    transition:all 0.25s ease;
  }
  .mobile-nav .accordion-toggle .fa {transition:all 0.25s ease;}
  .mobile-nav li > ul {background: #E7E7E7; font-size: .8em; display:none;}
  .mobile-nav li > ul a {padding-left: 2em; color:#484848; border-bottom:1px solid #E2E2E2;}
  .mobile-nav li > ul li:last-child a {border: none;}
  .mobile-nav li > ul ul { display:none;}
  #header_top {background-color: #8b7b18;}
 #ap_sticky{text-align: center;width: 100%;}
   #ap_sticky > a{text-align: center; color: #ffffff; height: 43px; line-height: 43px; width: 100%}
   #ap_sticky > a:hover,
   #ap_sticky > a:active,
   #ap_sticky > a:focus{color: #484848}
.a_sidebar{margin-top: 20px;}

 #copyright{text-align: center;}
 #slider{height: 100%}
 #header_mid, #header_bottom {display: none;}
.home-slide, #photo_captions{display: none!important;}
 #photo_captions{text-align: center;}
 .bordered-headline *{text-align: center; margin: 5px auto;}
 #video_testimonials{background: #434344;}
#video_testimonials .video-testimonial-outer{margin-bottom: 20px}
#fancy_background{height: 50vh}
#homepage_quote_inner{font-size: 28px; text-align: center;}
#homepage_quote_top img, #homepage_quote_bottom img{height: 35px;}
#insurance_partners #carriers .carrier-logo{max-width: 25%}
.member-single {max-width: 300px; text-align: center;padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #8b7b18;}
.tabs a{font-size: 12px; padding: 5px}
.ui-tabgroup>.ui-tabs{flex-wrap: wrap;}
.ui-tabgroup>.ui-tabs>[class^="ui-tab"] {width: 100%;}
.page-id-694 #carriers .carrier-logo img{max-width: 100%; padding:5px;}
/*Butwin Landing pages*/
#landing-right{float: right; margin:0 0 20px 20px; width: 50%; max-width: 250px;}
#butwin-landing-video figure {height:300px}
#butwin-landing-sidebar form {display: block;}
#sidebar_quote {max-width: 350px; margin: 0 auto;}
#sidebar_image {}
#sidebar_quote .table, #sidebar_quote .table-cell {}
#sidebar_quote p {font-size: 16px;}
 footer, #footer_top{text-align: center;}
 footer img{margin: 5px auto; width: 200px;}
}