/*  Phone-Landscape  ------------------------------------------------------- */
@media only screen and (orientation: landscape) and  (max-device-width: 700px),
  only screen
    and (orientation: landscape)
    and (max-device-width : 736px)
    and (-webkit-min-device-pixel-ratio : 3) {

  #detector #det-landscape {
    display: block;
  }

 -title {
    font-size: 25px;
  }

  .story-text-standard {
    font-size: 14px;
    line-height: 20px;
  }

  .story-text {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 2px;
  }

  .landLogo {
    background-image: url('../img/landing/smartcity_top.png');
    max-width: 35vw;
    width: 35vw;
    height: 90vh;
  }

  .landForm {
    width: 42vw;
    height: 83vh;
    max-width: 50vw;
    max-height: 100vh;
    margin-top:  2.5vh;
    margin-left:  5vw;
    margin-right:  5vw;
  }

  .landForm .hs-form .actions .hs-button {
  	width: 34.5vw;
  }

  .slider-container {
    height: 86%;
  }

  .slide-item-02{
    background-size: cover;
    background-position: 55px;
  }

  .slide-text-03{
    top:82%;
  }

  .story-media-01::before {
    padding-bottom: 120%;
  }

  .new-promo-item-amp {
    margin-left:60%;
  }

  .new-promo-item-text {
    margin-left:62%;
  }

  .modalDialog .landMobile {
    width: 70%;
  }

  .flip-img-container {
    height: 70vh;
    background-size:cover;
  }

  .story-model3-01_zh::before {
    padding-bottom: 60%;
  }
  .story-model3-01_ind_zh {
    height: 65%;
    margin-top: -5vh;
  }
  .story-model3-01_exit_zh {
    height: 55%;
    margin-top: -5vh;
  }
  .story-model3-01_title_zh {
    height: 23%;
    bottom: 10%;
  }

  .story-model3-01-text_zh {
    margin-top: 20vw;
    margin-left: 6vw;
  }
  .story-model3-02_zh::before {
    padding-bottom: 80%;
  }
  .story-model3-02_front_zh {
    height: 60%;
    margin-left: 0px;
    background-position: center;
  }
  .story-model3-02-text_zh {
    margin-top: 23vw;
    margin-left: 0px;
  }
  .story-model3-02-text_zh .story-text-standard {
    width: auto;
    text-align: center;
  }

  .story-model3-03_zh::before {
    padding-bottom: 80%;
  }
  .story-model3-03_front_zh {
    margin-top: 11vh;
    margin-left: 16vw;
    width: 65vw;
    height: 42vw;
  }
  .story-model3-03_360 {
  	width: 65vw;
  	height: 42vw;
  }
  .story-model3-03-text_zh {
    margin-top: 40vh;
    margin-left: 0px;
  }
  .story-model3-03-text_zh .story-text-standard {
    width: auto;
    text-align: center;
  }
  .story-model3-03-btn_zh {
    padding: 5vh;
  }
  .story-model3-04_zh::before {
    padding-bottom: 70%;
  }
  .story-model3-04_zh {
    background-position: center;
  }
  .story-model3-04-text_zh {
    background: none;
    color: #000000;
    margin: 0px;
    margin-top: 35vh;
    padding: 15px;
  }
  .story-model3-04-text_zh .story-text-standard {
    width: auto;
    text-align: center;
  }

  .story-model3-05_zh::before {
    padding-bottom: 70%;
  }
  .story-model3-05_zh {
    background-position: right;
  }
  .story-model3-05-text_zh {
    width: auto;
    margin: 25vh;
    margin-top: 35vh;
  }

  .story-model3-05-text_zh .story-text-standard {
    width: auto;
    text-align: center;
  }

  .story-model3-06_zh::before {
    padding-bottom: 60%;
  }
  .story-model3-06-text_zh {
    width: 300px;
    margin-top: 25vh;
    margin-left: 40vw;
  }

  .story-model3-06-text_zh .story-text-standard {
    text-align: center;
  }

  .story-model3-07_zh::before {
    padding-bottom: 45%;
  }

  .story-model3-07-text_zh {
    height: 150px;
    margin: 25vh;
    margin-top: 28vh;
  }

  .story-model3-07-text_zh .story-text-standard {
    text-align: center;
  }


  .content-model1_zh .story-image::before {
    padding-top: 0%;
    padding-bottom: 100%;
  }

  .content-model1_zh .story-image-big::before {
    padding-bottom: 100%;
  }

  .story-model1-01_zh {
    background-size: 120%;
    background-position: left -10%;
  }

  .story-model1-01-image {
    background-size: 120%;
    background-position: left -10%;
  }

  .story-model1-01_title_zh {
    margin-bottom: 0px;
  }

  #section-model1-01_zh .story-content {
    height: 100%;
    top: 50%;
  }

  .story-model1-02_zh {
    background-size: 110%;
  }

  #section-model1-02_zh .story-content {
    top: 55%;
  }

  .story-model1-03_zh {
    background-size: 100%;
    background-position: left top;
  }

  #section-model1-03_zh .story-content {
    top: 60%;
  }

  .story-model1-04_zh {
    background-size: contain;
    background-position: left top;
  }

  #section-model1-04_zh .story-content {
    top: 60%;
  }

  .story-model1-04-btn {
    bottom: 5%;
  }

  .story-model1-05_01 {
    width: 100%;
    height: 80%;
    top: -5%;
  }

  #section-model1-05_zh .story-content {
    top: 75%;
  }

  .story-model1-06_01 {
    width: 170%;
    height: 110%;
    left: -140%;
    top: -10%;
  }

  #section-model1-06_zh .story-content {
    top: calc(10% + 380px);
  }

  #section-model1-06_zh .story-image-big::before {
    padding-bottom: 480px;
  }

  .story-model1-06_02 {
    width: 400px;
    height: 300px;
    top: 10%;
  }

  .story-model1-06-ui {
    height: 92px;
    top: calc(10% + 104px);
  }

  .story-model1-06-ui_left_hide {
  	width: 110px;
  	left: -25%;
  }

  .story-model1-06-ui_left_most {
  	width: 110px;
  	left: -25%;
  }

  .story-model1-06-ui_left {
  	width: 130px;
  	left: 5%;
  }

  .story-model1-06-ui_middle {
    margin-left: 104px;
  	width: 157px;
  	left: 50%;
  }

  .story-model1-06-ui_right {
  	width: 130px;
  	left: 95%;
  }

  .story-model1-06-ui_right_most {
  	width: 110px;
  	left: 125%;
  }

  .story-model1-06-ui_right_hide {
  	width: 110px;
  	left: 125%;
  }

  .story-model3-06-text_zh {
    margin-top: -35vh;
    margin-left: 0vw;
    background: none;
  }

  .story-ebox-slogan::before {
    padding-bottom: 100vh;
  }

  .story-ebox-title {
    margin-top: -15%;
  }

  .text-ebox-01_zh {
    left: 63vw;
    top: 15%;
  }

  .text-ebox-01_zh .story-text-title {
    width: 200px;
    margin: 0px;
    margin-bottom: 10px;
  }

  .text-ebox-01_zh .story-text {
    width: 200px;
    margin: 0px;
  }

  .story-ebox-02_zh::before {
    padding-top: 0%;
    padding-bottom: 100vh;
  }

  .story-ebox-02_zh {
      background-position: 110%, top;
      background-size: 100%;
      background-color: #ececec;
     }

  .text-ebox-02_zh{
    margin: -74px 30px;
    width: 55vw;
    background-color: rgba(236, 236, 236, 0.5);

  }


  .text-ebox-02_zh .story-text{
    width: 303px;
  }
  .story-ebox-03_zh {
    background-size: cover;
  }

  #section-ebox-03 .story-content {
	   top: 70%;
  }

  .text-ebox-03_zh .story-text {
    width: 100%;
  }

  .text-ebox-03_zh .text-highlight {
    width: 150px;
    margin-bottom: 10vh;
  }

  .text-ebox-03_zh .story-text-ebox-03_zh {
    width: 60vw;
    margin-left: 20vw;
  }

  .story-ebox-04_zh::before {
    padding-top: 0%;
    padding-bottom: 100vh;
  }

  .story-ebox-04_zh {
    background-size: 100%;
  }

  .text-ebox-04_zh {
    margin: -3px -52px;
    width: 80%;
  }

  .story-ebox-06_zh::before {
    padding-top: 0%;
    padding-bottom: 100vh;
  }

  .text-ebox-06_zh {
    margin: 10px 40px;
    width: 56%;
  }

  .icon-ebox-06_zh{
    width: 100%;
    height: 80px;
    margin-bottom: 0%;
    margin-right: 0%
  }

  .text-ebox-07_zh {
    margin-top: 0%;
    margin-left: 50%;
  }

  .icon-ebox-07_zh {
    margin-top: 20px;
    margin-left: 75%;
  }

}