/* TABLET DEVICES */
@media only screen and (max-width: 1024px) {
   /* CONTAINERS */
   .mid-container,
   .outer-container { min-width: 100%; }

   .inner-container {
      width: auto;
      min-width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding-left: 1.5em;
      padding-right: 1.5em;
      clear: both;
   }

   /* SHOW */
   .device-clear {
      display: block;
   }

   .cart-column.not-desktop-content {
      display: inline-block;
   }

   .not-desktop-content,
   .tablet-content {
      display: block;
   }

   /* HIDE */
   .cart-column.desktop-content,
   .nav-area,
   .desktop-content,
   .mobile-content {
      display: none;
   }

   /* NAV */
   .outer-container.nav {
      background: none!important;
   }

      .nav-area.inner-container {
         padding-left: 0!important;
         padding-right: 0!important;
      }

      .nav-area {
         font-size: 16px!important;
         background: #174179;
         position: absolute;
         top: 100%;
         left: 0;
         border-radius: 0 0 8px 8px;
         box-shadow: 0 4px 8px rgba(0,0,0,0.4);
      }

      /* NAV ITEM */
      .nav-area.modified > li {
         margin: 0!important;
      }

      .nav-area > li {
         width: 100%!important;
         display: block!important;
         border-right: 0!important;
         border-left: 0!important;
         border-bottom: 1px solid #ffffff;
         padding: 0.5em 0.25em;
      }

      .nav-area > li:last-of-type,
      .nav-area > li.last {
         border: 0!important;
      }

      .nav-area > li:last-of-type:hover,
      .nav-area > li.last:hover {
         border-radius: 0 0 8px 8px;
      }

      .nav-area > li > a,
      .nav-area > li > span {
         padding: 1em 0!important;
      }

      /* DROPDOWN MENU */
      .nav-area .dropdown-menu,
      .nav-area .sub-menu {
         display: block!important;
         position: relative!important;
         border-radius: 0!important;
         text-align: center!important;
         box-shadow: inset 0 2px 4px rgba(0,0,0,0.4)!important;
      }

      .cart-wrapper:hover:before,
      .nav-area > .current_page_parent:before,
      .nav-area > .current-page-ancestor:before,
      .nav-area > .current-menu-ancestor:before,
      .nav-area > .current-menu-parent:before,
      .nav-area > li.current-menu-item:before,
      .nav-area > li.current_page_item:before,
      .nav-area > li.active:before,
      .nav-area > li:hover:before,
      .cart-wrapper:hover:after,
      .nav-area > .current_page_parent:after,
      .nav-area > .current-page-ancestor:after,
      .nav-area > .current-menu-ancestor:after,
      .nav-area > .current-menu-parent:after,
      .nav-area > li.current-menu-item:after,
      .nav-area > li.current_page_item:after,
      .nav-area > li.active:after,
      .nav-area > li:hover:after {
         content: ' ';
         display: none;
      }

      .nav-area > .current-page-ancestor:hover > a,
      .nav-area > .current-page-ancestor > a,
      .nav-area > .current-page-ancestor:hover > span,
      .nav-area > .current-page-ancestor > span,
      .nav-area > .current-menu-ancestor:hover > a,
      .nav-area > .current-menu-ancestor > a,
      .nav-area > .current-menu-ancestor:hover > span,
      .nav-area > .current-menu-ancestor > span,
      .nav-area > .current-menu-parent:hover > a,
      .nav-area > .current-menu-parent > a,
      .nav-area > .current-menu-parent:hover > span,
      .nav-area > .current-menu-parent > span,
      .nav-area > li.current-menu-item:hover > a,
      .nav-area > li.current-menu-item > a,
      .nav-area > li.current-menu-item:hover > span,
      .nav-area > li.current-menu-item > span,
      .nav-area > li.current_page_parent:hover > a,
      .nav-area > li.current_page_parent > a,
      .nav-area > li.current_page_parent:hover > span,
      .nav-area > li.current_page_parent > span,
      .nav-area > li.current_page_item:hover > a,
      .nav-area > li.current_page_item > a,
      .nav-area > li.current_page_item:hover > span,
      .nav-area > li.current_page_item > span,
      .nav-area > li.active > a,
      .nav-area > li.active > span,
      .nav-area > li:hover > a,
      .nav-area > li:hover > span {
         color: inherit;
      }

}

   /* PORTRAIT */
   @media only screen and (max-width: 1024px) and (orientation: portrait) {

   }

   /* LANDSCAPE */
   @media only screen and (max-width: 1024px) and (orientation: landscape) {

   }

   /* CUSTOM 968px */
   @media only screen and (min-width: 968px) and (max-width: 1280px) {
      /* GRID LIST COLUMNS */
      ul.grid-list.grid-col {
         padding: 0;
      }

      /* 5 COLUMN */
      ul.grid-list.col-5 li {
         width: 33.33%;
      }

      /* 4 COLUMN */
      ul.grid-list.col-4 li {
         width: 33.33%;
      }

      /* 3 COLUMNS */
      ul.grid-list.col-3 li {
         width: 50%;
      }
   }

   @media only screen and (max-width: 968px) {
      .inner-container {
         padding-left: 2em!important;
         padding-right: 2em!important;
      }

      /* GRID LIST COLUMNS */
      ul.grid-list.grid-col {
         padding: 0;
      }

      /* 5 COLUMN */
      ul.grid-list.col-5 li {
         width: 50%;
      }

      /* 4 COLUMN */
      ul.grid-list.col-4 li {
         width: 50%;
      }

      /* 3 COLUMN */
      ul.grid-list.col-3 li {
         width: 50%;
      }

      /* SHORTCODE STYLING */
      .shortcode-cta .content-column {
         width: 100%;
         float: none;
         margin: 0;
         text-align: center;
      }

      .shortcode-cta .content-cta-copy {
         padding: 1em 0;
      }
   }


