@media (max-width: 1200px) {
  body .container {
    width: 100%; }

  #page-header-compact {
    min-height: 225px; } }
@media (max-width: 1024px) {
  /* General Scaffolding */
  .col-md-1, .col-md-10, .col-md-11,
  .col-md-12, .col-md-2, .col-md-3,
  .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9 {
    float: left; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66666%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333333%; }

  .col-md-8 {
    width: 66.66666%; }

  .col-md-9 {
    width: 75%; }

  /* END General Scaffolding */
  /* Homepage */
  #section-home-callouts .home-callout {
    max-width: 100%; }
    #section-home-callouts .home-callout h2 {
      font-size: 60px;
      line-height: 1em;
      margin: 10px auto 20px; }

  /* About */
  body #callouts .vc_col-sm-3 {
    width: 15%; }
  body #callouts .vc_col-sm-6 {
    width: 70%; } }
@media (max-width: 979px) {
  /* Header */
  #logo {
    width: 20%; }

  #main-navigation li a {
    margin-right: 30px; }

  body .content,
  body #content {
    background-image: none !important; }
    body .content .vc_col-sm-6,
    body #content .vc_col-sm-6 {
      width: 100%;
      float: none;
      clear: both; }

  body #glades-green-callout.content {
    background-image: url(https://gladessoul.com/wp-content/uploads/2017/02/bg-everglades-thingstodo.jpg?id=195) !important;
    padding: 20px 0; } }
@media (max-width: 767px) {
  /* General Scaffolding */
  .col-md-1, .col-md-10, .col-md-11,
  .col-md-12, .col-md-2, .col-md-3,
  .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9 {
    float: none;
    width: 100%; }

  .show-smaller-screens {
    display: inherit !important; }

  .hide-smaller-screens {
    display: none !important; }

  .front #page-header {
    padding-top: 150px; }

  #page-header {
    padding-top: 185px; }

  /* END General */
  /* Header */
  #header #my-cart {
    margin-left: 20px; }

  #logo {
    z-index: 9999;
    width: 50%;
    float: none;
    height: auto;
    float: left;
    margin-top: 0; }
    #logo a {
      padding: 25px 25px 25px 0;
      background: none; }

  body .navbar-nav {
    padding: 0;
    margin: 0 0 10px;
    float: none !important;
    background: #f5f5f5; }

  body #nav-right .navbar-nav {
    padding-top: 0; }

  body .navbar-nav > li > a {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px; }

  body .navbar-default .navbar-toggle {
    margin: 0 0 10px;
    font-size: 10px;
    color: #FFF;
    background: #8DB29E;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.05);
    font-size: 13px; }

  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background-color: #749a86;
    border-color: #749a86;
    color: #FFF;
    transition: background-color 0.5s ease; }

  .navbar-default .navbar-toggle:hover span.icon-bar,
  .navbar-default .navbar-toggle:focus span.icon-bar {
    background-color: #FFF;
    color: #FFF; }

  .navbar-default .navbar-toggle div {
    margin-top: 3px; }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
    color: #FFF;
    display: block;
    width: 100%; }

  .navbar-default .navbar-toggle .icon-bar.icon-bar-last {
    margin-bottom: 2px; }

  .nav-show-smaller-screens #nav-left,
  .nav-show-smaller-screens #nav-right {
    float: none;
    width: 100%;
    clear: both; }

  body .navbar-collapse {
    width: 100%;
    padding: 0; }

  #main-navigation {
    width: 100%;
    float: none; }
    #main-navigation li {
      float: none;
      padding: 0;
      margin: 0;
      position: relative;
      clear: both; }
    #main-navigation li.open a {
      background: #f3ffff;
      border-bottom: 1px solid #f9ffff; }
    #main-navigation li.open a.dropdown-toggle {
      border: none; }
    #main-navigation li.current_page_item a,
    #main-navigation li.current-menu-ancestor a,
    #main-navigation li.current-menu-ancestor li.current_page_item a,
    #main-navigation li.current-menu-ancestor li.current-menu-item a,
    #main-navigation li.current-menu-item a {
      font-weight: normal;
      margin: 0; }
    #main-navigation li.current_page_parent a,
    #main-navigation li.current-menu-ancestor a {
      color: #000; }
    #main-navigation li.current_page_item a,
    #main-navigation li.current-page-ancestor a {
      font-weight: bold;
      margin: 0;
      border: none; }
    #main-navigation li.current_page_item li,
    #main-navigation li.current_page_item li a,
    #main-navigation li.current-page-ancestor li.current-page-ancestor a {
      font-weight: normal;
      border: none;
      background: none;
      color: #FFF; }
    #main-navigation li.current_page_item a {
      color: #FFF !important;
      background: #749a86; }
    #main-navigation li.current-menu-ancestor li a,
    #main-navigation li.current-menu-ancestor a {
      border-bottom: none; }
    #main-navigation li.current-menu-ancestor li a:hover {
      color: #FFF; }
    #main-navigation li.active-trail {
      border: none; }
    #main-navigation li a,
    #main-navigation li.first-menu-item a,
    #main-navigation li.last-menu-item a {
      padding: 10px;
      border-bottom: 1px solid #e6e5e5;
      margin-right: 0;
      color: #8DB29E; }
    #main-navigation li a:hover {
      color: #618672; }
    #main-navigation .nav a.active {
      border: none; }
    #main-navigation li .menu__link {
      z-index: 9990; }
    #main-navigation li.active-trail a {
      border: none; }
    #main-navigation li ul {
      background: none;
      position: relative;
      left: 0;
      float: left;
      display: block;
      z-index: 1001;
      min-width: 200px;
      padding: 0;
      width: 100%;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      margin-top: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: none; }
    #main-navigation li:hover ul {
      left: 0; }
    #main-navigation .open > .dropdown-menu {
      display: block !important; }
    #main-navigation .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      border: none; }
    #main-navigation li ul li {
      text-align: left;
      z-index: 9990;
      border-bottom: none;
      background: none; }
    #main-navigation li ul li a,
    #main-navigation li ul li.last-menu-item a {
      text-align: left;
      padding: 8px 20px;
      color: #000;
      font-weight: normal; }
    #main-navigation li ul li.last-menu-item a:hover {
      color: #FFF; }
    #main-navigation li a.dropdown-toggle {
      display: none; }
    #main-navigation li ul li ul,
    #main-navigation li:hover ul li ul {
      position: relative;
      top: -1px;
      left: 0;
      border: none; }
    #main-navigation li ul li ul li a {
      padding-left: 35px; }
    #main-navigation li ul li.menu-item-has-children a {
      background-image: none !important; }

  ul#menu-primary-menu-right-1 {
    padding-top: 0;
    padding-bottom: 30px; }

  .caret {
    display: inline-block; }

  .nav > .open > a,
  .nav > .open > a:hover,
  .nav > .open > a:focus {
    background-color: #f3ffff; }

  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin: 0 !important; }

  /* END Header */
  /* Homepage */
  #section-home-callouts .home-callout {
    margin-bottom: 25px; }

  /* About */
  body #callouts .vc_col-sm-6 {
    width: 100%; }

  /* Contact */
  .content-has-sidebar .vc_col-sm-8 {
    padding-right: 0;
    border: none; }

  body .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0; }

  .content-has-sidebar .sidebar a {
    display: inline-block;
    margin-right: 15px; }

  /* Individual Product */
  body .woocommerce div.product div.images {
    padding-right: 0; }

  /* Footer */
  #footer #footer-left,
  #footer #footer-middle,
  #footer .social-icons {
    padding-top: 0;
    padding-bottom: 35px;
    text-align: center; } }
