@media only screen and (min-width:991px) and (max-width: 1367px) {

  .title img{
    width: 36% !important;
  }
}

@media only screen and (max-width: 1186px) {
  .title h1{
    font-size: 5.7rem;
  }

  .title h3{
    font-size: 2.5rem;

  }
  .produtos-home .card {
    min-width: 32%;
}

}

@media only screen and (max-width: 1000px) {
  .img{
    display: none;
  }

  .title .img-fluid{
    max-width: none !important;
  }

  .principal{
    height: 100vh;
  }

  .circles {
    position: absolute;
    top: 11rem;
  }

  .title{
    display: flex;
    justify-content: center;
  }

  .input-mobile{
    width: 100% !important;
  }
}

@media only screen and (max-width: 991px) {
  .form-register input {
    width: 100% !important;
  }

  .select-gender select {
    width: 100% !important;
  }

  .resumo-card{
    margin-top: 1rem;
  }
  .resumo-quant, .resumo-entrega, .resumo-preco{
    margin-bottom: 1rem;
  }
  .resumo-card{
    flex-direction: column;
  }

  .resumo{
    flex-direction: column;
    align-items: initial !important;
  }
  .details{
    margin-top: 0 !important;
  }

  .detalhes-finalize{
    flex-direction: column !important;
  }

  .frete-finalize{
    margin-top: 2rem;
  }
  .total-boleto {
    margin: 0;
    margin-top: 2rem;
}
  .credit .parcela-mobile select{
    width: 100% !important;
  }
  .credit .form-register input {
    width: 100%;
}

  .details .col-lg-7 {
    width: 100%;
  }

  .details .col-lg-5 {
    margin-top: 2rem;
    width: 100%;
  }

  .infos-produto{
    flex-direction: column;
  }

  .infos-details{
    width: 100%;
  }

  .details-valor {
    flex-direction: column;
  }

  .detalhes {
    padding: 2rem 1rem;
  }

  .frete input{
    width: 100%;
  }
  .max-image {
    width: 92%;
    height: 92%;
    display: flex;
    justify-content: center;
  }

  .mini-images {
    width: 30%;
    height: 56%;
    display: flex;
    justify-content: center;
    margin-bottom: 0 !important;
}
  .navbar-nav li{
    margin-bottom: 1rem !important;
  }
  
  .superior p{
    margin-bottom: 1rem !important;
  }

  .cards-mobile{
    justify-content: space-around !important;
  }
    
  .produtos-home .card {
    min-width: 39%;
}

  .principal-mobile{
    margin-top: 7rem;
  }

  .search input {
    width: 100% !important;
  }

  .search {
    width: 55% !important;
  }

  .contato a{
    margin-bottom: 2rem;
  }

  .sidebar-account{
    margin-bottom: 2rem;
  }

  .banner {
    margin-left: 0 !important;

}

  .classifi{
    margin-left: 2rem;

  }

  .img-school img {
    width: 24%;
  }

  .classificar a {
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }

  .lista-produtos{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 748px) {
  .login .card{
    width: 100%;

  }

  .footer{
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
  }

  .logo-ajuste {
    width: 54% !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .dados{
    padding: 0 !important;
  }

  .fale-conosco {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .fale-conosco ul{
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .horario-atendimento{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .horario-atendimento ul{
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .links-uteis{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .links-uteis ul{
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .formas-pagamento{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .dados{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

}

@media only screen and (max-width: 448px) {

  .dropdown-menu{
    transform: translate(-96px, 30px) !important;
    width: 300px;
  }
  .produtos-home .card {
    min-width: 77% !important;
}

  .logo-ajuste {
    width: 82% !important;
  }

  iframe{
    height: 300px !important;
  }
}


@media only screen and (max-width: 767px) {
  .cards-mobile{
    width: 68%;
  }
}
@media only screen and (max-width: 674px) {


  .produtos-home .card {
    min-width: 57%;
}

  .rastrear .red i {
    color: var(--white-color) !important;
    padding: 0.4rem;
    border-radius: 50%;
    font-size: 0.9rem;
  }

  .rastrear .red-light i {
    color: var(--white-color) !important;
    padding: 0.4rem;
    border-radius: 50%;
    font-size: 0.9rem;
  }

  .rastrear .red p {
    font-size: 0.5rem;
  }

  .rastrear .red-light p {
    font-size: 0.5rem;
  }
}

@media only screen and (max-width: 523px) {
  .logos-school{
    justify-content: center !important;
  }

  .buttons-products{
    flex-direction: column;
    align-items: center;
  }

  .products-mobile .card-max {
    padding: 0 !important;
}

  .resumo-total{
    flex-direction: column;
  }

  .nota {
    margin-left: 0 !important;
  }

  .status{
    flex-direction: column;
    align-items: unset !important;
  }
}

@media only screen and (max-width: 384px) {
  .button-shop{
    width: 9rem !important;
    
  }
  
  .title h1 {
    font-size: 4.7rem;
  }

  .title h3 {
    font-size: 2rem;
}

.search {
  width: 100% !important;
}
}

@media only screen and (max-width: 360px) {
  .rastrear .red p {
    font-size: 0.4rem;
  }

  .rastrear .red-light p {
    font-size: 0.4rem;
  }

  .accordion-body {
    padding: 0 !important;
  }

  .produtos-home .card {
    min-width: 92% !important;
}
}

@media only screen and (max-width: 411px) {
  .cards-mobile {
    width: 88%;
  }
}