.pon-mobile-nav,
.pon-mobile-nav .menu-mobile { display: none; }

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

    .pon-nav-links { display: none; }

    .pon-nav-accessibility { padding: 0 20px; }
    .pon-nav-accessibility ul { flex-wrap: wrap; }
    .pon-nav-accessibility .btn-outline { border: none; }

    .pon-site-logo,
    .sticky .pon-site-logo { flex: 0; align-items: flex-start; justify-content: flex-start; margin: 20px; }
    .pon-site-logo, .sticky .pon-site-logo, .pon-site-logo a { width: 138px; height: 49px; }

    .pon-main-nav { display: none; }
    .pon-mobile-nav { display: block; }
    .pon-mobile-nav .btn-menu-mobile { cursor: pointer; margin-right: 10px; }
    .pon-mobile-nav .btn-menu-mobile i { margin: 0; }
    .pon-mobile-nav .btn-menu-mobile .icon-close { display: none; margin-right: 5px; }
    .pon-mobile-nav .menu-mobile { overflow: hidden; overflow-y: auto; position: absolute; top: 60px; left: 0; width: 100%; height: calc( 100vh - 100px ); padding: 20px; background: var(--white); }
    .pon-mobile-nav .menu-mobile .search-form { position: relative; }
    .pon-mobile-nav .menu-mobile .search-field { display: block; padding: 20px 20px 22px 56px; width: 100%; font-size: 14px; font-style: normal; font-weight: 400; color: var(--gray); line-height: normal; border: 1px solid rgb(78, 85, 100, .4); opacity: 0.4; background: var(--white); border-radius: 9px; box-shadow: 0px 4px 15.6px 0px rgba(0, 0, 0, 0.25); }
    .pon-mobile-nav .menu-mobile .search-form::before { content: "\e90d"; position: absolute; z-index: 5; top: 50%; left: 22px; display: flex; justify-content: center; align-items: center; margin-top: -11px; width: 20px; height: 20px; font-family: 'pon-icons' !important; font-size: 20px; color: var(--gray); }
    .pon-mobile-nav .menu-mobile h5,
    .pon-mobile-nav .menu-mobile .search-submit { display: none; }
    .pon-mobile-nav .menu-mobile .menu-mobile-nav { padding: 20px 0; border-bottom: 1px solid #CACACA; }
    .pon-mobile-nav .menu-mobile .menu-mobile-nav:last-child { border-bottom: 0; }
    .pon-mobile-nav .menu-mobile .menu-mobile-title { display: block; margin: 8px 0; font-size: 18px; font-weight: 600; color: var(--gray); }
    .pon-mobile-nav .menu-mobile .menu-mobile-content { display: none; }
    .pon-mobile-nav .menu-mobile .menu-mobile-navs ul { list-style: none; }
    .pon-mobile-nav .menu-mobile .menu-mobile-navs ul li { position: relative; }
    .pon-mobile-nav .menu-mobile .menu-mobile-navs ul li a { position: relative; display: block; padding: 8px 0; font-size: 14px; font-weight: 400; color: var(--gray); }
    .pon-mobile-nav .menu-mobile .menu-mobile-navs ul li > ul li a { padding-left: 22px; }
    .pon-mobile-nav .menu-mobile .menu-mobile-navs ul li > ul li a::before { position: absolute; top: 16px; left: 13px; content: " "; width: 4px; height: 4px; background: #CCC; }
    .pon-mobile-nav .menu-mobile .menu-mobile-nav.active .menu-mobile-content { display: block; }
    .pon-mobile-nav .menu-mobile .pon-social-nav { margin-top: 40px; padding-bottom: 40px; }
    .pon-mobile-nav .menu-mobile .pon-social-nav ul { justify-content: flex-start; }
    .pon-mobile-nav .menu-mobile .pon-social-nav ul li a { color: var(--gray); border-color: var(--gray); }

    .menu-mobile-open { overflow: hidden; }
    .menu-mobile-open .pon-mobile-nav .menu-mobile { display: block; }
    .menu-mobile-open .pon-mobile-nav .btn-menu-mobile .icon-menu { display: none; }
    .menu-mobile-open .pon-mobile-nav .btn-menu-mobile .icon-close { display: block; }

    .pon-accessibility-floating-menu.right { margin-top: 60px; }

    .page--header { padding-left: 20px; padding-right: 20px; }
    .page--header .container { flex-direction: column-reverse; align-items: flex-start; }

    .page--breadcrumb .breadcrumb { gap: 5px; }
    .page--breadcrumb .breadcrumb i.icon-home { margin-left: 0; }
    .page--breadcrumb .breadcrumb .item-current { display: none; }

    .page--content > .container { padding: 0 20px; }
    .page--secretarias .secretarias--list,
    .page--secretarias .secretarias--info,
    .page--secretarias .secretarias--columns { flex-direction: column; }
    .page--secretarias .secretarias--list .pon-card-secretaria { align-items: flex-start; width: 100%; }
    .page--secretarias .secretarias--info img { width: 100%; }

    .page--content .entry-content img { max-width: 100%; }

    .page--footer { padding: 30px 20px; }
    .page--footer .container,
    .page--footer .pon-share-nav,
    .page--footer .pon-share-nav ul { flex-direction: column; gap: 20px; }
    .page--footer .pon-share-nav ul,
    .page--footer .pon-share-nav ul li,
    .page--footer .btn-secondary { width: 100%; }

    .pon-footer .footer-content { --gap: 20px; padding-bottom: 45px; }
    .pon-footer .container { padding: 0 20px; }
    .pon-footer .footer-info,
    .footer-row .container,
    .pon-footer-nav { flex-direction: column; gap: 20px; }
    .pon-footer-nav .footer-nav { width: 100%; }

    .footer-row p { flex-direction: column; gap: 10px; }
    .footer-row p span { display: none; }

    /* blocks */

    .pon-hero-search { height: 680px; }
    .pon-hero-search .hero-search--search .search-form { width: 100%; }
    .pon-hero-search .hero-search--search .search-submit { padding: 10px 20px; font-size: 14px; }
    .pon-hero-search .hero-search--blocks { gap: 40px; padding-top: 40px; }
    .pon-hero-search .hero-search--blocks,
    .pon-hero-search .pon-group-buttons { flex-direction: column; }

    .pon-box-icon { --swiper-navigation-sides-offset: 10px; }

    .pon-posts-slides { margin: 40px 0; }
    .pon-posts-slides .posts-slide { flex-direction: column; }
    .pon-posts-slides .posts-slide--image { flex: 1; width: 100%; height: auto; }
    .pon-posts-slides .posts-slide--image img { position: relative; display: block; }
    .pon-posts-slides .swiper.dot .posts-slide--info,
    .pon-posts-slides .swiper.decimal .posts-slide--info { margin-top: 0; }

    .pon-cards { padding: 30px 0; }
    .cards--container .card--item { width: 100% !important; }

    .pon-newsletter .newsletter--wrap { flex-direction: column; }

    .pon-events-slides { padding: 40px 0; }
    .pon-events-slides .container { flex-direction: column; }

    .pon-image-featured,
    .pon-image-featured img { min-height: 280px; }
    .pon-image-featured > a { position: relative; }

    .pon-card-horizontal { flex-direction: column; }
    .pon-card-horizontal .card--image { flex: 1; width: 100%; max-width: 100%; }
    .pon-card-horizontal .card--image img { position: relative; display: block; height: auto; }

    .pon-card-download { flex-direction: column; }
    .pon-card-download .card-download--btn { flex: 1; padding: 10px 0; border-left: 0; border-top: 2px solid var(--white); }
    .pon-card-download .download--info { flex-direction: column; align-items: flex-start; }
    .pon-card-download .download--info .download--date::after { display: none; }

    .pon-banner-slides .banner-slides .banner-slides--content { padding: 0 20px; }

    .pon-filters { padding: 20px; }
    .pon-filters form { flex-direction: column; }
    .pon-filters.filters-buttons .container { gap: 10px; justify-content: center; }

    .pon-card-secretaria { gap: 20px; }
    .pon-card-secretaria img { width: 100px; }

    .pon-pagination { padding: 20px; padding-top: 80px; padding-bottom: 80px; }
    .pon-pagination .page-numbers .prev { bottom: 60px; }
    .pon-pagination .page-numbers .prev,
    .pon-pagination .page-numbers .next { width: 100%; }
    .pon-pagination .page-numbers .next { top: 60px; }

    .pon-sidebar.sidebar--sticky { position: relative; top: 0; }

}