@media screen and (max-width:1154px){

}
@media screen and (max-width:1024px){
}
@media screen and (max-width:800px){
	.overide{
   		background: none !important;
   	}
.cd-main-content{padding-top:52px;}
.mainbody{padding-top:0; padding-bottom:0px;}
.hide_desktop{display:block; visibility:visible;}
.hide_mobile{display:none; visibility:hidden; height:0 !important; margin:0 !important; padding:0 !important;}
header{height:57px;}
.header-in{height:57px;}
.header-in h1.logos{ margin:0; padding:5px 0;}
.header-in h1.logos img{height:42px; width:auto; display:block;}
#cd-menu-trigger{height:52px;}
.block-45 .date, ul.latest li .date{font-size:14px; line-height:20px;}
ul.latest li .box-title{height:300px;}
.right-wecover .img-cover{height:auto;}
.blockbox .left-wecover{width:100%; float:none; clear:both; height:auto;}
.blockbox .right-wecover{width:100%; float:none; clear:both; height:auto; padding:0;}
.flex-mobile{display:flex; align-items:center; justify-content:center; flex-direction:column;}
.flex-mobile .left-wecover{order:2;}
.flex-mobile .right-wecover{order:1;}

/*ul.work-list li{width:33.333%; margin-bottom:5px;}
ul.work-list li:first-child{width:100%; float:none;}
ul.work-list li:nth-child(4n+1){clear:both;}
ul.work-list li .box-work{min-height:10px;}*/

ul.work-list-me li{width:33.333%; margin-bottom:5px;}
ul.work-list-me li:first-child{width:100%; float:none;}
ul.work-list-me li:nth-child(4n+1){clear:both;}
ul.work-list-me li .box-work{min-height:10px;}

.box-homepage{height:100%; position:static; margin-top:57px;}
.box-homepage .darkside{position:static;}
.box-homepage .main-text{position:relative; background:#e3061d; padding:15px; top:0}
.main-text .box-main-text h1.main{font-size:24px; line-height:28px;}
header.bg-opac {background: rgba(9,35,4,1) !important;}
.blockbox h1.title-box{letter-spacing:normal;}
.blockbox60{width:100%; float:none;}
.blockbox60.marbox-l20{margin-left:0;}
.blockbox20{width:100%; float:none;}
.box-homepage.kanalpage{height:100%; margin-top:0;}
.box-homepage.showvideo{height:230px; margin-top:0; clear:both; position:relative;}
}
@media screen and (max-width:768px){
ul.latest li .box-title{height:auto;}

/*ul.work-list li{width:100%; float:none;}*/
ul.work-list-me li{width:100%; float:none;}

.blockbox h1.title-box{margin:0 0 30px 0;}
.blockbox{padding:50px 15px 15px 15px;}
.blockbox.full{padding:50px 0 15px 0;}
.blockbox .block-55{order:1; width:100%; float:none;}
.blockbox .block-45{order:2;  width:100%; float:none;}
ul.latest li{width:100%; float:none; margin-bottom:30px;}
.block-seeall{padding-left:0;}
.block-seeall a.see-more{padding-left:15px; padding-right:15px; margin-top:0;}
.list-front-box{padding:0;}
#big-slider{padding:15px 0;}
ul.footer-sosmed{float:none; text-align:center; display:flex; align-items:center; justify-content:center; margin-top:30px;}
ul.footer-sosmed li{float:none;}
.footer-in .left-footer{order:2; width:100%; float:none; margin:30px 0;}
.footer-in .right-footer{order:1; width:100%; float:none;}
p.copy{line-height:normal; text-align:center;}
.wedobox-80{width:100%; float:none;}
.wedobox-20{width:100%; float:none;}
.wedo-cover{margin-top:21px; margin-bottom:0;}
.wedomap .right-60{width:100%; float:none; padding:0;}
.wedo-text{/*position:relative;*/ padding:15px; /*background: rgba(120,0,12,1);*/}
.berita-lain{margin-top:15px;}
   .wedo-text{
   		/*position: absolute !important;*/
   		/*background: none !important;*/
		/*padding: 0px 10px !important;*/
		padding: 3px 10px 5px 10px !important;
   }
   .wedo-caption h2.title-cover{
   		line-height: 15px;
   }
}
@media screen and (max-width:500px){
ul.list-thumbnails li .cover-thumbnails{float:none; width:100%; height:auto; margin-right:0; margin-bottom:15px;}
ul.list-thumbnails li .cover-thumbnails img{height:auto; width:100%;}
}