﻿.mobile{
    display:none;
}
.clearfix {
  overflow: auto;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

@media (max-width: 900px) 
{
  .pagina,
  .wrapper
   {
    width:100%;
   }

  .bg_slogan div,
  .bloco_banners{
    width: 100% !important;
    height: auto !important;
    overflow-x:auto !important;
  }
  .bg_slogan img{
    width: 100% !important;
    height: auto !important;
  }

  .bts_linha02{
    width:996px;
  }

  .banner_din{
    overflow:unset !important;
  }

  .bg_slogan  
  {
    overflow-y:hidden !important;
    overflow-x:auto !important;
  }

  .gc-bt-validation{
    bottom: 46px !important;
    right:auto !important;
    left: 13px;
  }


  .bg_topo_portal table{
    width: 90% !important;
    margin: 0 auto;
  }
  .bg_topo_portal #div_atendimento{
    display:none;
  }
  .bg_topo_portal .autenticacao{
    width: 98% !important;
    height:auto !important;
    padding: inherit !important;
    position: unset !important;
  }
  

  .bloco_botoes{
      postiion:relative;
      width:100%;
  }
  #menu_portal > div{

  }
  /*
  .bt-hamburguer{
      position:absolute;
      right:0;
      width:50px;
      height:50px;
      overflow:hidden;
      background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNrs1rsNgDAMBcAYMRwNwzBJhqFhO8ME1JF9btPkJH9eZOaoUNsoUiAgIE0g+99jRCy1m79TEVoLBASkRoX0CwIia43jOpf67DPv5utX+jXsICAgIF1ivIhiRsyI9Vtoa4nxWgsEBMRl11ogICClIK8AAwBmiCRVwiQFIwAAAABJRU5ErkJggg==') center center transparent no-repeat;
      cursor:pointer;
  }
  */
  .gd-fale-conosco > tbody > tr:first-child > td{
      display:block;
  }

  .gd-fale-conosco > tbody > tr:first-child > td:nth-child(1) input{
      width:calc(100% - 10px) !important;
  }
  
  .gd-fale-conosco > tbody > tr:first-child > td:nth-child(1) textarea{
      width:calc(100% - 10px) !important;
  }

  .gd-fale-conosco > tbody > tr:first-child > td:nth-child(1) table > tbody > tr > td + td{
      display:none;
  }

  .fieldPainelNegResp table tr > td{
    display:block;
  }

  .gdPainelNegResp{
    width:100%;
    overflow-x:auto;
  }

  .mobile-bt-filtrar{
    padding-right:20px;
    padding-top:10px;
  }

  .nao-mobile{
      display:none;
  }
  .mobile{
      display: inherit;
  }
}



@media (max-width: 800px) 
{
  #bloco_colunas td{
      display:block !important;
      padding:5px !important;
  }
  #menu_portal ul{
    /*width:calc(100% - 70px) !important;*/
    width:90% !important;
    margin:0 auto;
  }
  #menu_portal ul li{
    float:none !important;
    width:100% !important;
  }

  .vsModal{
    width:calc(100% - 20px )!important;
    left:auto !important;
    margin-left: auto !important;
  }
  .vsModal object{
    width:100% !important;
  }

  .bg_slogan img{
    width: auto !important;
    height: auto !important;
  }
  .bloco-form{
    width:49% !important;
  }

  .tabela_Emlista ul li{
      height:auto !important;
  }

}

@media (max-width: 620px) 
{
  .bg_topo_portal{
    height:auto !important;
  }
  .bg_topo_portal table{
    width: 100% !important;
    margin: 0 2px;
  }
  .login{
    width:80% !important;
    margin-right:2px !important;
  }

  .autenticacao table td{
      display:inline-block !important;
  }
  .autenticacao table td:nth-child(1),
  .autenticacao table td:nth-child(2){
    width: 42% !important;
  }
  .bloco-form{
    width:99% !important;
  }
}

@media (max-height: 600px) 
{
  .vsModal{
    /*top:0 !important;
    margin-top:0 !important;
    height:100% !important;*/
  }
  .vsModal object{
    /*height:265px !important;*/
  }
}.