/* Qode Select — responsive overrides */
@media only screen and (min-width: 1000px) {
  .page_header { position: absolute; }
  .page_header .header_bottom { background: transparent !important; }
  .content { margin-top: 0 !important; }
  nav.mobile_menu { display: none !important; }
  .mobile_menu_button { display: none !important; }
  nav.main_menu { display: block !important; }
}

@media only screen and (max-width: 1000px) {
  .page_header { position: relative; background: #fff; }
  .page_header .header_bottom { background-color: #fff !important; }
  .page_header.light .q_logo img.light { display: inline-block; max-height: 70px; }
  .page_header .q_logo img.sticky, .page_header .q_logo img.dark { display: none !important; }
  .page_header .header_inner_left { text-align: left; padding-right: 50px; }
  .page_header .logo_wrapper { height: 60px; line-height: 60px; }
  .mobile_menu_button { display: block; }
  nav.main_menu { display: none !important; }
  nav.mobile_menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
    z-index: 999;
  }
  nav.mobile_menu.active { display: block; }
  nav.mobile_menu ul { list-style: none; margin: 0; padding: 0; }
  nav.mobile_menu ul li { border-bottom: 1px solid #f0f0f0; }
  nav.mobile_menu ul li a { display: block; padding: 14px 20px; color: #212121; }
  .q_slider .carousel,
  .q_slider .carousel-inner .item { height: 550px !important; min-height: 400px; }
  .content { margin-top: 0 !important; }
  .qode_carousels .slides .item { flex: 0 1 45%; }
  .footer_top .three_columns { flex-direction: column; }
}

@media only screen and (max-width: 768px) {
  .vc_col-sm-6, .vc_col-sm-4, .vc_col-sm-3, .vc_col-sm-8, .vc_col-sm-9 {
    width: 100% !important;
    float: none !important;
  }
  .section_inner_margin { margin-left: 0 !important; margin-right: 0 !important; }
  .qode_carousels .slides .item { flex: 0 1 100%; }
  .wpcf7 .two_columns_50_50 > .column1,
  .wpcf7 .two_columns_50_50 > .column2 { flex: 1 1 100%; }
}

@media only screen and (max-width: 480px) {
  .q_slider .carousel,
  .q_slider .carousel-inner .item { height: 420px !important; }
  .qbutton { display: block; text-align: center; }
}