.banner22{
    float:left;
    //margin:1%;
    width:100%;
    margin-top:0px;
    background: #fff;
}
.ban_block_22
{
    float:left;
    width:100%;
    margin-top:0px;
    background: #fff;
   // border:2px solid blue;
}


.b3_f1_22
{
 cursor:pointer;
    float:left; 
    width:33.0%;
    height:430px;
  //  padding:0.5%; 
    cursor:pointer;
    overflow:hidden;
    margin:0.1%; 
}
.b3_f2_22
{
    float:left; 

    width:33.0%;
    height:430px;
    margin:0.1%;
    overflow:hidden;    
}
.b3_f3_22
{
    float:right; 
    width:33.5%;
   height:430px;
    margin:0.1%;  
    margin-right:0%; 
    overflow:hidden;    
}
.b3_f1_24
{
 cursor:pointer;
    float:left; 
    width:33.333%;
    height:450px;
  //  padding:0.5%; 
    cursor:pointer;
    overflow:hidden;
    margin:0%; 
}
.b3_f2_24
{
    float:left; 

    width:33.333%;
    height:450px;
    margin:0%;
    overflow:hidden;    
}
.b3_f3_24
{
    float:right; 
    width:33.333%;
   height:450px;
    margin:0%;  
    margin-right:0%; 
    overflow:hidden;    
}





.b2_f1
{
    float:left; 
    width:49.5%;
    //padding:0.5%; 
    overflow:hidden;
    margin:0.1%;
}

.b2_f2
{
    float:right; 
    width:49.5%;
    //padding:0.5%; 
    overflow:hidden;
    margin:0.1%;  
}
.b1_f1
{
    float:right; 
    width:100%;
    //padding:0.5%; 
//    border:0px solid blue;   
    display:block;    
}        

.b1_f1_mob
{
    float:right; 
    width:100%;
   //padding:0.5%; 
    border:0px dotted blue; 
    height:300px;
    display:none;
}


.ban
{
  float:left;
  width: 100%;
  height: 530px;
  overflow:hidden;
  border:0px solid blue;
}

.ban1{
  float:left;
  width: 100%;
  height: 15px;
  border-top:1px solid #dedede;  
}

.quadesc24
{
    float:left;
    margin-left:20%;
    margin-top:20px;
    width:60%;
    border-radius:1px;
    padding-top:5px;
    padding-bottom:5px; 
    font-size:22px;
    color:#000;
    text-align:center;
    font-family: 'roboto', sans-serif;
    background: rgb(255,255,255,0.7);
    text-transform: uppercase;
    border:1px solid #dedede;

}








.b3_f3_img_22
{
 width:100%; height:AUTO;   overflow:hidden;
}

        /* Ajustes para telas menores que 768px */
        @media (max-width: 768px) {
            .container {
                grid-template-columns: repeat(2, 1fr); /* 2 colunas */
                grid-template-rows: repeat(3, 500px); /* 3 linhas */
            }

            .title {
                font-size: 22px; /* Reduz o tamanho da fonte */
            }
        }

        /* Ajustes para telas menores que 480px */
        @media (max-width: 480px) {
            .container {
                grid-template-columns: 1fr; /* 1 coluna */
                grid-template-rows: repeat(6, 500px); /* 6 linhas */
            }

            .title {
                font-size: 18px; /* Reduz ainda mais o tamanho da fonte */
            }
        }