@media screen and (min-width: 320px) {

.sm-br{
    display: block;
}

.ht_tit{
    width: 90%;
}
    
.ht_lg_f,.hs_b p,.f-70-w{
    font-size: 40px;
    line-height: 50px;
}
    
.f-32-w{
    font-size: 24px;
    line-height: 30px;
}

.ht_md_g{
    font-size: 20px;
    line-height: 26px;
}
    
.ht_logo div img{
    width: auto;
}

.hs_b div:last-child{   
    margin-top: 40px;
}
    
.hth_banner{    
    height: 595px;
}
    
.hth_banner .hth_container {
    position: absolute;
    top: 2%;
    left: 5%;
}
    
.hth_banner .hth_container div:nth-child(2){
    width: 100%;
}
    
.hth_banner .hth_container div:nth-child(3){
    color: #2a2a2a;
    font-size: 24px;
    line-height: 28px;
    font-weight: 200;
    width: 96%;
}
    
.hth_banner .hth_container div:nth-child(4){
    width: 60%; 
    padding: 10px 0px;
}
    
.hth_banner .hth_container div:nth-child(4) div{
    height: 1px;
    background: #9b9a9c;
    margin: 15px 0px;
}
    
.hth_banner .hth_container div:nth-child(5){
    width: 94%;
    font-weight: 300;   
    margin-bottom: 5%;
}
    
.t-right{
    text-align: center;    
}
    
.gray-light-lg{
    text-align: center;
    font-size: 28px;
    line-height: 36px;
}
    
.md-wid{
    width: 100%;
    margin-bottom: 10%;
}
    
.mb7{
    margin-bottom: 30%;
}
    
.gray-bkg{
    background: #f2f2f2;
    padding: 100px 30px;
    text-align: center;
}
    
.xs-gridbox-s{
    font-size:34px;
    line-height: 40px;
    padding: 40px 20px 40px;
}
    
.txt-on-img{
    position: inherit;
    top: 0%;
    left: 0%;
    padding: 40px 30px;
}
   
.white-f-light{
    color:#2a2a2a;
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
}

.white-link{
    color: #2a2a2a;
}

.white-link:hover{
    color: #2a2a2a;
    text-decoration: none;
}
    
.ht_lg_top{  
    margin-top: 15%;
}
    
.abt-layout{
    width: 98%;
    margin: 0 auto;
    float: none;
}
    
.abt-layout-d{
    padding-top: 70px;
    padding-bottom: 70px;
}
    
.abt-layout-s{    
    padding-bottom: 90px;
}
    
.ht_logo div span img{
    margin: 20px 30px;
}
    
.iot_bg{
    height: 490px;
    background-position: 80% 50% !important;
}
    
.pad_LR20{
  padding: 0px 20px;
}
    
.engine1__bg{
    height: 675px;
}

.engine1__bg_container{
    width: 100%;
    left: auto;
    right: auto;
}
    
.iot_overlay{
    position: absolute;
    top: 0%;
    left: 0%;
    width:100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
    
.pat_exp_bg{
    height: 645px;
}
    
.pat_exp_txt{
    width: 95%;
    margin: 30px auto 0px;
}
    
#lg-visible{
    display:none;
}

#sm-visible{
    display: inline-block;
}

.abt-carousel{
    text-align: center;
}
    
.carousel-circle {
    top: 20px;
    left: 50%;
}
    
.abt-custom{
    width: 100% !important;
}
    
.bor-org{
    padding: 0px 30px;
    border-bottom: 1px solid #ff4e00;
}
    
.phonebox1{
    position: inherit;
    bottom: 0%;
    left: 0%;
    text-align: center;
    margin: 30px 0px;    
}
    
.rs-f{
    font-size: 38px;
    line-height: 44px;
    width: auto;
}
    
.phone-align{
   text-align: center;
}
    
.pad10-sm-none{
    padding: 0px;
}
    
.mission-tabs .panel-group .panel .panel-heading .panel-title a{
    font-size: 24px;
}
    
.cs-pdt{
    padding-top: 40px !important;
}
    
}


