@media screen and (max-width : 1280px) {
  .rwd {
    width: 27% !important;
  }
  .rwd div {
    font-size: 1em !important;
    margin: 7em 1em !important;
    padding: 0 !important;
  }
  #expertList {
    width: 72% !important;
  }
  section.section-1, section.section-2, section.section-3 {
    height: 760px !important;
  }
}

@media screen and (max-width : 1024px) {
  section.section-1, section.section-2, section.section-3 {
    height: 600px !important;
  }
  section.section-5 {
    height: 30vh !important;
  }
  .logo {
    width: 70px !important;
    height: 78px !important;
    left: 30px !important;
  }
  ul.nav {
    display: none;
  }
  #menuleft {
    right: .9em !important;
  }
  nav.dots {
    right: 35px !important;
  }
  .section3Div > p {
    left: 8em !important;
    letter-spacing: 0 !important;
    font-size: .9em !important;
  }
  .section4word {
    width: 20%;
  }
/*   #center_Column img { */
/*     width: 100% !important; */
/*     border-radius: 100% !important; */
/*   } */
/*   #showModelContent div img { */
/*     width: 5em !important; */
/*   } */
/*   .titleItem a { */
/*     margin: 0 auto !important; */
/*   } */
/*   .listItem { */
/*     flex-direction: column; */
/*     align-items: center; */
/*   } */
/*   .listItemImg { */
/*     width: 60% !important; */
/*   } */
}

@media screen and (max-width : 820px) {
  section.section-1, section.section-2, section.section-3 {
    height: 490px !important;
  }
  #menuleft {
    right: .6em !important;
  }
  nav.dots {
    right: 25px !important;
  }
  .logo {
    left: 20px !important;
  }
  section.section-3 .section3Right {
    width: 65% !important;
  }
  .section3Div > p {
    left: 5em !important;
    font-size: .8em !important;
    top: 1em !important;
  }
  #expertList {
    width: 75% !important;
  }
/*   #one { */
/*     margin: 0 !important; */
/*   } */
/*   .rwd div { */
/*     margin: 5em 1em !important; */
/*   } */
/*   #slogan { */
/*     font-size: 1.5em; */
/*     top: 50% !important; */
/*   } */
/*   .scroll { */
/*     width: 4em; */
/*   } */
/*   #loginBtn { */
/*     display: block; */
/*   } */
/*   #username { */
/*     display: none; */
/*   } */
/*   .loginBtn { */
/*     display: none; */
/*   } */
/*   #footer div ul li { */
/*     line-height: 2em; */
/*   } */
/*   #showModelContent { */
/*     left: 10% !important; */
/*   } */
/*   .activityTable tr td:nth-child(2) { */
/*     font-size: 1em !important; */
/*     background-image: none; */
/*   } */
/*   .titleItem a { */
/*     display: block; */
/*     padding: 0 12%; */
/*   } */
/*   .listItemexpert { */
/*     flex-direction: column !important; */
/*   } */
/*   .listItemImgexpert { */
/*     width: 100% !important; */
/*   } */
}

/* @media screen and (max-width:600px) { */
/*   #indexImg { */
/*     padding: 0 0 0 50px !important; */
/*   } */
/*   .scroll { */
/*     font-size: 0.1em; */
/*     bottom: 8% !important; */
/*   } */
/*   #slogan { */
/*     font-size: 1em; */
/*     top: 55% !important; */
/*   } */
/*   #one { */
/*     display: block !important; */
/*     height: max-content !important; */
/*   } */
/*   .topContent { */
/*     margin-bottom: 0 !important; */
/*   } */
/*   .rwd { */
/*     display: block !important; */
/*     margin: 0 auto !important; */
/*     margin-bottom: 3em !important; */
/*     padding: 0 !important; */
/*     text-align: center !important; */
/*     width: 100% !important; */
/*   } */
/*   .rwd div { */
/*     font-size: 1em !important; */
/*     margin: 0 auto 2em auto !important; */
/*     width: max-content; */
/*   } */
/*   #center_Column img { */
/*     width: 90% !important; */
/*     border-radius: 100% !important; */
/*   } */
/*   header { */
/*     height: auto; */
/*   } */
/*   #descCol { */
/*     margin-left: 2em !important; */
/*   } */
/*   #middleContent2 { */
/*     text-align: left; */
/*   } */
/*   .activityTable tr td:nth-child(2) { */
/*     font-size: 0.8em !important; */
/*   } */
/*   .listItemText span, p, a { */
/*     font-size: 0.8em !important; */
/*   } */
/*   .listItemText img { */
/*     width: 15% !important; */
/*   } */
/* } */