/* MOBILE DEVICES */
@media only screen and (max-width: 736px) {
   .content-image,
   img.alignright,
   .content-image.float-right,
   .float-right,
   .float-left {
      float: none!important;
   }

   img.alignright,
   .content-image,
   .content-image.float-right {
      display: block;
      margin: 0 auto 1em;
   }

   /* RESPONSIVE STYLES */
   span.mobile-content {
      display: inline-block;
   }

   .mobile-content {
      display: block;
   }

   .not-mobile-content,
   .cart-column.desktop-content,
   .desktop-content,
   .tablet-content,
   .content-column.not-mobile-content,
   .content-column.desktop-content,
   .content-column.tablet-content,
   .content-column.inline.not-mobile-content,
   .content-column.inline.desktop-content,
   .content-column.inline.tablet-content { display: none!important; }

   /* GRID LIST COLUMNS */
   ul.grid-list.grid-col {
      padding: 0;
   }

   /* Grid Column */
   ul.grid-list.grid-col li {
      width: auto;
      max-width: 100%;
      margin: 0 auto 5px;
   }

   /* HEADER STYLING */
   .header-area .content-column {
      width: 100%;
      float: none;
      text-align: center;
   }

   /* FOOTER STYLING */
   .footer-nav > li,
   .footer-nav > .fnav-item {
      width: 100%;
      display: block;
   }
}

   /* PORTRAIT */
   @media only screen and (max-width: 736px){
      /* CONTENT COLUMNS */
      .header-area .content-column:not(.manual-break),
      .content-section .content-column:not(.manual-break) {
         width: 100%!important;
         float: none!important;
         margin-left: 0!important;
         margin-right: 0!important;
         padding: 0!important;
      }
   }

   /* LANDSCAPE */
   @media only screen and (max-width: 736px) and (orientation: landscape) {

   }

@media only screen and (max-width: 667px) {
   /* CONTENT COLUMNS */
   .content-column:not(.manual-break) {
      width: 100%!important;
      float: none!important;
      padding: 0!important;
      margin: 0 auto 0.25em;
   }

   .content-column:not(.manual-break).inline {
      margin: 0 auto 0.25em!important;
      display: block!important;
   }

   .content-column:not(.manual-break).pad-right,
   .content-column:not(.manual-break).pad-left {
      padding: 0!important;
   }
}