@media screen and (min-width: 360px) {

.hth_banner .hth_container {
    position: absolute;
    top: 12%;
    left: 5%;
}
    
}


@media screen and (min-width: 480px) {
    
.ht_tit{
    width: 72%;
}
    
.ht_lg_f,.f-70-w{
    font-size: 48px;
    line-height: 52px;
}
   
.hth_banner{    
    height: 565px;
}

.hs_b div:last-child{   
    margin-top: 20px;
}
    
.hth_banner .hth_container {
    position: absolute;
    top: 12%;
    left: 8%;
}
    
.bor-org{
    padding: 0px 40px;
    border-bottom: 1px solid #ff4e00;
}
    
.phonebox1{
    position: absolute;
    bottom: 10%;
    left: 54%;
    text-align: left;
    margin: 0px;
}
    
.rs-f{
    font-size: 34px;
    line-height: 40px;
    width: 50%;
}
    
.phone-align{
   text-align: left;
}
    
.mission-tabs .panel-group .panel .panel-heading .panel-title a{
    font-size: 30px;
}
    
}


@media screen and (min-width: 640px) {
    
.hth_banner{   
    background-position: 60% 50% !important;
    height:680px;
}
    
.hth_banner .hth_container {
    position: absolute;
    top: 14%;
    left: 8%;
}
    
.hth_banner .hth_container div:nth-child(2){
    width: 62%;
}
    
.hth_banner .hth_container div:nth-child(3) {
    font-size: 28px;
    line-height: 32px;
    width: 65%;
}
    
.hth_banner .hth_container div:nth-child(4){
    width: 40%; 
    padding: 10px 0px;
}
    

.hth_banner .hth_container div:nth-child(5){
    width: 55%;
    font-weight: 300;   
    margin-bottom: 5%;
}
    
.phonebox1{
    position: absolute;
    bottom: 10%;
    left: 45%;    
}

    
.rs-f{
    font-size: 40px;
    line-height: 46px;
    width: 50%;
}
    
.phone-align{
   text-align: left;
}
    
.cs-pdt{
    padding-top: 100px !important;
}

.sm-br{
    display: none;
}
    
}


@media screen and (min-width: 760px) {
    
.ht_tit{
    width: 85%;
}
    
.ht_lg_f,.f-70-w{
    font-size: 70px;
    line-height: 74px;
}
    
.f-32-w{
    font-size: 32px;
    line-height: 38px;
}
    
.ht_md_g{
    font-size: 32px;
    line-height: 36px;
}
    
.hs_b p{
    font-size: 60px;
    line-height: 66px;
}
    
.hth_banner{   
    background-position: 65% 50% !important;
    height: 826px;   
}
    
.hth_banner .hth_container {
    position: absolute;
    top: 9%;
    left: 5%;
}
    
.hth_banner .hth_container div:nth-child(3){
    color: #2a2a2a;
    font-size: 38px;
    line-height: 42px;
    font-weight: 200;
    width: 55%;
}
    
.hth_banner .hth_container div:nth-child(4){
    width: 40%; 
    padding: 10px 0px;
}
    

.hth_banner .hth_container div:nth-child(5){
    width: 55%;
    font-weight: 300;   
    margin-bottom: 5%;
}
    
.txt-on-img{
    position: absolute;
    top: 25%;
    left: 25%;
    padding: 0px;
}
    
.white-f-light{    
    color:#fff;
    font-size: 46px;
    line-height: 52px;
    font-weight: 300;
}
    
    
.white-link{
    color: #fff;
}

.white-link:hover{
    color: #fff;
    text-decoration: none;
}
    
.abt-layout{
    width: 85%;
    margin: 0 auto;
}
    
.abt-layout-d{
    padding-top: 100px;
    padding-bottom: 100px;
}
    
.iot_bg{
    height: 490px;
}
 
.iot_txt{
    width: 620px;
    margin: 0 auto;
}
    
.pad_LR20{
  padding: 0px 0px;
}
    
.engine1__bg{
    height: 550px;
}

.engine1__bg_container{
    width: 615px;
    left: 3%;
    right: auto;
}
    
.pat_exp_txt{
    width: 95%;
    margin: 60px auto 0px;
}
    
.wid-lg-100{
    width: auto;
}
    
.p_exp_box1 {
    position: absolute;
    top: 25%;
    right: 4%;
}
    
.phonebox1{
    position: absolute;
    bottom: 10%;
    left: 40%;
}

    
.rs-f{
    font-size: 60px;
    line-height: 62px;
    width: 50%;
}
    
.phone-align{
   text-align: left;
}

}

