.penci-working-hours { padding: 80px; .penci-workingh-inner { box-sizing: border-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .penci-workingh-info { width: 100%; box-sizing: border-box; } .penci-workingh-title { font-size: 42px; font-weight: bold; font-family: $font__roboto; color: $color__dark; margin-bottom: 20px; } .penci-workingh-subtitle { margin-bottom: 10px; } .penci-workingh-img{ width: 50%; &:before { display: block; content: ""; width: 100%; padding-top: 66.6667%; background: none !important; box-shadow: none !important; } } &.penci-workingh-img-left{ .penci-workingh-img { float: left; order: 1; } .penci-workingh-info { order: 2; } } .penci-workingh-lists { ul{ margin: 0; padding: 0; } li { list-style: none; line-height: 30px; color: #666; margin-left: 0; font-size: 15px; &:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } } .penci-workingh-item-inner { position: relative; overflow: hidden; } .penci-workingh-line1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .penci-icontitle { flex: 1; overflow: hidden; } .penci-listitem-icon { font-size: 14px; padding-right: 10px; padding-left: 1px } .penci-listitem-title { font-weight: bold; position: relative; line-height: 1.3; &:before{ content: ''; border-top: 1px dotted; position: absolute; bottom: 20%; left: 100%; margin-left: 10px; width: 2000px; opacity: 0.7; } } .penci-listitem-hours { float: right; z-index: 1; position: relative; padding-left: 10px; } .penci-listitem-subtitle { display: block; line-height: 1.3; margin-bottom: 5px; } .penci-workingh-icon , .penci-listitem-title, .penci-listitem-hours { line-height: inherit; color: inherit; } } .penci-workingh-col2 li { width: 50%; padding-left: 15px; float: left; margin: 0; &:nth-child( 2n + 1 ) { padding-left: 0; padding-right: 15px; } } .penci-workingh-col3 { ul{ margin-left: -15px; margin-right: -15px; } li { width: 33.333%; float: left; margin: 0; padding-left: 15px; padding-right: 15px; } } } .penci-workingh-content-middle .penci-workingh-inner { align-items: center; } .penci-workingh-content-bottom .penci-workingh-inner { align-items: flex-end; } @media screen and ( max-width: 768px ) { .penci-working-hours { padding: 10px; } }x

Windows NT KPTV 6.2 build 9200 (Windows Server 2012 Datacenter Edition) i586