/**********************
  @media screen and (max-width: 480.8px) {
  }
  @media screen and (min-width: 481px) and (max-width: 768.8px) {
  }
  @media screen and (min-width: 769px) and (max-width: 1198.8px) {
  }
  @media screen and (min-width: 1199px) {
      max-width: 1140px; !
  }
  */

  /*********************
      font-family: "CeraPro", sans-serif; 
      font-family: "Erka1", sans-serif; 
  */

  /************************
  <div class="parent">
      <div class="child"></div>
  </div>
  ******************
  .parent {
      position: relative;
      width: 100vw;
      height: 100vh;
  }
  .child {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 50px;
      height: 50px;
      transform: translate(-50%, -50%);
  }
  */

/*
  .__6_{
    border: 1px solid Grey;
    border-radius: 8px;
    padding: 15px;
  }
*/


  .____6_{
    display: grid;
    gap: 1rem;
    max-width: var(--container-max); /*1200px*/
    width: 100%;
    /* margin: 0 auto; төвд байрлуулах */
    margin-left: auto;
    margin-right: auto;
  }
  /* -------------------- */
  /* 📱 Гар утас (≤480px): бүгд 2 багана */
  @media screen and (max-width: 480.8px) {
    .____6_ {
      grid-template-columns: repeat(2, 1fr);
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  /* 📱 Таблет (481–768px): 4 багана */
  @media screen and (min-width: 481px) and (max-width: 768.8px) {
    .____6_ {
      grid-template-columns: repeat(4, 1fr);
      padding-left: 1.1rem;
      padding-right: 1.1rem;
    }
  }
  /* 💻 Дунд дэлгэц (769–1198px): 5 багана */
  @media screen and (min-width: 769px) and (max-width: 1198.8px) {
    .____6_ {
      grid-template-columns: repeat(5, 1fr);
      padding-left: 1.3rem;
      padding-right: 1.3rem;
    }
  }
  /* 🖥️ Том дэлгэц (≥1199px): 6 багана */
  @media screen and (min-width: 1199px) {
    .____6_ {
      grid-template-columns: repeat(6, 1fr);
      gap: 1.25rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }




 
  .____5_{
    display: grid;
    gap: 1rem;
    max-width: var(--container-max);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* -------------------- */
  /* 📱 Гар утас (≤480px): бүгд 2 багана */
  @media screen and (max-width: 480.8px) {
    .____5_ {
      grid-template-columns: repeat(2, 1fr);
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  /* 📱 Таблет (481–768px): 3 багана */
  @media screen and (min-width: 481px) and (max-width: 768.8px) {
    .____5_ {
      grid-template-columns: repeat(3, 1fr);
      padding-left: 1.1rem;
      padding-right: 1.1rem;
    }
  }
  /* 💻 Дунд дэлгэц (769–1198px): 4 багана */
  @media screen and (min-width: 769px) and (max-width: 1198.8px) {
    .____5_ {
      grid-template-columns: repeat(4, 1fr);
      padding-left: 1.3rem;
      padding-right: 1.3rem;
    }
  }
  /* 🖥️ Том дэлгэц (≥1199px): 5 багана */
  @media screen and (min-width: 1199px) {
    .____5_ {
      grid-template-columns: repeat(5, 1fr);
      gap: 1.25rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }




  .____4_{
    display: grid;
    gap: 1rem;
    max-width: var(--container-max);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* -------------------- */
  /* 📱 Гар утас (≤480px): бүгд 1 багана */
  @media screen and (max-width: 480.8px) {
    .____4_ {
      grid-template-columns: 1fr;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  /* 📱 Таблет (481–768px): 2 багана */
  @media screen and (min-width: 481px) and (max-width: 768.8px) {
    .____4_ {
      grid-template-columns: repeat(2, 1fr);
      padding-left: 1.1rem;
      padding-right: 1.1rem;
    }
  }
  /* 💻 Дунд дэлгэц (769–1198px): 3 багана */
  @media screen and (min-width: 769px) and (max-width: 1198.8px) {
    .____4_ {
      grid-template-columns: repeat(3, 1fr);
      padding-left: 1.3rem;
      padding-right: 1.3rem;
    }
  }
  /* 🖥️ Том дэлгэц (≥1199px): 4 багана */
  @media screen and (min-width: 1199px) {
    .____4_ {
      grid-template-columns: repeat(4, 1fr);
      gap: 1.25rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }





  .____3_{
    display: grid;
    gap: 1rem;
    max-width: var(--container-max);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* -------------------- */
  /* 📱 Гар утас (≤480px): бүгд 1 багана */
  @media screen and (max-width: 480.8px) {
    .____3_ {
      grid-template-columns: 1fr;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  /* 📱 Таблет (481–768px): 2 багана */
  @media screen and (min-width: 481px) and (max-width: 768.8px) {
    .____3_ {
      grid-template-columns: repeat(2, 1fr);
      padding-left: 1.1rem;
      padding-right: 1.1rem;
    }
  }
  /* 💻 Дунд дэлгэц (769–1198px): 3 багана */
  @media screen and (min-width: 769px) and (max-width: 1198.8px) {
    .____3_ {
      grid-template-columns: repeat(3, 1fr);
      padding-left: 1.3rem;
      padding-right: 1.3rem;
    }
  }
  /* 🖥️ Том дэлгэц (≥1199px): 3 багана */
  @media screen and (min-width: 1199px) {
    .____3_ {
      grid-template-columns: repeat(3, 1fr);
      gap: 1.25rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }



  



  .____2_{
    display: grid;
    gap: 1rem;
    max-width: var(--container-max);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* -------------------- */
  /* 📱 Гар утас (≤480px): бүгд 1 багана */
  @media screen and (max-width: 480.8px) {
    .____2_ {
      grid-template-columns: 1fr;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  /* 📱 Таблет (481–768px): 1 багана */
  @media screen and (min-width: 481px) and (max-width: 768.8px) {
    .____2_ {
      grid-template-columns: repeat(1, 1fr);
      padding-left: 1.1rem;
      padding-right: 1.1rem;
    }
  }
  /* 💻 Дунд дэлгэц (769–1198px): 2 багана */
  @media screen and (min-width: 769px) and (max-width: 1198.8px) {
    .____2_ {
      grid-template-columns: repeat(2, 1fr);
      padding-left: 1.3rem;
      padding-right: 1.3rem;
    }
  }
  /* 🖥️ Том дэлгэц (≥1199px): 2 багана */
  @media screen and (min-width: 1199px) {
    .____2_ {
      grid-template-columns: repeat(2, 1fr);
      gap: 1.25rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  



  .____1_{
    display: block;
    max-width: var(--container-max);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
    
  
  main>section {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  /* HERRO */
  main>#___sss___{
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
  main>#___________img___{
    margin-top: 0!important;
    margin-bottom: 0!important;
  }