.social-media-box.share-video-box {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  justify-content: space-evenly;
}
.social-media-box.share-video-box svg{
width: 60px;
height: 60px;
}
.v-btn .v-btn__content .v-icon {
  color: inherit;
}

.detail-menu .header-menu li .idx-rec a {
  height: 100%;
}
.detail--article .v-btn {
  height: 24px;
  box-shadow: none;
  padding: 0px;
  margin: 0px;
  border: unset;
  background-color: transparent;
}
#widget_terpopuler_editor .slider
{
display:inline-block;
position:absolute;
z-index:1200;
bottom:0;
transition: .3s cubic-bezier(.25,.8,.5,1);
background-color: #b22a2a;
border-color: #b22a2a;
}
#widget_terpopuler_editor {
  width: 100%;
}
.nav-tabs .nav-link {
  border: unset;
}
#app{
  line-height: 1.5;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #454545;
  background-color: #fff;
  border-color: unset;
}
#app .v-tabs__item.active {
  opacity: 1;
}
.tab-pane.fade{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button.btn.btn-primary {
  width: 100%;
  height: 100%;
}
.copy-link-share .btn-primary {
  color: #fff;
  background-color: transparent;
  border-color: unset;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: unset;
  background-color: unset;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: unset;
}
.btn-primary, .btn-primary:hover {
  color: unset;
  background-color: unset;
  border: unset;
}

.popup_content {
margin: 10px;
max-width: 500px;
background: white;
width: 100%;
}
.clipboard-content input {
  width: 100%;
  outline: none;
  background-color: transparent;
  border-style: none;
  color: inherit;
}
.v-card__title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
}
.clipboard-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fafafa;
}
.v-card__text {
  padding: 16px;
  width: 100%;
}
.v-btn {
  align-items: center;
  border-radius: 2px;
  display: inline-flex;
  height: 36px;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  margin: 6px 8px;
  min-width: 88px;
  outline: 0;
  text-transform: uppercase;
  text-decoration: none;
  transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.primary--text {
  color: #1976d2 !important;
  caret-color: #1976d2 !important;
}
.v-btn--copy {
  border: unset;
  background-color: transparent;
}
.v-btn--active, .v-btn:focus, .v-btn:hover {
  position: relative;
}
.v-btn--active:before, .v-btn:focus:before, .v-btn:hover:before {
  background-color: currentColor;
}
#popup1 {
transform: scale(0.8);
}
.popup_visible #popup1 {
transform: scale(1);
}
ol, ul, dl{
margin-bottom: 0
}

html {
  font-size: 14px;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}
#app {
  background-color: #fff!important;
  color: #454545!important;
}
#app a:hover {
  color: #a3a3a3;
  text-decoration: none;
}
.application a:hover {
  color: #a3a3a3;
}
.container--detail{
  padding-top: 30px;
  padding-bottom: 40px;
}
.detail-content {
  display: flex;
  justify-content: center;
}
.container {
  flex: 1 1 100%;
  margin: auto;
  padding: 24px;
  width: 100%;
}
.detail-content--left, .detail-content--right {
  display: flex;
  flex-direction: column;
}

