#tab-default-mode .bo-temp {
  display: grid;
}
#tab-default-mode .picture {
  grid-row: 1;
}
#tab-default-mode .content{
  grid-row: 2; width: 100%; padding-top: 2rem;
}
#tab-default-mode ol{
		list-style: none;
		display: inline-block !important;
  	list-style-position: inside;
  	width: 100%;
  li { 
			text-align: left;
			position: relative;
			padding-left: 30px;
				span {									
						color: var(--cx-g-color-primary);
   							font-weight: 500;
						&.num {
							display: block; position: absolute;top:0; left: 0;
							min-width: 25px; text-align: right;
						}
				}
			&&:last-child,
			&&:nth-last-child(-n + 2) {padding-left: 0;}		
	 }  
}
@media (min-width: 981px) {
    #tab-default-mode ol{				
       column-count: 4;
    }
}
@media (max-width: 980px) {
    #tab-default-mode ol{				
       column-count: 3;
    }
}
@media (max-width: 767px){
    #tab-default-mode ol{				
       column-count: 2;
    }
}
@media (max-width: 380px){
    #tab-default-mode ol{				
       column-count: 1;
    }
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}