@media (min-width:1000px) {
    #site-navigation {
        display: block !important
    }
}

@media (max-width:1200px) {
    .boxed_layout #page {
        width: 100%
    }
    .mt-container {
        width: 100%;
        padding: 0 2%
    }
}

@media (max-width:979px) {
    .panel-default>.panel-heading img {
        width: 100%;
        height: 100%
    }
    .site-branding {
        float: none;
        text-align: center
    }
    .custom-logo-link {
        margin: 0 0 15px
    }
    .mt-featured-slider-wrapper,
    .featured-post-wrapper {
        float: none;
        margin: 0;
        width: 100%
    }
    .editorialSlider img {
        width: 100%
    }
    .featured-post-wrapper {
        margin-top: 12px
    }
    .featured-slider-section .editorial_pro_block_grid .post-meta-wrapper {
        display: none
    }
    .featured-slider-section .editorial_pro_block_grid .post-content-wrapper .post-title a {
        font-size: 15px
    }
    .featured-slider-section img {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .featured_layout_2 .featured-bottom-section .single-featured-wrap {
        margin-left: 2%;
        width: 48%
    }
    .featured_layout_2 .featured-bottom-section {
        margin-left: -2%
    }
}

@media (max-width:768px) {
    .prediksi .col {
        width: 45%
    }
    .panel-heading .btns {
        padding: 0
    }
    .panel-default>.panel-heading img {
        width: 100%;
        height: 100%
    }
    #site-navigation ul>li:hover>.sub-toggle,
    #site-navigation ul>li.current-menu-item .sub-toggle,
    #site-navigation ul>li.current-menu-ancestor .sub-toggle {
        background: #000!important
    }
    .shiny {
        width: 100%
    }
    #site-navigation ul.sub-menu li,
    #site-navigation ul.children li {
        width: 47.1%;
        max-height: 600px;
        margin-right: 10px;
        margin-left: 10px;
        float: left;
        clear: none
    }
    #site-navigation ul.sub-menu,
    #site-navigation ul.children {
        max-width: 100%
    }
    .bottom-header-wrapper {
        position: relative!important
    }
    .widgettitle {
        font-size: 15px
    }
    .topmenu {
        font-size: 9px
    }
    .page iframe.videoo {
        height: 380px!important
    }
    .footer .col-xs-5,
    .footer .col-xs-7 {
        width: 100%
    }
    .header-cover {
        background-position: 0 20px;
        height: 80px
    }
    .item h2 {
        display: block
    }
    #masthead {
        width: 100%
    }
    .container {
        width: 100%
    }
    .col-xs-left,
    .slide-wrapper {
        width: 100%;
        margin-bottom: 5px
    }
    .col-xs-right {
        width: 100%;
        margin-left: 0
    }
    .col-xs-right .promo {
        width: 49.1%;
        float: left;
        margin-right: 5px
    }
    .misc a {
        margin-bottom: 5px
    }
    .footer .row {
        margin-left: 0
    }
    .home-primary-wrapper,
    .home-secondary-wrapper {
        float: none;
        width: 100%
    }
    #top-footer.column1 .mt-footer-widget,
    #top-footer.column2 .mt-footer-widget,
    #top-footer.column3 .mt-footer-widget,
    #top-footer.column4 .mt-footer-widget {
        float: none;
        margin: 0;
        width: 100%
    }
    .mt-footer-widget-wrapper {
        margin-left: 0
    }
    .menu-toggle {
        display: block
    }
    #site-navigation {
        background: #f2f2f2 none repeat scroll 0 0;
        display: none;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 999
    }
    .header-layout-2 #site-navigation,
    .header-layout-3 #site-navigation {
        background: #fff
    }
    .header-layout-2 #site-navigation ul li:first-child {
        margin: 0
    }
    .bottom-header-wrapper,
    .header-layout-2 .logo-ads-wrapper {
        position: relative
    }
    #site-navigation ul li {
        display: block;
        float: none;
        clear: both
    }
    .sub-toggle {
        color: #fff;
        cursor: pointer;
        display: block;
        height: 24px;
        line-height: 25px;
        position: absolute;
        right: 5px;
        text-align: center;
        margin-top: -28px;
        width: 30px
    }
    #site-navigation ul>li:hover>.sub-toggle,
    #site-navigation ul>li.current-menu-item .sub-toggle,
    #site-navigation ul>li.current-menu-ancestor .sub-toggle {
        background: #ba2a1a
    }
    .main-small-navigation li.current-menu-item>.sub-toggle {
        background: #fff none repeat scroll 0 0
    }
    .main-small-navigation li.current-menu-item>.sub-toggle i {
        color: #d40234
    }
    .menu-primary-container .sub-menu,
    #site-navigation li.menu-item-has-children>a:after {
        display: none
    }
    #site-navigation ul.sub-menu,
    #site-navigation ul.children {
        position: static;
        min-width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        visibility: visible;
        display: none;
        background: 0 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }
    #site-navigation ul>li:hover>.sub-menu,
    #site-navigation ul>li:hover>.children {
        top: 0
    }
    #primary,
    .home.blog #primary,
    #secondary,
    .home.blog #secondary,
    .left-sidebar #secondary,
    .left-sidebar #primary {
        float: none;
        width: 100%
    }
    #secondary,
    .home.blog #secondary {
        margin-top: 20px
    }
    .search-results .entry-title,
    .archive .entry-title,
    .single .entry-title,
    .entry-title {
        font-size: 18px
    }
    .archive.archive-classic .entry-title a:after {
        bottom: -10px
    }
    .featured-slider-section img {
        width: 100%
    }
    .featured_layout_2 .featured-bottom-section {
        margin-left: -2%
    }
    .featured_layout_2 .featured-bottom-section .single-featured-wrap {
        width: 48%;
        margin-left: 2%
    }
    .editorial_pro_fullwidth_tabbed .posts2 .single-post-wrapper,
    .editorial_pro_fullwidth_tabbed .posts3 .single-post-wrapper,
    .editorial_pro_fullwidth_tabbed .posts4 .single-post-wrapper {
        width: 48%
    }
}