.detail--breadcrumb a {
  color: #686a70!important;
}
.v-content__wrap a {
  /* color: #D82526; */
  text-decoration: none;
  cursor: pointer;
}
.text-custom, .text-menubar {
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
.text-menubar {
  letter-spacing: .44px;
}
.detail--breadcrumb svg {
  margin-left: 12px;
  margin-right: 12px;
  color: #686a70!important;
}
svg:not(:root) {
  overflow: hidden;
}
.detail--breadcrumb a:not(:first-child) {
  text-transform: capitalize;
}
h1, h5 {
  font-size: 24px;
  letter-spacing: 0;
}
.article--creator {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.article--creator a {
  text-transform: capitalize;
}
.nuxt-link-active {
  color: #d86565!important;
}
.article--creator svg {
  margin-left: 8px;
  margin-right: 8px;
}
.text-body--2 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .25px;
}
.text-body--2, .text-body--3 {
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.article--excerpt {
  display: flex;
}
.article--excerpt .rectangle-excerpt {
  background-color: #f0f0f0;
  width: 10px;
  border-radius: 6px;
}
.article--excerpt .text-body--3 {
  margin-left: 10px;
}
.detail--article .text-body--3 {
  line-height: 1.63;
}
.detail--article .text-body--3 h2 {
  line-height: 1.63;
  font-size: 20px;
  font-family: Futura Medium;
  margin-bottom: 1rem;
}
.text-body--3 {
  letter-spacing: .5px;
  line-height: normal;
}
.v-content__wrap img {
  /* -o-object-fit: cover;
  object-fit: cover; */
}
.article--image img {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  background-color: #f7f7f7;
}
.line-vertical {
  width: .5px;
  border: .5px solid #f5f5f5;
}
.appimage {
  background-image: url(../img/27cff84.jpeg);
  background-position: 50%;
  background-size: 60px;
}
.fade-img {
  animation: onFaded .8s;
  -webkit-animation: onFaded .8s;
  -moz-animation: onFaded .8s;
}
.article--image .text-caption--italic {
  color: #686a70;
}
.text-caption--2, .text-caption--italic {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
}
.text-caption--italic {
  letter-spacing: .4px;
  line-height: normal;
}
.text-body--2 {
  font-family: Century Gothic;
}
.text-caption--italic, .text-overline {
  /* font-family: Futura Medium Italic; */
  font-family: Century Gothic Bold Italic;
}
.futura-medium-11, .futura-medium-30, .running-text, .text-body--3, .text-button, .text-caption--2, .text-subtitle--2 {
  font-family: Futura Medium;
}
.century-bold-11, .century-bold-14, .century-bold-16, .text-body--1, .text-custom, .text-menubar, .text-subtitle--1, .v-tabs__item, h1, h2, h3, h4, h5, h6 {
  font-family: Century Gothic Bold;
}

.article--content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
p {
  margin-bottom: 16px;
}
b, strong {
  font-weight: bolder;
}
.article--tags.gnews {
  font-size: 17px;
  gap: 9px;
  margin-bottom: 6px;
}
.article--tags {
  display: flex;
}
.century-bold-16 {
  font-size: 16px;
  line-height: 1.13;
}
.century-bold-14, .century-bold-16 {
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: .3px;
}
.article--tags-link {
  display: flex;
  flex-wrap: wrap;
}
.article--tags a {
  color: #b22a2a;
  border-bottom: 2px solid #f0f0f0;
  margin-left: 20px;
  padding-bottom: 4.5px;
}
/* sosmed content share */
.article--content .social-media-box {
  width: 80px;
  border-radius: 4px;
  margin-bottom: 25px;
  padding: 0 15px;
  box-shadow: 0 5px 4px 0 hsla(0,0%,72.9%,.5);
  border: 1px solid #f3f3f3;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.article--content .social-media-box .text-caption--2, .article--content .social-media-box img, .article--content .social-media-box svg {
  margin: 10px 0;
  width: 45px;
  height: 45px;
}
.text-caption--2 {
  line-height: 18px;
  letter-spacing: .21px;
  font-style: normal;
}
.article--content a {
  color: #d86565;
}
.social-media-box .text-caption--2 {
  color: #454545;
}
.copy-link-share {
  background: url(../img/icon-link.svg) no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  margin: 10px 0;
}
/* content right */
.sidebar {
  width: auto;
}
.v-tabs, .v-tabs__bar {
  position: relative;
}
.v-tabs {
  display: flex;
  flex-direction: column;
}
.theme--light.v-tabs__bar {
  background-color: #fff;
}
.v-tabs__bar {
  border-radius: inherit;
  margin-bottom: 10px;
}
.v-tabs__wrapper {
  overflow: hidden;
  contain: content;
  display: flex;
}
.v-tabs__container {
  flex: 1 0 auto;
  display: flex;
  height: auto!important;
  list-style-type: none;
  transition: transform .6s cubic-bezier(.86,0,.07,1);
  white-space: nowrap;
  position: relative;
}
.v-tabs__slider-wrapper {
  bottom: 0;
  margin: 0!important;
  position: absolute;
  width: 50%!important;
}
.v-item-group, .v-tabs__slider-wrapper {
  transition: .3s cubic-bezier(.25,.8,.5,1);
}
.v-tabs__div {
}
.v-tabs__div {
  align-items: center;
  display: inline-flex;
  flex: 0 1 auto;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  height: inherit;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 50%;
  border-bottom: 2px solid #fafafa;
  max-width: none!important;
}
.theme--light.v-tabs__bar .v-tabs__div {
  color: rgba(0,0,0,.87);
}
.v-tabs__item {
  padding-top: 18px!important;
  padding-bottom: 18px!important;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  text-transform: capitalize;
  transition: none;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: .5px;
  max-width: none!important;
  color: #a3a3a3;
}
.v-tabs__item--active {
  line-height: normal;
  letter-spacing: .2px;
}
.v-tabs__item {
  align-items: center;
  color: inherit;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  justify-content: center;
  max-width: inherit;
  padding: 6px 12px;
  text-decoration: none;
  transition: .3s cubic-bezier(.25,.8,.5,1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: normal;
}
.v-tabs__slider {
  height: 2px;
  width: 100%;
}
.v-tabs__item:not(.v-tabs__item--active) {
  opacity: .7;
}
.v-window__container {
  position: relative;
  transition: .3s cubic-bezier(.25,.8,.5,1);
}
.sidebar-tab {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.sidebar-content {
  margin-top: 10px;
  margin-bottom: 10px;
}
.sidebar-content a, .thumbnail-tab--content .text-menubar, .berita--terkait .text-body--1{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sidebar-content a{
  -webkit-line-clamp: 2;
  max-height: 44px;
}
.thumbnail-tab--content .text-menubar {
  -webkit-line-clamp: 3;
  max-height: 60px;
}
.berita--terkait .text-body--1{
-webkit-line-clamp: 4;
max-height: 88px;
}
.line-horizontal2 {
  height: .5px;
  border: .5px solid #f5f5f5;
}
.sidebar-tab:last-child .line-horizontal2 {
  display: none;
}
.icon-photo {
  display: flex!important;
  position: absolute!important;
  bottom: 5px!important;
  opacity: .7!important;
  left: 10px!important;
  background-color: rgba(0,0,0,.5)!important;
  padding: 3px!important;
  border-radius: 50!important;
  width: 30px!important;
  height: 30px!important;
}
.icon-content-foto {
  background-image: url(../img/Icon-foto.png);
  width: 100%;
  height: 100%;
  background-size: 22px;
  background-position: center;
}
.icon-video {
  display: flex;
  position: absolute;
  background-color: rgba(0,0,0,.5);
  padding: 3px;
  border-radius: 50%;
  opacity: .8;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.icon-video .v-icon {
  background-image: url(../img/Triangle.png);
  background-size: 20px;
  width: 40px;
  height: 40px;
  background-position: center;
  transform: translate(3px, 0);
}
.text-bold {
  font-weight: 700;
}
/* padding & margin */
.mt-15 {
  margin-top: 15px;
}
.pb-60 {
  padding-bottom: 60px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mt-40 {
  margin-top: 40px;
}
/* end padding & margin */
/* iframe */
#comment-fb {
margin: 20px 0 30px;
}
#comment-fb iframe {
  vertical-align: bottom;
}
/* berita terkait */
.berita--terkait {
  background-color: #b22a2a;
  color: #fff;
}
.berita--terkait-container {
  padding: 15px;
}
.berita--terkait-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
h6 {
  letter-spacing: .15px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
.v-btn {
  align-items: center;
  border-radius: 2px;
  display: inline-flex;
  height: 36px;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  margin: 6px 8px;
  min-width: 88px;
  outline: 0;
  text-transform: uppercase;
  text-decoration: none;
  transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.v-btn {
  font-size: 14px;
  font-weight: 500;
}
.berita--terkait .btn-close i {
  background-image: url(../img/close.svg);
  background-position: center;
  width: 100%;
  height: 100%;
}
[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
}
.v-btn:before {
  border-radius: inherit;
  color: inherit;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: .12;
  transition: .3s cubic-bezier(.25,.8,.5,1);
  width: 100%;
}
.v-btn--floating, .v-btn--icon:before {
  border-radius: 50%;
}
.v-btn__content {
  align-items: center;
  border-radius: inherit;
  color: inherit;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  transition: .3s cubic-bezier(.25,.8,.5,1);
  white-space: nowrap;
  width: inherit;
  height: 100%;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.v-icon {
  align-items: center;
  display: inline-flex;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  font-size: 24px;
  justify-content: center;
  line-height: 1;
  transition: .3s cubic-bezier(.25,.8,.5,1);
  vertical-align: text-bottom;
}
#relatedNews .v-btn--icon, .v-btn--icon {
  background: transparent;
  box-shadow: none!important;
  border-radius: 50%;
  justify-content: center;
  min-width: 0;
  width: 36px;
  padding: 0;
  border-width: 0;
}
.berita--terkait-content--image {
  margin-right: 10px;
  width: 100%!important;
  /* width: 139px; */
}
.berita--terkait-content img {
  width: inherit;
  height: inherit;
  display: block;
}
.text-body--1, .text-subtitle--2 {
  font-style: normal;
  font-stretch: normal;
}
.text-body--1 {
  letter-spacing: .5px;
  font-weight: 700;
}
.berita--terkait .text-body--1 {
  color: #fff;
}
.berita--terkait-content button {
  margin: 0;
}
.berita--terkait .v-btn--active:before, .berita--terkait .v-btn:focus:before, .berita--terkait .v-btn:hover:before {
  background-color: #f5f5f5;
}
/* baca juga */
.thumbnail-tab--md {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.thumbnail-tab--md-image {
  position: relative;
}
.thumbnail-tab--md-image img {
  width: inherit;
  height: inherit;
  display: block;
}
.thumbnail-tab--md .content--category {
  display: flex;
  align-items: center;
  margin-top: 6px;
  flex-wrap: wrap;
}
.thumbnail-tab--md .text-caption--2 {
  color: #a3a3a3;
}
/* footer */
.copy-link-share .my_popup_open, .copy-link-share .my_popup_open:hover {
  background-color: transparent;
  border-color: transparent;
}

/* detail market stock */
.market-detail--content>div {
display: flex;
align-items: center;
}
.futura-medium-30 {
  font-size: 30px;
  line-height: normal;
  letter-spacing: .9px;
}
.futura-medium-11, .futura-medium-30 {
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.futura-medium-11, .futura-medium-30, .running-text, .text-body--3, .text-button, .text-caption--2, .text-subtitle--2 {
  font-family: Futura Medium;
}
.market-detail--content .text-menubar {
  margin-right: 20px;
}
.market-detail--content .saham-dex-index {
  width: 14px;
  height: 14px;
  margin-right: 12px;
  transform: translate(0, -5px);
}
.market-detail--content .text-body--3 {
  transform: translate(0, -5px);
}
.market-detail--content>.mt-15 h4 {
  font-size: 34px;
}
.line-horizontal3 {
  height: .5px;
  border: .5px solid #f5f5f5;
}
.market-detail .market-detail--content {
  width: max-content;
}
.market-detail .market-detail--content {
  width: max-content;
  max-width: 100%;
}
.market-detail--content .saham-dex-index.stuck {
  background-image: url(../img/Titik3.svg);
}
/* search detail market-stock */
#table_id_filter:before {
content: '';
display: none;
}
span.toggle-search {
  position: absolute;
  top: 10px;
  right: -15px;
}
#table_id_filter{
  position: relative;
  float: left;
  width: 389px;
}
#table_id_filter .mb-30{
width: 100%;
}
#table_id_wrapper input[type=search]:focus~.actionLine {
background-color: #1976d2;
position: absolute;
content: ' ';
height: 1px;
right: 38%;
top: 39px;
transform: scaleX(5);
}
#table_id_wrapper input[type=search]:focus~.toggle-search .arrow_drop_down {
transform: rotate(180deg);
transition: .3s cubic-bezier(.25,.8,.5,1);
color: #1976d2;
caret-color: #1976d2;
}
span.clear-search i {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: rgba(0, 0, 0, .54)!important;
caret-color: rgba(0, 0, 0, .54)!important;
}
#table_id_wrapper input[type=search]:focus~span.clear-search i {
position: absolute;
display: block;
color: #1976d2!important;
caret-color: #1976d2!important;
}
label.label-suggest-search {
display: none;
height: 64px;
background-color: #fff;
border-color: #fff;
color: rgba(0,0,0,.87);
box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
text-decoration: none;
text-align: left;
padding: 0 16px;
line-height: 64px;
position: absolute;
left: 0;
}
#table_id_wrapper input[type=search]:focus~.label-suggest-search{
display: block;
}
#table_id_wrapper .actionLabel.stay-top {
display: block;
color: black;
top: -20px;
font-size: 12px;
color: #1976d2;
}
ul.typeahead.dropdown-menu {
box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
width: 100%;
border-radius: 0;
}
ul.typeahead.dropdown-menu li.active, ul.typeahead.dropdown-menu li {
height: 48px;
line-height: 48px;
}
ul.typeahead.dropdown-menu li.active, ul.typeahead.dropdown-menu li:hover {
background: rgba(0,0,0,.04);
color: #a3a3a3;
}
ul.typeahead.dropdown-menu a.dropdown-item strong {
color: rgba(0,0,0,.38);
background: #eee;
}
#table_id_wrapper input[type=search]:focus~.typeahead.dropdown-menu{
 overflow-y: auto;
 overflow-x: hidden;
 max-height: 300px;
}
/* end search detail market-stock */
.notif.bottomup {
position: fixed;
display: flex;
align-items: center;
color: #fff;
pointer-events: none;
z-index: 1000;
font-size: 14px;
left: 0;
right: 0;
padding: 0 20px;
}
.notif {
height: 50px !important;
top: unset !important;
bottom: 0;
position: fixed;
display: none;
align-items: center;
color: #fff;
pointer-events: none;
z-index: 1000;
font-size: 14px;
left: 0;
right: 0;
background-color: #323232;
pointer-events: auto;
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
}

