@media screen and (max-width:768px){.container,.list_nhl li{width:100%}.list_nhl li .summary,.banner_hide,.belt ul.mid-gallery li:nth-child(n+2),ul.features li:nth-child(n+2),.detail ~ .kanan,.box_dk,.skybanner{display:none}.headline .text a{padding:0 10px;font-size:16px;width:calc(100% - 20px);line-height:17px}.headline{margin:59px 0 25px}.menu,.menu.smaller{height:63px}.menu .logo{width:125px;height:auto;margin-left:15px}.menu .logo a,.menu .logo a img{vertical-align:baseline}.headline .text{padding:0px 0 10px}.headline .text .label{top:-7px;font-size:10px;letter-spacing:1px}.headline .text:before{border-bottom:35px solid rgba(187,157,85,0.8);top:-35px}.headline .text .label:before,.headline .text .label:after{width:11px;left:-17px;top:5px}.headline .text .label:after{left:auto;right:-17px}.list_nhl{float:none;padding:0 15px}.list_nhl li{min-height:105px;height:auto;margin-bottom:15px}.list_nhl li .box_img{width:105px}.list_nhl li .text{margin-left:115px;padding:5px 0px 5px 0}.list_nhl li .text a{font-size:16px;line-height:20px}.list_nhl li .date{font-size:10px;margin-bottom:7px;line-height:13px}.list_nhl li .text .label{font-size:10px;margin-right:5px;letter-spacing:0}.kanan{clear:both;float:none;padding:0 15px}ul.features li{margin-bottom:0}.box_gallery{width:100%}.box_gallery ul li,.box_gallery ul li .box_img{width:100%}.box_gallery ul li .box_img:before{padding-top:75%}.box_gallery ul li .text{width:100%;font-size:16px;padding:5px 10px;line-height:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.box_gallery ul li .text:before{border-bottom:45px solid rgba(187,157,85,0.8);border-left:100vw solid transparent;top:-45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.belt{padding:0 15px 10px}.belt_title{font-size:15px;letter-spacing:2px;padding:15px 0}.belt_title>span:before,.belt_title>span:after{width:25px;left:-35px}.belt_title>span:after{left:auto;right:-35px}.belt ul.mid-gallery li,.belt ul.mid-gallery .box_img{width:100%;margin:0 0 10px!important}.belt ul.mid-gallery li .text:before{border-bottom:45px solid rgba(187,157,85,0.8);border-left:100vw solid transparent;top:-45px}.belt ul.mid-gallery li .text{padding:10px 15px}.nhl2{margin-top:25px}.mid-video li:nth-child(n+2){display:none}.belt .mid-video li,.belt .mid-video .box_img,.belt .mid-video li:first-child{width:100%;margin:0}.belt .mid-video li:nth-child(2){margin-bottom:10px}.belt .mid-video li:first-child h3{font-size:22px;line-height:26px}.box_gallery .box_title{margin:10px 0 10px}.wod,.wod .box_img{width:100%;height:auto}.wod li{margin-bottom:20px}.wod #prev_but2{left:20px}.wod #next_but2{left:auto;right:20px}.logo-detikhot{width:110px;height:19px;margin-left:20px}.menu-footer:after{content:'';display:block;clear:both}.menu-footer{width:185px}.menu-footer li{margin:0 6px 5px 0;width:85px}.menu-footer li a{font-size:14px;font-family:'open_sansregular',sans-serif}.copy{float:none;text-align:center;border-top:1px solid rgba(187,157,85,0.8);margin-top:30px;padding-top:15px}.scrollToTop{right:10px}.menu{top:41px}.menu.smaller .list_menu,.menu .list_menu{background-color:rgba(0,0,0,0.85);float:none;position:absolute;top:63px;width:100%;display:none}.menu .list_menu li{text-align:center;border-bottom:1px solid rgba(187,157,85,0.8);display:block;margin:0;line-height:1em;padding:13px 0}.menu-m{display:block;float:right;margin:20px 20px auto auto}.menu-m a{width:26px;height:26px;display:block;overflow:hidden;position:relative}.menu-m img{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.detail{width:calc(100% - 30px);padding:15px}.detail .jdl h1{font-size:24px;line-height:30px}.detail .jdl h2{font-size:20px}.detail .jdl .date,.detail .jdl .author{font-size:12px}.wpsubkanal{margin-top:66px}.detail_text{font-size:14px;line-height:22px;float:none;width:100%}.pic_artikel{margin:0 0 20px 0}.detail_text .pic_artikel_sisip .pic{width:100%}.artikel_terkait{margin-top:0;width:calc(100% - 30px);padding:0 15px}.list_terkait li{width:calc(50% - 10px);margin:0}.list_terkait li:nth-child(odd){margin:0 19px 18px 0;clear:both}.komentar_box{width:calc(100% - 30px);padding:0 15px}a.loadmore{width:calc(100% - 30px);margin:15px 15px;padding:12px 0}.box_gallery{margin-top:15px}.list_nhl>.headline .text{padding:0px 0 10px;width:100%}.list_nhl>.headline .text a{font-size:18px}.list_nhl>.headline{width:calc(100% + 30px);margin-left:-15px;border-bottom:0}.list_nhl>.headline .text .label{top:-7px;font-size:10px;letter-spacing:1px}.list_nhl>.headline .text .label:before,.list_nhl>.headline .text .label:after{top:4px}.list_nhl.list_gallery{width:calc(100% - 30px)}.list_nhl.list_gallery li:nth-child(n+2){width:100%;margin:0 0 20px 0}.list_nhl.list_gallery li:nth-child(n+2) .text{line-height:20px;font-size:16px;padding:7px 10px;width:calc(100% - 20px)}.list_photos .box_img{width:100%}.list_photos li{width:calc(50% - 10px);margin:0}.list_photos li:nth-child(odd){margin:0 20px 20px 0;clear:both}.list_photos li.selected .box_img{width:calc(100% - 3px)}.headline_video{margin-top:59px}.headline_video .text{width:calc(100% - 30px);padding:15px}.headline_video .text h1{text-align:center;margin-bottom:10px;line-height:35px}.video_hl,.video_detail{width:100%}.headline_video .text .summary{text-align:center}.nhl_video{margin-top:20px;width:calc(100% - 30px);padding:0 15px}ul.list_video,ul.list_video li{width:100%}ul.list_video li .text{margin-top:10px}.menu.smaller .logo{top:0px}.widget{width:100%}}@media screen and (max-width:329px){.banner{margin-left:-5px}#framebar_new .kanal_pilih select{width:170px}}