/* RESPONSIVE RULES */


/* (320x480) iPhone (Original, 3G, 3GS) */

@media (min-width: 800px) {
    .card-previsao-sidebar-mobile {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .ao-vivo-flag {
        padding: 5px 10px;
        top: 5%;
        min-width: 145px;
        max-width: 160px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .ao-vivo-flag span {
        font-size: 12px;
    }
    .ao-vivo-flag .live {
        font-size: 10px;
    }
    .hide-mobile {
        display: none;
    }
    .menu-desktop {
        background-color: #fff;
        padding: 35px;
        position: fixed;
        top: 0;
        left: 0;
        height: 102vh;
        transform: translateX(-200%);
        transition: all .8s ease;
        z-index: 4;
        width: 70%;
    }
    .menu-toggle {
        border: none;
        cursor: pointer;
        font-size: 20px;
        padding: 10px 15px;
        position: absolute;
        top: 0;
        right: 0px;
        transform: unset;
        display: none;
    }
    .menu-desktop a {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        text-align: left;
        color: #313131;
        text-decoration: none;
        text-transform: uppercase;
    }
    .logo-menu {
        width: auto;
        height: 90px;
        margin: 60px auto;
        display: block;
        margin-bottom: 35px;
    }
    .ul-menu ul ul {
        /* display: block; */
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding-left: 10px;
        border-left: 1px solid #e1e1e1;
        font-size: 10px;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    .menu-desktop h2 {
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.42px;
        text-align: left;
        color: #343434;
    }
    .header-desktop {
        height: auto;
        align-items: unset;
        display: block;
    }
    .logo-header img {
        height: 90px;
        width: auto;
        display: block;
        margin: 20px auto;
    }
    .menu-header {
        color: #9c9c9c;
        font-size: 29px;
        margin-top: unset;
        display: inline-block;
        position: absolute;
        left: 25px;
        top: 0px;
        z-index: 2;
        width: 65px;
        height: 65px;
    }
    .ad-header-demo {
        display: block;
        font-weight: 900;
        width: 90%;
        height: 60px;
        background: #dcdcdc;
        text-align: center;
        line-height: 60px;
        color: #7a7a7a;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .col-search-header a {
        background: #0071bd;
        display: block;
        width: 33px;
        height: 33px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        border-radius: 100%;
        font-size: 17px;
        margin-bottom: 20px;
        margin-top: -10px;
    }
    .noticia-urgente img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 25px;
    }
    .card-destaque-home img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 20px;
    }
    .card-feed-noticias-home img {
        width: 100%;
        height: auto;
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .card-previsao-sidebar {
        display: none;
    }
    .col-text-mais-lidas-noticias-sidebar h4 {
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.17px;
        text-align: left;
        color: #535353;
        margin-top: 10px;
    }
    .banner-desktop-view {
        display: none !important;
    }
    .banner-mobile-view {
        display: block !important;
    }
    .no-padding {
        padding: 0px 15px;
    }
    .div-social-box-blog-single {
        position: fixed;
        margin-left: 0;
        width: 100%;
        background: #fff;
        z-index: 2;
        padding: 8px 10px;
        border-top: 1px solid #353535;
        text-align: center;
        bottom: 0;
    }
    .div-social-box-blog-single a {
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        color: #fff;
        background: #0071bd;
        line-height: 42px;
        margin: 5px auto;
        border-radius: 100%;
        font-size: 20px;
    }
    .body-contato p {
        font-size: 12px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.21px;
        text-align: center;
        color: #353535;
        margin-top: 25px;
    }
    .telefone-link-contato {
        background: unset !important;
        width: unset !important;
        height: unset !important;
        color: #353535 !important;
        text-align: center !important;
        font-size: 17px !important;
        line-height: 0px !important;
        margin-bottom: -9px;
    }
    .col-ad-header-loading img {
        width: 100%;
        height: auto;
        display: block;
        margin: 20px 0px;
    }
    .card-ad-sidebar-home img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .card-ad-sidebar-single-post {
        width: 90%;
        height: auto;
        display: block;
        position: unset;
        z-index: 2;
        right: 0;
        margin: 20px auto;
    }
    .header-control-navigation-center h1 {
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.65px;
        text-align: center;
        color: #2f2f2f;
        margin: 0px;
    }
    .header-control-navigation-center p {
        font-size: 15px;
        font-weight: 200;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.29px;
        text-align: center;
        color: #303030;
    }
    .avatar-prograpacao-item {
        width: 50%;
        height: 0px;
        padding-top: 50%;
        border-radius: 100%;
        margin: 0 auto;
    }
    .col-programa-control-card p {
        font-size: 22px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.33px;
        text-align: center;
        color: #7a7a7a;
        margin: 10px 0px;
    }
    .col-programa-control-card h3 {
        font-size: 22px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.33px;
        text-align: center;
        color: #343333;
        margin: 0px;
        margin-bottom: 30px;
    }
    .col-programa-control-card a {
        background-color: #0071bd;
        font-size: 15px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.21px;
        text-align: center;
        color: #ffffff;
        padding: 8px 10px;
        float: unset;
        margin-right: 15px;
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    .col-programa-control-card {
        border-bottom: solid 1px #b0b0b0;
        padding: 15px 0px;
        background: #e1e1e180;
        width: 90%;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .body-programa-single ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }
}