@media (max-width:767px) {
    .editorial_pro_block_grid .column-2-layout .single-post-wrapper,
    .editorial_pro_block_grid .column-3-layout .single-post-wrapper,
    .editorial_pro_block_grid .column-4-layout .single-post-wrapper,
    .home-primary-wrapper .editorial_pro_block_column {
        float: none;
        margin-left: 0;
        width: 100%
    }
}

@media (max-width:600px) {
    .panel-body img {
        width: 100%;
        height: auto
    }
    .widgettitle {
        font-size: 15px
    }
    .topmenu {
        font-size: 9px
    }
    .page iframe {
        height: 1070px
    }
    .footer .col-xs-5,
    .footer .col-xs-7 {
        width: 100%
    }
    .header-cover {
        background-position: 0 20px;
        height: 80px
    }
    .item h2 {
        display: block
    }
    #masthead {
        width: 100%
    }
    .container {
        width: 100%
    }
    .col-xs-left,
    .slide-wrapper {
        width: 100%;
        margin-bottom: 5px
    }
    .col-xs-right {
        width: 100%;
        margin-left: 0
    }
    .col-xs-right .promo {
        width: 49.1%;
        float: left;
        margin-right: 4px
    }
    .misc a {
        margin-bottom: 5px
    }
    .footer .row {
        margin-left: 0
    }
    .editorial_pro_block_grid .column-3-layout .single-post-wrapper {
        margin: 0 0 12px;
        width: 100%
    }
    .editorial_pro_block_grid .column-3-layout .block-posts-wrapper {
        margin: 0
    }
    .editorial_pro_block_list .single-post-wrapper {
        margin-bottom: 5%
    }
    .editorial_pro_block_grid .single-post-wrapper img,
    .editorial_pro_block_column.widget-columns-2 .single-post-wrapper,
    .editorial_pro_block_column.widget-columns-3 .single-post-wrapper,
    .editorial_pro_block_column.widget-columns-4 .single-post-wrapper,
    .home-primary-wrapper .editorial_pro_block_column.widget-columns-1 {
        width: 100%
    }
    .featured-slider-section .editorial_pro_block_grid .post-content-wrapper .post-title a {
        font-size: 18px
    }
    .mt-column-wrapper,
    .editorial_pro_block_grid .block-posts-wrapper,
    .home-primary-wrapper .editorial_pro_block_column-wrap,
    .home-primary-wrapper .editorial_pro_block_column.widget-columns-1 {
        margin-left: 0
    }
    .mt-column-1,
    .mt-column-2,
    .mt-column-3,
    .mt-column-4 {
        margin: 0 0 20px;
        width: 100%;
        float: none
    }
    .top-social-wrapper {
        display: block;
        float: none;
        text-align: center
    }
    .top-header-section .date-section,
    #top-header-navigation {
        display: inline-block;
        float: none
    }
    .top-left-header {
        text-align: center;
        margin-bottom: 5px
    }
    #bottom-footer .site-info,
    #footer-navigation {
        float: none;
        text-align: center;
        margin: 5px 0
    }
    .featured-slider-section .editorial_pro_block_grid .post-meta-wrapper {
        display: block
    }
    .archive-columns .archive-content-wrapper article {
        margin-left: 0;
        width: 100%
    }
    .archive-columns .archive-content-wrapper {
        margin-left: 0
    }
    .archive-columns .archive-content-wrapper article img {
        width: 100%
    }
    .editorial_pro_fullwidth_tabbed .posts2 .single-post-wrapper,
    .editorial_pro_fullwidth_tabbed .posts3 .single-post-wrapper,
    .editorial_pro_fullwidth_tabbed .posts4 .single-post-wrapper {
        width: 98%
    }
    .ticker-caption:after {
        display: none
    }
    .ticker-caption {
        display: block;
        float: none;
        padding: 5px 0;
        text-align: center;
        width: 100%
    }
    .ticker-content-wrapper {
        width: 100%
    }
    .editorial_pro_featured_slider .featured_layout_3 .single-featured-wrap,
    .editorial_pro_featured_slider .posts-wrapper-layout3 {
        width: 100%;
        margin-left: 0
    }
    .archive-columns .archive-content-wrapper article,
    .archive-grid-post-wrapper article {
        width: 97%
    }
    .list-archive .post-image,
    .list-archive .archive-desc-wrapper {
        float: none;
        width: 100%
    }
    .related-posts-wrapper .single-post-wrap {
        display: inline-block;
        float: none;
        margin-bottom: 30px;
        margin-right: -4px;
        vertical-align: top;
        width: 48%
    }
    .single-post.post_layout_4 .entry-header .entry-title {
        font-size: 18px
    }
    .single-post.post_layout_5 .post-layout-five-container {
        margin-top: 130px
    }
    .single-post.post_layout_5 .post-img-wrapper .mt-container {
        bottom: -150px
    }
}

