@media only screen and (max-width: 1024px){
  
}

@media only screen and (max-width: 992px){
    .text-nav{display: none;}
    .data-wrap{flex-direction: column;}
    .data-left,.data-right{width: 100%;}
    .arraw-icon { width: 100%; margin: 1rem 0; justify-content: center; display: flex; }
    .arraw-icon .btn{margin: 0 1rem;}
    .arraw-icon .btn svg{transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
    .node-items{width: 650px;max-width: 650px;}
    .group-box .item{width: 90px;height: 90px;}
    .group-box .line{width: 90px;margin:2.7rem 0;}
    .vertical-line.second .line-show{margin-left: 2.6rem;}
}

@media only screen and (max-width: 768px){
    
}

@media only screen and (max-width: 767px){
  
  
}

@media only screen and (max-width: 667px){
    
}

@media only screen and (max-width: 580px){
    .select_branch,.select_study{display: none;}
    .rack_list li{width: 100%;}
    .rack_list li a{border-right: 0;border-bottom: 1px solid #ddd;}
}

@media only screen and (max-width: 480px){
    .header .bottom-header .nav-left span{display: none;}
}

@media only screen and (max-width: 376px){
   
  
}