section[data-cattype="252"]{ padding: 0; padding-bottom: 30px; min-height: 50px; overflow: visible; } section[data-cattype="252"]:before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 9px; background-color: #f77632; transition: all 0.3s 0.6s ease-in; } section[data-cattype="252"].loaded:before{ width: 50%; } [data-cattype="252"] .wrapper_countdowns{ background-color: #fff; z-index: 100; position: relative; min-height: 50px; width: 810px; max-width: 100%; margin: 0 auto; } [data-cattype="252"] .wrapper_countdown{ margin: 18px; display: inline-block; margin-top: -1.8em; } [data-cattype="252"] .wrapper_countdown .number{ font-size: 4.5em; line-height: 1; font-weight: 100; } [data-cattype="252"] .wrapper_countdown .number .count-num { font-weight: 800; } @media (max-width: 1400px) { } @media (min-width: 768px) and (max-width: 980px) { } @media (max-width: 767px) { } @media (max-width: 480px) { section[data-cattype="252"]{ padding: 60px 0 30px 0; } [data-cattype="252"] .wrapper_countdown{ margin: 18px 9px; width: 25%; text-align: center; vertical-align: top; } [data-cattype="252"] .wrapper_countdown .number{ font-size: 1.8em; line-height: 1; font-weight: 100; } [data-cattype="252"] .wrapper_countdown .number .count-num { font-weight: 800; } }