@media only screen and (max-width:991px)
{
    :root{ --contPadd:10px 14px;}
     .vtotCol1,.vtotCol2,.vtotCol3,.vtotCol4,.vtotCol5.vtotCol6,.vColumn10,.vColumn20,.vColumn30,.vColumn40,.vColumn50,.vColumn60,.vColumn70,.vColumn80,.vColumn90,.vColumn100,.vColumn15,.vColumn15,.vColumn25,.vColumn35,.vColumn45,.vColumn55,.vColumn65,.vColumn75,.vColumn85,.vColumn95{width: 100%; }
   
    .scmcard .scardTop abbr{font-size: 12px}
    .scmcard .scardInBox p,label{font-size: 14px;}
     .h4,.scmcard .scardTop p{font-size: 16px;}
    .h3{margin-bottom: 14px; font-size: 18px;}
    .card .cardBox .cardData abbr,.scmcard .scardInBox span{    font-size: 20px;}
    .h1{    font-size: 22px;}
    .scmcard .scardTop span{    font-size: 30px;}
    .formWrap .h1 {  margin-bottom: 8px;}
    
    .tabHZ .tabHZList ul li, .tabVT .tabVTList ul li,.h5,.listCard p{font-size: 14px;line-height: normal}
    .tabVTBox{flex-wrap: wrap}
    .tabVT .tabVTList ul{display: flex;flex-wrap: wrap}
    .tabVTBox .tabVTList,.tabVTBox .tabShow{width: 100%}
    .card,.sceepin{padding: var(--contPadd);}
     .vRow{flex-direction: column;flex-wrap: wrap}
     
    .formWrap .formBox{max-width:  100%}
    .tabVT .tabVTList ul li{display: flex;align-items: center}
    .tabVT .tabVTList ul li span{width: 100%}
    .scmcard{padding: 0}
    .formWrap input, select, .formWrap textarea{padding: 6px}
    .h3{margin-bottom: 14px; font-size: 18px;}
    .listCard .listBoxDtl{padding: 3px;}
    .card .cardBox .cardData ul li{padding: 14px 0;}
    .scmcard .scardInBox{padding: 8px 0}
    .formWrap .formField ul li, .formField ul li .cloneBox{margin-bottom: 8px;}
    
    .formWrap .formField .labelUpWrap ul li{margin-bottom: 14px;}
    .formWrap .formField .labelUpWrap ul li:last-child{margin-bottom: 0}
    .table2 th, .table1 th, .table2 td, .table1 td{padding: 10px 4px;font-size: 14px}
    .tabBtn{padding: 6px 16px;font-size: 14px;}
    
}

