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

    /*==========================================================*/
    /*	TOPO								              		*/
    /*==========================================================*/
    #topo{
        width:100%;
        padding-top:20px;
    }
    #topo .marca{
        width:27%;
        height: 115px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    #topo .marca1{
        width:57%;
        background-size: contain;
        background-repeat: no-repeat;
        margin:10px 0 0 10px;
    }

    #topo .face {
        width: 8%;
        height: 27px;
        margin: 0 5px 0 0;
        background-repeat: no-repeat;
    }

    #cssmenu ul.open {
        background-color: #94c2f7;
    }

    .f_banner{
        width:1000px;
        height:380px;
    }

    /*==========================================================*/
    /*	CONTEUDO HOME							              	*/
    /*==========================================================*/
    img {
        max-width: 100%;
        height: auto;
    }
    .img-cont {
        width:100%; 
        margin-left:0;
    }
    .img-width {
        width:100%; 
    }

    #conteudo{
        width: calc(100% - 16px);
        padding:0 8px 10px;
    }
    #conteudo #cssmenu .home{
        width:101px;
        height:88px;
        top: -17px;
        left: 0;
    }
    .home .esq{
        width: 100%;
    }
    .home .esq .banner{
        width: 100%;
        height:245px;
    }
    .home .esq .noticias {
        margin-bottom: 30px;
    }
    .home .esq .noticias h3{
        width:100%;
        font-size:26px;
        line-height:40px;
        margin:23px 0 0 0;
    }
    .home .esq .noticias .noticia{
        width: calc(100% - 10px);
        margin:20px 5px 0;
    }
    .home .esq .noticias .noticia img{
        width: calc(100% - 20px);
        height:203px;
    }
    .home .esq .socio{
        width:100%;
        height:44px;
        margin: 20px 0;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .home .esq .item{
        width:100%;
        margin: 0 5px 20px;
    }
    .home .esq .item h3{
        line-height:40px;
    }
    .home .esq .item span{
        width: 150px;
    }
    .home .esq .item img{
        width:145px;
        height:105px;
    }
    .home .dir{
        width: calc(100% - 15px);
        padding-right: 15px;
    }
    .home .dir .fale{
        width:calc(100% - 70px);
        padding:0 0 17px 70px;
    }
    .home .dir .fale h3{
        font-size:27px;
        line-height:26px;
        width:180px;
    }
    .home .dir .fale h4{
        width:180px;
    }
    .home .dir .fale h4 font{
        font-size:15px
    }
    .home .dir .locacoes h2{
        font-size:26px;
        line-height:40px;
        margin:23px 0 0 0;
    }
    .galeria-loc{
        width:100%;
    }
    .home .dir .agenda{
        width:230px;
        padding:10px;
    }
    .home .apoiadores .titulo{
        width:calc(100% - 90px);
        height:35px;
        margin:28px 0 0 0px;
        font-size:14px;
        padding-left:80px;
        line-height:22px;
    }

    /*==========================================================*/
    /*	MENU LATERAL							              	*/
    /*==========================================================*/
    .menulateral{
        width: 100%;
    }
    .menulateral ul li{
        width:calc(100% - 20px);
        font-size:18px;
        padding:3px 10px;
        margin:10px 0;
    }
    .noticiascurtas{
        width: 100%;
    }
    .noticiascurtas ul li{
        font-size:16px;
        width:100%;
    }

    .resultado{
        width:100%;
        padding-bottom:30px;
        font-size:20px;
    }
    .resultado h2, .resultado3 h2{
        font-size:28px;
        padding-top:20px;
    }
    .resultado3{
        width:100%;
        padding-bottom:30px;
        font-size:20px;
    }

    .resultado .hist-cont {
        width:100%;
        float:left;
    }

    .resultado table {
        font-size:20px;
    }

    .download{
        width:100%;
        margin:10px 0 0;
        font-size:17px;
    }
    .download img{
        width:128px;
        height:128px;
    }
    /*REGULAMENTO*/
    .regulamento a{
        margin:10px 10px 30px;
    }
    .regulamento p{
        font-size:20px
    }
    .regulamento .apoio{
        font-size:16px;
        line-height:30px;
    }

    /*PRESIDENTES*/
    .presidentes span{
        width:159px;
        margin:13px 8px;
    }

    /*==========================================================*/
    /*	CONTATO							              	*/
    /*==========================================================*/

    .contato h2{
        font-size:28px;
        padding-top:20px;
    }
    .contato h3{
        font-size:18px;
        padding-bottom:40px;
    }
    .contato .esq{
        width:100%;
    }
    .contato .esq .fale{
        width:180px;
        height:100px;
        padding:0 0 0 70px;
    }
    .contato .esq .fale h3{
        font-size:27px;
        line-height:26px;
        width:180px;
    }
    .contato .esq .fale span{
        font-size: 18px;
    }
    .contato .horario{
        font-size:18px;
    }
    .contato .end{
        font-size:18px;
        padding-top:20px;
        margin-top:20px;
    }

    .contato .dir{
        font-size:22px;
        width:420px;
    }

    /*==========================================================*/
    /*	MINIFUTEBOL								              	*/
    /*==========================================================*/

    .minifutebol{
        width:100%;
        height:278px;
    }
    .padel{
        width:100%;
        height:280px;
    }
    .bolao{
        width:100%;
        height:278px;
    }
    .bocha{
        width:100%;
        height:278px;
    }
    .piscinas{
        width:100%;
        height:278px;
    }
    .escolinha{
        width:100%;
        height:278px;
    }
    .social{
        width:100%;
        height:364px;
    }
    /*==========================================================*/
    /*	AGENDA							              	*/
    /*==========================================================*/

    .agenda{
        border-radius:0 10px 10px 0;
        width:700px;
        font-size:18px;
        margin:10px 0;
    }
    .agenda .data{ font-size:30px;}
    .agenda .dir{
        width:100%;
    }
    .agenda .esq{
        width:100%;
    }

    /*==========================================================*/
    /*	CALENDÁRIO							              	*/
    /*==========================================================*/
    .calendario{
        font-size:18px;
        margin:10px 0;
    }
    .calendario .data{ font-size:30px;}
    .calendario .dir{
        width:100%;
    }
    .calendario .esq{
        width:100%;
    }

    .post2 {
        margin-top: 30px;
        padding: 20px 0;
    }

    .p48f_left {
        width: 100%;
    }

    .p48f_right {
        width: 100%;
    }

    /*==========================================================*/
    /*	GALERIA	 GERAL						           		   		*/
    /*==========================================================*/

    .galeriaGeral{
        margin:10px 15px;
        width: 202px;
    }
    .galeriaGeral .foto{
        height:135px;
    }

    /*==========================================================*/
    /*	GALERIA							           		   		*/
    /*==========================================================*/
    .gallery li {
        height: 127px;
        width: 169px;
    }
    .gallery li a img {
        width: 169px;
        height:127px;
    }
    .gallery #hover-img {
        width:169px;
        height:127px;
    }
    .gallery #img-more {
        margin-left:68px;
        margin-top:-25px;
        width:28px;
        height:28px;
    }
    .gallery  li a:hover > #img-more {
        margin-top:-80px;
    }

    /* gallery GR */
    .galleryGr li {
        height: 138px;
        width: 182px;
    }
    .galleryGr li a img {
        width: 182px;
        height:138px;
    }
    .galleryGr #hover-img {
        width:182px;
        height:138px;
    }
    .galleryGr #img-more {
        margin-left:77px;
        margin-top:-25px;
        width:28px;
        height:28px;
    }
    .galleryGr  li a:hover > #img-more {
        margin-top:-80px;
    }

    /*==========================================================*/
    /*	RODAPE									              	*/
    /*==========================================================*/
    #rodape{
        width:calc(100% - 20px);
        height:auto;
        padding:24px 10px 0;
    }
    #rodape .logo{
        width:100%;
        height:120px;
        background-position-x: center;
        background-repeat: no-repeat;
    }
    #rodape .info{
        width:calc(100% - 10px);
        margin:10px 0 0 10px;
        text-align: center;
    }
    #elevator_item {
        width: 60px;
        height: 100px;
        right: 25px;
        bottom: -30px;
    }
    #elevator {
        width: 50px;
        height: 45px;
    }

    .galleria li {
        max-width: 474px;
    }

}