.next-but {
margin: 10px;
float: right;
}
.next-but .btn-blue{
background-color: #204d7f!important;
color: #fff!important;
}
.paging a.btn{
color: #fff;
background: #c0c0c0;
}
.paging a.btn.btn-active{
background-color: #204d7f;
color: #fff;
}
.text-body--3 h3 { font-size: 18px; line-height: 22px; }

.article--content .social-media-box .text-caption--2{
  padding-top: 20px;
  text-align: center;
}

/* media query */
@media only screen and (min-width: 768px){
.container {
  padding: 0 16px;
  max-width: 100%;
}
.detail-content {
  flex-direction: row;
}
.detail-content--left {
    width: 560px;
}
.article--creator {
  margin-bottom: 30px;
}
.article--excerpt, .article--image {
  margin-bottom: 40px;
}
.text-body--3 {
  font-size: 14px;
}
.article--image img {
  height: auto;
}
.line-vertical {
  margin-left: 10px;
  margin-right: 10px;
}
/* berita terkait */
.berita--terkait {
  width: 285px;
  transition: right .8s cubic-bezier(.25,.8,.5,1);
  position: fixed;
  right: -100%;
  z-index: 6;
  box-shadow: -2px 2px 8px 0 rgba(0,0,0,.5);
}
.slide-news {
  transition: right .8s cubic-bezier(.25,.8,.5,1);
  right: 0;
}
h6 {
  font-size: 18px;
}
.berita--terkait-content--image {
  height: 60px;
}
.text-body--1 {
  font-size: 13px;
  line-height: 18px;
}
.berita--terkait a:hover {
    text-decoration: underline;
}
/* baca juga */
.thumbnail-tab--md-row {
  width: 100%;
}
.thumbnail-tab--md-link {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
  margin-bottom: 15px;
}
.thumbnail-tab--md-image {
  width: 170px!important;
  height: 100px;
  margin-right: 15px;
}
/* sosmed content share */
.article--content .social-media-box {
    margin-right: 0;
    margin-left: 10px;
}
/* content right */
.detail-content--right {
  width: 385px;
}
.sidebar-content {
    margin-right: 0;
}
/* end content right */
.detail--article .text-body--3 h2 {
  font-size: 20px;
}
}
/* update css */
.pagination {
  justify-content: center;
  margin: 40px auto;
}
.page-item {
  margin: 10px;
  border-radius: 4px;
}
.page-item .numero.active-pag {
background-color: #b22a2a;
color: #fff;
border-radius: 4px;
}
.page-link {
  color: #454545;
}



