@media (min-width: 300px) {
    .navbar-nav {
    
      max-height:400px;
      overflow-y: scroll;
    }
    .margintoppdf {
        margin-top: -6vh

    }
    .hgchart {
      height : 400px
    }
    .margintoppdf {
      margin-top: -6vh

    }
  }
  @media (min-width: 400px) {
    .navbar-nav {
    
      max-height:400px;
      overflow-y: scroll;
    }
    .margintoppdf {
        margin-top: -6vh

    }
    .hgchart {
      height : 600px
    }
    .margintoppdf {
      margin-top: -6vh

    }
  }
  @media (min-width: 576px) {
    .navbar-nav {
    
      max-height:400px;
      overflow-y: scroll;
    }
    .margintoppdf {
        margin-top: -6vh

    }
    .hgchart {
      height : 400px
    }
    .margintoppdf {
      margin-top: -6vh

    }

  }
  @media (min-width: 768px) {
    .navbar-nav {
    
      max-height:400px;
      overflow-y: scroll;
    }
    .margintoppdf {
        margin-top: -10vh

    }
    .hgchart {
      height : 100px
    }
    .margintoppdf {
      margin-top: -10vh

    }
  }
  @media (min-width: 992px) {
    .navbar-nav {
      max-height:5000px;
      overflow-y: hidden;
    }
    .margintoppdf {
        margin-top: -10vh

    }
    .hgchart {
      height : 50px;
    }
    .margintoppdf {
      margin-top: -10vh

    }
  }
  
  
  /*#GrTop10 {
    width:  100ox;
    height : 100px;
  }*/
  .hgchart {
    width:  100ox;
    height : 100px;
  }
  .btn-post {
    color: #fff;
    background-color: #4093C7;
    border-color: #4093C7;
  }
  .btn-ard {
    color: #FF0000;
    background-color: #FF0000;
    border-color: #FF0000;
  }
  .bg-ard-dark{
    background-color: #212121;
  }
  .text-hitam {
    color: #000000;
  }
  .rounded-profil {
    border-radius: 1rem !important;
  }
  .sidebarsi:hover{
      top: 0;
      bottom: 0;
      position: fixed;
      overflow-y: scroll;
  }
  .absolute1 {
    position: absolute;
    top: 20%;
  /*  right: 0;*/
    /*width: 200px;
    height: 100px;*/
    /*border: 3px solid #73AD21;*/
  }
  .relative1 {
    position: relative;
    /*width: 400px;
    height: 200px;*/
    /*border: 3px solid #73AD21;*/
  }
  .bluess{
    color:#00008B;
  }
  .zoom-effect {  
    position: relative;
  }
  .img-zoom {
    max-width: 100%;
    max-height: 60%;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    border-radius: 0.5rem !important;
  }
  .zoom-effect:hover .img-zoom {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }