/* Full HD */
@media only screen and (min-device-width: 1367px) and (max-device-width: 1920px) {

}
/* iPad Landscape */
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {

}
/* iPad Portrait */
@media only screen and (max-device-width: 768px) {
  body{font-size: 1.6rem;}
  header{margin-top: 30px !important;}
  footer{margin-top: 20px;margin-bottom: 20px;}
  .logo{text-align: center;}
  ul#main-menu{margin-left: 0;}
  ul#main-menu li{margin-right: -5px;}
  ul#main-menu li a{font-size: 1.2rem;}
  .language {justify-content: center;}
  *[class*="wid-percent-"]{margin-left: auto;margin-right: auto;}
  .contact-description-1{width: 90%;}
  .home-description-1 {margin-bottom: 45px !important;margin-top: 45px !important;}
  .home-description-1 > div {width: 100%;}
  #contact-form{width: 90%;}
  .action-btn{width: 100%;position: fixed;left: 0;bottom: 0;background: #fff;padding: 10px;margin-top: 0 !important;z-index: 99;}
  .how-to-do{width: 90%;}
  .how-to-do .how-to-do-item img{width: 100%;}
  .how-to-do .how-to-do-item:nth-child(5n+2) img{width: 50%;}
  .how-to-do .how-to-do-item:nth-child(5n+4) img{width: 50%;}
  .question-slide{max-height: 300px;}
  .control-btn > div img{width: 80%;}
  .control-bar{position: relative;left: 0;bottom: -5px;width: 80%;}
  .control-bar .control-btn{bottom: 0;}
  .control-bar .control-btn > div{width: calc(100% / 4);}
  .control-bar .control-btn .control-btn-prev img{max-width: 35px;}
  .control-bar .control-btn .control-btn-next img{max-width: 35px;}
  .control-bar .control-btn .control-btn-mic img{margin-left: 15px;max-width: 50px;}
  .control-bar .control-btn .control-btn-play img{margin-right: 5px;max-width: 40px;}
  .control-bar .control-back{width: 100%;left: 0;bottom: 0;}
  .question-content .img-text{font-size: 1.1rem;top: 21%;max-width: 45%;}
  #progress > span:nth-child(7n+5){left: calc(100% / 6 * 4 - 9px);}
  #progress > span:nth-child(7n+6){left: calc(100% / 6 * 5 - 15px);}
  #contact-form select{overflow: hidden;-webkit-appearance: none;}
  #contact-form select option{-moz-white-space: pre-wrap;-o-white-space: pre-wrap;white-space: pre-wrap;overflow: hidden;text-overflow: ellipsis;}
  .flex-selectbox{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;}
  .pad-top-10{padding-top: 5px;}
  .pad-top-20{padding-top: 10px;}
  .pad-top-30{padding-top: 15px;}
  .pad-top-40{padding-top: 20px;}
  .pad-top-50{padding-top: 25px;}
  .pad-top-60{padding-top: 30px;}
  .pad-top-70{padding-top: 35px;}
  .pad-top-80{padding-top: 40px;}
  .pad-top-90{padding-top: 45px;}
  .pad-top-100{padding-top: 50px;}

  .pad-bottom-10{padding-bottom: 5px;}
  .pad-bottom-20{padding-bottom: 10px;}
  .pad-bottom-30{padding-bottom: 15px;}
  .pad-bottom-40{padding-bottom: 20px;}
  .pad-bottom-50{padding-bottom: 25px;}
  .pad-bottom-60{padding-bottom: 30px;}
  .pad-bottom-70{padding-bottom: 35px;}
  .pad-bottom-80{padding-bottom: 40px;}
  .pad-bottom-90{padding-bottom: 45px;}
  .pad-bottom-100{padding-bottom: 50px;}

  .mar-top-10{margin-top: 5px;}
  .mar-top-20{margin-top: 10px;}
  .mar-top-30{margin-top: 15px;}
  .mar-top-40{margin-top: 20px;}
  .mar-top-50{margin-top: 25px;}
  .mar-top-60{margin-top: 30px;}
  .mar-top-70{margin-top: 35px;}
  .mar-top-80{margin-top: 40px;}
  .mar-top-90{margin-top: 45px;}
  .mar-top-100{margin-top: 50px;}

  .mar-bottom-10{margin-bottom: 5px;}
  .mar-bottom-20{margin-bottom: 10px;}
  .mar-bottom-30{margin-bottom: 15px;}
  .mar-bottom-40{margin-bottom: 20px;}
  .mar-bottom-50{margin-bottom: 25px;}
  .mar-bottom-60{margin-bottom: 30px;}
  .mar-bottom-70{margin-bottom: 35px;}
  .mar-bottom-80{margin-bottom: 40px;}
  .mar-bottom-90{margin-bottom: 45px;}
  .mar-bottom-100{margin-bottom: 50px;}
  .start-btn {
      position: fixed;
      background: #fff;
      left: 0;
      bottom: 0;
      padding: 10px;
      z-index: 999;
  }
  .wid-percent-50 {
      width: 100%;
  }
  .congrat-text h2 {
      font-size: 3rem;
  }
  .congrat-text h3 {
      font-size: 2rem;
  }
}
/* Square screen */
@media only screen and (min-device-width: 601px) and (max-device-width: 800px) {

}
/* # */
@media only screen and (max-device-width: 480px) {

}
/* iPhone 6 plus */
@media only screen and (max-device-width: 414px) {

}
/* iPhone 6 */
@media only screen and (max-device-width: 375px) {

}
/* Samsung */
@media only screen and (max-device-width: 360px) {

}
/* iPhone 4 & 5 */
@media only screen and (max-device-width: 320px) {

}