@media (min-width: 721px) {
  .hexes .hex:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate(-5vw, -5vw);
    -moz-transform: translate(-5vw, -5vw);
    -ms-transform: translate(-5vw, -5vw);
    -o-transform: translate(-5vw, -5vw);
    transform: translate(-5vw, -5vw); }
  .hexes .hex:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transform: translate(0, -5vw);
    -moz-transform: translate(0, -5vw);
    -ms-transform: translate(0, -5vw);
    -o-transform: translate(0, -5vw);
    transform: translate(0, -5vw); }
  .hexes .hex:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: translate(5vw, -5vw);
    -moz-transform: translate(5vw, -5vw);
    -ms-transform: translate(5vw, -5vw);
    -o-transform: translate(5vw, -5vw);
    transform: translate(5vw, -5vw); }
  .hexes .hex:nth-child(5) {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transform: translate(-6vw, 5vw);
    -moz-transform: translate(-6vw, 5vw);
    -ms-transform: translate(-6vw, 5vw);
    -o-transform: translate(-6vw, 5vw);
    transform: translate(-6vw, 5vw); }
  .hexes .hex:nth-child(6) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translate(-3vw, 5vw);
    -moz-transform: translate(-3vw, 5vw);
    -ms-transform: translate(-3vw, 5vw);
    -o-transform: translate(-3vw, 5vw);
    transform: translate(-3vw, 5vw); }
  .hexes .hex:nth-child(7) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transform: translate(3vw, 5vw);
    -moz-transform: translate(3vw, 5vw);
    -ms-transform: translate(3vw, 5vw);
    -o-transform: translate(3vw, 5vw);
    transform: translate(3vw, 5vw); }
  .hexes .hex:nth-child(8) {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -ms-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
    -webkit-transform: translate(6vw, 5vw);
    -moz-transform: translate(6vw, 5vw);
    -ms-transform: translate(6vw, 5vw);
    -o-transform: translate(6vw, 5vw);
    transform: translate(6vw, 5vw); }
  .hexes.bang .hex {
    opacity: 1; }
    .hexes.bang .hex:nth-child(1) {
      -webkit-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      transition-delay: 0.2s;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(2) {
      -webkit-transition-delay: 0.4s;
      -moz-transition-delay: 0.4s;
      -ms-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      transition-delay: 0.4s;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(3) {
      -webkit-transition-delay: 0.6s;
      -moz-transition-delay: 0.6s;
      -ms-transition-delay: 0.6s;
      -o-transition-delay: 0.6s;
      transition-delay: 0.6s;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(5) {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(6) {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(7) {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(8) {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); } }

@media (max-width: 720px) {
  .hexes .hex:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate(-5vw, -5vw);
    -moz-transform: translate(-5vw, -5vw);
    -ms-transform: translate(-5vw, -5vw);
    -o-transform: translate(-5vw, -5vw);
    transform: translate(-5vw, -5vw); }
  .hexes .hex:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transform: translate(5vw, -5vw);
    -moz-transform: translate(5vw, -5vw);
    -ms-transform: translate(5vw, -5vw);
    -o-transform: translate(5vw, -5vw);
    transform: translate(5vw, -5vw); }
  .hexes .hex:nth-child(4) {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: translate(-5vw, 0);
    -moz-transform: translate(-5vw, 0);
    -ms-transform: translate(-5vw, 0);
    -o-transform: translate(-5vw, 0);
    transform: translate(-5vw, 0); }
  .hexes .hex:nth-child(5) {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transform: translate(0, 0) scale(1.05);
    -moz-transform: translate(0, 0) scale(1.05);
    -ms-transform: translate(0, 0) scale(1.05);
    -o-transform: translate(0, 0) scale(1.05);
    transform: translate(0, 0) scale(1.05); }
  .hexes .hex:nth-child(6) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translate(5vw, 0vw);
    -moz-transform: translate(5vw, 0vw);
    -ms-transform: translate(5vw, 0vw);
    -o-transform: translate(5vw, 0vw);
    transform: translate(5vw, 0vw); }
  .hexes .hex:nth-child(8) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transform: translate(-5vw, 5vw);
    -moz-transform: translate(-5vw, 5vw);
    -ms-transform: translate(-5vw, 5vw);
    -o-transform: translate(-5vw, 5vw);
    transform: translate(-5vw, 5vw); }
  .hexes .hex:nth-child(9) {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -ms-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
    -webkit-transform: translate(5vw, 5vw);
    -moz-transform: translate(5vw, 5vw);
    -ms-transform: translate(5vw, 5vw);
    -o-transform: translate(5vw, 5vw);
    transform: translate(5vw, 5vw); }
  .hexes.bang .hex {
    opacity: 1; }
    .hexes.bang .hex:nth-child(1) {
      -webkit-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      transition-delay: 0.2s;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(2) {
      -webkit-transition-delay: 0.4s;
      -moz-transition-delay: 0.4s;
      -ms-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      transition-delay: 0.4s;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(4) {
      -webkit-transition-delay: 0.6s;
      -moz-transition-delay: 0.6s;
      -ms-transition-delay: 0.6s;
      -o-transition-delay: 0.6s;
      transition-delay: 0.6s;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(5) {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(6) {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(8) {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .hexes.bang .hex:nth-child(9) {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); } }

@media (max-width: 1600px) {
  body, html {
    font-size: 9px; }
  .container {
    padding: 0 80px;
    padding-bottom: 50px; }
  .logos .logo_item img {
    width: 75%; }
  #FishPoker .colx2:nth-child(1) .logos .logo_item img {
    width: 75%;
    max-width: 233px; }
  #FishPoker .colx2:nth-child(2) .logos .logo_item img {
    width: 75%;
    max-width: 313px; }
  #listen .container {
    padding-left: 16vw; }
  .cut-1 {
    margin-top: -5.8%; }
  #promot .cut-1 {
    margin-top: -5vw; }
  .portfolio-container {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px; }
  .socialLinks {
    left: 11%; }
  .socialLinks.contactBox{
    left: 50%;}
    .socialLinks a {
      padding: 3.5% 4.5%;
      width: 18%; } 
  }

@media (max-width: 1300px) {
  body, html {
    font-size: 8px; }
  .keyItem {
    margin: 2vw 4vw; 
	text-align: center;}
    .keyItem img {
      width: 27%;
      position: relative; }
  .sec_light h2, .sec_dark h2 {
    font-size: 4.5rem; }
    .sec_light h2:before, .sec_dark h2:before {
      content: "";
      width: 95px;
      height: 3px;
      top: 18px;
      left: -30px;
      position: absolute;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
      background: -moz-linear-gradient(left, rgba(218, 174, 113, 0) 0%, #daae71 100%);
      background: -webkit-linear-gradient(left, rgba(218, 174, 113, 0) 0%, #daae71 100%);
      background: linear-gradient(to right, rgba(218, 174, 113, 0) 0%, #daae71 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00daae71', endColorstr='#daae71',GradientType=1 ); }
    .sec_light h2:after, .sec_dark h2:after {
      content: "";
      width: 95px;
      height: 3px;
      top: 18px;
      right: -30px;
      position: absolute;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      background: -moz-linear-gradient(left, #daae71 0%, rgba(218, 174, 113, 0) 100%);
      background: -webkit-linear-gradient(left, #daae71 0%, rgba(218, 174, 113, 0) 100%);
      background: linear-gradient(to right, #daae71 0%, rgba(218, 174, 113, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daae71', endColorstr='#00daae71',GradientType=1 ); }
  .country h3:before, .country h3:after {
    top: 10px; }
  #SBOBETSeries h2, #thirdParty h2, #thirdPartyGames h2, #FishPoker .colx2 h2 {
    font-size: 4rem;
    background: url("../img/title_underline.png") bottom no-repeat;
    -webkit-background-size: 70% 3px;
    -o-background-size: 70% 3px;
    background-size: 70% 3px; }
  .country h3 {
    font-size: 3.2rem;
    margin-top: 3.8vw; }
  .country p {
    font-size: 2rem; }
  #contact { }
  .email input {
    width: calc(100% - 75px); }
  .name input {
    width: calc(100% - 78px); }
  .sm select {
    width: calc(100% - 158px); }
  .ID input{
    width: calc(100% - 36px);
  }
  .CN .sm select {
    width: calc(100% - 112px);
  }
  .CN .ID input {
      width: calc(100% - 63px);
  }
  .CN .name input {
      width: calc(100% - 113px);
  }
  #validate p {
    font-size: 2.8rem; }
  #validate h2 span {
    font-size: 3.6rem; }
  .seriesItems .seriesItem {
    width: calc(100% / 3 - 3px); } }

@media (max-width: 1150px) {
  #visit .container > div > div.HB_Download {
    display: block;
    width: 70%;
    margin: 0 auto;
    margin-top: 3%;
    padding-top: 3%;
    text-align: center;
    border-top: 1px solid #eacba0; }
    #visit .container > div > div.HB_Download a {
      padding: 20px 40px; }
  .RP_Download a {
    padding: 20px 40px; }
  .webAddress {
    padding-right: 0;
    border-right: none; }
  #visit, #Partner {
    padding: 7% 0; }
    #visit .container, #Partner .container {
      padding-bottom: 0; }
  .keyItem {
    width: 38%;
    text-align: left; }
  #SBOBETSeries {
    padding-top: 7vw; }
  .hexes {
    padding-top: 4vw; }
  .flag img {
    width: 75%;
    max-width: 110px; }
  .flags {
    width: 90%; }
  #aboutP1 h3 {
    font-size: 4.2rem; }
  #aboutP1 .content {
    padding-left: 4vw;
    padding-top: 7vw; }
  #aboutP1 {
    padding-bottom: 11vw; }
  #promotion2020 {
    padding: 6vw 0; } }