@media (max-width: 640px) {
  /* General Scaffolding */
  .col-md-1, .col-md-10, .col-md-11,
  .col-md-12, .col-md-2, .col-md-3,
  .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9 {
    float: none;
    width: 100%; }

  #page-header .hero-text h1,
  #page-header-compact .hero-text h1 {
    font-size: 100px; }
  #page-header .hero-text h3,
  #page-header-compact .hero-text h3 {
    font-size: 26px; }
  #page-header .hero-text p,
  #page-header-compact .hero-text p {
    max-width: 100%; }
  #page-header .hero-text .btn,
  #page-header-compact .hero-text .btn {
    width: 80%;
    float: none; }

  .vc_column-inner .vc_column-inner {
    padding-left: 15px !important;
    padding-right: 15px !important; }

  /* Menu */
  #logo {
    width: 65%; }

  /* Homepage */
  .home #page-header .hero-text h1 {
    margin-bottom: 30px; }
  .home #page-header .hero-text h4 {
    margin-bottom: 20px; }

  /* WooCommerce */
  body .woocommerce ul.products li.product,
  body .woocommerce-page ul.products li.product,
  body .woocommerce-page[class*=columns-] ul.products li.product,
  body .woocommerce[class*=columns-] ul.products li.product {
    width: 100%;
    float: none; }

  /* Thank You */
  .woocommerce .order_details li {
    width: 100%;
    border: none;
    margin-bottom: 10px; } }
@media (max-width: 480px) {
  #callouts .callout {
    max-width: 100%; }
    #callouts .callout .wpb_wrapper {
      padding: 20px; }
    #callouts .callout h2 {
      font-size: 50px; }

  /* Footer */
  #footer {
    text-align: center; }
    #footer a {
      color: #FFF; }
    #footer .widget_nav_menu {
      width: 100%;
      float: none;
      text-align: center;
      margin-bottom: 30px;
      padding: 0; }
    #footer .widget_black_studio_tinymce {
      margin-bottom: 30px; }
    #footer .social-icons a {
      margin: 0 8px; }
    #footer hr {
      margin: 40px auto; }
    #footer #footer-locations .col-md-3 {
      margin-bottom: 20px; }
    #footer #copyright {
      padding: 0;
      text-align: center; } }
@media (max-width: 400px) {
  #page-header .hero-text h1,
  #page-header .hero-text h2,
  #page-header-compact .hero-text h1,
  #page-header-compact .hero-text h2 {
    font-size: 80px; }

  #my-cart {
    margin-bottom: 34px; } }