/* Preserve the desktop source layout; contain the source quality grids on phones. */
/* Keep translated branding and navigation on one row. The branding may wrap
   within its available space instead of pushing the entire navigation down. */
/* The retained TC stylesheet hides every first li below .pull_right.
   Restore real menu entries, language options and header contact details. */
.headerNavBox .nav_normal > li:first-child,
.headerNavBox .nav_normal .dropdown_menu > li:first-child,
.headerNavBox .headerInfoBox > ul > li:first-child,
.langBox .langMenu > li:first-child { display: block; }
@media (min-width: 993px) {
  .header > .container_1400 { display: flex; align-items: center; gap: 24px; }
  .header > .container_1400 > .logo_box { float: none; flex: 1 1 125px; min-width: 125px; }
  .header .logo_box .t p { white-space: normal; overflow-wrap: anywhere; }
  .header > .container_1400 > .headerNavBox { float: none; flex: 0 0 auto; }
  .headerNavBox .nav_normal { display: flex; white-space: nowrap; }
  .headerNavBox .nav_normal > li { flex: 0 0 auto; }
  .headerNavBox .nav_normal > li > span { display: block; }
  .headerNavBox .nav_normal > li > span > span {
    display: inline-block; position: relative; padding: 0 20px;
    font-size: 16px; font-weight: bold; line-height: 52px;
    text-align: center; color: #333; white-space: nowrap;
  }
  .headerNavBox .nav_normal > li > span > i {
    display: inline-block; vertical-align: top; width: 24px; height: 52px;
    margin-left: -20px;
    background: url('../../themes/cdtech-original/assets/public/static/images/home/en-us/reset/dropdown_menu.png') no-repeat center;
  }
  .indexHeader .headerNavBox .nav_normal > li > span > span { color: #fff; }
  .indexHeader:hover .headerNavBox .nav_normal > li > span > span,
  .indexHeader.is_stuck .headerNavBox .nav_normal > li > span > span { color: #333; }
  .headerNavBox .nav_normal > li > .dropdown_menu {
    width: max-content; min-width: 100%; max-width: min(460px, calc(100vw - 40px));
    box-sizing: border-box;
  }
  .headerNavBox .nav_normal > li:nth-last-child(-n+2) > .dropdown_menu { left: auto; right: 0; }
  .headerNavBox .nav_normal .dropdown_menu li > a,
  .headerNavBox .nav_normal .dropdown_menu li > span {
    display: block; box-sizing: border-box; padding: 7px 20px;
    font-size: 14px; line-height: 1.5; color: #fff; text-align: left;
    white-space: normal; overflow-wrap: anywhere;
  }
  .headerNavBox .nav_normal .dropdown_menu li > span { cursor: default; }
  .headerNavBox .nav_normal .dropdown_menu li > a:hover,
  .headerNavBox .nav_normal .dropdown_menu li > a:focus-visible { background: #fff; color: #000; }
  .headerNavBox .nav_normal > li:focus-within > .dropdown_menu { display: block !important; }
  .headerNavBox a:focus-visible { outline: 2px solid #4171a8; outline-offset: 2px; }
}
@media (min-width: 993px) and (max-width: 1220px) {
  .header > .container_1400 { gap: 16px; }
  .headerNavBox .nav_normal > li > a > span { padding-left: 12px; padding-right: 12px; }
  .headerNavBox .nav_normal > li > span > span { padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 992px) {
  /* The source menu animates every row from a skewed offscreen position.
     Keep open-menu tap targets stationary while the submenu is operated. */
  .m_header .nav_toggle.active ~ .m_nav .m_nav_toggle > li { transform: none !important; transition: none; }
  .m_header .nav_toggle.active ~ .m_nav .m_nav_toggle > li > a { opacity: 1 !important; }
  .m_header .m_nav_list a,
  .m_header .m_nav_list > li > span,
  .m_header .m_nav_list .dropdown_menu > li > span {
    box-sizing: border-box; white-space: normal; overflow-wrap: anywhere;
    line-height: 1.5; padding: 9px 40px 9px 15px;
  }
  .m_header .m_nav_list .dropdown_menu > li > span { display: block; font-size: 14px; color: #000; }
  .m_header .m_nav_list > li > span { display: block; width: 100%; font-size: 14px; color: #000; text-align: left; }
}
@media (max-width: 767px) {
  .qc2 .items { margin: 30px 0; }
  .qc2 .item { width: 100%; padding: 0; margin-bottom: 20px; }
  .qc2 .item .conBox { padding: 24px; }
  .qc3 .items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
  .qc3 .item { min-width: 0; height: auto; min-height: 100px; padding: 12px; text-align: center; }
  .qc3 .item h3 { font-size: 18px; overflow-wrap: anywhere; }
}
.news_content_text iframe{max-width:100%}
/* Native pagination uses the original page dimensions in every locale. */
.page_box:has(> .pagination){float:none;clear:both;display:flex;justify-content:flex-end;}
.page_box > .pagination{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;border-right:1px solid #e5e5e5;}
.page_box > .pagination > li{box-sizing:border-box;list-style:none;flex:0 0 38px;width:38px;height:38px;line-height:38px;border:1px solid #e5e5e5;border-right:0;text-align:center;font-size:12px;background:#fff;color:#666;}
.page_box > .pagination > li > a,.page_box > .pagination > li > span{display:block;width:100%;height:100%;line-height:36px;color:inherit;}
.page_box > .pagination > li.active,.page_box > .pagination > li:not(.disabled):hover{background:#1f1e1e;color:#fff;}
.page_box > .pagination > li > a:focus-visible{outline:2px solid #4171a8;outline-offset:-3px;}
@media(max-width:767px){.page_box:has(> .pagination){justify-content:center;}.page_box > .pagination{max-width:100%;}}
/* Keep the retained custom-display case studies and long FAQ questions readable. */
@media(max-width:767px){
 .cld3 .content .item{grid-template-columns:minmax(0,1fr);}
 .cld3 .content .item .img img{display:block;width:100%;height:auto;}
 .cld3 .content .item .text{min-width:0;padding:22px;}
 .cld3 .content .item h3,.cld3 .content .item h3 span{font-size:22px!important;line-height:1.4;overflow-wrap:anywhere;}
 .cld3 .content .item p{display:block;overflow:visible;-webkit-line-clamp:unset;}
 .tabs-list .tabs-head{box-sizing:border-box;height:auto;min-height:50px;line-height:1.55;padding:12px 42px 12px 16px;background-position:right 12px center;}
}

/* Source inline spans must follow their existing responsive heading sizes. */
@media(max-width:767px){.cld1 .title h1 span,.cld1 .title h2 span,.cld3 .title h2 span,.cld4 .title h2 span{font-size:inherit!important;line-height:inherit;}}