/**

Styles for small sizes

 */
@media (max-width: 767px) {
  #header {
    margin-top: 0; }
    #header #darkTop {
      background: white;
      display: flex; }
      #header #darkTop:before, #header #darkTop:after {
        display: none; }
      #header #darkTop .contentDarkTop {
        height: 125px; } }
      @media (max-width: 767px) and (min-width: 480px) {
        #header #darkTop .contentDarkTop {
          height: 130px; } }

@media (max-width: 767px) {
        #header #darkTop .contentDarkTop #logo {
          left: unset;
          position: relative; }
          #header #darkTop .contentDarkTop #logo a img {
            width: 9rem;
            margin: 0 auto; } }
          @media (max-width: 767px) and (min-width: 480px) {
            #header #darkTop .contentDarkTop #logo a img {
              width: 10rem; } }

@media (max-width: 767px) {
        #header #darkTop .contentDarkTop .redes .fb {
          padding: 10px 0; }
        #header #darkTop .contentDarkTop .redes .tr {
          padding: 10px 0; }
        #header #darkTop .contentDarkTop .redes .in {
          padding: 10px 0; }
        #header #darkTop .contentDarkTop .redes .lk {
          padding: 10px 0; }
  #main {
    margin-top: 139px; }
    #main #sliderTop {
      height: 15rem; }
      #main #sliderTop .slides li {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; }
    #main #textHome1 {
      padding: 75px 0; }
      #main #textHome1:after {
        width: unset;
        height: 50px;
        margin: 0 15px; } }
    @media (max-width: 767px) and (min-width: 480px) {
      #main #textHome1 {
        padding: 100px 0; } }

@media (max-width: 767px) {
      #main #textHome1 .contentHome1 .titleHome1 .first-text {
        font-size: 28px; } }
      @media (max-width: 767px) and (min-width: 600px) {
        #main #textHome1 .contentHome1 .titleHome1 .first-text {
          font-size: 38px; } }

@media (max-width: 767px) {
      #main #textHome1 .contentHome1 .titleHome1 .second-text {
        font-size: 22px;
        line-height: normal; }
    #main #section1 .circulator-frame {
      margin: 20px 20px;
      height: 1653px;
      width: 90%; }
    #main #wibeee-salgar {
      padding: 80px 0; }
      #main #wibeee-salgar .container {
        display: flex;
        flex-direction: column;
        padding: 0; }
      #main #wibeee-salgar .wibeee-logo {
        width: 100%;
        border-radius: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        height: 220px; }
        #main #wibeee-salgar .wibeee-logo a {
          text-align: center; }
        #main #wibeee-salgar .wibeee-logo img {
          width: 70%;
          transform: translateY(0); }
      #main #wibeee-salgar .salgar-logo {
        width: 100%;
        border-radius: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        height: 220px; }
        #main #wibeee-salgar .salgar-logo a {
          text-align: center; }
        #main #wibeee-salgar .salgar-logo img {
          width: 70%; }
      #main #wibeee-salgar:before {
        display: none; }
      #main #wibeee-salgar:after {
        display: none; }
    #main #formTop {
      padding-top: 20px;
      padding-bottom: 20px; }
    #main #datFooter {
      padding: 20px 0; }
      #main #datFooter .contact-info {
        flex-direction: column;
        align-items: center; } }
      @media (max-width: 767px) and (min-width: 600px) {
        #main #datFooter .contact-info {
          flex-direction: row; } }

@media (max-width: 767px) {
    #main #footer {
      padding-top: 20px;
      padding-bottom: 46px; }
      #main #footer .container {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column; }
        #main #footer .container .tfooter {
          padding-bottom: 10px; } }

@media (min-width: 1800px) {
  #textHome1 {
    padding: 148px 0; } }

@media (min-width: 768px) and (max-width: 1800px) {
  #header {
    height: 115px; } }
  @media (min-width: 768px) and (max-width: 1800px) and (min-width: 900px) {
    #header {
      height: 125px; } }
  @media (min-width: 768px) and (max-width: 1800px) and (min-width: 1200px) {
    #header {
      height: 145px; } }

@media (min-width: 768px) and (max-width: 1800px) {
    #header #darkTop .contentDarkTop {
      height: 115px; } }
    @media (min-width: 768px) and (max-width: 1800px) and (min-width: 900px) {
      #header #darkTop .contentDarkTop {
        height: 125px; } }
    @media (min-width: 768px) and (max-width: 1800px) and (min-width: 1200px) {
      #header #darkTop .contentDarkTop {
        height: 145px; } }

@media (min-width: 768px) and (max-width: 1800px) {
      #header #darkTop .contentDarkTop #logo img {
        width: 9rem; }
    #header #darkTop:after {
      height: 115px;
      width: 115px;
      right: calc(50% - 115px / 2); } }
    @media (min-width: 768px) and (max-width: 1800px) and (min-width: 900px) {
      #header #darkTop:after {
        height: 125px;
        width: 125px;
        right: calc(50% - 125px / 2); } }
    @media (min-width: 768px) and (max-width: 1800px) and (min-width: 1200px) {
      #header #darkTop:after {
        height: 145px;
        width: 145px;
        right: calc(50% - 145px / 2); } }

@media (min-width: 768px) and (max-width: 1800px) and (max-width: 991px) {
  #main #sliderTop {
    height: 25rem; } }

@media (min-width: 768px) and (max-width: 1800px) {
  #main #sliderTop .slides li {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  #main #textHome1 {
    padding: 110px 0; } }
  @media (min-width: 768px) and (max-width: 1800px) and (min-width: 900px) {
    #main #textHome1 {
      padding: 148px 0; } }

@media (min-width: 768px) and (max-width: 1800px) {
    #main #textHome1 .contentHome1 .titleHome1 .first-text {
      font-size: 38px; } }
    @media (min-width: 768px) and (max-width: 1800px) and (min-width: 900px) {
      #main #textHome1 .contentHome1 .titleHome1 .first-text {
        font-size: 43px; } }

@media (min-width: 768px) and (max-width: 1800px) {
    #main #textHome1 .contentHome1 .titleHome1 .second-text {
      font-size: 28px; } }
    @media (min-width: 768px) and (max-width: 1800px) and (min-width: 900px) {
      #main #textHome1 .contentHome1 .titleHome1 .second-text {
        font-size: 33px; } }

@media (min-width: 768px) and (max-width: 1800px) {
    #main #textHome1:after {
      width: 90%;
      height: 50px;
      margin: 0 auto; } }
    @media (min-width: 768px) and (max-width: 1800px) and (min-width: 900px) {
      #main #textHome1:after {
        height: 75px; } }

@media (min-width: 768px) and (max-width: 1800px) {
  #section1 .circulator-frame {
    width: 85%; }
  #wibeee-salgar {
    padding: 70px 0; }
    #wibeee-salgar:before {
      height: 210px; }
    #wibeee-salgar:after {
      height: 210px; }
    #wibeee-salgar .wibeee-logo {
      height: 210px; }
      #wibeee-salgar .wibeee-logo a {
        text-align: left; }
      #wibeee-salgar .wibeee-logo img {
        width: 75%; }
    #wibeee-salgar .salgar-logo {
      height: 210px; }
      #wibeee-salgar .salgar-logo a {
        text-align: right; }
      #wibeee-salgar .salgar-logo img {
        width: 75%; } }