@media screen and (min-width: 768px) {
    
.t-right,.gray-light-lg{
    text-align: right;
}
    
.md-wid{
    width: auto;
    margin-bottom: 15%;
}
    
.gray-light-lg{
    text-align: right;
    font-size: 46px;
    line-height: 54px;
}
    
.mb7{
    margin-bottom: 10%;
}
    
.ml40{
    margin-left: 40px;
}

.txt-on-img{
    position: absolute;
    top: 23%;
    left: 23%;
}
    
.left_carousel_control{
    position: absolute;
    bottom: 20%;
    right: 0%;
}

.right_carousel_control{
    position: absolute;
    bottom: 8%;
    left: 0%;
    margin-left: -2px;
}
   
.phonebox1{
    position: absolute;
    bottom: 10%;
    left: 50%;
}

    
.rs-f{
    font-size: 60px;
    line-height: 62px;
    width: auto;
}
    
.phone-align{
   text-align: center;
}
    
    
}

@media screen and (min-width: 991px) {
    
.wid-lg-100{
    width: 100%;
}
    
.phone-align{
   text-align: left;
}

.phonebox1{
    position: absolute;
    bottom: 10%;
    left: 50%;
}

    
.rs-f{
    font-size: 24px;
    line-height: 30px;
}
    
.pad10-sm-none{
    padding: 0px 10px;
}
    
}


@media screen and (min-width: 1020px) {
    
.hth_banner{   
    background-position: 50% 50% !important;
    height: 800px;   
}

.hth_banner .hth_container {
    position: absolute;
    top: 10%;
    left: 13%;
}
    
.ht_tit{
    width: 66%;
}
    
.hth_banner .hth_container div:nth-child(3){
    font-size: 38px;
    line-height: 42px;
}
    
.txt-on-img{
    position: absolute;
    top: 30%;
    left: 30%;
}
    
.ht_lg_top{  
    margin-top: 25%;
}
    
.iot_bg{
    height: 490px;
     background-position: 50% 50% !important;
}
 
.iot_txt{
    width: 835px;
    margin: 0 auto;
}
    
.engine1__bg{
    height: 550px;
}

.engine1__bg_container{
    left: 3%;
    right: auto;
}
    
.pat_exp_txt{
    width: 930px;
    margin: 60px auto 0px;
}
    
.pat_exp_bg{
    height: 600px;
}
    
.p_exp_box1{
    position: absolute;
    top: 25%;
    right: 4%;
}
    
.p_exp_box2 {
   position: absolute;
    top: 30%;
    right: 10%;
}
    
.p_exp_txt_2 {
    width: 470px;
}
    
.wid-lg-100{
    width: 100%;
}
    
.phone-align{
   text-align: left;
}

.phonebox1{
    position: absolute;
    bottom: 5%;
    left: 50%;
}

    
.rs-f{
    font-size: 24px;
    line-height: 30px;
}
 
.mission-tabs{
    width: 1020px;
    margin: 0 auto;
    float: none;
}


}