@media (max-width:480px) {
    #tpopup {
        position: fixed;
        max-width: 90%;
        left: 5%;
        margin-left: auto;
        margin-right: auto
    }
    #tpopup img {
        width: 100%;
        height: auto
    }
    .prediksi .col {
        width: 40%
    }
    .prediksi .col h6 {
        font-size: 12px
    }
    .page iframe.videoo {
        height: 200px!important
    }
    .shiny {
        width: 100%
    }
    .panel-default>.panel-heading .col-xs-10,
    .panel-default>.panel-heading .col-xs-2 {
        width: 100%
    }
    #site-navigation ul.sub-menu li,
    #site-navigation ul.children li {
        width: 100%;
        max-height: 600px;
        margin-right: 0;
        margin-left: 0
    }
    .kosong p {
        font-size: 30px!important
    }
    .title {
        width: 100%
    }
    .archive-columns .archive-content-wrapper article,
    .archive-grid-post-wrapper article,
    #blog-post article.hentry,
    .search article.hentry,
    .archive article.hentry,
    .tag article.hentry,
    .category article.hentry,
    .blog article.hentry {
        width: 100%
    }
    .topmenu {
        font-size: 11.6px;
        line-height: 2
    }
    .widgettitle {
        font-size: 15px
    }
    .footer .col-xs-5,
    .footer .col-xs-7 {
        width: 100%
    }
    .logo a {
        top: 50px
    }
    .header-cover {
        background-position: 0 50px;
        height: 110px
    }
    .item h2 {
        display: block
    }
    #masthead {
        width: 100%
    }
    .container {
        width: 100%
    }
    .col-xs-left,
    .slide-wrapper {
        width: 100%;
        margin-bottom: 5px
    }
    .col-xs-right {
        width: 100%;
        margin-left: 0
    }
    .col-xs-right .promo {
        width: 100%
    }
    .misc a {
        margin-bottom: 5px
    }
    .misc {
        width: 100%;
        flex-wrap: wrap
    }
    .footer .row {
        margin-left: 0
    }
    .editorial_pro_featured_slider .slide-title {
        line-height: 24px
    }
    .editorial_pro_featured_slider .slide-title a {
        font-size: 16px;
        line-height: 10px
    }
    .featured-left-section,
    .featured-right-section {
        float: none;
        width: 100%
    }
    .featured-right-section {
        margin-top: 10px
    }
    .editorial_pro_block_list .post-thumb-wrapper {
        float: none;
        width: 100%
    }
    .editorial_pro_block_list .post-content-wrapper {
        float: none;
        margin-bottom: 20px;
        width: 100%;
        margin-top: 10px
    }
    .editorial_pro_block_list .first-post .post-content-wrapper {
        margin-bottom: 0
    }
    .featured_layout_2 .featured-bottom-section .single-featured-wrap {
        width: 98%
    }
    .featured-post-wrapper .featured-title a,
    .editorial_pro_block_grid .post-content-wrapper .post-title a,
    .editorial_pro_fullwidth_tabbed .grid_view .post-title a {
        font-size: 14px
    }
    .editorial_pro_featured_slider .featured_layout_2 .featured-top-section .post-cat-list {
        display: none
    }
    .related-posts-wrapper .single-post-wrap {
        width: 98%
    }
    .single-post.post_layout_1 .default-content-wrapper .entry-content {
        width: 75%
    }
    .single-post.post_layout_1 .default-content-wrapper .default-postmeta {
        width: 20%
    }
}