@media (max-width: 1030px) {
  #SUGI {
    height: auto;
    padding-top: 12vw;
    padding-bottom: 8vw; }
    #SUGI .container {
      padding-bottom: 5%; }
  .apiItem, .RP_item {
    width: calc(100% / 3 - 3px);
    margin-bottom: 3vw; }
  .flags {
    width: 100%; }
  .flag {
    width: calc(100% / 4 - 3px); }
  .header .container {
    padding: 0 30px; }
  .aboutTxt {
    width: 100%;
    margin-top: 3vw; }
  .aboutImg {
    width: 29%; }
  #About568win {
    padding-bottom: 0; }
  #aboutP1 .divide_blue {
    bottom: 0.5vw; }
  .RDitem img {
    width: 50%; }
  .RDitems {
    margin-top: 3vw; }
  .seriesItems {
    padding-top: 20vw; }
  #promotion2020 {
    padding: 10vw 0; } }

@media (max-width: 920px) {
  body, html {
    font-size: 8px; }
  .container {
    width: 100%;
    padding: 0 50px; }
  #About568win {
    padding: 6vw 0; }
  .cut-1 {
    margin-top: -7.8em; }
  .slick-next, .slick-prev {
    width: 20px;
    padding-bottom: 85px;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain; }
  .KV {
    display: none; }
  .KV_m {
    display: block; }
  #Totalolution {
    background: url("../img/TotalSolution_bg.jpg") right;
    -webkit-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    padding-left: 0;
    padding-top: 9vw;
    padding-bottom: 12vw; }
    #Totalolution .rightCol {
      width: 100%;
      margin-left: 0;
      padding-left: 9%; }
    #Totalolution li:before {
      width: 5px;
      height: 5px;
      top: 8px; }
  .hexes {
    padding-top: 7vw; }
  .header .container, .header.sticky .container {
    padding: 0 20px; }
  .header .menu, .header.sticky .menu {
    z-index: 3;
    background: -moz-linear-gradient(-45deg, #1d2b4c 0%, rgba(26, 54, 84, 0.95) 50%, rgba(27, 51, 81, 0.9) 52%, rgba(33, 33, 33, 0.9) 100%);
    background: -webkit-linear-gradient(-45deg, #1d2b4c 0%, rgba(26, 54, 4, 0.95) 50%, rgba(27, 51, 81, 0.9) 52%, rgba(33, 33, 33, 0.9) 100%);
    background: linear-gradient(-45deg, #1d2b4c 0%, rgba(26, 54, 84, 0.95) 50%, rgba(27, 51, 81, 0.9) 52%, rgba(33, 33, 33, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3161872', endColorstr='#bf3f1a56',GradientType=1 );
    position: fixed;
    right: 0;
    height: 100%;
    padding: 30px;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: -1px 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0 20px rgba(0, 0, 0, 0.2); }
    .header .menu li, .header.sticky .menu li {
      display: block;
      padding: 25px;
      border-bottom: 1px solid #3a4e8b; }
      .header .menu li a, .header.sticky .menu li a {
        font-size: 3rem; }
    .header .menu.hide, .header.sticky .menu.hide {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
  .header .menu li a:before {
    top: 1.7rem;
    left: -20px; }
  .header .menu li:first-child a:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #DEB57C;
    position: absolute;
    top: 1.7rem;
    left: -20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .header.sticky .m_menu_icon {
    top: 13px; }
  .m_menu_icon {
    position: fixed;
    right: 20px;
    display: block;
    top: 20px;
    width: 55px;
    z-index: 2; }
    .m_menu_icon img {
      width: 100%; }
  .cut-1 {
    margin-top: -6.8vw;
    margin-bottom: -1vw; }
  #KeyIndicators {
    padding-top: 10%;
    padding-bottom: 5%; }
  .sec_light h2, .sec_dark h2 {
    max-width: calc(100% - 150px); }
  #validate {
    padding-top: 10vw;
    padding-bottom: 7vw; }
    #validate h2 {
      max-width: 100%; }
  .logos .logo_item {
    width: calc(100% / 4 - 3px); }
  #FishPoker .colx2 h2 {
    max-width: 100%; }
  #FishPoker .logo_item {
    width: 55%; }
  .contactForm {
    padding: 5vw 6vw;
    padding-bottom: 10vw; }
  .alignLeft {
    padding-left: 0;
    text-align: center; }
  .formBottom {
    text-align: center; }
    .formBottom .socialLinks {
      width: 80%;
      left: 36%;
      top: 52%; }
    .formBottom .qrcode {
      position: relative;
      width: 13%;
      left: 21%;
      margin-top: -6.2vw; }
  #contact, #visit, #Partner {
    padding: 10vw 0; }
  #Partner h6 {
    font-size: 2.4rem; }
  .KV .slick-dots, .KV_m .slick-dots {
    top: -10vw; }
    .KV .slick-dots li button, .KV_m .slick-dots li button {
      width: 7vw;
      height: 1vw; }
  .sm select {
    width: calc(100% - 157px); }
  #aboutP1 {
    background: url("../img/aboutP1_bg_m.png") top no-repeat;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto; }
    #aboutP1 .divide_blue {
      bottom: -0.5vw; }
    #aboutP1 .sbobetLogo {
      width: 50%; }
    #aboutP1 .content {
      width: 70%; }
      #aboutP1 .content h3 {
        width: 100%; }
  .seriesItems h5 {
    font-size: 2.8rem; }
  .seriesItems .seriesItem img {
    height: 70px; }
  .promot_sizer, .promot_item {
    width: calc(100% / 2 - 5px); }
  .promot_item h3 {
    font-weight: 500; }
  .portfolio-container {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2; }
  .portfolio-item a .maskText {
    font-size: 4vw; }
  .lang p:after {
    content: "";
    width: 6px;
    height: 6px;
    background: #DEB57C;
    position: absolute;
    right: -5px;
    top: 1.8rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .lang {
    right: 12vw; }
    .lang p {
      font-size: 3rem;
      color: #FFF;
      padding: 5px 22px; }
    .lang ul li a {
      font-size: 2.2rem; } }