@media screen and (min-width: 1200px) {
    
.carousel-circle{
    top: 40px;
    left: 90%;
}
    
.hth_banner .hth_container {
    position: absolute;
    top: 17%;
    left: 13%;
}
    
.ht_tit,.hth_banner .hth_container div:nth-child(2){
    width: 58%;
}
    
.collg6{
   width: 65%; 
}
    
.xs-gridbox-s{
    font-size: 24px;
    line-height: 30px;
    padding: 20px 20px 10px;
}
    
.txt-on-img{
    position: absolute;
    top: 15%;
    left: 15%;
}
    
.abt-carousel{
    width: 430px;
    margin: 0 auto;
}
    
.left_carousel_control{
    position: absolute;
    bottom: 20%;
    right: 0%;
}

.right_carousel_control{
    position: absolute;
    bottom: 8%;
    left: 0%;
    margin-left: -2px;
}
    
.ht_logo div span img{
    margin: 20px 10px;
}
    
.iot_bg{
    height: 550px;
}
    
.engine1__bg{
    height: 550px;
}

.engine1__bg_container{
    right: 3%;
    left: auto;
}
    
.p_exp_box1 {
    position: absolute;
    top: 14%;
    right: 3%;
    
}
    
.p_exp_box2 {
    position: absolute;
    top: 3%;
    right: -1%;
}
    
.p_exp_txt_2 {
    width: 380px;
}
    
#lg-visible{
    display:inline-block;
}

#sm-visible{
    display: none;
}

.abt-carousel{
    text-align: left;
}
    
.phonebox1{
    position: absolute;
    bottom: 10%;
    left: 50%;
}

    
.rs-f{
    font-size: 32px;
    line-height: 40px;
}
    
}


@media screen and (min-width: 1300px) {
    
.ht_tit{
    width: 54%;
}
    
.hth_banner .hth_container div:nth-child(2){
    width: 46%;
}
 
.xs-gridbox-s{
    font-size: 24px;
    line-height: 30px;
    padding: 30px 20px 10px;
}
    
.txt-on-img{
    position: absolute;
    top: 20%;
    left: 20%;
}
    
.abt-layout{
    width: 1200px;
    margin: 0 auto;
}
    
.abt-carousel{
    width: 520px;
    margin: 0 auto;
}   

.iot_overlay{
    display: none;
}
    
}


@media screen and (min-width: 1400px) {
    
.ht_tit,.hth_banner .hth_container div:nth-child(2){
    width: 46%;
}
    
.mt7{
    margin-top: 7%;
}
    
.collg6{
   width: 55%; 
}
    
.xs-gridbox-s{
    font-size: 28px;
    line-height: 34px;
    padding: 40px 20px 10px;
}
    
.txt-on-img{
    position: absolute;
    top: 28%;
    left: 26%;
}
    
.ht_logo div span img{
    margin: 20px 30px;
}
    
.iot_bg{
    height: 610px;
}
    
.engine1__bg{
    height: 650px;
}

.engine1__bg_container{
    right: 3%;
    left: auto;
}
    
.p_exp_box1{
    position: absolute;
    top: 17%;
    right: 3%;  
    text-align: left;
}
    
.p_exp_box2 {
    position: absolute;
    top: 10%;
    right: 3%;
}
    
.p_exp_txt_2 {
    width: 380px;
}
    
}


@media screen and (min-width: 1600px) {
    
.ht_tit,.hth_banner .hth_container div:nth-child(2){
    width: 40%;
}
    
.xs-gridbox-s{
    font-size:34px;
    line-height: 40px;
    padding: 40px 20px 15px;
}
    
.abt-layout,.abt-custom{
    width: 1400px !important;
    margin: 0 auto;
}
    
.engine1__bg{
    height: 750px;
}

.engine1__bg_container{
    right: 5%;
    left: auto;
}

.p_exp_box1{
    position: absolute;
    top: 20%;
    right: 1%;  
}  
    
.p_exp_box2{
    position: absolute;
    top: 24%;
    right: 7%;
}
    
.p_exp_txt_2 {
    width: 455px;
}
    
.phonebox1{
    position: absolute;
    bottom: 10%;
    left: 55%;
}

    
.rs-f{
    font-size: 32px;
    line-height: 40px;
}

}

@media screen and (min-width: 1700px) {

.iot_bg{
    height: 800px;
}

.engine1__bg{
    height: 875px;
}
    
.engine1__bg_container{
    right: 10%;
    left: auto;
}
    
.pat_exp_bg{
    height: 766px;
}
    
.p_exp_box1{
    position: absolute;
    top: 22%;
    right: 3%;  
}
  
}

@media screen and (min-width: 1800px) {
  
.xs-gridbox-s{
    font-size:34px;
    line-height: 40px;
    padding: 40px 20px 40px;
}
    
}