/*--------------------------------------------------------------------- 
File Name: responsive.css 
---------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1320px) {
    #myCarousel a.carousel-control-prev {
        left: 43.3%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner_main .preco .about_text h2  .bluid h1 .bluidd h1 {
        font-size: 44px;
        line-height: 57px;
        padding-bottom: 24px;
    }
    .banner_main .preco .about_text .bluid .bluidd .read_more {
        max-width: 198px;
    }
    #myCarousel a.carousel-control-prev {
        left: 40.3%;
    }
    .banner_main .preco .about_text p  .bluid p .bluidd p {
        padding-bottom: 36px;
    }
    .wallet {
        padding: 113px 0px 0 0px;
    }
    .graf_tab li a {
        padding: 12px 19px;
    }
    .usd h4 {
        font-size: 16px;
    }
    .growth h3 {
        padding-left: 0;
    }
    .pa_ri {
        padding-right: 7px !important;
    }
    .h3tota {
        padding-left: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    ul.email li {
        padding: 0px 20px;
    }
    .banner_main .preco .about_text h2 .bluid h1 .bluidd h1 {
        font-size: 34px;
        line-height: 45px;
        padding-bottom: 16px;
    }
    .banner_main .about_text .bluid .bluidd .read_more {
        max-width: 160px;
        margin-right: 9px;
    }
    #myCarousel a.carousel-control-prev {
        left: 35.3%;
    }
    .banner_main .about_text p .bluid p .bluidd p {
        padding-bottom: 36px;
    }
    .wallet {
        padding: 113px 0px 0 0px;
    }
    .about_border {
        padding: 80px 40px;
    }
    .titlepage h2 {
        font-size: 37px;
        line-height: 41px;
    }
    .graf_tab li a {
        padding: 12px 10px;
        font-size: 14px;
    }
    .usd h4 {
        font-size: 11px;
        line-height: 17px;
    }
    .growth h3 {
        padding-left: 0;
    }
    .pa_ri {
        padding-right: 0px !important;
    }
    .h3tota {
        padding-left: 0px !important;
    }
    .testomoniam_text h3 {
        font-size: 16px;
    }
    .testomoniam_text p {
        font-size: 15px;
        line-height: 25px;
        padding-top: 0px;
    }
    .Informa li {
        font-size: 14px;
        line-height: 29px;
    }
    .ente {
        font-size: 13px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    header {
        padding: 21px 3px;
    }
    ul.social_icon {
        padding-top: 0;
    }
    ul.social_icon li {
        padding-right: 10px;
    }
    ul.email li {
        padding: 0px 15px;
    }
    .logo {
        text-align: center;
        display: block;
    }
    .banner_main .about_text h2 .bluid h1 .bluidd h1 {
        font-size: 51px;
        line-height: 67px;
    }
    #myCarousel a.carousel-control-prev {
        left: 35.3%;
    }
    #myCarousel a.carousel-control-next {
        right: 37.3%;
    }
    .wallet {
        padding: 113px 0px 0 0px;
    }
    .about_border {
        padding: 80px 40px;
    }
    .about_img {
        margin-top: 30px;
        float: inherit;
    }
    .graf_tab li a {
        padding: 12px 22px;
    }
    .h3tota {
        padding-left: 62px !important;
    }
    .growth h3 {
        padding-left: 29px;
    }
    .pa_ri {
        padding-right: 30px !important;
    }
    .border_testi {
        margin: 0;
    }
}

@media (max-width: 575px) {
    header {
        padding: 27px 0px;
    }
    .d_none {
        display: none !important;
    }
    .email {
        padding-top: 0 !important;
        margin-top: -42px;
    }
    .logo {
        display: block;
        float: left;
    }
    .banner_main .preco .about_text h2 .bluid h1 .bluidd h1 {
        font-size: 26px;
        line-height: 42px;
        padding-bottom: 11px;
    }
    .banner_main .preco .about_text p .bluid p .bluidd p {
        padding-bottom: 20px;
        font-size: 15px;
    }
    .banner_main .preco .about_text .bluid .bluidd .read_more {
        margin-right: 5px;
        max-width: 124px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    #myCarousel a.carousel-control-prev {
        left: 24.3%;
    }
    #myCarousel a.carousel-control-next {
        right: 25.3%;
    }
    .titlepage h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .wallet {
        padding: 113px 0px 0 0px;
    }
    .about_border {
        padding: 80px 15px;
    }
    .about_text p {
        line-height: 28px;
        font-size: 16px;
    }
    .about_img {
        margin-top: 30px;
        float: inherit;
    }
    .graf_tab li a {
        padding: 12px 22px;
    }
    .h3tota {
        padding-left: 0px !important;
    }
    .growth h3 {
        padding-left: 0px;
        font-size: 17px;
    }
    .pa_ri {
        padding-right: 0px !important;
    }
    .border_testi {
        margin: 0;
    }
}

/* Ajustes para dispositivos móveis */
@media (max-width: 768px) {
    .imgggg {
      width: 70%; /* Aumenta a largura da imagem para 70% em tablets */
    }
  
    .bluidd h1 {
      font-size: 28px; /* Reduz o tamanho da fonte do título */
      margin-bottom: 12px; /* Ajusta o espaçamento inferior */
    }
  
    .bluidd p {
      font-size: 16px; /* Reduz o tamanho da fonte dos parágrafos */
      line-height: 1.6; /* Ajusta o espaçamento entre linhas */
    }
  
    /* Ajustes de colunas em tablets */
    .col-md-6 {
      width: 100%; /* As colunas ocupam toda a largura em telas menores */
      margin-bottom: 30px; /* Adiciona espaçamento entre as colunas */
    }
  }
  
  @media (max-width: 480px) {
    .imgggg {
      width: 100%; /* Aumenta a largura da imagem para 100% em smartphones */
    }
  
    .bluidd h1 {
      font-size: 24px; /* Reduz o tamanho da fonte do título em smartphones */
      margin-bottom: 10px;
    }
  
    .bluidd p {
      font-size: 14px; /* Reduz o tamanho da fonte dos parágrafos */
      line-height: 1.5; /* Ajusta o espaçamento entre linhas */
    }
  
    /* Ajustes de colunas em smartphones */
    .col-md-6 {
      width: 100%; /* As colunas ocupam 100% da largura */
      margin-bottom: 20px;
    }
  }


  /* Ajustes para dispositivos móveis */