@media only screen and (min-width: 980px){
.container {
    max-width: 980px;
    padding: 0;
}
.detail-content--left {
    width: 580px;
}
.text-menubar {
  font-size: 13px;
  line-height: 20px;
}
.article--image img {
  height: auto;
}
.line-vertical {
  margin-left: 30px;
  margin-right: 30px;
}
/* berita terkait */
.berita--terkait {
  width: 385px;
}
.berita--terkait-content--image {
  height: 80px;
}
.thumbnail-tab--md-image {
  width: 200px!important;
  height: 120px;
  margin-right: 20px;
}
/* content right */
.detail-content--right {
    width: 313px;
}
/* end content right */
}
@media only screen and (min-width: 1200px){
.container {
    max-width: 1200px;
}
.detail-content--left {
    width: 780px;
}
.text-menubar {
  font-size: 14px;
}
.text-body--1, .text-body--3 {
  font-size: 16px;
}
.article--image img {
  height: auto;
}
.line-vertical {
  margin-left: 18px;
  margin-right: 21px;
}
/* berita terkait */
h6 {
  font-size: 20px;
}
.text-body--1 {
  line-height: 22px;
}
/* baca juga */
.thumbnail-tab--md-row {
  width: 32.3%;
  margin: 0 8px 0 0;
}
.thumbnail-tab--md-link {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 0;
}
.thumbnail-tab--md-image {
  width: 100%!important;
  height: 149px;
  margin-right: 0;
}
.thumbnail-tab--content {
  padding-right: 0;
  margin-top: 10px;
}
/* sosmed content share */
.article--content .social-media-box {
  margin-right: 10px;
  margin-left: 40px;
}
/* content right */
.detail-content--right {
    width: 385px;
}
.sidebar-content {
  margin-right: 10px;
}
/* end content right */
.detail--article .text-body--3 h2 {
  font-size: 20px;
}
}
@media only screen and (max-width: 768px){
.article--content{
    flex-direction: column;
}
.article--content .social-media-box {
  width: 100%;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  flex-direction: row;
  padding: 0 10px;
}
.thumbnail-tab--md-link, .thumbnail-tab--md-row {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
}
}