@charset "utf-8";
/* CSS Document made by haryo bayu 
   10 april 2018
 */

@import url('roboto-condensed/roboto-condensed.css');
@import url('opensans/opensans.css');
@import url('oswald/oswald.css');

/*
font-family: 'RobotoCondensed-Regular';
font-family: 'RobotoCondensed-Italic';
font-family: 'RobotoCondensed-Bold';
font-family: 'OpenSans-Regular';
font-family: 'Oswald-Regular';
font-family: 'Abel-Regular';
font-family: 'Pacifico-Regular';
*/

html,body {font-family: 'OpenSans-Regular',sans-serif;height: 100%;}
textarea:focus, input:focus{
    outline: none;
}

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Make `a` like a button */
[role="button"] {
    color: inherit;
    cursor: default;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: pre;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
}


/* link  */
a.link-white { color: #fff !important;}  a.link-white:hover{ color: #ff9900 !important;}
a.link-red { color: #fd2731 !important;}a.link-red:hover{ color: #fff !important;}
a.link-black { color: #454444 !important;}a.link-black:hover{ color: #f90 !important;}
a.link-grey { color: #666 !important;}a.link-black:hover{ color: #f90 !important;}
a.link-orange { color: #f90 !important;}a.link-orange:hover{ color: #fff !important;}
.link2-black a { color:#454444 !important;}.link2-black a:hover { color:#f90!important;}
.link2-grey a { color:#666 !important;}.link2-black a:hover { color:#f90!important;}
.link2-white a { color:#fff !important;}.link2-white a:hover { color:#ocf!important;}
.link2-red a {color: #fd2731 !important;}.link2-red a:hover {color: #fff !important;}
.link2-orange a { color: #f90 !important;}.link2-orange a:hover {color: #fff !important;}

/* Font Family */
.ff-roboto-r { font-family: 'RobotoCondensed-Regular',sans-serif; }
.ff-opensans {font-family: 'OpenSans-Regular',sans-serif; }
.ff-oswald-r {font-family: 'Oswald-Regular',sans-serif; }

.wrap-100 { width:100%;}
.header {box-shadow: 0px 4px 5px #ddd; height:70px; width:100% !important;}
.wrap-content { width: 1100px !important; margin:0 auto;font-size:14px; }
.search-box { width:300px; margin:auto !important;border:1px solid #ddd !important; 
border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; }
.search-content { border:0px; margin-left:5px; color:#666;width: calc(100% - 30px);}
.burgermenu { display:none !important; cursor:pointer;}
.search-mobile { display:none; width: calc(100% - 20px);border:1px solid #ddd !important; 
border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;}
.box-menu-mobile {width:250px; height:100%; background-color:#efefef !important; position: fixed; 
right:0px; top:0px; z-index:5; }
.menu-mobile { margin-left:10px; margin-right:10px;font-size:14px;}
.menu-mobile ul {list-style:none; padding-left:0; margin-left:0;}
.menu-mobile ul li { list-style:none; margin-left:0; margin-top:5px; margin-bottom:5px; border-bottom:1px #ddd solid; padding-bottom:5px; }
.menu-desktop { display:block; text-align:center;}
.menu-desktop ul { list-style:none; padding-left:0; margin-left:0;}
.menu-desktop ul li { list-style:none; margin:0 7px; display:inline;}
.menu-desktop ul li a { color:#666 !important;}
.menu-desktop ul li a:active {color: #F90 !important;}
.menu-desktop ul li a:hover { color: #F90 !important; }
.menu-desktop ul .active a { color: #F90 !important; font-weight:bold;}
.high-slide-tv { height:300px;} 
/* swipper */
.swiper-container {width: 100%;height: 100%;}
.swiper-slide { text-align: center;font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.kotak-move {width:30%; display:inline-block; margin-left:5px; margin-right:5px;}
.play {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* supaya klik tetap mengenai <a> */
    z-index: 2;
}
.play span{color: #fff}
.img-mov {border:0px; height:auto; width:100%;}
.box-list { padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:10px; width:100%; margin-bottom:10px;}
.title-box {height:45px; overflow:hidden; margin-bottom:15px; line-height:21px}
/* footer */
.tmpt-app {margin-left: 0px;margin-right: 0px; margin-top:5px; }
.cmp_ {background: url("../images/apps.png") no-repeat scroll 0 0 transparent;float: left;height: 20px;margin-right: 7px;width: 20px; }
.iko_youtube {background-position: 0px -91px;}.iko_chrome {background-position: -22px 0;}.iko_ie {background-position: -22px -61px;}
.iko_firefox {background-position: -22px -31px;}.iko_bb {background-position: -22px -91px;}.iko_android {background-position: -22px -121px;}
.copy-pos { float:right; margin-right:5px;}

/* kategori page */
.bar-page { height:177px; background-image:url("../images/bar-kategori.jpg"); background-color:#0672b3; background-repeat:no-repeat; background-position:top center;}
/* detail page */
.section-left { width: calc(100% - 320px); float:left; margin-right:20px;}
.section-right { width:300px; float:left;}
.judul_detail {font-family: 'OpenSans-Regular',sans-serif;  font-size:30px; color:#000; text-transform:none; padding:10px 0px;}
.block_detail { margin:5px 0px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:10px 0px;}
.tulisoleh { color:#979595; font-size:13px; font-family: 'OpenSans-Regular',sans-serif;}
.blck_des { border-bottom:1px solid #e9e9e9; padding:10px 0px;}
.des_detail { font-size:14px; line-height:26px; color:#000;font-family: 'OpenSans-Regular',sans-serif;}
.box-list-detail {}
.box-list-detail ul { list-style:none; padding-left:0px; margin-left:0px;}
.box-list-detail ul li { list-style:none; padding-left:0px; margin-left:0px; margin-bottom:10px; border-bottom:1px solid #eee;}
.kotak-detail { width:100% !important;}
.img-kotak-detail { width:100% !important; height:170px; border:0; }
.slot-img-list-2 {width:140px; margin-right:10px; padding-bottom:10px;}
.img-left-list {width:100%; height:85px; border:0;}
.slot-right-list-2 {width: calc(100% - 150px); overflow:hidden;}
.content-list-high {height:76px; overflow:hidden;}

.block-shared { width:65px; height:53px; float:left; padding-right:5px; border-right:1px solid #ddd;}
.block-shared .angka { /*border-bottom: 1px solid #ddd;*/color: #4fa5f8;font-size: 40px;letter-spacing: -1.5px;line-height: 35px;
 text-align: center; /*font-family:'RobotoCondensed-Regular';*/}
.block-shared .shr {  /*font-family: "RobotoCondensed-Regular";*/font-size: 13px;margin-top: 0px;text-align: center;}
.listbut-shr {float:left; margin-left:10px;}
.listbut-shr ul { padding-left: 0; margin-left:0px; list-style:none; margin-top:5px;}
.listbut-shr ul li { padding-left: 0; margin-left:0px; list-style:none; display:inline-block;}
.ktk-shr { width:25px; height:25px; text-align:center; padding:5px; border-radius:3px;}
.ktk-shr-indeks { width:150px; height:25px; text-align:center; padding:5px; border-radius:3px;}
.bg-color-fb { background-color:#1c61a6;}.bg-color-tw { background-color:#02cafb;}.bg-color-wa { background-color:#3cb92d;}
.bg-color-g {  background-color:#db4836;}.bg-color-tele{ background-color:#0781cc;}.bg-color-copi{ background-color:#fb6703;}
.bg-color-indeks {  background-color:#53b9e9;}

/*Revisi Slider*/
.swiper-pagination-bullet{background: #eee;cursor: pointer;}
.header-slider-kontantv{width: 70%;}
.list-slider-kontantv{width: 30%;}
.kontantvslider-warpin{display: flex;}
#fullwidthslider{width: 100%;background-color: #ddd;padding-bottom: 20px;}
.judulcaptionslider{position: absolute;top: 35%;left: 5%;z-index: 3;width: 76%;text-align: left;color: #fff;}
h1.insideslidersall{font-size: 30px;width: 90%;font-weight: bold;text-shadow: 2px 2px #666;}
h3.terpopulernew{font-size: 25px;font-weight: bold;color: #333;letter-spacing: -1px;padding-bottom: 10px;border-bottom: 2px solid #f90;margin-bottom: 15px;width: 224px;}
.captiontontonvideo{padding: 7px;background-color: #f90;width: 99px;margin-top: 10px;font-size: 14px;text-align: center;}
.warp-point{display: flex;margin: 10px 0;}
.list-slider-kontantv {width: 30%;padding: 10px 15px 15px 20px;}
.popular__nomor {font-size: 25px;font-weight: 700;color: #fff;min-width: 35px;height: 30px;border: 4px solid #666;background-color: #;padding: 10px;text-align: center;color: #666;}
.popular__title {margin-left: 10px;}
.pop_title_one {margin: 5px;}
.popular__title a {color: #333;font-size: 14px;line-height: 20px;}
.swiper-button-next, .swiper-button-prev, .swiper-pagination{cursor: pointer;}
.wrapmobileshow{display: none}

/*header baru */
	.bar_menu_ddesktop {
	 width:100%; padding:8px 0 1px 0; background-color:#f5f3f4; border-top:1px solid #efedee;	
	 }
	 .pos-srch-dsk { position:absolute; right:0; top:15px; width:300px;}
	 .tp-mn { width: calc(100% - 210px); float:left; margin-right:15px;}
	 .tp-log { width: 180px; text-align:right; float:right;}
	 .men-desk {margin-top:7px;}
	 .men-desk a {color: #333; padding:16px 8px;}
	 .men-desk a:hover { background-color:#febe14; color:#FFF;}
	 .pos-deskmen {width:25px; float:left;}
	 .sc-men {width: calc(100% - 26px); float:left;}
	 .con-flex { display: flex; flex-wrap: nowrap;}
	 .bar-scroller { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; 
	 -ms-overflow-style: -ms-autohiding-scrollbar;}
	  .bar-scroller::-webkit-scrollbar  {  display: none;}
		/*.bar-scroller::-moz-scrollbar { display:none}*/
	   .mr-t { margin-top:-9px;}	
@media only screen and (min-width: 768px)  and (max-width: 1099px ) {
		 .tp-log { margin-right:10px;}
		 .search-box { margin-right:10px !important;}
		 .men-desk {margin-top:-6px; margin-bottom:0px;}
		 .con-flex { display: flex; flex-wrap: nowrap;}
		 .bar-scroller { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; 
		 -ms-overflow-style: -ms-autohiding-scrollbar;}
		 .bar-scroller::-webkit-scrollbar  {  display: none;}
		/*.bar-scroller::-moz-scrollbar { display:none}*/
		.pos-deskmen { padding-top:17px;}
		.mr-jus {margin-bottom:-9px;margin-top: -3px;}
		.mr-t { margin-top:-5px;}
		.bar_menu_ddesktop { padding:8px 0 9px 0;}
	 }

.but-daftar {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
    text-shadow:0px 1px 0px #854629;
    margin-top: 2px;
    text-align: center;
}
.but-daftar:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}

.but-login {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    margin-top: 2px;
    text-align: center;
}
.but-login:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}

.but2-daftar {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
    text-shadow:0px 1px 0px #854629;
    margin-top: 2px;
    text-align: center;
}
.but2-daftar:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}

.but2-login {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    margin-top: 2px;
    text-align: center;
}
.but2-login:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}


.box-logdesk {position:absolute; right:0; top:35px; width:143px; min-height:150px; background-color:#f9f9f9;
padding:10px; font-size:14px;}
#tutup-box {float:right; cursor: pointer;
    box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 6px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffee66;}
    
.just-mb { height: 0px !important;}   

/*reponsive mode */
@media only screen and (max-width: 359px ) {
.wrap-content { width:100% !important;}
.section-left { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.section-right { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.search-box, .menu-desktop,.box-share,.block-icon, .bar_menu_ddesktop { display:none !important;}
.box-logo { margin-left:10px;}
.burgermenu { display:block!important;}
.search-mobile { display:block !important; bottom:-60px;}
.high-slide-tv { height:170px;}
.kotak-move {width: calc(100% - 10px); display:inline-block; margin-left:5px; margin-right:5px;}
.img-mov {border:0px; height:auto;width: 100%;}
.box-list { padding:10px 5px; margin-bottom:10px;width: calc(100% - 10px);} 
.copy-pos { float:left; margin-left:5px;}

.list-slider-kontantv{display: none;}      
.header-slider-kontantv{width: 100%;}
#fullwidthslider{background-color: #fff;}
h1.insideslidersall{font-size: 18px;width: 100%}
.captiontontonvideo{width: 70px;font-size: 11px;}
.wrapmobileshow{display: block;padding: 0 5px 0px 10px}
.just-mb { height: 10px !important;}
.header {height:110px;}
}
@media only screen and (min-width: 360px)  and (max-width: 420px ) {
.wrap-content { width:100% !important;}
.section-left { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.section-right { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.search-box, .box-share, .menu-desktop,.block-icon, .bar_menu_ddesktop{ display:none !important;}
.box-logo { margin-left:10px;}
.burgermenu { display:block !important;}
.search-mobile { display:block !important; bottom:-60px;}
.high-slide-tv { height:170px;}
.kotak-move {width: calc(100% - 10px); display:inline-block; margin-left:5px; margin-right:5px;}
.img-mov {border:0px; height:auto;width: 100%;}
.box-list { padding:10px 5px; margin-bottom:10px;width: calc(100% - 10px);} 
.copy-pos { float:left; margin-left:5px;}

.list-slider-kontantv{display: none;}      
.header-slider-kontantv{width: 100%;}
#fullwidthslider{background-color: #fff;}
h1.insideslidersall{font-size: 18px;width: 100%}
.captiontontonvideo{width: 70px;font-size: 11px;}
.wrapmobileshow{display: block;padding: 0 5px 0px 10px}
.just-mb { height: 10px !important;}
.header {height:110px;}
}
@media only screen and (min-width: 421px)  and (max-width: 480px ) {
.wrap-content { width:100% !important;}
.section-left { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.section-right { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.search-box, .box-share, .menu-desktop,.block-icon, .bar_menu_ddesktop{ display:none !important;}
.box-logo { margin-left:10px;}
.burgermenu { display:block !important;}
.search-mobile { display:block !important; bottom:-60px;}
.high-slide-tv { height:170px;}
.kotak-move {width: calc(100% - 10px); display:inline-block; margin-left:5px; margin-right:5px;}
.img-mov {border:0px; height:auto;width: 100%;}
.box-list { padding:10px 5px; margin-bottom:10px;width: calc(100% - 10px);} 
.copy-pos { float:left; margin-left:5px;}

.list-slider-kontantv{display: none;}      
.header-slider-kontantv{width: 100%;}
#fullwidthslider{background-color: #fff;}
h1.insideslidersall{font-size: 18px;width: 100%}
.captiontontonvideo{width: 70px;font-size: 11px;}
.wrapmobileshow{display: block;padding: 0 5px 0px 10px}
.just-mb { height: 10px !important;}
.header {height:110px;}
}
@media only screen and (min-width: 481px)  and (max-width: 640px ) {
.wrap-content { width:100% !important;}
.section-left { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.section-right { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.search-box, .box-share, .menu-desktop,.block-icon, .bar_menu_ddesktop{ display:none !important;}
.box-logo { margin-left:10px;}
.burgermenu { display:block !important;}
.search-mobile { display:block !important; bottom:-60px;}
.kotak-move {width: calc(49% - 10px); display:inline-block; margin-left:5px; margin-right:5px;}
.img-mov {border:0px; height:auto;width: 100%;}
.box-list { padding:10px 5px; margin-bottom:10px;width: calc(100% - 10px);} 
.copy-pos { float:left; margin-left:5px;}


.list-slider-kontantv{display: none;}      
.header-slider-kontantv{width: 100%;}
#fullwidthslider{background-color: #fff;}
h1.insideslidersall{font-size: 18px;width: 100%}
.captiontontonvideo{width: 70px;font-size: 11px;}
.wrapmobileshow{display: block;padding: 0 5px 0px 10px}
.just-mb { height: 10px !important;}
.header {height:110px;}
}
@media only screen and (min-width: 641px)  and (max-width: 768px ) {
.wrap-content { width:100% !important;}
.section-left { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.section-right { width: calc(100% - 20px); float:left; margin-right:10px; margin-left:10px;}
.search-box, .box-share, .menu-desktop,.block-icon, .bar_menu_ddesktop{ display:none !important;}
.box-logo { margin-left:10px;}
.burgermenu { display:block !important;}
.search-mobile { display:block !important; bottom:-60px;}
.kotak-move {width: calc(49% - 10px); display:inline-block; margin-left:5px; margin-right:5px;}
.img-mov {border:0px; height:auto;width: 100%;}
.box-list { padding:10px 5px; margin-bottom:10px;width: calc(100% - 10px);} 
.copy-pos { float:left; margin-left:5px;}


.list-slider-kontantv{display: none;}      
.header-slider-kontantv{width: 100%;}
#fullwidthslider{background-color: #fff;}
h1.insideslidersall{font-size: 18px;width: 100%}
.captiontontonvideo{width: 70px;font-size: 11px;}
.wrapmobileshow{display: block;padding: 0 5px 0px 10px}
.just-mb { height: 10px !important;}
.header {height:110px;}
}
@media only screen and (min-width: 769px)  and (max-width: 800px ) {
.wrap-content { width:100% !important;} .search-box{width:300px;}
.section-left { width: 445px; float:left; margin-right:10px; margin-left:10px;}
.box-logo { margin-left:10px;}
.kotak-move {width: calc(33% - 10px); display:inline-block; margin-left:5px; margin-right:5px;}
.img-mov {border:0px; height:auto;width: 100%;}
.box-list { padding:10px 5px; margin-bottom:10px;width: calc(100% - 10px);} 


.list-slider-kontantv{display: none;}      
.header-slider-kontantv{width: 100%;}
#fullwidthslider{background-color: #fff;}
h1.insideslidersall{font-size: 18px;width: 100%}
.captiontontonvideo{width: 70px;font-size: 11px;}
.wrapmobileshow{display: block;padding: 0 5px 0px 10px}
.but-login { margin-right:10px;}
.but-login , .but-daftar {padding:6px 15px;} .box-logdesk {right:10px; } 
}
@media only screen and (min-width: 801px)  and (max-width: 900px ) {
.wrap-content { width:100% !important;}
.box-logo { margin-left:10px;}
.kotak-move {width: calc(33% - 10px); display:inline-block; margin-left:5px; margin-right:5px;}
.img-mov {border:0px; height:auto;width: 100%;}
.box-list { padding:10px 5px; margin-bottom:10px;width: calc(100% - 10px);} 

.list-slider-kontantv{display: none;}      
.header-slider-kontantv{width: 100%;}
#fullwidthslider{background-color: #fff;}
h1.insideslidersall{font-size: 18px;width: 100%}
.captiontontonvideo{width: 70px;font-size: 11px;}
.wrapmobileshow{display: block;padding: 0 5px 0px 10px}
.but-login { margin-right:10px;}
.but-login , .but-daftar {padding:6px 15px;} .box-logdesk {right:10px; } 
}
@media only screen and (min-width: 901px)  and (max-width: 999px ) {
.wrap-content { width:100% !important;}.box-logo { margin-left:10px;}
.kotak-move {width: calc(33% - 10px); display:inline-block; margin-left:5px; margin-right:5px;}
.img-mov {border:0px; height:auto;width: 100%;}
.box-list { padding:10px 5px; margin-bottom:10px;width: calc(100% - 10px);}   

.list-slider-kontantv{display: none;}      
.header-slider-kontantv{width: 100%;}
#fullwidthslider{background-color: #fff;}
h1.insideslidersall{font-size: 18px;width: 100%}
.captiontontonvideo{width: 70px;font-size: 11px;}
.wrapmobileshow{display: block;padding: 0 5px 0px 10px}
.but-login { margin-right:10px;}.box-logdesk {right:10px; } 
.but-login, .but-daftar {
    padding: 6px 21px;
}
}
@media only screen and (min-width: 1000px)  and (max-width: 1099px ) {
.wrap-content { width:100% !important;} .box-logo { margin-left:10px;}
.kotak-move {width: calc(33% - 10px); display:inline-block; margin-left:5px; margin-right:5px;}
.img-mov {border:0px; height:auto;width: 100%;}
.box-list { padding:10px 5px; margin-bottom:10px;width: calc(100% - 10px);} 
.wrapmobileshow{display: block;display: none}
.but-login { margin-right:10px;}
.box-logdesk {right:10px; } 
.but-login, .but-daftar {
    padding: 6px 21px;
}
}