@media (max-width: 768px) {
    .TOY h1 {
      font-size: 28px; /* Reduz o tamanho do título */
      margin-top: 40px; /* Ajusta o espaçamento superior */
      margin-bottom: 12px; /* Ajusta o espaçamento inferior */
    }
  
    .TOYYS p {
      font-size: 16px; /* Reduz o tamanho da fonte do parágrafo */
      line-height: 1.6; /* Ajusta o espaçamento entre as linhas */
    }
  
    /* Ajustes de colunas em tablets */
    .col-md-6 {
      width: 100%; /* A coluna ocupa 100% da largura */
      margin-bottom: 30px; /* Adiciona espaçamento entre as colunas */
    }
  }
  
  @media (max-width: 480px) {
    .TOY h1 {
      font-size: 24px; /* Reduz o tamanho do título em smartphones */
      margin-top: 30px;
      margin-bottom: 10px;
    }
  
    .TOYYS p {
      font-size: 14px; /* Reduz o tamanho da fonte do parágrafo em smartphones */
      line-height: 1.5; /* Ajusta o espaçamento entre as linhas */
    }
  
    /* Ajustes de colunas em smartphones */
    .col-md-6 {
      width: 100%; /* A coluna ocupa 100% da largura */
      margin-bottom: 20px;
    }
  }
  
  
