@media (max-width: 1600px){
.departments-page >.edit{
width: 1122px;
max-width: calc(100% - 56px);
gap: 8px;
padding: 8px 0;
}
.departments-page >.edit > div{
width: calc(50% - 4px);
}
.departments-page >.edit > div > a > div{
margin-left: 85px;
font-size: 16px;
}
.departments-page >.edit > div > a > div:before{
width: 40px;
height: 40px;
background-size: 40px 40px;
left: -62px;
}
.departments-page >.edit > div > a > div > div{
font-size: 16px;
padding: 0 12px;
line-height: 18px;
}
.departments-page >.edit > div span{
font-size: 12px;
}
@media (max-width: 800px){
.info{
display: none;
}
.departments-page >.edit{
width: 96%;
gap: 6px;
padding: 6px 0;
}
.departments-page >.edit > div{
width: calc(50% - 3px);
}
.departments-page >.edit > div > a{
height: 85px;
}
.departments-page >.edit > div > a > div{
margin-left: 75px;
font-size: 15px;
height: 85px;
line-height: 12px;
}
.departments-page >.edit > div > a > div:before{
width: 36px;
height: 36px;
background-size: 36px 36px;
left: -55px;
top: 18px;
}
.departments-page >.edit > div > a > div > div{
font-size: 14px;
padding: 0 10px;
}
.departments-page >.edit > div span{
font-size: 10px;
}
}
@media (max-width: 480px){
.departments-page >.edit{
width: 98%;
gap: 4px;
padding: 4px 0;
}
.departments-page >.edit > div{
width: 100%;
}
.departments-page >.edit > div > a{
height: 75px;
}
.departments-page >.edit > div > a > div{
margin-left: 65px;
font-size: 14px;
height: 75px;
}
.departments-page >.edit > div > a > div:before{
width: 32px;
height: 32px;
background-size: 32px 32px;
left: -48px;
top: 16px;
}
.departments-page >.edit > div > a > div > div{
font-size: 13px;
padding: 0 8px;
}
.departments-page >.edit > div span{
font-size: 9px;
line-height: 1.1;
}
}
@media (max-width: 375px){
.departments-page >.edit{
width: 100%;
gap: 3px;
padding: 3px 0;
}
.departments-page >.edit > div > a{
height: 70px;
}
.departments-page >.edit > div > a > div{
margin-left: 58px;
font-size: 13px;
height: 70px;
}
.departments-page >.edit > div > a > div:before{
width: 28px;
height: 28px;
background-size: 28px 28px;
left: -42px;
top: 15px;
}
.departments-page >.edit > div > a > div > div{
font-size: 12px;
padding: 0 6px;
}
.departments-page >.edit > div span{
font-size: 8px;
}
}
@media (max-width: 320px){
.departments-page >.edit{
gap: 2px;
padding: 2px 0;
}
.departments-page >.edit > div > a{
height: 65px;
overflow: hidden;
}
.departments-page >.edit > div > a > div{
margin-left: 52px;
font-size: 12px;
height: 65px;
overflow: hidden;
}
.departments-page >.edit > div > a > div:before{
width: 24px;
height: 24px;
background-size: 24px 24px;
left: -38px;
top: 14px;
}
.departments-page >.edit > div > a > div > div{
font-size: 11px;
padding: 0 4px;
overflow: hidden;
word-wrap: break-word;
line-height: 0.95;
white-space: normal;
max-width: calc(100% - 8px);
}
.departments-page >.edit > div span{
font-size: 7px;
line-height: 0.8;
white-space: normal;
word-break: break-word;
display: inline-block;
margin-right: 1px;
}
}