@media only screen and (max-width:767px)
{
      
    
    .tb_search,.signBox canvas{width: 100%}
 .header .navigation,.mobile-menu span{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
    
    .languageBox{position: relative;right: 0;left: 10px;}   
    
    .header{padding: 8px 4px 10px}
    .header .headerRight ul li{padding: 2px 8px}
    
    .mobile-menu{ width:46px;height: auto; top:6px;padding: 4px 8px 39px;position: absolute;left: 0;z-index: 101;border-radius: 4px; }
    .mobile-menu span{width: 100%;max-width: 60%; margin: 0 auto;height:2px;background-color: #fff;color: #000;display:block;position: absolute;right: 0;left: 0; top: 4px; }
    .headOnScrl .mobile-menu{  background-color: rgba(0, 0, 0, 0.5);}
    .headOnScrl.sidemenu .mobile-menu,  .header.headOnScrl.sidemenu .navBar .navWrapper{background-color: transparent}
    .mobile-menu span:nth-child(1){top: 3px;}
    .mobile-menu span:nth-child(2){top: 12px;}
    .mobile-menu span:nth-child(3){top: 21px;}
    
    .mobile-menu.open span:nth-child(1){transform: rotate(135deg);top: 14px;}
    .mobile-menu.open span:nth-child(2){opacity: 0; }
    .mobile-menu.open span:nth-child(3){transform: rotate(-135deg);top: 14px;}
        .mobile-menu{display: block;}
    
    
    
      .header .navigation{ height: 100vh;position: fixed;left: -1070px;width: 100%;top: 0;z-index: 100}
    .header.sidemenu .navigation{opacity: 1;margin-left: 0;left: -30px;     background-color: var(--maindark);overflow-y: scroll }
    
     .header .navigation .navWrapper{flex-direction: column;width: 100%;padding-top: 50px}
    .header .navigation a{text-align: center;display: block;}
    .header .navigation .navWrapper li a{padding: 14px 0;font-size: 15px;  width: 100%;      display: inline-block;}
    .header .navigation .navWrapper li{margin: 0;border-bottom: 1px solid #fff;text-align: center;padding: 12px 0 0}
    .header .navWrapper li a:after{display: none}
    
    .themchng img{max-width: 20px}
    .header .headerRight .loginImg, .header .headerRight .smallProfile{max-width: 20px;height: auto}
    .lanList li,.header .headerRight ul li,.profinfo span{font-size: 12px;}
    .loginList{    width: 180px;left: -154px;top: 32px}
    .lanList{    width: 140px;top: 32px}
    .languageBox{left: 0}
    .logoname{padding: 4px 8px;font-size:10px;top: 0;    left: 55px;}
    
    
    .tabVT .tabVTList ul,   .nextPrevTab .npTabList ul{flex-wrap:nowrap; display: block;white-space: nowrap;
    overflow: auto;  scrollbar-color: var(--maindark) var(--mainlight);scrollbar-width: thin;padding-bottom: 10px;}
    
    
    .tabVT .tabVTList ul li{margin: 4px;display: inline-block;width: auto}
    .scmcard .scardTop{padding: 10px 20px 90px}
    .scmcard .scardTop p{padding-bottom: 14px;}
    .formWrap .formWrapIn{padding: 24px 0}
    .h1{font-size:18px;}
    .formWrap .formBox{padding: 16px 10px}
    .formWrap input, select, .formWrap textarea{font-size: 13px }
    .tableTop{flex-wrap: wrap;flex-direction: column}
    .tb_search{margin-top: 10px;}
    
    .accordiann{padding: 20px 10px}
    .accordiann .net_accord .accFaqLink{    font-size: 13px;padding-right: 40px}
    .accordiann .net_accord .accfa{padding: 0}
    .accordiann .acc_submenu_copy{padding: 8px 12px 16px}
    .iconBox li{    width: 50%;padding: 10px 0;font-size: 14px;}
    .custbtn{padding: 8px 38px}
    .colorDemoBox .color-block{width: 30px;height: 30px;}
    .color_guid{position: relative}
    .colorDemoBox .color-label{display: block;margin-bottom: 10px;}
    .colorDemoBox .color-number{margin: 6px 0;font-size: 13px;}
    body.fixbody{overflow: hidden} 
    .header .navigation .navWrapper li a{padding: 0;padding-bottom: 12px;position: relative}
    
    
/*    New Start*/
    
.header .navWrapper li:hover .innerNav{transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none}
    
.header .navWrapper li .innerNav,.header .navWrapper li .innerNav .SubinnerNav{opacity:1;transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;position:relative;width:100%;top:0;left:0;display:none;-webkit-transform-origin:unset;box-shadow:none;-webkit-transition:none;padding:0}
    
    
    .header .navWrapper li .innerNav ul li{padding: 6px 0;background-color: var(--general_background);}
    
    .header .innerMenu > a:before{position: absolute;content: '';right: 12px;top: 4px;background-image: url(../images/plus-white.png);background-repeat: no-repeat;width: 22px;height: 22px;        background-size: 15px;}
.header .innerMenu.active > a:before{background-image: url(../images/minus-white.png);width: 22px;height: 2px;top: 11px}
    
    .searchPopup{    left: -240px; padding: 22px 16px 20px;   width: 300px;}
    .searchPopup .searchIcon{    right: 20px;}
    .subArrowRight{    right: 14px;}
}