/* The Close Button */
.close {
  position: absolute;
  top: 40px;
  right: 160px;
  color: #999999;
  font-size: 80px;
  font-weight: bold;
  transition: 0.3s;
}
.close:hover,
.close:focus {
  color: #bbb; text-decoration: none; cursor: pointer;
}
.karaktr { height:110px; }

.gratis {font-size:20px; text-align: center; width: 500px;}
.gratismargin { margin-right:140px; border: 0px solid #000; }
.margtryout {margin-right:80px; border: 0px solid #000;}
.gbmargleft {margin-left:180px;}
.gbh1tryout { display: block; margin-left: auto; margin-right: auto; width: 450px; height: 450px; }
.gbh1math { display: block; margin-left: auto; margin-right: auto; width: 450px; height: 450px; }
.gbh1bljr { display: block; margin-left: auto; margin-right: auto; width: 450px; height: 450px; }
.gbh1 { height:260px; }
.gbh2 { height:250px; } 
.gbhisto { height:400px; }
#myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; width:470px;max-width:490px }
#myImgkurikulum { border-radius: 5px; cursor: pointer; transition: 0.3s; width:270px;max-width:490px }
#myImg:hover {opacity: 0.7;}
#journ { width:100%; text-align: center; font-size: 1.25rem; }
/*ball svg kiri kanan journey_kami , bghero  width="900" height="700"*/
.bolakanan {  opacity: 0; transform: translate3d(200px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); height: 150px; }
.bolakiri { opacity: 0; transform: translate3d(-200px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); height: 50px; }
.fhistory { font-size: 25px; }
.blobimg { height:90%; }
.herobg {width:800px; height:600px; }
.unglobj  {width: 120px; height: 120px; }
.unglpd { padding: 5.2rem;}
.bkk { width:17%; height:55%;  } 
.jmt1 { font-size: 20px; }
.headatas { margin-top: 2px; } 
.batas {height: 250px;}
.batassection {padding-top:120px; padding-bottom:90px;} 

    .videoview {border: none;padding: 0px 0px 0px 70px; width: 600px; height: 370px;}
    
.pdown_icon {display: block; margin-left: auto; margin-right: auto; width: 160px;height:160px}
.pdown_gplay {height: 75px;align-items: center;}
.pbimbingan_gplay {height: 55px;align-items: center; }
.phome_ytatas {border: none; width:63%; height:400px; padding: 150px 0px 50px 0px;}
.phome_bghp {margin: 0 auto; display:block;   background-image: url('https://smartadventure.id/dataweb/bghp.png'); background-repeat: no-repeat; background-position: center;}
.pkarakter_yt {width:63%; height:400px; border: none;padding: 0px 0px 0px 70px;}
.menuwebmobile {position: fixed; background-color:#ffffff; padding: 8px; width:70%; opacity:0.9;}
.menuwebmobiles {position: fixed; background-color:#ffffff; padding: 10px; width:70%;}
.menuburger {border:none; padding-bottom:8px;}
.jarak_lihatperkembangan { padding :0px;}
.jarak_lhtperkembangan { font-size: 1.25rem; text-align: justify;}


/* mobile */
@media (max-width: 768px) {
    .videoview {border: none;padding: 0px 0px 0px 00px; width: 300px; height: 220px;}
    .gratis {font-size:20px; text-align: center; width: 200px;}
    .gratismargin {  border: 0px solid #000;}
    .gbh1math {height: 350px; width:100%; }
    .gbh1bljr {height: 350px; width:100%; }
    .gbh1tryout {height: 350px; width:100%; }
    .gbmargleft {margin :0;}
    .margtryout {margin :0;}
    .gbh1 {
        height:200px;
    }
    .gbh2 { height:200px; }
    .gbhisto { height:200px; width:230px; }
    .jgbh1 { font-size: 1.25rem; padding-top:25px; padding-bottom:25px;}
    .jmt1 { font-size: 1.25rem;}
    #myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; width:180px;max-width:190px}
    #myImg:hover {opacity: 0.7;}
    
    /* The Close Button */
    .close {
      position: absolute;
      top: 30px;
      right: 160px;
      color: #ffffff;
      font-size: 70px;
      font-weight: bold;
      transition: 0.3s;
    }
    .karaktr { height:150px; }
    #journ { width:100%; text-align: center; font-size: 0.7rem; }
    .bolakanan {  opacity: 0; transform: translate3d(200px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); height: 200px; }
    .bolakiri { opacity: 0; transform: translate3d(-200px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); height: 100px; }
    .fhistory { font-size: 1rem; padding-top:20px; }
    
    /*.blobimg { width:7%; height:35%; }*/
    .blobimg { width:0%; height: 0%; }
    /*.herobg { height:100%; background-image: url("https://s0.2mdn.net/simgad/8223857596450354549");  }*/
    .headatas { margin-top: 400px; }
    .herobg { height:60%; margin-left: 50px; }
    .unglobj  {width: 90px; height: 90px; }
    .unglpd { padding: 0px;}
    .jmt1 { font-size: 12px; }
    .balons { background-color: #999999;}
    
    /* in styleweb css line 2297
    .vh-50-ns {
        height: 10vh;
    }
    */
    .batas {height: 20px;}
    .batassection {padding-top:20px; padding-bottom:30px;} 

.pdown_icon {display: block; margin-left: auto; margin-right: auto; width: 150px;height:150px}
.pdown_gplay {height: 55px;align-items: center; }
.pbimbingan_gplay {height: 55px;align-items: center; }
.phome_ytatas {border: none; width:73%; height:200px; padding: 150px 0px 50px 0px;}
.phome_bghp {margin: 0 auto; display:block;   background-image: url('https://smartadventure.id/dataweb/bghpz.png'); background-repeat: no-repeat; background-position: center;}
.pkarakter_yt {width:73%; height:200px; border: none;padding: 0px 0px 0px 10px;}
.menuwebmobile {position: fixed; background-color:#ffffff; padding: 8px; width:70%; opacity:0.9; display: none;}
.menuwebmobiles {position: fixed; background-color:#ffffff; padding: 10px; width:70%; display: none;}
.menuburger {border:none; padding-bottom:8px;}
.jarak_lihatperkembangan { padding : 40px 0px 0px 0px;}
.jarak_lhtperkembangan { font-size:20px; text-align: justify; }
}