@media (max-width: 769px) {
  #validate {
    background: #F6F6F6; }
  #validate .v_left, #validate .v_right {
    width: 100%; }
  #validate .v_left, #validate .v_right {
    max-width: 500px; }
  #validate .v_right {
    margin-top: 5vw;
    padding-left: 0; }
  #CCAC h2, #COPS h2 {
    max-width: 80%; }
  .seriesItems .seriesItem {
    width: calc(100% / 2 - 3px); } }

@media (max-width: 720px) {
  .hexes {
    padding-top: 12%; }
    .hexes .hex {
      width: 26%;
      margin: 0.2%;
      margin-top: -7.2%; }
    .hexes .inPC {
      display: none; }
    .hexes .inMobile {
      display: inline-block; }
  .keyItem {
    width: 40%; }
    .keyItem h5 {
      font-size: 2.4rem; }
  .formBottom {
    text-align: center; }
    .formBottom .socialLinks {
      width: 56%;
      left: 33%; }
    .formBottom .qrcode {
      width: 15%;
      left: 15%;
      margin-top: -6.2vw; }
  .header .logo {
    width: 150px; }
  #aboutP1 .content {
    width: 80%;
    padding-left: 1vw;
    padding-top: 9vw;
    padding-bottom: 4vw; }
    #aboutP1 .content h3 {
      font-size: 3.6rem;
      margin-top: 3vw; }
    #aboutP1 .content p {
      margin-top: 3vw; }
  #footer .copyright {
    text-align: center;
    margin-top: 60px; }
  #footer .socialLinks {
    width: 100%;
    max-width: 300px;
    right: auto;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    #footer .socialLinks a {
      width: calc(100% / 5 - 5px); }
  div .logos {
    margin-top: 6vw; }
  #RD {
    padding: 15vw 0; }
    #RD p {
      line-height: 1.4;
      margin-top: 3vw; }
    #RD .RDitems {
      margin-top: 5vw; }
  #promotion2020 {
    padding: 11vw 0;
    padding-bottom: 18vw; } }

