.tutorial {
    display: flex; }
    .tutorial h2 {
      margin-top: 40px; }
    .tutorial .sidebar {
      display: none;
      padding: 0 20px 0 0;
      position: absolute;
      top: 85px;
      width: 200px; }
      @media (min-width: 750px) {
        .tutorial .sidebar {
          display: block ; }
      .tutorial .sidebar h3 {
        margin-top: 0; }
      .tutorial .sidebar ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .tutorial .sidebar ul li {
          margin: 0 0 15px 0; }
      .tutorial .sidebar a {
        color: #666;
        text-decoration: none;
        display: block;
        -webkit-transition: transform .2s ease;
        line-height: 1.3em; }
        .tutorial .sidebar a.active {
          color: #4A4A4A;
          transform: translateX(10px); }
    .tutorial .tutorial-content {
      width: 100%; }
      @media (min-width: 750px) {
        .tutorial .tutorial-content {
          margin-left: 230px; } 
      }
    }
  
  .tutorial .highlight {
    white-space: pre;
    overflow: auto;
    word-wrap: normal;
    /* horizontal scrolling */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 15px;
    background: #404145;
    color: #C1C2C3; }
                    
  .highlight .hll {
    background-color: #ffc; }
                    
  .highlight .gd {
    color: #2e3436;
    background-color: #0e1416; }
                    
  .highlight .gr {
    color: #eeeeec;
    background-color: #c00; }
                    
  .highlight .gi {
    color: #babdb6;
    background-color: #1f2b2d; }
                    
  .highlight .go {
    color: #2c3032;
    background-color: #2c3032; }
                    
  .highlight .kt {
    color: #e3e7df; }
                    
  .highlight .ni {
    color: #888a85; }
                    
  .highlight .c, .highlight .cm, .highlight .c1, .highlight .cs {
    color: #8D9684; }
                    
  .highlight .err, .highlight .g, .highlight .l, .highlight .n, .highlight .x, .highlight .p, .highlight .ge,
  .highlight .gp, .highlight .gs, .highlight .gt, .highlight .ld, .highlight .s, .highlight .nc, .highlight .nd,
  .highlight .ne, .highlight .nl, .highlight .nn, .highlight .nx, .highlight .py, .highlight .ow, .highlight .w, .highlight .sb,
  .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr,
  .highlight .s1, .highlight .ss, .highlight .bp {
    color: #C1C2C3; }
                    
  .highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr,
  .highlight .nt {
    color: #729fcf; }
                    
  .highlight .cp, .highlight .gh, .highlight .gu, .highlight .na, .highlight .nf {
    color: #E9A94B; }
                    
  .highlight .m, .highlight .nb, .highlight .no, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo,
  .highlight .il {
    color: #8ae234; }
                    
  .highlight .o {
    color: #989DAA; }
                    
  .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi {
    color: #fff; }
                    
  
  
  .related, .tutorial-series {
    margin: 50px 0;
    padding: 20px 0; }
  .related ul, .tutorial-series ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  
  .tutorial-content h1 {
    font-size: 4.5rem;
    margin: 0 0 .7em 0; }
  
  .tutorial  h1 {
      font-size: 5rem;
      letter-spacing: -2px;
      text-indent: -3px; }
  
  .tutorial h2 {
    font-size: 3.6rem;
    letter-spacing: -1px; }
      
  .tutorial h3 {
    font-size: 3rem; }
      
  .tutorial h4 {
    font-size: 2.5rem; }
      
  .tutorial h5 {
    font-size: 2rem; }
      
    .tutorial h6 {
    font-size: 2rem ; }

.featured-box-img-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

@media (max-width:991px) {
    .featured-box-img-cover {
        height: auto;
        width: 100%;
    }
}

@media (max-width:999px) {
    .featured-box-img-cover {
        height: 359px;
    }

.pagination {
    display: block;
}

.bottompagination span.navigation {
    display: block;
    font-size: 0.93rem;
    padding: 15px 0 0 0;
    text-align: center;
    margin-bottom: 0rem;
    color: #999;
    border-top: 1px solid #ddd;
}

.bottompagination span.navigation i {
    display: inline-block;
}

.pointerup {
    margin-bottom: -17px;
    margin-left: 49%;
    font-size: 30px;
}

.pointerup i.fa {
    color: #eaeaea;
}