@media only screen and (max-width : 768px) {
	body {
		padding-top: 100px;
	}
	.container, .header {
		max-width: 100% !important;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		font-size: 14px;
		font-weight: 400
	}

	.clearfix:after,
	.clearfix:before {
		content: "";
		display: table;
		line-height: 0
	}

	.clearfix:after,
	.clearit {
		clear: both
	}

	/* owl carousel */
	.owl-theme .owl-nav {
		display: none;
	}
	.owl-theme .owl-dot {
		margin-top: 10px;
	}

	.mobline-list {
		width: 100%;
		height: 150px;
		background-size: cover;
		background-position: center;
	}
	.mobline-cat {
		top: 12px;
		left: 2px;
		background: #f11d07;
		display: inline-block;
		padding: 2px 5px;
		position: absolute;
		z-index: 1;
		margin-top: -10px;
		font-size: 11px !important;
		font-weight: 700;
		color: #fff;
	}
	.mobline-title {
		position: absolute;
		bottom: 0;
		width: 100%;
		min-height: 80px;
		z-index: 1;
		padding: 10px 15px 22px;
		margin: 0;
		display: block;
		white-space: normal;
		background: rgba(0,0,0,.25);
		font-size: 18px;
		line-height: 1.4;
		color: #fff;
		max-height: 120px;
		overflow: hidden;
	}
	.mobline-title:hover {
		background: rgba(0,0,0,.15);
		color: #fff;
	}

	
/* header */
	.header {
		z-index: 10;
		background: #000;
		height: 55px;
		top: 0;
	}
	.header, .new-sub-menu {
		position: fixed;
		width: 100%;
	}

	.desktop {
		display: none;
		visibility: hidden;
	}
	.mobile {
		display: block;
		visibility: visible;
	}

		/* The side navigation menu */
	.sidenav {
	  height: 100%; /* 100% Full-height */
	  width: 0; /* 0 width - change this with JavaScript */
	  position: fixed; /* Stay in place */
	  z-index: 999999; /* Stay on top */
	  top: 0; /* Stay at the top */
	  left: 0;
	  background-color: #3a3a3a; /* Black*/
	  overflow-x: hidden; /* Disable horizontal scroll */
	  padding-top: 60px; /* Place content 60px from the top */
	  -webkit-overflow-scrolling: touch;
	  transition: all .2s ease
	}

	/* The navigation menu links */
	.sidenav a {
		font-family: Roboto Condensed,sans-serif;
		font-weight: 300;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: .5px;
		text-decoration: none;
		display: block;
		transition: 0.3s;
	}

	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover {
	  color: #f1f1f1;
	}

	/* Position and style the close button (top right corner) */
	.sidenav .closebtn {
	  position: absolute;
	  top: 0;
	  right: 10px;
	  padding: 6px;
	}

	.new-sub-menu {
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		height: 40px;
		text-align: center;
		top: 55px;
		z-index: 2;
		background: #383838;
		overflow-y: hidden;
	}

	.header .logo {
		position: absolute;
		padding: 0 0 0 5px;
		display: block;
		top: 0;
		left: 0;
		z-index: 1;
		width: auto;
		height: 100%
	}

	.header .logo a {
		display: inline-block;
		height: 100%;
		display: -ms-flexbox;
		display: flex;
		align-items: center
	}

	.header .logo a.sub-index {
		position: absolute;
		background: #000;
		top: 0;
		padding: 0 0 0 5px;
		margin: 0 0 0 37px;
		text-align: left;
		font-size: 19px;
		color: #fff;
		width: calc(100% - 37px)
	}

	.header .logo a.sub-index img {
		height: 20px;
		margin-top: 0
	}

	.header .logo img {
		height: 36px;
		margin-top: 0
	}

	.header .menu {
		margin-right: 0;
		padding-top: 8px;
		position: relative;
		width: 56px;
		height: 100%;
		text-align: center;
		border-left: 1px solid #333;
		display: inline-block;
		background: #000;
		z-index: 2
	}

	.header .menu.right {
		float: right
	}

	.account {
		display: none
	}

	.btn-hamb {
		position: relative;
		display: block;
		padding: 2px 0 9px
	}

	.btn-hamb img {
		width: 30px
	}

	.btn-close {
		display: none;
		background: red;
		border-radius: 5px;
		margin-top: 8px;
		padding: 5px 6px 4px;
		line-height: 1
	}

	.btn-close img {
		width: 15px
	}

	.t-menu {
		color: #d2d2d2;
		font-size: 9px;
		letter-spacing: .5px;
		display: block;
		margin-top: -5px;
		text-transform: uppercase
	}

	#searchInput1 {
		background: #e5e5e5;
		border-radius: 8px;
		border: none;
		outline: 0;
		color: #2a2a2a;
		font-size: 16px;
		margin: 0;
		padding: 5px 10px;
		width: 100%;
		height: 35px
	}

	#searchInput1::placeholder {
		color: #000
	}

	.searchInput__inside {
		position: relative;
		padding: 10px 10px 5px
	}

	.searchInput__button {
		position: absolute;
		bottom: 5px;
		right: 10px;
		z-index: 1;
		border: none;
		background: transparent;
		padding: 0;
		margin: 0
	}

	.searchInput__button img {
		width: auto;
		height: 20px
	}

	.searchInput__link {
		padding: 7px 0;
		display: block;
		width: 35px;
		height: 35px;
		text-align: center
	}

	.login-menu {
		position: relative;
		color: #fff;
		font-size: 13px;
		border-bottom: 1px solid hsla(0, 0%, 100%, .29);
		padding: 10px;
		text-align: right
	}

	.login-menu a {
		color: #fff;
		text-transform: uppercase
	}

	.login-menu a:hover {
		color: #fff
	}

	.login-menu a span {
		margin-right: 0;
		font-size: 17px;
		line-height: 15px;
		vertical-align: middle
	}

	.link-menu {
		padding: 5px 0;
		margin: 0;
		display: block;
		text-align: left
	}

	.mainMenuP {
		margin: 0;
		color: #fff
	}

	.mainMenuP a,
	.mainMenuP li {
		display: block
	}

	.mainMenuP a {
		font-family: Roboto Condensed, sans-serif;
		font-weight: 300;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: .5px;
		padding: 6px 0 6px 10px
	}

	.mainMenuP a:hover {
		color: #fff
	}

	.mainMenuP a span {
		display: inline-block
	}

	.mainMenuP.new-menu {
		width: 50%;
		padding: 10px 0 20px;
		float: left
	}

	.mainMenuP.second {
		background: #424242;
		padding: 20px 0;
		margin: 0
	}

	.mainMenuP.second li {
		width: 50%;
		padding: 0;
		margin: 0;
		float: left
	}

	.searchInput-base {
		position: relative;
		z-index: 1;
		padding: 10px
	}

	.searchInput-base button {
		height: 35px;
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 50px;
		border-radius: 5px;
		z-index: 1;
		background-color: #3ca5dd !important;
		color: #fff
	}

	.searchInput-base #searchInput1 {
		padding: 5px 55px 5px 10px;
		background: #cacaca
	}

	ul.footer-share .ico-share,
	ul.menu-share .ico-share {
		background-size: 16px;
		background-color: #484848 !important
	}

	.new-sub-menu {
		display: block;
		z-index: 5
	}

	.new-sub-menu ul {
		display: block;
		position: relative;
		overflow-y: hidden;
		white-space: nowrap
	}

	.new-sub-menu li {
		display: inline-block
	}

	.new-sub-menu li:first-child {
		padding-left: 10px
	}

	.new-sub-menu li:last-child {
		padding-right: 10px
	}

	.new-sub-menu a {
		display: block;
		color: #fff;
		padding: 13px 5px;
		font-weight: 700;
		font-size: 11px;
		text-transform: uppercase
	}

	.new-sub-menu li.active a {
		color: #000;
		background: #fff
	}

	.menu-share {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		text-align: center
	}

	.floating-share {
		padding: 20px 15px 10px;
		z-index: 3
	}

	.floating-share li {
		display: inline-block;
		margin: 0 6px 0 0
	}

	.floating-share a,
	.ico-share {
		display: block
	}

	.ico-share {
		width: 35px;
		height: 35px;
		border-radius: 100%;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 18px
	}

	.sso__new {
		position: relative;
		padding: 5px 10px;
		color: #e5e5e5
	}

	.sso__new a:hover {
		color: #fff
	}

	.sso__user {
		display: inline-block;
		font-size: 16px;
		font-weight: 700
	}

	.sso__btn {
		position: relative;
		display: inline-block
	}

	.sso__btn.-right {
		float: right
	}

	.sso__login,
	.sso__menu {
		position: relative;
		padding: 10px 0;
		border-bottom: 1px solid #6b6b6b
	}

	.sso__menu li {
		position: relative;
		display: block
	}

	.sso__menu li span {
		display: inline-block;
		padding: 8px 0
	}

	.myvalue__icon {
		height: 17px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 3px
	}

	.myvalue__icon img {
		height: 100%
	}

	.myvalue__btn {
		float: right;
		padding: 6px 10px;
		border-radius: 5px;
		background: #da1884;
		font-size: 12px;
		margin: 3px 0
	}

	.breaking-news {
		margin: 5px 0;
		height: 40px;
		position: relative;
		background: #fff;
		overflow: hidden;
		z-index: 1
	}

	.title-breaking {
		padding: 13px 10px 0 25px;
		display: inline-block;
		background: #ef9021;
		line-height: 1;
		color: #fff;
		position: absolute;
		height: 40px;
		left: 0;
		top: 0;
		z-index: 1
	}

	.title-breaking:before {
		content: "";
		position: absolute;
		left: 8px;
		top: 14px;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background: #fff;
		animation: b .7s infinite
	}

	.title-walk {
		font-size: 18px;
		padding: 9px 0 8px;
		position: relative;
		white-space: nowrap;
		animation: a 15s linear infinite
	}

	.title-walk a {
		color: #333;
		display: block
	}

	.title-walk a:hover {
		color: #333
	}

	.pop-title {
		font-family: Roboto Condensed, sans-serif;
		font-size: 16px;
		font-weight: 700;
		color: #000;
		margin: 10px 0 0;
		padding: 10px;
		position: relative;
		border-bottom: 1px solid #9b9b9b;
		text-transform: uppercase;
		clear: both
	}

	.pop-title:after {
		content: "";
		position: absolute;
		left: 10px;
		bottom: 0;
		width: 20%;
		border-bottom: 5px solid #3ca5dd
	}

	.listNews {
		background: #fff
	}

	.listNews li.box-shadow-new {
		background: #fff;
		display: block;
		margin: 0 0 2px;
		padding: 10px;
		box-shadow: 0 3px 3px 2px #f1f1f1
	}

	.listNews li.box-shadow-new:last-child {
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
	}

	.ListCol1 {
		position: relative;
		width: 65%;
		width: calc(100% - 100px);
		padding-right: 10px
	}

	.ListCol1>h3 a {
		display: inline-block
	}

	.ListCol1>a,
	.ListCol1>h3,
	.ListCol1>h4 {
		display: inline-block;
		font-size: 18px;
		color: #000
	}

	.ListCol1 strong {
		font-weight: inherit;
		text-transform: uppercase
	}

	.ListCol1 .article__channel,
	.ListCol1 h6 {
		padding: 8px 0 0;
		font-size: 11px;
		color: #757575
	}

	.ListCol1 .article__channel strong,
	.ListCol1 h6 strong {
		color: #757575
	}

	.ListCol1.column {
		width: 100%;
		padding: 0
	}

	.ListCol1 iframe {
		margin-top: 10px;
		height: 210px
	}

	.ListCol1 p {
		font-size: 12px;
		color: #8e8d8d;
		padding: 10px 0;
		margin: 0
	}

	.ListCol2 {
		position: relative;
		width: 100px;
		height: 100px;
		overflow: hidden;
		background: #f7f7f7
	}

	.ListCol2 img {
		height: 100%;
		width: auto;
		max-width: none
	}

	.info-latest {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		padding: 5px 5px 5px 20px;
		font-size: 10px;
		line-height: 1;
		color: #fff;
		background-color: rgba(0, 0, 0, .39);
		background-size: 12px 12px;
		background-position: 5px;
		background-repeat: no-repeat
	}

	.boxLoadBtt {
		position: relative;
		margin: 0 auto
	}

	.loadMore,
	.loadMore a {
		text-align: center;
		padding: 10px 0
	}

	.loadMore a {
		display: inline-block;
		border: 1px solid #948e8e;
		background: #fff;
		width: 100px;
		border-radius: 6px;
		box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .07);
		font-size: 14px;
		color: #000
	}

	.breakingnews *,
	.breakingnews :after,
	.breakingnews :before {
		box-sizing: border-box
	}

	.breakingnews {
		position: relative;
		padding: 0
	}

	.breakingnews__row {
		position: relative;
		margin: 15px 0;
		display: block
	}

	.breakingnews__title {
		position: relative;
		padding: 0 10px 0 0;
		z-index: 2
	}

	.breakingnews__title:before {
		content: "";
		position: absolute;
		left: 14px;
		top: 15px;
		width: 9px;
		height: 9px;
		background: #fff;
		border-radius: 10px;
		z-index: 1;
		animation: b .7s infinite
	}

	.breakingnews__title:after {
		content: "";
		position: absolute;
		top: -5px;
		left: 155px;
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid #af0f15;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		z-index: -1
	}

	.breakingnews__title span {
		width: 150px;
		position: relative;
		background: #ed1c24;
		display: block;
		padding: 12.5px 10px 12px 32px;
		text-transform: uppercase;
		letter-spacing: .5px;
		height: 40px;
		font-family: Roboto, sans-serif;
		font-size: 12px;
		font-weight: 700;
		color: #fff
	}

	.breakingnews__title span:before {
		left: -10px;
		border-bottom: 20px solid #ed1c24;
		border-right: 5px solid #ed1c24
	}

	.breakingnews__title span:after,
	.breakingnews__title span:before {
		content: "";
		position: absolute;
		top: 0;
		width: 0;
		height: 0;
		border-top: 20px solid #ed1c24;
		border-left: 5px solid #ed1c24
	}

	.breakingnews__title span:after {
		right: -10px;
		border-bottom: 20px solid transparent;
		border-right: 5px solid transparent
	}

	.breakingnews__logo {
		width: calc(100% - 150px);
		height: 35px;
		position: absolute;
		bottom: 0;
		left: 150px;
		z-index: -1;
		background: #eaeaea;
		padding: 8px 10px 7px 15px;
		margin: 0
	}

	.breakingnews__logo img {
		height: 20px;
		vertical-align: top
	}

	.breakingnews__wrap {
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
		z-index: 1;
		background: #dedede
	}

	.breakingnews__content {
		position: relative
	}

	.breakingnews__link {
		display: block;
		padding: 10px 15px;
		transform: skewX(-10deg);
		font-family: Roboto, sans-serif;
		font-size: 16px;
		font-weight: 700;
		color: #2a2a2a
	}

	.breakingnews__link:hover {
		color: #ed1c24
	}

	.breakingnews__link span {
		display: block;
		height: 40px;
		overflow: hidden
	}

	.breakingnews.nologo .breakingnews__logo img {
		display: none
	}

	.most {
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
	}

	.most.listNews li.box-shadow-new:last-child {
		box-shadow: none;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03)
	}

	.most .ListCol {
		position: relative
	}

	.most .ListCol1 {
		padding-left: 35px
	}

	.most__info {
		padding: 5px 0;
		font-size: 12px;
		color: #757575
	}

	.most__more {
		position: relative;
		padding: 10px;
		text-align: center
	}

	.most__other {
		padding: 5px 10px;
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 12px;
		color: #3ca5dd
	}

	.icon-fb {
		background-color: #3b5998
	}

	.icon-tw {
		background-color: #1da1f2
	}

	.icon-line {
		background-color: #00c300
	}

	.icon-ws {
		background-color: #25d366
	}

	.icon-play {
		width: auto;
		height: 12px;
		display: inline-block;
		left: 5px;
		top: 4px
	}

	.icon-back-top,
	.icon-play {
		position: absolute;
		z-index: 1
	}

	.icon-back-top {
		height: 24px;
		left: calc(50% - 12px);
		top: 5px
	}

	.icon-back-top img {
		height: 100%
	}

	.icon-user {
		display: inline-block;
		height: 17px
	}

	.icon-user img {
		height: 100%
	}

	.icon-vik {
		display: inline-block;
		height: 28px
	}

	.icon-vik img {
		height: 100%
	}

	.icon-ktv {
		display: inline-block;
		height: 28px
	}

	.icon-ktv img {
		height: 100%
	}

	.ico-share {
		padding: 8px
	}

	.paging {
		position: relative;
		text-align: center;
		margin: 0;
		padding: 20px 15px
	}

	.paging li {
		display: inline-block;
		margin: 0 2px 10px
	}

	.paging li a {
		display: block;
		padding: 10px 13.5px;
		border-radius: 20px;
		background: #fff;
		border: 1px solid #e3e2e3;
		font-size: 16px;
		line-height: 1;
		color: #4a4a4a
	}

	.paging li.active a {
		background: #3ca5dd;
		border: 1px solid #3ca5dd;
		color: #fff
	}

	.paging li.next a,
	.paging li.prev a {
		font-size: 13px
	}

	.footer {
		position: relative;
		width: 100%;
		border-top: 1px solid #dbdbdb;
		padding: 5px 0 60px;
		background: #000;
		text-align: center
	}

	.btt {
		border-bottom: 1px solid #ccc;
		margin: 0;
		padding: 0
	}

	.btt a {
		position: relative;
		display: inline-block;
		font-size: 13px;
		color: #aaa;
		padding: 30px 10px 10px;
		text-transform: uppercase;
		background-size: 20px 20px;
		background-position: center 9px;
		background-repeat: no-repeat
	}

	.menuFooter2 {
		padding: 20px 0 0;
		margin: 0;
		color: #999
	}

	.menuFooter2 li {
		display: inline-block
	}

	.menuFooter2 a {
		display: block;
		padding: 5px
	}

	.cpRight,
	.menuFooter2 a {
		font-size: 12px;
		color: #999
	}

	.cpRight {
		padding: 15px 0
	}

	.logo__kcm {
		padding: 20px 0 10px
	}

	.logo__kcm img {
		height: 35px
	}

	.logo__achieve {
		position: relative;
		display: block;
		padding: 15px 15px 5px;
		text-align: center
	}

	.logo__achieve__item {
		display: inline-block;
		padding: 0
	}

	.logo__achieve__img {
		padding: 0 5px
	}

	.logo__achieve__img img {
		height: 50px
	}

	.logo__achieve__link {
		display: block
	}

	.logo__achieve__subtitle {
		padding: 0 0 10px;
		color: #f0f0f0;
		font-size: 12px
	}

	.discover {
		position: relative;
		padding: 0
	}

	.discover__item {
		position: relative;
		background: #fff;
		border-bottom: 1px solid #e5e5e5;
		display: -ms-flexbox;
		display: flex
	}

	.discover__item:last-child {
		border-bottom: none
	}

	.discover__menu {
		position: relative;
		display: inline-block;
		width: 50%;
		padding: 10px 0
	}

	.discover__menu li {
		display: block
	}

	.discover__menu li a {
		display: block;
		padding: 4px 0;
		text-transform: uppercase;
		font-family: Roboto Condensed, sans-serif;
		font-size: 14px;
		font-weight: 700
	}

	.kid__wrap {
		position: absolute;
		right: 66px;
		top: calc(50% - 15px);
		z-index: 9;
		display: block
	}

	.kid__wrap img {
		height: 26px
	}

	.kid__button {
		width: 70px;
		height: 30px;
		overflow: hidden;
		background: #3ca5dd;
		text-transform: uppercase;
		border-radius: 5px;
		font-size: 10.5px;
		line-height: 1.05;
		text-align: center;
		font-weight: 700;
		color: #fff;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.kid__button:hover {
		color: #fff;
		background: #2196f3
	}

	/*
	.jeo__logo__article,
	.jeo__logo__headline {
		position: absolute;
		z-index: 1;
		background: #fff;
		padding: 1px
	}

	.jeo__logo__article img,
	.jeo__logo__headline img {
		vertical-align: middle
	}

	.jeo__logo__headline {
		top: 2px;
		left: 2px;
		width: 40px
	}

	.jeo__logo__article {
		top: 2px;
		right: 2px;
		width: auto
	}

	.jeo__logo__article img {
		height: 16px
	}

	.cm__widget {
		position: relative;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
	}

	.cm__wBox {
		background: #f5fcff;
		padding: 5px 0
	}

	.cm__wItem {
		position: relative;
		border-bottom: 1px solid #e6e6e6;
		padding: 15px
	}

	.cm__wUsername {
		display: inline-block;
		font-size: 15px;
		font-weight: 700
	}

	.cm__wComment {
		position: relative;
		margin: 10px 0 0;
		font-size: 15px;
		line-height: 1.5
	}

	.cm__wImg {
		float: left;
		width: 70px;
		height: 70px;
		overflow: hidden;
		margin-right: 10px
	}

	.cm__wNews {
		padding: 0;
		background: #e4f4fc;
		border-radius: 5px;
		overflow: hidden
	}

	.cm__wNews h4 {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
		height: 39px;
		overflow: hidden;
		margin: 7px 10px 0
	}

	.cm__wNews span {
		display: block;
		padding: 4px 0 0;
		font-size: 11px
	}

	.cm__wLink {
		display: block
	}

	.cm__wLink:hover {
		color: inherit
	}

	.cm__wFooter {
		background: #f5fcff;
		padding: 15px 0;
		text-align: center
	}

	.cm__wFooter a {
		letter-spacing: 0;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 12px;
		color: #3ca5dd
	}

	.cm__wFooter a:hover {
		background: transparent;
		color: #000
	} /*

	.banner1,
	.banner-slide {
		width: 100%;
		text-align: center
	}

	.flying_carpet_div,
	.sticky-ads {
		text-align: center
	}

	.sticky-ads {
		position: fixed;
		padding: 0;
		bottom: 0;
		width: 100%;
		z-index: 8;
		transition: all .2s ease;
		background: hsla(0, 0%, 93%, .8)
	}

	.sticky-ads--wrap {
		text-align: center;
		position: relative;
		margin: 0 auto;
		display: inline-block
	}

	.color-advertorial {
		color: #ec5e38
	}

	.color-branzview {
		color: #3ca5dd
	}

	.color-juara {
		color: #ff0101
	}

	.color-premium {
		color: #005496
	}

	@keyframes a {
		0% {
			transform: translateX(100%)
		}
		to {
			transform: translateX(-200%)
		}
	}

	@keyframes b {
		0% {
			opacity: .1
		}
		50% {
			opacity: 1
		}
		to {
			opacity: .1
		}
	}

	/*
	.menuopen .btn-hamb,
	.menuopen .t-menu {
		display: none
	}

	.menuopen .btn-close {
		display: inline-block
	}

	.menuopen #navpanel {
		visibility: visible;
		opacity: 1;
		transform: translateZ(0)
	} */

	.pt50,
	.pt105 {
		padding-top: 0
	}

	.d-to-top {
		margin-top: 40px
	}

	.red-block {
		color: #e35023
	}

	.left {
		float: left
	}

	.right {
		float: right
	}

	.box-shadow-new {
		list-style: none
	}

	.hide {
		display: none
	}

	img:not([src]):not([srcset]) {
		visibility: hidden
	}

	/*
	.bapps {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		z-index: 99;
		background: #fff;
		display: none
	}

	.bapps__wrap {
		position: relative;
		padding: 0;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-around;
		height: 100%
	}

	.bapps__left {
		padding: 0 0 0 25px;
		position: relative;
		align-self: center;
		width: 85px
	}

	.bapps__close {
		font-size: 30px;
		display: block;
		padding: 0 4px;
		position: absolute;
		top: calc(50% - 15px);
		left: 0;
		height: 30px;
		line-height: 1
	}

	.bapps__icon {
		border-radius: 10px;
		overflow: hidden;
		width: 60px;
		height: 60px;
		background-size: cover
	}

	.bapps__info {
		width: calc(100% - 85px - 65px);
		position: relative;
		padding: 0 10px
	}

	.bapps__title {
		margin: 0 0 5px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		color: #000
	}

	.bapps__desc {
		margin: 0;
		height: 15px;
		overflow: hidden;
		font-size: 11px;
		font-weight: 400;
		color: #000
	}

	.bapps__rating {
		position: relative;
		margin: 2px 0 3px;
		width: 55px;
		height: 11px
	}

	.bapps__rating span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		height: 100%;
		z-index: 1;
		background-size: 55px 11px;
		background-position: 0 0
	}

	.bapps__rating span.fg {
		z-index: 2
	}

	.bapps__store {
		font-size: 11px;
		font-weight: 400;
		color: #656565
	}

	.bapps__right {
		position: relative;
		width: 65px;
		padding-right: 10px
	}

	.bapps__btn {
		text-align: center;
		display: block;
		padding: 10px 5px;
		text-transform: uppercase;
		border: 1px solid #2c83cd;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		color: #2c83cd
	}

	.bapps__log {
		position: relative;
		background: #000;
		color: #fff;
		padding: 10px 20px;
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 99
	}

	.bapps-show .content_article {
		padding-top: 135px
	}

	.bapps-show .bapps {
		display: block
	}

	.bapps-show .floating-share--nav,
	.bapps-show .header {
		top: 80px
	}

	.bapps-show .floating-share--nav.scrolling {
		top: 135px !important
	}

	.bapps-show #js-banner-sticky .banner1 {
		top: 175px
	}

	.bapps-show.kcm--read #js-banner-sticky .banner1 {
		top: 135px
	}

	.bapps-show.kcm--read #js-banner-sticky .banner1.scrolling {
		top: 185px !important
	}

	.bapps-show #navpanel,
	.bapps-show.kcm--read #navpanel {
		top: 80px !important
	}

	.bapps-show .new-sub-menu {
		top: 135px !important
	}

	.bapps-show .ivs__box.sticky .ivs__wrap {
		top: 130px
	}

	.bapps-show .ivs__box.sticky .floating-share--nav.scrolling {
		top: 0 !important
	}

	.bapps-show.ivs--header .ivs__box.sticky .ivs__wrap {
		top: 80px
	}

	.bapps-hide .bapps {
		display: none;
		visibility: hidden
	}

	.liftdown .bapps {
		position: absolute
	}

	.liftdown.bapps-show #navpanel,
	.liftdown.bapps-show.kcm--read #navpanel {
		top: 100px !important
	}

	.liftdown.bapps-show.-ldhide .bapps {
		position: fixed
	}

	.liftdown.bapps-show.-ldhide #navpanel,
	.liftdown.bapps-show.-ldhide.kcm--read #navpanel {
		top: 80px !important
	}

	.liftdown2 .bapps {
		position: fixed
	}

	.liftdown2.bapps-show .header,
	.liftdown2.bapps-show.kcm--read #navpanel {
		top: 80px !important
	}

	.liftdown2.bapps-show.kcm--read #js-banner-sticky .banner1 {
		top: 135px !important
	}

	.liftdown2.bapps-show.kcm--read #js-banner-sticky .banner1.scrolling {
		top: 185px !important
	}

	.liftdown2.liftdown2-show.bapps-show .bapps {
		top: 85px
	}

	.liftdown2.liftdown2-show.bapps-show .header,
	.liftdown2.liftdown2-show.bapps-show.kcm--read #navpanel {
		top: 165px !important
	}

	.liftdown2.liftdown2-show.bapps-show .floating-share--nav.scrolling,
	.liftdown2.liftdown2-show.bapps-show.kcm--read #js-banner-sticky .banner1 {
		top: 220px !important
	}

	.liftdown2.liftdown2-show.bapps-show.kcm--read #js-banner-sticky .banner1.scrolling {
		top: 270px !important
	}

	.-noliftdown .bapps,
	.liftdown2-hide .bapps {
		position: fixed
	} */

	/* articles */
	.col-bs10-7, .col-bs10-3, .col-bs9-2, .col-bs9-7, .footer {
		width: 100%;
	}

	.col-bs9-3 {
		width: 100%;
	}

	.single-post .col-bs9-2 {
		display: none; visibility:hidden;
	}

	/* fwidget */
	.col-bs12-3 {
		width: 50%;
	}

	.social--dshare {
		display: none;
		visibility: hidden;
	}

	/* footer */
	.footer .col-bs10-7, .footer .col-bs10-3 {
		width: 100%;
	}

	.footer .logo {
		float: none;
		display: block;
	}
	.footer .logo, .social--footer, .footer__menu, .footer__menu ul, .footer__copy {
		text-align: center;
	}

	/* terpopuler widget */
	.article__list__asset {
		width: 100px;
		padding-right: 10px;
	}
	.article__list__asset .article__asset {
		height: 100px;
		background: #fff;
	}
	.article__list__asset .article__asset img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.article__list__title {
		max-height: 40px;
		margin-bottom: 8px;
	}
	.article__title--medium {
		font-size: 15px;
		line-height: 1.3;
	}
	.article__subtitle {
    font-size: 11px;
	}
	.article__date {
		font-size: 11px;
	}

	.fwidget ul.menu {
		position: relative;
		display: block;
		padding: 12px 0 20px;
		width: 100%;
		background: #fff;
		border: none;
		text-align: left;
	}

	.discover__menu {
		position: relative;
		display: inline-block;
		width: 100% !important;
		padding: 16px 0 !important;
	}

	.most__no {
		position: absolute;
		font-weight: 700;
		font-size: 35px;
		line-height: 1;
		color: #3ca5dd;
		top: 0;
		left: 3px;
		transform: skewX(-10deg)
	}

}

	@media (max-width:320px) {
		.most .ListCol1 {
			padding-left: 30px
		}
	}

	@media (max-width:320px) {
		.most .ListCol1>a {
			font-size: 16px
		}
	}

	@media (max-width:320px) {
		.most__no {
			left: 1px
		}
	}

/* copas ke mobile.css bawah */
@media only screen and (max-width : 768px) {
	.header {
		background: #000;
	}
	.new-sub-menu {
		background: black;		

	}
	.header .menu {
		border-left: 1px solid black;
		background: #000;
	}

	.sidenav, .mainMenuP.second {
		background-color: #c00;
	}
}