.nightsky_box { overflow: hidden; position: relative; color: #fff!important; }
.nightsky_box li, .nightsky_box p { font-size: 20px; }
.nightsky_logo figure { margin-bottom: 0; }
.nightsky_hdr { background: url(../img/night-sky/top_banner_before.jpg) no-repeat center; background-size: cover; padding-top: 70px; }
.nightsky_star { padding: 8px 0 30px; }
.nightsky_box .web_wrap { padding: 0 70px; }
.bottom-phone { margin-top: -30%; }
.nightsky_box .icon_nightsky a { padding-left: 0; }
.nightsky_head { background: url(../img/night-sky/heading_chicmic_before.jpg) no-repeat center; background-size: cover; padding-top: 70px; }
.icon_nightsky { padding: 20px 0; }
.nightsky_head p { color: #fff; }
.nightsky_key { background: url(../img/night-sky/key_feature.jpg) no-repeat center; background-size: cover; padding: 50px 0; }
.nightsky_key li { position: relative; padding-bottom: 30px; padding-left: 40px; display: flex; align-items: center;color:rgb(255 255 255 / 80%); }
.nightsky_key li:before { position: absolute; content: ""; left: 0; background: url(../img/night-sky/li_before.png) no-repeat center; background-size: contain; padding: 10px; }
.nightsky_title h6 { margin-bottom: 0; font-weight: 300; }
.nightsky_title h2 { padding-bottom: 20px; font-size: 3rem; }
.nightsky_box figure { margin-bottom: 0; }
.nightsky_design { background: url(../img/night-sky/bg_before.jpg) no-repeat center; background-size: cover; padding: 30px 0; min-height: 1100px; position: relative; overflow: hidden; }
.phone_hand { position: absolute; bottom: -7%; right: 0; left: 20%; }
.nightsky_tech { background: url(../img/night-sky/technology_bg.jpg) no-repeat center; background-size: cover; padding: 50px 0; }
.night_tech_img { padding: 20px 0 100px; }
.nightsky_head .nightsky_img img { margin-left: -7%; max-width: 110%; }
.night_tech_img img { width: 100%; }

@media (max-width:1200px) {
  .nightsky_box .web_wrap { padding: 0 40px; }
  .nightsky_box li, .nightsky_box p { font-size: 18px; }
}

@media (max-width:991px) {
  .nightsky_box .web_wrap { padding: 0 25px; }
  .nightsky_hdr { padding-top: 50px; }
  .nightsky_title h2 { font-size: 2.5rem; }
  .night_tech_img { padding: 20px 0 50px; }
}


@media (max-width:767px) {
  .nightsky_key figure { text-align: center; }
  .nightsky_logo img { max-width: 75%; }
  .bottom-phone { margin-top: 0; }
  .nightsky_title h2 { font-size: 2rem; padding-bottom: 15px; }
  .nightsky_box li, .nightsky_box p { font-size: 18px; }
  .nightsky_key li { padding-bottom: 15px; }
  .nightsky_head { padding-top: 30px; }
}


@media (max-width:575px) {
  .nightsky_title h6 { margin-bottom: 5px; }
  .nightsky_design { min-height: 620px; }
  .nightsky_tech { padding-bottom: 0; }
  .nightsky_title h2 { font-size: 1.8rem; }
}

@media (max-width:420px) {
  .nightsky_design { min-height: 520px; }
}