@media (max-width: 1399px) {
  .container { }
  .intro_page { }
  .intro_page::before { }
  .intro_page::after { }
  .intro_page .holder-box { }
  .intro_page .logo { height: 200px; margin: 0 auto 40px; width: 392px; }
  .intro_page h1 { font-size: 50px; }
  .intro_page h2 { font-size: 30px; }
  .intro_page p { font-size: 21px; }
  .intro_page .intro_btn { font-size: 24px; }
}

@media (max-width: 999px) {
  .container { }
  .intro_page { }
  .intro_page::before { }
  .intro_page::after { }
  .intro_page .holder-box { }
  .intro_page .logo { }
  .intro_page h1 { }
  .intro_page h2 { }
  .intro_page p { }
  .intro_page .intro_btn { font-size: 20px; height: 60px; line-height: 60px; padding: 0 20px; }
}

@media (max-width: 768px) {
  .container { }
  .intro_page { }
  .intro_page::before { }
  .intro_page::after { }
  .intro_page .holder-box { padding: 30px 0; }
  .intro_page .logo { height: 148px; margin-bottom: 20px; width: 290px; }
  .intro_page h1 { font-size: 39px; }
  .intro_page h2 { font-size: 26px; line-height: 30px; margin-bottom: 20px; }
  .intro_page p { }
  .intro_page .intro_btn { height: auto; line-height: 34px; max-width: 400px; padding: 10px 8px; }
  /**/
  .sample_page {}
  .sample_page .container {}
  .sample_page .logo{}
  .samples-box {}
  .samples-box .item{}
  .samples-box .item img{}
  .samples-box .item img{}
  .sample_page h1{}
  .sample_page .cols{}
  .sample_page .col {}
  .sample_page .col p{}
  /**/
  .label-box {}
  .label-box::before {}
  .label-box::after {}
  .label-box .title {}
  .label-box .text {}
  .label-box .text p {}
  .label-box .text p {}
  /**/
  .sample_page .text-box {}
  .sample_page .text-box p{}
  .sample_page .text-box small{}
  /**/
  .cc-box { overflow-x: auto; }
  .cc-table {}
  .cc-table thead{}
  .cc-table th{}
  .cc-table th:first-child{}
  .cc-table th:last-child{}
  .cc-table tbody{}
  .cc-table tr{}
  .cc-table td{}
  .cc-table td:first-child{}
  .cc-table td:last-child{}
  .cc-table p{}
  .cc-table .sub_title{}
  .cc-table .sub_row{}
  .cc-table .sub_row td:first-child{}
}

@media (max-width: 569px) {
  .container { padding: 0 10px; }
  .intro_page { }
  .intro_page::before { }
  .intro_page::after { }
  .intro_page .holder-box { padding: 15px 0; }
  .intro_page .logo { height: 102px; width: 200px; margin-bottom: 10px; }
  .intro_page h1 { font-size: 32px; }
  .intro_page h2 { font-size: 22px; line-height: 24px; }
  .intro_page p { font-size: 18px; line-height: 22px; }
  .intro_page .intro_btn {}
  /**/
  /**/
  .sample_page { padding: 15px 0; }
  .sample_page .container {}
  .sample_page .logo{ height: 100px; margin-bottom: 20px; width: 200px; }
  .samples-box { margin-bottom: 20px; }
  .samples-box .item{ display: block; margin: 0 0 10px; width: auto; }
  .samples-box .item img{}
  .samples-box .item img{}
  .sample_page h1{ font-size: 25px; line-height: 25px; }
  .sample_page .cols{ margin-bottom: 23px; }
  .sample_page .col { float: none; padding: 0; width: auto; }
  .sample_page .col p{ margin: 0 0 10px; }
  /**/
  .label-box { margin-bottom: 26px; padding: 26px 0 30px; }
  .label-box::before {}
  .label-box::after {}
  .label-box .title { font-size: 26px; line-height: 29px; margin: 0 0 10px; }
  .label-box .text {}
  .label-box .text p {}
  .label-box .text p {}
  /**/
  .sample_page .text-box {}
  .sample_page .text-box p{}
  .sample_page .text-box small{}
  /**/
  .cc-box {}
  .cc-table {}
  .cc-table thead{}
  .cc-table th{}
  .cc-table th:first-child{}
  .cc-table th:last-child{}
  .cc-table tbody{}
  .cc-table tr{}
  .cc-table td{}
  .cc-table td:first-child{}
  .cc-table td:last-child{}
  .cc-table p{}
  .cc-table .sub_title{}
  .cc-table .sub_row{}
  .cc-table .sub_row td:first-child{}
}