@media(min-width:1062px){
    .body-wrapper{}

    .sidebarz{float: left;width: 340px;/* background: #c1c1c1; */}
    .nomargin{margin: 0px;}
    .nopadding{padding: 0px;}
    
    .singel-news{width: 326px;float: left;}
    .main-content{ width: 700px !important;}

    .logo-desktop{float: left;width: calc(100% - 500px);height: 120px;margin-top: 20px;}
    .logo-desktop img{height: 100%;}
    .column-one-third2{width: 50%;float: left;}
    
    .nojarak{/* margin: -15px; *//* padding: 0px !important; */}

    .formmember2 .singelrow .input{float: left;width: 70%;}
    .formmember2 .singelrow .label{float: left;width: 30%;}
    .detailberita{float: left;width: calc(100% - 30px);margin: 0px 15px;}
    .box-sidebar2{float: left;width: calc(34% - 40px);margin: 0px 15px;}
}
@media(max-width:1063px) and (min-width:1000px){
    .body-wrapper{}
    
    .sidebarz{}
    .nomargin{margin: 0px;}
    .nopadding{padding: 0px;}

    .singel-news{width: 293px;float: left;}
    .singel-news p{height: 70px;}
    .main-content{width: calc(100% - 433px) !important;float: left !important;}
    .column-two-third{width: calc(100% - 30px) !important;float: left !important;}
    .column-one-third{width: calc(44% - 20px) !important;float: left !important;}
    .box-sidebar{/* margin-top: 20px; */width: 350px !important;float: right !important;}
    .column{width: calc(100% - 30px) !important;}
    
    .logo-desktop{float: left;width: calc(100% - 500px);height: 77px;margin-top: 20px;}
    .logo-desktop img{height: 100%;}
    .column-one-third2{width: 50%;float: left;}
    
    .nojarak{margin: -15px;padding: 0px !important;}
    
    .formmember2 .singelrow .input{float: left;width: 70%;}
    .formmember2 .singelrow .label{float: left;width: 30%;}
    .detailberita{float: left;width: calc(100% - 30px);margin: 0px 15px;}
    .box-sidebar2{float: left;width: calc(46% - 40px);margin: 0px 15px;}
}
@media(max-width:999px) and (min-width:490px){
    .body-wrapper{}
    
    .sidebarz{float: left;width: 100%;margin-top: 0px;/* margin-bottom: 50px; */}
    .nomargin{margin: 0px;}
    .nopadding{padding: 0px;}

    .singel-news{width: 100%;float: left;}
    .singel-news p{height: 70px;}
    .main-content{width: calc(100% - 0px) !important;float: left !important;}
    .column-two-third{width: calc(100% - 30px) !important;float: left !important;}
    .column-one-third{/* width: calc(50% - 20px) !important; *//* float: left !important; */}
    .box-sidebar{margin: 20px 15px 0px 15px;/* margin-top: 20px; */width: calc(100% - 30px) !important;float: right !important;}
    .column{width: calc(100% - 30px) !important;}
    .outertight{width: 100% !important;float: left !important;}
    
    .logo-desktop{float: left;width: calc(100% - 500px);height: 55px;margin-top: 20px;}
    .logo-desktop img{width: 100%;}
    .column-one-third2{width: 100%;float: left;}
    
    .nojarak{margin: -15px;padding: 0px !important;}
    
    .formmember2 .singelrow .input{float: left;width: 100%;}
    .formmember2 .singelrow .label{float: left;width: 100%;}
    .detailberita{float: left;width: calc(100% - 30px);margin: 50px 15px 0px 15px;}
    .box-sidebar2{float: left;width: calc(100% - 30px);margin: 0px 15px;}
}