@media screen and (max-width:428px) {
  section.section-1 {
    height: 700px !important;
    background-image: url('../img/kiphone.jpg') !important;
  }
  .section-1 img {
    width: 200px !important;
    margin-top: 0.8em !important;
  }
  .section-1 > div {
    width: 90% !important;
  }
  #menuleft {
    margin-top: -5px !important;
    font-size: 1.8em !important;
    right: 0.7em !important;
  }
  section.section-2 {
    height: 750px !important;
    overflow: hidden;
  }
  .section-2 img {
    width: 100% !important;
  }
  .section-2 img:nth-child(2) {
    position: relative;
    top: -9em;
    clip-path: inset(16% 0 15% 0);
    -webkit-clip-path: inset(16% 0 15% 0);
  }
  .pagination {
    width: 100% !important;
  } 
  .listItem {
    max-height: unset !important;
  }
  .logo {
    display: none !important;
  }
  section.section-3 {
    height: 800px !important;
    overflow: hidden;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  section.section-3 .section3Left {
    width: 70% !important;
    margin: 0 auto;
    margin-top: 3em;
  }
  .section-3 div {
    width: 100% !important;
    top: -14em;
  }
  section.section-3 .section3Right {
    margin-left: 1em !important;
  }
  .section-3 div p {
    left: 6em !important;
    width: 75%;
  }
  .section-4 {
    background-image: none !important;
    background: #d6d6d6;
    height: auto !important;
  }
  #expertList {
    width: 100% !important;
  }
  .intro_Column {
    width: 150px !important;
    margin-left: 2.4em !important;
  }
  .intro_Column div img {
    width: 100% !important;
    max-height: 150px !important;
    object-fit: contain;
  }
  section.section-5 {
    background-image: none !important;
    background: #adaeb0;
    height: 16vh !important;
    display: flex;
    flex-direction: column !important;
    padding-top: 0 !important;
  }
  .section-5 div {
    flex-direction: row !important;
    width: 90%;
    justify-content: left !important;
  }
  .section-5 div:first-child {
    margin-top: 1em;
  }
  .section-5 div img {
    margin-right: .5em !important;
    width: 30px !important;
  }
  .section-5 div span {
    margin-top: 0 !important;
  }
  .privacy {
    background: #adaeb0 !important;
  }
  .pageMenu {
    margin-left: 1em !important;
  }
  .experInfo {
    width: 150px !important;
  }
  .hasSubMenu div {
    cursor: pointer;
  }
  .pageMenu img {
    margin-top: 0.8em !important;
    width: 200px !important;
  }
  .titleItem a {
    font-size: 0.7em !important;
  }
  #pic {
    margin-top: 2em;
  }
  .expertlistbackground {
    background-image: none !important;
    background: #d6d7d7;
    margin-top: 2em !important;
    height: 120vh !important;
    justify-content: flex-start !important;
  }
  #menu .close {
    font-size: 1.5em !important;
  }
  .SubMenu li a {
    font-size: 1em !important;
  }
  .corevalue {
    margin-top: 1em !important;
    width: 100% !important;
  }
  #content {
    margin: 1em auto 0em auto !important;
  }
  .section4word {
    display: none !important;
  }
  #textContext table tr td span {
    font-size: 1em !important;    
  }
  #textContext table tr td:first-child {
    min-width: 5em !important;    
  }
  #textContext {
    padding: 0 !important;
  }
  #content div:nth-child(2) {
    width: 100% !important;
  }
  button.snip0040.blue {
    margin-top: 2em;
  }
  .expertItem {
    width: 100% !important;
  }
}

@media screen and (max-width:380px) {
  .intro_Column {
    margin-left: 1.6em !important;
  }
  .pageMenu img {
    width: 250px !important;
  }
}