.month_wrapper{grid-gap:10px;border:1px solid #e6e6e6;display:grid;grid-template-columns:73% 26%;padding:10px;width:100%}.all-month{display:grid;gap:10px;grid-template-columns:auto auto auto auto}.cal-month{border:1px solid #e6e6e6;margin-bottom:10px}.cal-month>div{font-size:16px;text-align:center}.m_days{display:grid;gap:5px;grid-template-columns:auto auto auto auto auto auto auto;padding:10px}.m_name h3{color:#fff;font-size:18px;margin-bottom:0;text-transform:uppercase}.m_name{background:#25c;padding:3px}.legClr{height:23px;width:63px}.legendItem{align-items:center;border-bottom:1px solid #e6e6e6;display:flex;margin-bottom:10px;padding-bottom:10px}.legName{font-size:11px;font-weight:600;margin-left:10px}.legTitle{margin-bottom:10px;text-align:center}@media screen and (max-width:767px){.all-month{display:block}.month_wrapper{grid-template-columns:70% 30%}.legClr{height:14px;width:100%}.legName{font-size:9px;font-weight:600;margin-left:0;margin-top:7px;text-align:center}.legendItem{display:block}}