/* ====================================================================== */
/* =================================== Media Query =================================== */
    /* ====================================================================== */


    @media(max-width: 800px) {

      #n-desktop {
        background-color: rgb(255, 13, 13);
        display: none;
      }

      #n-mobile{
        background-color: #2c2c2c;
        display: block;
        padding: 0;

      }

      #d-imageLogo{
        width: 40%;
      }

      .btn-secondary{
        height: 0;
      }

      .dropdown button{
        display: flex;
        padding: 3vw;
        font-size: 4vw;
        align-items: center;
        margin-right: 3vw;
        margin-top: 3vw;
      }

      .dropdown{
        display: flex;
        justify-content: end;
        
      }

      #s-EnergiaSolar{
        display: block;
        margin: auto;
        text-align: center;

      }
      .d-energiaSolar h2, p{
        width: 70%;
        margin: auto;      
      }

      .d-energiaSolar p {
        margin-top: 3vw;
      }

      #d-video video{

        margin-top: 4vw;

      }

      #s-sobre{
        display: block;
        margin: auto;
      }

      #s-sobre div{
        width: 70%;
        margin-top: 2vw;
      }

      #s-sobre div p{
        margin: auto;
        font-size: 2vw;
      }

      #s-servicos div{
        padding: 0;
      }

      #d-servicos li{
        font-size: 3vw;
      } 

      #d-banner{
        width: 80%;
      }

      #s-carrosselEquipamentos{
        width: 100%;
      }

      #s-carrosselEquipamentos h1{

        font-size: 4vw;
      }

      #s-carrosselEquipamentos h5{
        font-size: 3vw;
      }

      #s-carrosselEquipamentos img{
        width: 10%;
      }

      .d-block{
        margin-top: 2vw;
        margin-bottom: 6vw;

      }

      #s-Vantagens{
        padding-top: 15vw;
        padding-bottom: 10vw;
      }

      #bannerVantagens{
        width: 100%;
      }

      .info img{
        display: none;
      }

      .info h2{
        font-size: 4vw;
      }

      .info p{
        font-size: 2vw;
      }

      #s-parceiros{
        width: 90%;
        margin: auto;
      }

      #s-parceiros h1{

        font-size: 4vw;
        
      }

      #s-parceiros p {
        font-size: 2.5vw;
      }

      #s-parceiros div:first-child{
      
        width: 30%;
      }

      #s-parceiros div:nth-child(2){
        width: 70%;
      }

      #s-together-2 h1{
        font-size: 5vw;
      }
      .btn{
        font-size: 0.1rem;
      }

      #f-rodape div img{
         width: 70%;
      }

      #f-rodape p{
        width: 100%;
        margin: auto;
        font-size: 2vw;
      }


      



  }