@media(max-width:489px){
    .body-wrapper{}

    .sidebarz{}
    .nomargin{margin: 0px;}
    .nopadding{padding: 0px;}

    .singel-news{width: 326px;float: left;}
    .main-content{}
    
    .logo-desktop{float: left;width: calc(100% - 500px);height: 77px;margin-top: 20px;}
    .logo-desktop img{height: 100%;}
    .column-one-third2{}
    
    .nojarak{/* margin: -15px; *//* padding: 0px !important; */}
    
    .formmember2 .singelrow .input{float: left;width: 100%;}
    .formmember2 .singelrow .label{float: left;width: 100%;}
    .detailberita{float: left;width: 100%;}
    .box-sidebar2{float: left;width: calc(100% - 30px);margin: 0px 15px;}
}


.box-opini{float: left;width: 100%;}
.block-opini{float: left;width: 100%;}
.singel-news{margin-right: 17px;height: 135px;/* border-bottom: 1px solid #dbdbdb; */padding: 10px 0 10px 0;border-top: 1px solid #e05e00;}
.box-slidenews{
    float: left;
    width: 100%;
}
.slideberita{
    float: left !important;
    width: 100% !important;
}
.slideberita .item{
    float: left;
    width: 100%;
    /* height: 400px !important; */
}
.owl-wrapper{height: 100% !important;}
.singel-slide{}
.singel-slide-iner{}
.singel-slide-iner a{}
.singel-slide-iner img{}
.singel-slide-iner .titleslide{
    float: left;
    width: 100%;
    /* background: #00000069; */
    position: absolute;
    bottom: 46px;
    /* color: white; */
    font-size: 15px;
    background: linear-gradient(rgba(0,0,0,0)-7%,rgba(0,0,0,0)-6%,rgba(0,0,0,3.9)100%);
    color: #ddd;
    border-radius: 0px 0px 5px 5px;
}
.singel-slide-iner .titleslide a{
    color: white;
}


.titleunder{border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;width: 100%;float: left;margin-bottom: 10px;padding: 10px 0px;}
.button-close{float: right;/* background: black; *//* color: white !important; */padding: 11px;position: absolute;right: 0px;top: 3px;font-size: 30px;}
.boximg-sidebar{/* width: calc(100% - 55px); */margin-top: 20px;width: 100%;}
.boximg-sidebar img{width: 70%;}

.box-sidebar{-webkit-box-shadow: 0 0 1px rgba(102,102,102,.4);-moz-box-shadow: 0 0 1px rgba(102,102,102,.4);box-shadow: 0 0 1px rgba(102,102,102,.4);margin-bottom: 15px;float: left;width: 100%;border: 1px solid #dadada;}
.title-sidebar a{}
.title-sidebar{background-color: #ececec;font-family: worksansregular,sans-serif;text-align: center;padding: 10px 0px 1px 0px;font-weight: 700;margin-bottom: 0px;}
.undeline-title{}
.title-sidebar span:after{content: "";display: block;width: 65px;height: 3px;margin: 10px auto;background-color: #3c6f01;}
.content-sidebar{padding: 10px 10px;float: left;}
.block-list{float: left;width: 100%;}
.block-list-inner{
    float: left;
    width: 100%;
}
.trandingnumber{width: 27px;float: left;}
.custom-post-count{color: #3c6f01;font-weight: 700;font-size: 26px;margin-top: 2px;}
.trandingtitle{float: left;width: calc(100% - 27px);}
.trandingtitle h3{font-size: 15px;font-weight: 600;font-family: worksansregular,sans-serif;line-height: 20px;margin: 0 0 0px;}
.trandingtitle h3 a{}
.trandingtitle h3 a:hover{}
.meta-info{}
.author-name{}
.author-name a{}


.tablinks.active {
    background: #000000;
    color: white;
    -webkit-box-shadow: -1px 0px 11px -1px rgba(0,0,0,0.35);
    -moz-box-shadow: -1px 0px 11px -1px rgba(0,0,0,0.35);
    box-shadow: -1px 0px 11px -1px rgba(0,0,0,0.35);
}
.tablinks {
    background: #e5e5e5;
    color: #616161;
    border: none;
    padding: 10px 15px;
    font-size: 15px;
    margin-right: -2px;
}
.shadow {
    position: relative;
    background: white;
    margin: 0px 0px 0px 0px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0px 4px 4px 4px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    -webkit-box-shadow: -1px 0px 11px -1px rgba(0,0,0,0.35);
-moz-box-shadow: -1px 0px 11px -1px rgba(0,0,0,0.35);
box-shadow: -1px 0px 11px -1px rgba(0,0,0,0.35);
}
.single-style1-wrap {
    margin: 0 15px 45px;
}
.form-group {
    margin-bottom: 15px;
}
.form-control {
    display: block;
    width: calc(100% - 30px);
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.formmember{font-size: 14px;font-family: merriweather sans,Arial,Helvetica,sans-serif;color: #636363;float: left;width: 100%;}
.formmember tr{padding-bottom: 10px;}
.formmember tr td{padding: 5px;}

.boxarea a{}
.boxarea a:hover{}
.boxarea{background-color: rgb(255, 255, 255);box-sizing: border-box;margin-top: 14px;border-radius: 4px;border-width: 1px;border-style: solid;border-color: rgb(224, 224, 224);border-image: initial;min-height: 225px;font-size: 14px;font-family: open sans,tahoma,sans-serif;color: #6d6d6d;float: left;width: 100%;-webkit-box-shadow: -1px 0px 11px -1px rgba(0,0,0,0.35);-moz-box-shadow: -1px 0px 11px -1px rgba(0,0,0,0.35);box-shadow: -1px 0px 11px -1px rgba(0,0,0,0.35);}
.boxarea-sidebar{background-color: rgb(255, 255, 255);box-sizing: border-box;margin-top: 14px;border-radius: 4px;border-width: 1px;border-style: solid;border-color: rgb(224, 224, 224);border-image: initial;float: left;}
.title-are{}
.penu-box{margin: 15px;float: left;width: calc(100% - 30px);border-bottom: 1px solid #f8f8f8;padding-bottom: 15px;}
.thumb-imgar{float: left;margin-right: 14px;height: 57px;overflow: hidden;}
.thumb-imgar img{width: 100%;}
.thumb-imgar2{float: left;height: 201px;width: 100%;overflow: hidden;border-radius: 3px;}
.thumb-imgar2 img{width: 100%;}
.penu-nama{font-weight: 700;float: left;font-size: 18px;color: #045195;width: 100%;}
.penu-dll{float: left;width: 100%;font-size: 12px;color: #808080;}
.menuarea{float: left;width: 100%;}
.menuarea ul{font-size: 12px;color: #045195;font-weight: 700;}
.menuarea ul li.active{background: #004079 !important;color: white !important;}
.menuarea ul li{/* border-bottom: 1px solid black; */float: left;width: 100%;text-align: left;padding: 12px;border-top: 1px solid #e0e0e0;}
.menuarea ul li:hover{background: #004079;color: red;}
.menuarea ul li .submenu a:first-child{border-top: 1px solid #004684;margin-top: 10px;}
.menuarea ul li a{/* float: left; *//* width: 100%; */text-align: left;}
.menuarea ul li a:hover{background: #004079;color: red;}
.submenu{/* padding: 12px 15px 12px 20px; *//* border-top: 1px solid white; */}
.title-area ul{margin-top: 0px;padding: 0px;}
.title-area ul li{
    list-style: none;
    color: red;
}
.title-area ul li.active a{color: white;}
.title-area ul li a{
    color: black;
}

.submenu a.active{color: red;background: #012f58 !important;}
.submenu a{background: #004079;padding: 15px;float: left;width: 100%;}
.submenu a:hover{background: #023058 !important;}
.content-area{float: left;width: 100%;padding: 15px;}
.title-area{border-bottom: 1px solid rgb(224, 224, 224);/* padding: 14px; */font-size: 14px;color: #ffffff;float: left;width: 100%;}
.bingkai{border: 1px solid #d0d0d0;padding: 20px;background: #FDF2EC;float: left;/* width: calc(100% - 20px); */width: 100%;/* margin-right: 20px; */}
.sidebar-toggle{display: inline-block;float: right;position: relative;}
.title-area ul li:first-child{border-radius: 3px 0px 0px 0px;}
.title-area ul li.active{background: #ad1313;color: white;}
a.editarti{
    background: #045195;
    /* width: 100px; */
    padding: 7px;
    color: white;
    position: absolute;
    }
a.editarti:hover{background: black;color: white;}
a.editarti:visited{background: black;color: white;}


@media only screen and (min-width:769px){
    .boxarea-sidebar{width: calc(100% - 30px);margin-right: 30px;}
    .boxarea{width: calc(100% - -30px);margin: 15px;}

    h2.title-boxz{border-bottom: 1px solid #d80007;padding-bottom: 8px;position: relative;margin-bottom: 10px;text-transform: uppercase;font-family: merriweather sans,Arial,Helvetica,sans-serif;font-weight: 700;color: #696969;}
    
    h2.title-boxz span{border-bottom: 4px solid #d80007;padding-bottom: 4px;}
    h2.title-boxz a{}
    h2.title-boxz a:hover{}

    .hidefollower1{display: none;}
    .hidefollower2{}

    .maxminwidh{width: 100%;}
}
@media only screen and (max-width:768px){
    .thumb-imgar{height: 50%;margin: 0px auto;float: none;}
    .boxarea-sidebar{width: calc(100% - 30px);margin: 15px;}
    .boxarea{width: calc(100% - -30px);/* margin: 15px; */}

    h2.title-boxz{}
    h2.title-boxz a{font-size: 24px;text-align: center;float: left;width: 100%;border-bottom: 3px solid #d80007;padding-bottom: 10px;margin-top: 40px;}
    h2.title-boxz a:hover{}
    .boxpenulis ul li .author-desk{width: calc(100% - 120px);}
    .boxpenulis ul li .author-desk .author-name{max-height: 59px;overflow: hidden;}

    .hidefollower1{}
    .hidefollower2{display: none;}

    .maxminwidh{width: calc(100% - 30px);}
}

table.tblwarna{
    width: 100%;
}
table.tblwarna tr{/* border: 1px solid #0a0a0a; */}
table.tblwarna tr:nth-child(odd) {
    background: #e8e8e88a;
    /* border: 1px solid #0a0a0a; */
}
table.tblwarna tr:nth-child(even) {
    /* border: 1px solid black; */
}
table.tblwarna th{}
table.tblwarna tr td{
    padding: 5px;
    border: 1px solid #f4f4f4;
}

.user-tab{background: #0855b5;padding: 9px;float: right;}
.user-dropdown{display: none;}
.header-right .messagez{position: absolute;text-align: center;font-size: 9px;padding: 4px 5px;line-height: .9;background: red;border-radius: 3px;right: 0px;top: 6px;color: white;}
.titlearea{float: left;width: calc(100% - 0px);margin: 15px 0px;color: #000000;font-size: 19px;font-weight: 600;text-transform: uppercase;border-bottom: 2px solid #000000;padding-bottom: 10px;}
.btn-lainnya{float: right;/* margin: 15px; */background: #045195;color: white;padding: 5px 10px;font-size: 12px;}
input[type="radio"].fomz{width: 17px;float: left;border: none !important;height: 17px;margin: 10px 1px;}

.slideberita{float: left;width: calc(100% - 30px) !important;margin: 0px 15px 40px 15px;overflow: hidden;height: 327px;}
.titleslide{float: left;
width: 100%;background: #00000069;position: absolute;bottom: 0px;color: white;padding: 15px;font-size: 15px;}
.titleslide a{color: white;}
.titleslide a:hover{color: #d00c0c;}

.boxpenulis{float: left;width: 100%;}
.boxpenulis ul{list-style: none;float: left;width: 100%;}
.boxpenulis ul li{float: left;width: 100%;margin-bottom: 15px;border-bottom: 1px solid #dbdbdb;padding: 15px 0px;}
.boxpenulis ul li .author{float: left;width: 100%;}
.boxpenulis ul li .author-image{width: 100px;height: 100px;float: left;overflow: hidden;margin-right: 20px;border: 2px solid #045195;
border-radius: 5px;padding: 3px;}
.boxpenulis ul li .author-boximg{width: 100%;height: 90px;float: left;overflow: hidden;background: #da00ff;border-radius: 5px;}
.boxpenulis ul li .author-image img{width: 100%;height: auto;}
.boxpenulis ul li .author-desk{float: left;line-height: 30px;max-height: 100px;overflow: hidden;}
.boxpenulis ul li .author-desk .author-name{font-size: 24px;color: #045195;}
.boxpenulis ul li .author-desk .author-profession{font-size: 20px;color: #4c4c4cb5;font-style: italic;float: left;font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;}
.author-follower{
    float: right;
    position: absolute;
    right: 0px;
}
.author-follower .btnFollowUser{background: #045195;color: white;padding: 5px 10px;border-radius: 3px !important;}
.author-follower .btnFollowUser:hover{background: black;color: white;}

.tablinks{
    background: #e5e5e5;
    color: #616161;
    border: none;
    padding: 10px 15px;
    font-size: 15px;
    margin-right: -2px;
    }
.tablinks.active{background: #023058;color: white;}
.boxsearch .search-submit{position: absolute!important;right: 0;top: 0!important;cursor: pointer;text-transform: uppercase!important;font-size: 1em!important;padding: 0px 21px!important;color: #fff;background: url(../../images/icon-search.png) no-repeat scroll center 10px rgba(0,0,0,0);line-height: 27px;width: 30px;border: none;}
.boxsearch input#katacari{width: calc(100% - 200px);float: left;}
.boxsearch select#pilihancari{
    width: 159px;
    height: 29px;
}
.konfirm{
    background: #e8e8e8;
    margin: 10px 15px 25px 15px;
    float: left;
    width: calc(100% - 30px);
    height: 120px;
    text-align: center;
    }

.boxtitlez{height: 30px;overflow: hidden;}


@media(max-width:767px) and (min-width:600px){
    .zisetting{display: none;}
    .hide-on-desktop {display: block !important;}
}

.formmember2{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.formmember2 .singelrow{
    float: left;
    width: 100%;
}
.formmember2 .singelrow .label label{}    
.formmember2 .singelrow .input input{height: 30px;color: black;width: 97%;}
.formmember2 .singelrow .input textarea{height: 20px;color: black;width: 97%;}
.detailberita-content{float: left;width: 100%;font-size: 18px;line-height: 1.5rem;}
.detailberita-content p{font-size: 18px;line-height: 1.5rem;}
 

.detailberita-content p span{font-size: 18px;line-height: 1.5rem;}
.detailberita-content::first-letter{color: #3c6f01;float: left;font-size: 6.8125rem;line-height: 4.6875rem;display: inline-block;vertical-align: text-top;}

.fourline{
    background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 0.0625rem 0.8125rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    width: 100%;
    height: 1rem;
    margin-bottom: 1px;
    margin-top: 0px;
}
.dilihat-line{
    z-index: 1;
    line-height: 0.625rem;
    color: #767676;
    background-color: #FDF2EC;
    font-size: 0.75rem;
    float: right;
    padding: 0px 10px 5px 0px;
    margin-top: -1px;
 }
.date-line{
    z-index: 1;
    line-height: 0.625rem;
    color: #767676;
    background-color: #FDF2EC;
    font-size: 0.75rem;
    float: right;
    padding: 0px 10px 5px 0px;
    margin-top: -1px;
}
.box-right{float: right;width: 100%;margin-top: 4px;}


@media(max-width:766px){
    .title-area ul.tabarea li{width: 100%;}
}

@media(max-width:766px) and (min-width:500px){
    a.navbar-brand{text-align: center;width: calc(100% - 121px);}
    a.navbar-brand img{height: 30px;width: auto;text-align: center;margin: 0px auto;}
}