@media (max-width: 620px) {
  .container {
    padding: 0 30px; }
  .cut-1 {
    margin-top: -7.8vw; }
  .header .logo {
    width: 120px; }
  .header.sticky .logo {
    width: 110px; }
  .header.sticky .m_menu_icon, .m_menu_icon {
    width: 45px;
    top: 8px;
    right: 10px; }
  .keyItem {
    width: 42%;
    margin: 2vw 4vw;
    margin-right: 0; }
    .keyItem img {
      width: 24%; }
    .keyItem h5 {
      margin-left: 2vw; }
  .bigQR {
    width: 22%;
    margin-right: 20px; }
  #visit .container > div > div.HB_Download {
    width: 100%;
    padding-left: 0;
    padding-top: 5vw;
    margin-top: 5vw; }
  .webAddress {
    padding-left: 0;
    margin-top: 0vw; }
    .webAddress h3 a {
      font-size: 3.6rem; }
    .webAddress p {
      font-size: 2.2rem; }
  #KeyIndicators {
    padding-top: 12vw; }
  .sec_light h2, .sec_dark h2 {
    font-size: 3.6rem; }
  .logos .logo_item {
    width: calc(100% / 3 - 3px); }
  #FishPoker .colx2 {
    width: 100%;
    margin-bottom: 6vw; }
  #SBOBETSeries h2, #thirdParty h2, #thirdPartyGames h2, #FishPoker .colx2 h2 {
    font-size: 3.2rem;
    max-width: 100%;
    padding-bottom: 2rem; }
  .hexes {
    padding-bottom: 5vw; }
  .sec_light h2:before, .sec_light h2:after, .sec_dark h2:before, .sec_dark h2:after {
    width: 40px;
    top: 50%;
    margin-top: -2px; }
  .sec_light h2:before, .sec_dark h2:before {
    left: -18px; }
  .sec_light h2:after, .sec_dark h2:after {
    right: -18px; }
  #Totalolution h6 {
    font-size: 2rem; }
    #Totalolution h6:before {
      top: -7px; }
  #SBOBETSeries h2, #thirdParty h2, #thirdPartyGames h2, #FishPoker .colx2 h2 {
    background: url("../img/title_underline.png") bottom no-repeat;
    -webkit-background-size: 70% 2px;
    -o-background-size: 70% 2px;
    background-size: 70% 2px; }
  #Partner h6 {
    font-size: 2.2rem; }
  .country h3 {
    font-size: 2.8rem; }
  .country p {
    font-size: 1.6rem; }
  .sec_light h2, .sec_dark h2 {
    max-width: 100%; }
  #contact {
    background: #06326F url(../img/contact_bg.jpg) right bottom no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
    #contact h2 {
      width: 80%; }
  .contactForm {
    font-size: 2.4rem; }
  .contactForm .inputGroup {
    margin-bottom: 4vw; }
  .sm select {
    width: calc(100% - 140px); }
  .submitBtn {
    font-size: 3rem; }
  .contactForm p {
    font-size: 2rem; }
  .formBottom .qrcode {
    left: 9vw;
    width: 17%; }
  .formBottom .socialLinks {
    width: 65%;
    left: 30%; }
  #contact, #visit, #Partner {
    padding: 13vw 0; }
  #validate p {
    font-size: 2.2rem; }
  #listen h3, #listen h4 {
    font-size: 3.6rem; }
  #listen ul li {
    font-size: 2.6rem; }
  #listen {
    background: url(../img/listen_bg.jpg) bottom no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-background-position-x: 66%;
    background-position-x: 66%; }
  #SBOBETSeries {
    padding-top: 10vw; }
  #API_Integration, #ResellerProgram, #CCAC {
    padding: 10vw 0; }
  #ResellerProgram {
    padding-bottom: 18vw; }
  .COPSLogos img {
    width: 70%;
    max-width: 300px; }
  .check-item:before {
    top: -6px;
    left: -10px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6); }
  .apiItems, .RP_items {
    margin-top: 7vw; }
  .apiItem img, .RP_item img {
    width: 60%; }
  .apiItem li, .RP_item li {
    padding-bottom: 1rem; }
  .flag img {
    width: 60%; }
  .header .menu li a, .header.sticky .menu li a {
    font-size: 2.4rem; }
    .header .menu li a:before, .header.sticky .menu li a:before {
      top: 1rem; }
  .header .menu li:first-child a:before, .header.sticky .menu li:first-child a:before {
    top: 1rem; }
  #aboutP1 .divide_blue {
    bottom: -0.5vw; }
  .RDitem {
    width: calc(100% / 2 - 5px); }
  .seriesItems .seriesItem {
    width: 100%;
    margin-bottom: 10vw; }
  .seriesItems ul {
    width: auto; }
  .seriesItems h5 {
    margin-bottom: 3vw; }
  .seriesItems h6 {
    display: inline-block;
    width: auto; }
  #SBO .seriesItems h6 {
    display: block; }
  .SBO_cut {
    padding-bottom: 60vw;
    background: url("../img/SBO_Cut_Img.jpg") right no-repeat;
    -webkit-background-size: auto 80%;
    -o-background-size: auto 80%;
    background-size: auto 80%;
    background-attachment: fixed;
    -ms-background-position-x: 90%;
    background-position-x: 90%;
    -ms-background-position-y: 70%;
    background-position-y: 70%; }
  .portfolio-container {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1; }
  .portfolio-item a .maskText {
    font-size: 6vw; }
  /* .lang p:after, .lang p:before {
    top: 10px; } */
  .lang {
    right: 12vw;
    top: -13px; }
    .lang p {
      font-size: 2.6rem;
      color: #FFF;
      padding: 3px 22px; }
    .lang ul {
      bottom: 15px; }
      .lang ul li a {
        font-size: 2.2rem; }
  .header.sticky .lang {
    top: -2px; } }

