body{padding: 0; margin: 0; color: #363636; font-size: 16px; line-height: 22px;font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;}
html{ scroll-behavior: smooth;}
::-webkit-scrollbar {width: 10px;}/* Track */::-webkit-scrollbar-track { background: #f1f1f1;}/* Handle */::-webkit-scrollbar-thumb { background: #141925;}/* Handle on hover */::-webkit-scrollbar-thumb:hover {background: #555;}/* Firefox */ * {scrollbar-width: auto;scrollbar-color: #222222 #f1f1f1;}

@font-face {font-family: 'Forma DJR Display';src: url('FormaDJRDisplay-Regular.woff2') format('woff2'), url('FormaDJRDisplay-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Forma DJR Micro';src: url('FormaDJRMicro-Regular.woff2') format('woff2'), url('FormaDJRMicro-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face { font-family: Helvetica; src: url("Fonts/Helvetica.ttf") format("ttf")}
.container-wrap h1{font-size: calc(28px + (50 - 25) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif; color: #000000;}
.container-wrap h2{font-size: calc(24px + (40 - 20) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap h3{font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap h4{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap h5{font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap h6{font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
.container-wrap p{font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;}
*{padding: 0px; margin: 0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
.container-wrap .h1, .container-wrap .h2, .container-wrap .h3, .container-wrap .h4, .container-wrap .h5, .container-wrap .h6, .container-wrap h1, .container-wrap h2, .container-wrap h3, .container-wrap h4, h5, .container-wrap h6 { padding: 0px; margin: 0px; font-weight: 500; line-height: 1.2;}
.container-wrap a:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}

.container-wrap a, .container-wrap img {text-decoration: none;outline: none;}
.container-wrap ul{margin:0;padding:0;list-style:none;}
.container-wrap a:hover{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
img{ max-width: 100%; }
html:not([lang=zh-cn]):not([lang=zh-tw]):not([lang=zh-hk]):not([lang=ja-jp]) body * {word-break: keep-all;}
.hp_btnPrimary {display: inline-block;padding: 0 0 11px 30px;}
.hp_btnPrimary a{color: #FFFFFF;background-color: #000000;border: 2px solid #000000; white-space: nowrap; padding: 7px 30px;font-size: 20px;display: inline-block;-webkit-transition: all .3s ease;transition: all .3s ease;}
.hp_btnPrimary a:hover{ background:#40defa;border-color:#40defa; text-decoration: none;}
.container-wrap *:hover{ transition: all .5s;outline:0;}
.container-wrap sub, .container-wrap sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
.container-wrap sup {top: -0.5em;}
.container-wrap .btn-close:focus {outline: 0;box-shadow: 0 0 0 0;}
.container-wrap,.wrap_2  {max-width:1280px; margin: auto; width: 100%; padding: 0 15px; font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;}


/*Nav*/
.logo {float: left; padding: 23px 40px 0 0; }
.logo a {font-size: 20px;padding: 0;  margin: 26px 0 0;font-weight: 500;height: auto; line-height: 1.25; color: #000; text-decoration: none;}
.main-nav{ z-index: 999; min-height: 72px; float: left; width: 100%; background: #fff; box-shadow:0 3px 6px 0 rgb(197 197 197 / 16%);border-bottom: 1px solid #fff;position: fixed;  }
nav ul { width: auto; float: left;margin: 0 auto; list-style: none; text-align: center; display: table;}
nav ul li { float: left;  padding: 25px 15px 23px 15px;  vertical-align: middle; position: relative;-webkit-transition: all .3s ease;  transition: all .3s ease;  }
nav ul li:first-child {padding-left: 0;}
nav ul li a { padding: 10px 0; color: #000; text-decoration: none; transition: all 0.2s ease; font-size: 16px;}
nav ul li a:hover { color: #000; }
nav ul li.dropdown-toggle{border-bottom: 3px solid transparent;}
nav .dropdown-list {display: none;top: 73px; margin: 0; padding: 7px 0; left: 0px;position: absolute;background-color: #fff;min-width: 204px;box-shadow:0 12px 12px 0 rgba(0,0,0,.2);z-index: 1;}
.dropdown-list li {width: 100%;  padding: 0;  text-align: left;}
.dropdown-list a { font-size: 14px; position: relative; color: black;padding: 8px 16px;text-decoration: none; display: block; }
.dropdown-list a:hover {background-color: #e6fcff;}
.dropdown-toggle:hover .dropdown-list {display: block;}
nav ul li.dropdown-toggle:hover  {color: #165dba;border-bottom: 3px solid #165dba;border-radius: 2px;}
.dropdown-list li>a:after {border-top: 1px solid #000;bottom: 0;content: "";display: block; left: 17px; position: absolute; right: 17px;   transition: border-top-color .3s ease;}
.dropdown-list li:last-child >a:after{ border-top-color: transparent !important;}
.dropdown-list li:hover>a:after {border-top: 1px solid transparent;}
.main-nav .btn-group {  float: right; margin: 5px 0 0;}
a.button.primary {font-size: 16px; color: #FFFFFF;background-color: #000;line-height: 33px; padding: 0 16px 0 16px; display: block;margin: 14px 0 0;}
a.button.primary:hover { background-color:  #5a5a5a;}
.btncta a:hover{background: #5a5a5a;color: #FFFFFF;}
.dropdown-menu a{ color: #000;  padding: 8px 7px; opacity: 0.6; line-height: 29px;display: block; text-align: left;     float: left; font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))); position: relative; overflow: hidden;}

/*Mobile Menu Css*/
.mobile_btn {display: none; z-index: 999; font-size: 18px; margin:26px 0px 5px 0px;}
.mobile_btn a {text-decoration: none; color: #000; }
.btn-open:after { font-size: 24px;margin-left: 10px; color: #000; content: "\f107"; font-family: "FontAwesome";  }
.btn-close:after { font-size: 24px; margin-left: 10px; color: #000; content: "\f106"; font-family: "FontAwesome";  }
.toggle_menu {display: none; position: absolute; top:70px; width: 100%; height: 100vh; overflow: auto; z-index: 999; right: 0; background: rgb(0 0 0 / 49%);   box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);}
.toggle_menu ul{background: #fff;}
.toggle_menu ul li {float: left; width: 100%; text-align: left;}
.toggle_menu ul li a {border-right: 0px; padding: 15px; float: left; width: 100%; border-top: 1px solid #e9e9e9 !important;}
.mobile_btn a.btn-close {margin: 0 0 0;width: auto;background: none;opacity: 1;border-radius: 0;padding: 0;height: auto;}
.mobile_nav{display: none;}
 /*Nav*/

/*banner */
.banner_sec{width:100%; float:left;position: relative; margin-top: 72px;}
.banner_sec .front_Text{background: #8cebfc; vertical-align:middle; min-height: 600px;  width:100%; padding: 0;}
.banner_sec .front_Text .info_text{padding: 26px 15px 29px 0;color: #000;vertical-align: middle;float: left;max-width: 418px;}
.content-inner{background: #40defa;color: #000;vertical-align: middle; float: left ; width: 100%;}
.content-inner_2{ background:#66e5fb;color: #000;vertical-align: middle; float: left ; width: 100%;}
.banner_sec .front_Text h1{font-size: 70px; line-height: 74px; padding: 15px 10px 10px 0; max-width: 418px;float: left;}
.banner_sec .front_Text h2{ font-size: 34px; line-height: 40px; padding: 10px 10px 10px 0; max-width: 418px;float: left; }
.banner_sec .front_Text .info_text p{ font-size: 20px;line-height: 24px;}
.banner_sec .rtl_img{ max-width: 100%; position: absolute;right: 0;width: calc(50% + 190px); height: 100%; background: url("../images/Hero---image---DM---Desktop@2x.jpg") no-repeat 50% 50% / cover;   }
.banner_sec .rtl_img img{display: none;}
.btncta {display: inline-block;padding: 45px 0 11px 0;}
.btncta a{color: #fff;background: #000;text-align: center;padding:9px 28px 10px;display: inline-block;font-size: 18px; }
.btncta a:hover{background: #5a5a5a;color: #FFFFFF;}
/*banner */

/* printing  css*/
.printing_scan{padding: 40px 0px 39px;width: 100%;float: left; text-align: left;}
.printing_scan h4{color: #000000;font-size: 28px;line-height: 34px;float: left;width: 100%;padding: 0 0 18px;min-height: auto;}
.printing_scan p{font-weight: 400;font-size: 20px;line-height: 26px;color: #000000;}
.printing_scan .slick-prev, .printing_scan .slick-next{top: 36%;}
.col_slide{ padding: 0 15px;}
.col_slide img{display: inline; margin-bottom: 25px;}
/* printing*/

/*technology CSS*/
.head_tech{background-color:#40defa;float: left;width: 100%;padding: 15px 0 15px;}
.head_tech h1{font-size: 50px; line-height: 52px; padding: 10px 0 10px 0; float: left;}

.technology{background-color:#d9f8fe;float: left;width: 100%;padding: 54px 0 86px;}
.energy_efficient p{font-weight: 400;font-size: 20px;line-height: 24px;color: #000000;padding: 27px 0 23px;}
.energy_efficient a{color: #fff;background: #000;text-align: center;padding: 8px 22px 8px;display: inline-block;font-size: 16px;}
.energy_efficient a:hover{background: #5a5a5a;color: #FFFFFF;}
.energy_efficient .slick-slide:nth-child(1) .ene_slide img{max-height: 50px;}
.energy_efficient .slick-slide:nth-child(2) .ene_slide img{max-height: 80px;}
.energy_efficient .slick-slide:nth-child(3) .ene_slide img{max-height: 80px;}
.hgt_img {min-height: 89px;display: flex;align-items: flex-end;justify-content: center;}
.ene_slide{ padding: 0 15px;}
/*technology CSS*/

/*Slider no. click Section CSS*/
ul.list_tabs{margin: 0 0 0;padding: 0px;list-style: none;}
ul.list_tabs li{float: left;background: #9eeefc;color: #222; position: relative; padding: 14px 24px;font-size: 20px;line-height: 24px;cursor: pointer;border-top: 4px solid #9eeefc;}
ul.list_tabs li.current_tab{background: #fff;color: #222; border-top: 4px solid #000;}
ul.list_tabs li::before{ background: #707070; bottom: 0;content: "";height: calc(100% - 20px);left: -1px;margin: auto 0;position: absolute;top: 0;width: 2px;}
ul.list_tabs li:first-child:before{background: transparent; }
ul.list_tabs li.current_tab:before{background: transparent; }

.c-tabs-content{background: #fff;opacity: 0s;margin: 0;height: 0;overflow: hidden;position: relative;z-index: -1;}
.c-tabs-content.current_tab{opacity: 1;height: auto;z-index: 99;padding: 15px 0;}

.notabclick{float: left;width: 100%;padding: 71px 0 37px;background: #ffffff;}
.notabclick .div_view_all{width:49%; float: left; position: relative; margin-top: 40px;}
.notabclick .tabNumClick{position: relative; z-index: 99;width: 50%;float: left;}
.uppernoclick { position: absolute; right: 0; width: 54%;  top: 0; height: 100%;}
.notabclick .exploded_view_content{width: 24%;float: right;font-size: 20px;line-height: 26px;color: #000;}
.notabclick p{float: left ; width: 100%; text-align: center; padding: 8px 0 16px;font-size:calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));}
.custom_tab_nav h1 {align-items: center;color: #000;display: flex;justify-content: left;position: relative;width: 100%;padding: 40px 0 30px;font-size: 50px;line-height: 52px;}
.Detailtabs,.Detailtabs2,.Detailtabs3  {overflow: hidden; width: 100%;margin: 0;padding:40px 0 0 0 !important; list-style: none; }
.Detailtabs li,.Detailtabs2 li,.Detailtabs3 li  {display: block !important; }
.Detailtabs a,.btnclickNum a,.btnclickNum2 a, .Detailtabs2 a,.btnclickNum3 a, .Detailtabs3 a {position: relative;display:block;text-decoration: none;color:rgba(0,0,0,0.5);font-size:20px;    line-height: inherit;;width:100%; }

@media only screen  and (min-width:1201px) {
.Detailtabs .slick-slide,.Detailtabs2 .slick-slide,.Detailtabs3 .slick-slide{width: 100% !important;display: block !important;padding: 0px 0px 36px 18px; }
}
 
.slide_info_text.prev3 { top: -122px;}.slide_info_text.prev4 { top: -161px;}.slide_info_text.prev5{ top: -201px;}.slide_info_text.prev6 { top: -203px;}.slide_info_text.prev7 {top: -223px;}
.slide_info_text{opacity: 0; float: left; right: 6px; width: 40%; position: absolute;}

.dualWifi {float: left;max-width: 60%; width: 100%;}
.dualWifi a.tabo1,.dualWifi a.tabo2,.dualWifi a.tabo3,.dualWifi a.tabo4,.dualWifi a.tabo5, .dualWifi a.tabo6, .dualWifi a.tabo7{padding-right: 103px;}
.Detailtabs .slick-slide.slick-current a::before,.Detailtabs2 .slick-slide.slick-current a::before,.Detailtabs3 .slick-slide.slick-current a::before{content: "";right: 28px;position: absolute;top: 12px;border-top: 1px solid #000;width: 66px;z-index: 999;}

.slide_info_text p{font-size: 16px;padding: 9px  0 0px;margin: 0;text-align: left;color: #000000; }
.Detailtabs .slick-slide.slick-current .slide_info_text,.Detailtabs2 .slick-slide.slick-current .slide_info_text,.Detailtabs3 .slick-slide.slick-current .slide_info_text{opacity: 1;}

.tabNumClick.countNo .slick-current a{ color: #fff; background: #165dba;}  
.tabNumClick.countNo a:hover{ transition: all .5s; color: #fff; background: #165dba;}

.tabNumClick.countNo a{ background: #ffffff;text-align: center; width: 32px; line-height: 34px; font-size: 16px; height: 32px; color: #000; border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.tabNumClick.countNo .slick-slide{ height: 50px; width: auto !important; float: left; }
.tabNumClick.countNo { width: 100%; position: absolute; top: 0;}
.btnclickNum{padding: 0 !important;}

.tabNumClick.countNo .slick-list.draggable{height: 368px;}
.tabNumClick.countNo .slick-slide:nth-child(1){position: relative;top: 37px;left: 268px;}
.tabNumClick.countNo .slick-slide:nth-child(2){position: relative;top: 264px;left: 358px;}
.tabNumClick.countNo .slick-slide:nth-child(3){position: relative;top: 96px;left: 89px;}
.tabNumClick.countNo .slick-slide:nth-child(4){position: relative;top: 166px;left: 446px;}
.tabNumClick.countNo .slick-slide:nth-child(5){position: relative;top: 149px;left: 256px;}
.tabNumClick.countNo .slick-slide:nth-child(6){position: relative;top: 124px;left: 336px;}
.tabNumClick.countNo .slick-slide:nth-child(7){position: relative;top: 231px;left: -111px;}

.tabNumClick .btnclickNum2 .slick-list.draggable{height: 421px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(1){position: relative;top: 37px;left: 268px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(2){position: relative;top: 248px;left: 271px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(3){position: relative;top: 93px;left: 167px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(4){position: relative;top: 143px;left: 386px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(5){position: relative;top: 104px;left: 268px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(6){position: relative;top: 78px;left: 303px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(7){position: relative;top: 303px;left: 36px;}

.tabNumClick .btnclickNum3 .slick-list.draggable{height: 421px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(1){position: relative;top: 44px;left: 265px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(2){position: relative;top: 241px;left: 277px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(3){position: relative;top: 91px;left: 138px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(4){position: relative;top: 119px;left: 427px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(5){position: relative;top: 35px;left: 268px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(6){position: relative;top: 228px;left: 378px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(7){position: relative;top: 286px;left: 313px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(8){position: relative;top: 241px;left: -67px;}

.Detailtabs .slick-slide.slick-current a,.Detailtabs2 .slick-slide.slick-current a,.Detailtabs3 .slick-slide.slick-current a{ color:rgba(0,0,0,1);}   
.rtabl li{ position: relative;}
.rtabl li a{padding-left: 22px;}
.rtabl li span{ position: absolute; left: 0;}

.custom_tab_nav  {background: #40defa; float: left; width: 100%; margin: 0 0 0;}
.bg_tab{ position: relative;  float: left; width: 100%; min-height: 82px;margin: 0 0 30px; transition: all .5s; }
.tab_fix  { position: absolute; background: #d9f8fe;   width: 100%;  padding-top: 12px; transition: all .5s;  }

.custom_tab_content {float: left; width: 100%;}
.custom_tab_nav ul{text-align: left;   margin: 0px; width: 100%; }
.custom_tab_nav ul li a{ font-size: 20px; padding:5px 15px 10px 15px; border-bottom: 2px solid #ebebeb; float: left; color: rgb(118, 118, 118);}
.slide_info ul{ padding: 10px 0 0 20px}
.divider{display: flex; float: left; height: 1px; width: 100%;margin: 35px 0 12px; background-color: #000;}
/*Slider no. click Section CSS*/


/*DataTable*/
.datatable{background: #ffffff;float:left;width:100%;padding: 55px 0px 62px 0px;color: #000;}
.datatable h2{padding: 0 0 60px;font-size: 50px; line-height: 52px; }
.datatable_slider_item .row{margin:0px;}
.datatable strong{font-size: 16px;line-height: 19px;}
.datatable .datatable_slider strong,.datatable .datatable_slider_2 strong{font-size: 23px;font-weight: 400;}
.datatable_slider_item .row:first-child strong{display:inline-block;background: #40defa;text-align: center;width: 100%;padding: 19px 15px;display: flex;flex-direction: column;}
.datatable_slider,.datatable_slider_2{ text-align: left;}
.datatable .datatable_slider_item.itemNo1 .col-md-12 {position: relative;border-bottom: 1px solid #000000;}

.datatable .height1t, .datatable .heightco1{height: 229px; overflow: hidden;padding: 21px 0px 23px 16px;border-bottom: 0 !important;}
.height_00 {height: 98px;}.height_01 {height: 91px;}.height_02 {height: 91px;}.height_03 {height: 91px;}.height_04 {height: 88px;}.height_05 {height: 86px;}.height_06 {height: 94px;}.height_07 { height: 94px;}
.datatable [class*=col-] {float: left;position: relative;padding: 5px 5px;/* border: 1px solid #000; */}
.datatable_slider_item.itemNo1 {color: #000000;border: 1px solid #000000;padding: 0 0px;border-radius: 0;background: #fff;text-align: left;position: relative;}
.datatable_slider_item.itemNo1 .height1t::after{height: 5px;width: 106%;left: -8px;position: absolute;bottom: 5px;content: "";/}
.datatable_slider_item.itemNo1 .height1t{background: #e6e6e6;display: block !important;}
.datatable_slider_item.itemNo1 p {font-size: 16px;margin: 0;}
.datatable_slider_item.itemNo1 p span{font-weight: 300;display: block;}
.datatable_slider_item.itemNo1 ul { margin-left: 18px;list-style: disc;font-weight: 400;    font-size: 18px;}

.datatable_slider_item.itemNo2 p, .datatable_slider_item.itemNo1  p span,.datatable_slider_item.itemNo1 ul span {font-size: 16px;}
.datatable_slider_item.itemNo2 {border: 1px solid #000000;background: #ffffff;color: #000000;margin: 0 -3px 0;}
.datatable_slider_item.itemNo2  .height1t{background: #e6e6e6;}
.datatable .datatable_slider_item.itemNo2 .col-md-12 {border-bottom: 1px solid #000000;}

.datatable .datatable_slider_item.itemNo1 .height_07:last-child{border-bottom: 3px solid transparent;}
.datatable .slick-initialized .slick-slide{margin: 0px 1px;}

.ltabl{ text-align: left;}
.datatable .ltabl strong{/* text-transform: uppercase; */font-weight: 400;}
.ltabl .col-md-12{border: 1px solid #000000;margin: -1px 5px 0;display: flex;align-items: center;}
.datatable .tblr .col-md-12{display: flex;flex-direction: column;align-items: center;justify-content: center;/* background: white; */}

.ltabl .heightco1 { border: 0;}
.datatable .tblr { padding: 0;}
.datatable_slider .slick-next,.datatable_slider .slick-prev,.datatable_slider_2 .slick-next,.datatable_slider_2 .slick-prev{ top: 44%;  }
.datatable_slider_item p, .litbl, .ltabl strong{ padding: 0 15px;}
.ltabl strong{right: 0;}
.col-xs-4 .row,.col-xs-8 .row{margin:0px;}
.datatable .row{ display: block;}
.img_top {padding: 0 !important;}
.row_text{ padding: 0 17px 0;}
a.tbl_ca {font-size: 16px; text-decoration: none; color: #FFFFFF;background-color: #000;line-height: 33px; padding: 0 16px 0 16px; display: block;margin: 14px 0 0; transition: all .5s;}
a.tbl_ca:hover { background-color:  #5a5a5a;}
.inner_mark{ max-height: 30px;}
.fl_first{display: flex;}
.fl_color{display: flex; flex-direction: column; align-items: center;}
.fl_color img{ max-height: 30px;margin: 0 0 11px;}
/*DataTable*/
.wrap_2{ max-width: 900px;}
.wrap_2 .datatable_slider_item.itemNo2{ margin: 0 -1px 0;}

/*footer CSS*/
.textfooter{background-color:#f6f6f6;float: left;width: 100%;padding: 40px 0 34px;}
.textfooter .text_ftp{padding: 0px 24px 23px;background-color: #fff;float: left;width: 100%;border-radius: 5px;}
.textfooter ol{list-style-type: decimal; margin-left: 12px;    padding-left: 0;}
.textfooter p, .textfooter  li {padding: 2px  0;color: #000;line-height: 20px;font-size: 12px; margin: 0 0 10px; letter-spacing: .3px;font-weight: 400;}
.textfooter  li {margin:0 0 10px 0px;}
.collapsible-text{margin: 4px 0 33px; color: #000000;  }
.dropClose{cursor: pointer;float: left;width: 100%;/* border-bottom: 1px solid #929292; */margin: 29px 0 29px;}
.dropClose h3{float: left;font-size: 18px;font-weight: 400;}
.dropClose i{float: right;font-size: 22px; font-weight: bolder;} .dropOpen{ float: left; width: 100%;}
.textfooter p a, .textfooter li a{text-decoration: underline;color: #474747;}
.textfooter p a:hover, .textfooter li a:hover{text-decoration: underline;color: #0077C0;}
.faupDow i.fa.fa-angle-up {  transform: rotate(180deg);}
.btn2in{ margin: 19px 0 16px;}
/*footer CSS*/

.slick-prev {left: 0px;background: rgb(251 251 251 / 68%) url(../images/left-arrow.png) no-repeat center; height: 21px;width: 21px;background-size: 17px;height: 30px;width: 30px;padding: 6px 16px 4px;border: 1px solid #000;transition: all .5s;}
.slick-next {right: 0px; background: rgb(251 251 251 / 68%) url(../images/right-arrow.png) no-repeat center; height: 21px;width: 21px;background-size: 17px;height: 30px;width: 30px;padding: 6px 16px 4px;border: 1px solid #000;transition: all .5s;}
.slick-prev:hover {background-image: url(../images/left-arrow_hover.png);background-color: #000000;background-repeat: no-repeat; background-position: center;}
.slick-next:hover { background-image: url(../images/right-arrow_hover.png);background-color: #000000;background-repeat: no-repeat; background-position: center;}
.slick-prev.slick-arrow.slick-disabled {opacity: .5 !important;cursor: auto; background-image: url(../images/left-arrow.png);background-color: rgb(251 251 251 / 68%);}
.slick-next.slick-arrow.slick-disabled {opacity: .5 !important;cursor: auto; background-image: url(../images/right-arrow.png);background-color: rgb(251 251 251 / 68%);}

.affix {width: 100%;top: 0px;position: fixed;overflow: visible!important;transition: all .5s;z-index: 9998;margin: 0 auto;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: .1s;animation-delay: .1s;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.opacityin {opacity: 0;visibility: hidden;z-index: -1;transition: all .5S !important;margin-top: -91px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: .1s;animation-delay: .1s;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.disabled{ background: grey !important; border-color: grey !important;color: #fff !important;cursor: not-allowed; pointer-events: none;}


/* Mobile view css*/
@media screen and (max-width:1200px) {
.banner_sec .rtl_img{position: static; width: 100%; float: left; height: auto;background: none;}
.banner_sec .rtl_img img{display: block;width: 100%;}
.banner_sec .front_Text{float: left; min-height: fit-content;}
.banner_sec .front_Text .info_text{padding: 14px 15px 7px 0;}
.banner_sec .front_Text h1,.description h1,.head_tech h1,.custom_tab_nav h1,.hp-component h1,.datatable h2{line-height: normal; font-size: calc(28px + (60 - 18) * ((100vw - 300px) / (2500 - 300)));}
.banner_sec .front_Text h2,.printing_scan h4 {line-height: normal; font-size: calc(22px + (34 - 16) * ((100vw - 300px) / (2500 - 300)));}
.head_tech{ padding: 16px 0 16px;}

.notabclick .div_view_all{ width: 600px;margin-top: 0px;}
.notabclick .tabNumClick { width: 100%;}
.tabNumClick.countNo { width: 100%; left: 0;}
.featureview_slider2 .slick-slide .prev1,.featureview_slider .slick-slide .prev1,.featureview_slider2 .slick-slide .prev2,.featureview_slider .slick-slide .prev2,.featureview_slider2 .slick-slide .prev3,.featureview_slider .slick-slide .prev3,.exploded_view_slider .slick-slide .prev4,.exploded_view_slider .slick-slide .prev5,.exploded_view_slider .slick-slide .prev6,.exploded_view_slider .slick-slide .prev7{padding-top: 0px !important;}
.Detailtabs .slick-slide.slick-current a::before,.Detailtabs2 .slick-slide.slick-current a::before,.Detailtabs3 .slick-slide.slick-current a::before{display: none;}
.dualWifi a.tabo1,.dualWifi a.tabo2,.dualWifi a.tabo3,.dualWifi a.tabo4,.dualWifi a.tabo5, .dualWifi a.tabo6, .dualWifi a.tabo7{padding-right: 0px;}

.Detailtabs .slick-slide,.Detailtabs2 .slick-slide,.Detailtabs3 .slick-slide { margin: 0 10px; padding: 0px 00px 0px 0px;}
.notabclick .exploded_view_content {  width: 40%;}
.slide_info_text{opacity: 1; margin: 0 2px; float: left; right: 0px; width: 100%; position: static;}
.dualWifi{ width: 100%; max-width: 100%;}
.slide_info_text  img{ width: 100%;}
.rtabl li a { min-height: 48px; font-size: 16px;padding-bottom: 10px;}
.rtabl .slick-dots li{display: inline-block !important;}
.immobile{ width: 600px; margin: auto; }
.slick-dots li.slick-active button::before {background-color: #000;}
.slick-dots li button::before { background: #bdbdbd; border: 1px solid #bdbdbd;}
.uppernoclick {display: none;}
.mrview { width: 100%; float: left; overflow: hidden;}
.tabNumClick.countNo .slick-track{transform: translate3d(0px, 0px, 0px) !important;}
.tabNumClick .slick-dots {  bottom: 0 !important;padding: 15px 0 10px;}
.tabNumClick .slick-dots li { display: inline-block;}
 .slick-dots li { position: relative;	display: inline-block;	width:9px;	height:9px;	margin:0 5px;	padding:0;	cursor: pointer;}

.Detailtabs,.Detailtabs2,.Detailtabs3{ margin-bottom: 0 !important;    padding: 19px 0 50px 0px !important;}
.instendSlide .slide-item .hotext{padding: 0px 0px 66px 0px;}
.btncta{ padding: 10px 0 32px 0;}
}
 
@media screen and (max-width:992px) {
/* menu*/
nav ul { width: 100%;}
ul.dropdown-list{background-color: #f3f3f3; position: static; width: 100%;  padding:0;float: left; box-shadow: 0 0 0 rgba(0,0,0,.2);}
.toggle_menu ul li a{ padding: 10px 15px 7px;}
.toggle_menu .dropdown-list li a{ border-top: 1px solid transparent !important; padding: 12px 10px 12px 29px;}
.toggle_menu ul li .fa{ float: right; font-size: 24px;position: absolute;right: 15px;}
.mobile_btn {display: block;float: left;}
nav ul li{padding:0px} 
.main-nav .container .col-md-12{padding: 0px;}
.desktop_nav {display: none !important;}
.mobile_nav {display: block !important;}
.rotedArrow1 i.fa.fa-angle-down, .rotedArrow2 i.fa.fa-angle-down, .rotedArrow3 i.fa.fa-angle-down, .rotedArrow4 i.fa.fa-angle-down,.rotedArrow5 i.fa.fa-angle-down, .rotedArrow6 i.fa.fa-angle-down {    transform: rotate(180deg);}
.CloseMenu {text-align: center;padding: 20px 0;height: 100%;width: auto;background: none;opacity: 1;border-radius: 0;}
.CloseMenu:after{ display:none}
.CloseMenu img{cursor: pointer; margin: 18px 0 0;height: 33px;}
/* menu*/

.flex_energy {flex-direction: column;}
.description{max-width: 100%; width: 100%;padding: 0;}
.description p{ width: 100%; float: left; }
.efficient_design {max-width: 100%;}
.energy_efficient .slick-prev, .energy_efficient  .slick-next{ top: 23%;transform: scale(.8);}
.slick-next{right: -5px;}
.slick-prev{left: -5px;}
.datatable_slider_item.itemNo2{ margin: 0 0px 0;}
}

@media screen and (max-width:767px) {
.col_slide img{ margin-bottom: 12px;}
.printing_scan h4{padding: 0 0 8px;}
.textfooter{padding: 5px 0 22px;}
.btncta{padding: 1px 0 11px 0;}
.notabclick{ padding: 0px 0 37px;}
.custom_tab_nav h1{padding: 18px 0 12px;}
.technology{ padding: 24px 0 31px;}
.datatable h2 {padding: 0 0 23px;}
}

@media screen and (max-width:620px) {
.banner_sec .front_Text h1,.description h1,.head_tech h1,.custom_tab_nav h1,.hp-component h1,.datatable h2{line-height: normal; font-size: calc(25px + (60 - 18) * ((100vw - 300px) / (2500 - 300)));}
.banner_sec .front_Text h2,.printing_scan h4 {line-height: normal; font-size: calc(20px + (34 - 16) * ((100vw - 300px) / (2500 - 300)));}
.printing_scan p,.description p,.banner_sec .front_Text .info_text p,.energy_efficient p{font-size: 17px;line-height: 22px;}

.rtabl li a{ padding-bottom: 8px;min-height: inherit;}
.custom_tab_nav ul { padding: 20px 0 0 0;}
.custom_tab_nav ul li {  width: 116px;}
.custom_tab_nav ul li a { font-size: 16px;  padding: 5px 1px 10px 1px;}
.immobile { width: 300px;}
.tabNumClick.countNo {width: 317px;}
.notabclick .div_view_all {width: 100%;}

.tabNumClick.countNo .slick-list.draggable { height: 188px;}
.tabNumClick.countNo a {width: 27px;line-height: 29px;font-size: 14px; height: 27px;}
.tabNumClick.countNo .slick-slide:nth-child(1){position: relative;top: 14px;left: 131px;}
.tabNumClick.countNo .slick-slide:nth-child(2){position: relative;top: 134px;left: 168px;}
.tabNumClick.countNo .slick-slide:nth-child(3){position: relative;top: 40px;left: 17px;}
.tabNumClick.countNo .slick-slide:nth-child(4){position: relative;top: 74px;left: 190px;}
.tabNumClick.countNo .slick-slide:nth-child(5){position: relative;top: 68px;left: 80px;}
.tabNumClick.countNo .slick-slide:nth-child(6){position: relative;top: 69px;left: 102px;}
.tabNumClick.countNo .slick-slide:nth-child(7){position: relative;top: 107px;left: -109px;}

.tabNumClick .btnclickNum2 .slick-list.draggable { height: 188px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(1){position: relative;top: 13px;left: 133px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(2){position: relative;top: 123px;left: 122px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(3){position: relative;top: 38px;left: 51px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(4){position: relative;top: 66px;left: 153px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(5){position: relative;top: 46px;left: 90px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(6){position: relative;top: 32px;left: 94px;}
.tabNumClick .btnclickNum2 .slick-slide:nth-child(7){position: relative;top: 143px;left: -44px;}

.tabNumClick .btnclickNum3 .slick-list.draggable { height: 188px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(1){position: relative;top: 14px;left: 130px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(2){position: relative;top: 123px;left: 101px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(3){position: relative;top: 42px;left: 51px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(4){position: relative;top: 58px;left: 181px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(5){position: relative;top: 11px;left: 96px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(6){position: relative;top: 111px;left: 133px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(7){position: relative;top: 141px;left: 90px;}
.tabNumClick .btnclickNum3 .slick-slide:nth-child(8){position: relative;top: 121px;left: -124px;}

.datatable_slider_item.itemNo2 p,.datatable_slider_item.itemNo1 ul, .datatable_slider_item.itemNo1 p span,.datatable_slider_item.itemNo1 ul span {font-size: 15px;}
.datatable_slider_item p, .litbl, .ltabl strong{ padding: 0 5px;}
.datatable{padding: 21px 0px 37px 0px;}

}

@media screen and (max-width:576px) {
.ltabl{ width: 40%;}
.tblr{ width: 60%;}
.aftdata{padding-right: 0px;}
.bg_tab{ min-height: 51px; margin: 0 0 18px;}
.wrap_2 .height_05{ height: 139px;}
}
@media screen and (max-width:530px) {
.col_slide{ padding: 0 0;}
ul.list_tabs li{ font-size: 16px; padding: 5px 8px;}

.main-nav{ min-height: 56px;}
.mobile_btn{margin: 15px 0px 5px 0px;}
.toggle_menu{top: 55px;}
a.button.primary{margin: 6px 0 0; line-height: 30px;padding: 1px 10px 0 11px;}
.btncta a{ padding: 8px 20px 8px;}
.banner_sec{ margin-top: 56px;}
.printing_scan { padding: 40px 0px 24px;}
.notabclick {padding: 0px 0 19px;}
.head_tech {padding: 4px 0 2px;}
.technology{ padding: 34px 0 23px;}
.textfooter .text_ftp {padding: 0px 13px 23px;}
.datatable .height1t, .datatable .heightco1{    height: 168px;}
.datatable .datatable_slider strong,.datatable .datatable_slider_2 strong{font-size: 18px;}
ul.list_tabs li.current_tab{ border-top: 3px solid #000;}
.datatable_slider_item.itemNo1 p {font-size: 14px;}
ul.list_tabs li{ border-top: 3px solid #9eeefc;}
.row_text {padding: 0 4px 0;}
.datatable strong {font-size: 15px;}
}