/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@media screen and (max-width: 1435px) {
  .home .flickity-slider .banner-layer {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 849px) {
  .home .flickity-slider .banner h1,
  .home .flickity-slider .banner h4 {
    display: none;
  }

  .slider-wrapper {
    height: 225px;
  }

  .home #content > .banner.has-hover {
    height: 20rem;
  }

  .home .banner-inner.fill {
    padding-top: 20px !important;
  }

  .home .gap-element {
    display: none !important;
  }

  .home section .section-content .row .col-inner {
    margin: 0 !important;
    transform: none !important;
    max-width: none !important;
  }

  .home .col-inner > .img {
    width: 100% !important;
  }

  .home .col-inner > .img:not(:last-child),
  .home .col > .img:not(:last-child) {
    margin-bottom: 0px;
  }

  .home .stack .box-text {
    padding: 0px !important;
  }

  .home .stack h2 {
    height: 4rem;
  }

  .flickity-prev-next-button.previous {
    left: 4% !important;
  }

  .flickity-prev-next-button.next {
    right: 4% !important;
  }
  .has-shadow .box-text {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}