/* Code tidied up by ScrapBook */
html, body { overflow-x: hidden; }
@media only screen and (min-width: 1240px) {
}
@media only screen and (min-width: 1240px) and (max-width: 1489px) {
}
@media only screen and (max-width: 1239px) {
}
@media only screen and (min-width: 960px) and (max-width: 1239px) {
  body { min-width: 0px; }
  #Wrapper { max-width: 960px; }
  .section_wrapper, .container, .with_aside .content_wrapper { max-width: 940px; }
  #Top_bar .top_bar_left { width: 729px; }
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  body { min-width: 0px; }
  #Wrapper { max-width: 728px; }
  .section_wrapper, .container, .with_aside .content_wrapper { max-width: 708px; }
  #Top_bar .top_bar_left { width: 501px; }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
  body { min-width: 0px; }
  #Wrapper { max-width: calc(100% - 67px); }
  .section_wrapper .mcb-wrap, .section_wrapper .column, .container .column, .sections_group, .four.columns { margin: 0px; width: 100% ! important; clear: both; }
  .section_wrapper, .container, .four.columns .widget-area { max-width: 700px ! important; padding-left: 33px ! important; padding-right: 33px ! important; }
  .section_wrapper .column { margin: 0px 0px 20px; height: auto ! important; }
  .section { background-attachment: scroll ! important; height: auto ! important; }
  .widget::after { width: 100%; }
  .mobile-tr-header .header_placeholder, body:not(.mobile-sticky) .header_placeholder { height: 0px ! important; }
  #Top_bar, #Action_bar { background-color: rgb(255, 255, 255) ! important; position: static; }
  #Top_bar .container { max-width: 100% ! important; padding: 0px ! important; }
  #Top_bar .top_bar_left { float: none; width: 100% ! important; background: transparent none repeat scroll 0% 0% ! important; }
  #Top_bar a.responsive-menu-toggle { right: 10px; }
  #Top_bar .menu_wrapper { float: left ! important; width: 100%; margin: 0px ! important; }
  #Top_bar #menu { float: left; position: static ! important; width: 100% ! important; }
  #Top_bar .logo { position: static; float: left; width: 100%; text-align: center; margin: 0px; }
  #Top_bar .logo #logo, #Top_bar .logo .custom-logo-link { padding: 0px ! important; margin: 10px 50px; }
  #Top_bar #logo img.logo-main { display: none; }
  #Top_bar #logo img.logo-mobile { display: inline-block; }
  #Top_bar #logo img.logo-mobile-sticky { display: none; }
  #Top_bar .search_wrapper { top: auto; bottom: -129px; }
  .header-stack #Top_bar .logo { padding: 0px; text-align: center ! important; }
  .header-stack #Top_bar .logo #logo, .header-stack #Top_bar .logo .custom-logo-link { display: block; }
  .header-stack #Top_bar a.responsive-menu-toggle { position: absolute ! important; margin-top: -17px ! important; }
  .header-stack #Top_bar .secondary_menu_wrapper { display: none; }
  .mobile-header-mini #Top_bar { top: 0px; }
  .mobile-header-mini #Top_bar .container { max-width: 100% ! important; }
  .mobile-header-mini #Top_bar .top_bar_left { float: left; position: static; }
  .mobile-header-mini #Top_bar .logo { width: auto; float: left; margin-left: 15px; border: medium none; }
  .mobile-header-mini #Top_bar #logo, .mobile-header-mini #Top_bar .custom-logo-link { height: 60px ! important; line-height: 60px ! important; margin: 0px; }
  .mobile-header-mini #Top_bar a.responsive-menu-toggle { top: 30px ! important; left: auto; right: 10px; margin-top: -17px; }
  .mobile-header-mini #Top_bar #menu { padding-bottom: 10px; }
  .mobile-header-mini #Top_bar #menu ul li a span { line-height: 44px; }
  .mobile-header-mini #Top_bar .search_wrapper { bottom: -59px; padding: 10px; width: 100%; }
  .mobile-header-mini #Top_bar .search_wrapper .icon_search { left: 10px; top: 17px; }
  .mobile-header-mini #Top_bar .search_wrapper .icon_close { top: 17px; }
  .mobile-sticky #Top_bar #menu { overflow: auto; box-sizing: border-box; }
  #back_to_top { float: none; margin: -10px 0px 10px; }
  #back_to_top.in_footer, #back_to_top.sticky { right: 20px ! important; margin: 0px; }
  .image_frame { margin-top: 0px ! important; }
  .promo_box_wrapper { overflow: visible; }
  .promo_box_wrapper .photo_wrapper { width: 100%; float: none; line-height: 0; margin-bottom: 15px; }
  .promo_box_wrapper .desc_wrapper { width: 100%; margin: 0px ! important; float: none; padding-top: 0px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
@media only screen and (min-width: 448px) and (max-width: 500px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-device-width: 1024px) {
}