/* RESPONSIVE-WEB ===========================================================================*/

/* LANDING PAGE */


@media screen and (min-width: 801px) and (max-width: 1200px) {
  

  /* LOGIN */
.border_login{
  margin: 3% 15% 25% 15%;
}
.bg_login{
  margin: 12% 6% 8% 6%;
}
/* LOGIN */

  section #edu-2{
    margin-top: -25%;
  } 

  @media screen and (min-width: 801px) and (max-width: 1000px) {
    section #edu-2{
      margin-top: -42%;
    }
    .owl-dots-dots .owl-dots{
      margin-top: -48% !important; 
      margin-bottom: 48% !important;
    } 
    .section-testimoni{
      margin-top: -20% !important;
    }
  }
    .pilihan_produk{
      display: none;
    }
    #pilihan_tshirt-m{
      width: 100%;
        height: 100vh;
        background: url(img/testing/pilihan_tshirt.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #pilihan_hoodie-m{
      width: 100%;
        height: 100vh;
        background: url(img/testing/pilihan_hoodie.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #pilihan_crewneck-m{
      width: 100%;
        height: 100vh;
        background: url(img/testing/pilihan_crewneck.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .produk_terlaris{
      /* margin-top: 8% !important; */
    }
    .section-testimoni{
      margin-top: -2%;
    }
    .owl-dots-dots .owl-dots{
      margin-top: -25%;
      margin-bottom: 25%;
    }
    .pilihan_produk-m section{
      opacity: 80%;
    }
    .pilihan_produk-m section:hover{
      opacity: 100%;
    }
    .owl-dots-dots .owl-dots{
      position: relative;
      z-index: 11111111;
      display: block;
    }
    
    .owl-non-dots .owl-dots .owl-dot{display:none;zoom:1}
          .owl-dots-dots .owl-dots .owl-dot{display:inline-flex;zoom:1
          }
        .owl-dots-dots{
          position: absolute;
        }
          .owl-dot:hover,
          .owl-dot.active{
            background: white!important;
          }
   
    .owl-dot{
      height: 15px;
      width: 45px;
      border-radius: 25px;
      cursor: pointer;
      outline: none;
      margin: 0 5px;
      border: 2px solid white!important; 
    }
  }
  
      /* LANDING PAGE */
    
    
    /*  ===============================================================================  RESPONSIVE-WEB*/