@media (max-width: 503px) {
  .webAddress {
    margin-top: 5vw; }
  #KeyIndicators {
    padding-bottom: 10vw; }
  .apiItem, .RP_item {
    width: calc(100% / 2 - 3px);
    margin-bottom: 5vw; }
    .apiItem img, .RP_item img {
      max-width: 110px; }
  #aboutP1 .content h3 {
    font-size: 3.2rem; }
  #aboutP1 .divide_blue {
    bottom: 0.5vw; }
  #About568win {
    padding: 9vw 0; }
  .promot_sizer, .promot_item {
    width: 100%; }
  .header.sticky .lang {
    padding: 10px 0; } }

@media (max-width: 490px) {
  #SUGI {
    background: url(../img/SUGI_bg.jpg) right no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    -ms-background-position-x: 90%;
    background-position-x: 90%; }
  #SUGI.sec_dark h2{
    width: calc(100% - 54px);
  }
  .hexes .hex {
    width: 30%;
    margin-top: -8.5%; }
  .cut-1 {
    margin-top: -7.8vw; }
  .keyItem h5 {
    font-size: 2rem;
    width: calc(100% - 45px);
  }

  #contact h2{
      width: calc(100% - 60px);
  }
  #Partner h6{
    margin-top: 3%;
    margin-bottom: 10%;
  }
  #footer .copyright {
    font-size: 1.8rem; }
  .keyItem {
    margin: 2vw 1vw;
    width: 40%; }
    .keyItem img {
      width: 22%; }
  #listen .container {
    padding-left: 10vw; }
  .flag {
    width: calc(100% / 3 - 3px); }
  #RD {
    padding: 17vw 0; }
  #KeyIndicators .container {
    padding: 0; }
  .keyItem {
    margin: 2vw 3vw; }
  .keyItems {
    text-align: center; }
  #SUGI {
    padding-top: 15vw;
    padding-bottom: 11vw; }
  .sec_light h2, .sec_dark h2 {
    font-size: 3.2rem; }
  .slick-next, .slick-prev {
    width: 15px;
    padding-bottom: 64px; }
  .header .logo {
    width: 100px; }
  .header.sticky .logo {
    width: 95px; }
  .header .container, .header.sticky .container {
    padding: 0 10px; }
  .header.sticky .m_menu_icon, .m_menu_icon {
    width: 42px;
    top: 4px;
    right: 8px; }
  .HB_Download a, .RP_Download a {
    font-size: 2.8rem; }
  .aboutImg {
    width: 43%; }
  .wSBOBET {
    width: 30%; }
  .lang p:after, .lang p:before {
    top: 9px; }
  .lang {
    right: 18vw;
    top: -18px; }
    .lang p {
      font-size: 2.2rem;
      color: #FFF;
      padding: 3px 22px; }
    .lang ul {
      bottom: 18px; }
      .lang ul li a {
        font-size: 2rem; }
  .formBottom {
    text-align: center; }
    .formBottom .socialLinks {
      width: 78%;
      left: 24%;
      top: 39%; }
    .formBottom .qrcode {
      width: 17%;
      left: 5%;
      margin-top: -6.2vw; }
  .bigQR {
    width: 40%; }
  .IDN .RP_Download a{
    width: 90%;
    word-break: break-word;
    white-space: normal;
    line-height: 1.2;
  }

  .contactForm input.submitBtn{
    font-size: 2.6rem;
  }
  #Partner h6 {
    font-size: 2rem; } }

@media (max-width: 420px) {
  .cut-1 {
    margin-top: -8.5vw; } }

@media (max-width: 365px) {
  .keyItem h5 {
    font-size: 1.8rem; } }

@media (max-width: 920px) {
  .lang p {
    padding: 30px 22px; }
  .lang p:after {
    top: 50%;
    margin-top: -3px; } }

@media (max-width: 503px) {
  .header.sticky .lang {
    padding: 3px 0; }
  .header.sticky .lang p {
    padding: 10px 22px; }
  .lang p:before {
    top: 50%;
    margin-top: -3px; } }
@media (max-width: 400px) {
  .socialLinks.contactBox{
    width: 90%;
    } }