@charset "UTF-8";

/*   1024 px | Ipad / tablet     **/
@media only screen and (max-width: 1024px) {
}

/*   823 px | Ipad / tablet*/
@media only screen and (max-width: 820px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  #planos {
    & .owl-nav {
      display: block !important;
      width: 95% !important;
      top: 50% !important;

      & .owl-prev,
      & .owl-next {
        position: absolute;
        z-index: 3;
        border: 1px solid #fc9439;
      }

      & .owl-prev {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        left: -10% !important;
      }

      & .owl-next {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        right: -10% !important;
      }
    }
  }
}

/*   768 px | Ipad / tablet*/
@media only screen and (max-width: 768px) {
}

/*   736 px | Ipad / tablet*/
@media only screen and (max-width: 736px) {
}

/*   731 px | Ipad / tablet*/
@media only screen and (max-width: 731px) {
}

/*   667 px | mobile Iphone Plus  **/
@media only screen and (max-width: 667px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }
}

/*   640 px | mobile Iphone Plus  **/
@media only screen and (max-width: 640px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }
}

/*    414 px | mobile Iphone Plus  **/
@media only screen and (max-width: 414px) {
  #planos {
    & .owl-nav {
      display: block !important;
      width: 95% !important;
      top: 50% !important;

      & .owl-prev,
      & .owl-next {
        position: absolute;
        z-index: 3;
        border: 1px solid #fc9439;
      }

      & .owl-prev {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        left: -10% !important;
      }

      & .owl-next {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        right: -10% !important;
      }
    }
  }
}

/*    411 px | mobile  */
@media only screen and (max-width: 411px) {
}

/*    360 px | mobile     **/
@media only screen and (max-width: 360px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  header {
    padding: 0px;
  }

  #planos {
    & .owl-nav {
      display: block !important;
      width: 100% !important;
      top: 50% !important;

      & .owl-prev,
      & .owl-next {
        position: absolute;
        z-index: 3;
        border: 1px solid #fc9439;
      }

      & .owl-prev {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        left: -10% !important;
      }

      & .owl-next {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        right: -10% !important;
      }
    }
  }
}

/*    320 px | mobile IPhone   **/
@media only screen and (max-width: 320px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  #planos {
    & .owl-nav {
      display: block !important;
      width: 100% !important;
      top: 50% !important;

      & .owl-prev,
      & .owl-next {
        position: absolute;
        z-index: 3;
        border: 1px solid #fc9439;
      }

      & .owl-prev {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        left: -10% !important;
      }

      & .owl-next {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        right: -10% !important;
      }
    }
  }
}

/*   280 px | mobile Iphone Plus  **/
@media only screen and (max-width: 280px) {
}