.getting-started__header { background: #fff; padding: 15px; float: left; width: -moz-available; /* WebKit-based browsers will ignore this. */ width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ width: fill-available; margin-bottom: 10px; } .getting-started__header h2,.getting-started__header p { margin: 0; } .getting-started .container { width: 1000px; margin: 0 auto; } .getting-started .col-md-9 { float: left; width: 65%; padding: 15px; background: #fff; box-shadow: 0 0 0 1px rgb(200 215 225 / 50%), 0 1px 2px #ddd; } .getting-started .col-md-3 { width: 28%; float: right; background: #fff; padding: 15px; box-shadow: 0 0 0 1px rgb(200 215 225 / 50%), 0 1px 2px #ddd; } .getting-started__header .col-md-10 { float: left; width: 75%; } .getting-started__header .col-md-2 { width: 20%; float: right; } .btn_box { text-align: right; } .getting-started .button-primary:hover, .getting-started .button-primary:focus, .getting-started__header .button-primary:hover, .getting-started__header .button-primary:focus{ color: #135e96; border-color: #135e96; background: transparent; } .wrap.getting-started .buynow,.notice-buttons-box .buynow { background: #28a745; border-color: #28a745; } .wrap.getting-started .livedemo,.notice-buttons-box .livedemo { background: #d39e00; border-color: #d39e00; } .wrap.getting-started .docs,.notice-buttons-box .theme-install { background: #bd2130; border-color: #bd2130; } .wrap.getting-started .buynow:hover,.notice-buttons-box .buynow:hover, .wrap.getting-started .buynow:focus,.notice-buttons-box .buynow:focus { color: #28a745; border-color: #28a745; background: transparent; } .wrap.getting-started .livedemo:hover,.notice-buttons-box .livedemo:hover, .wrap.getting-started .livedemo:focus,.notice-buttons-box .livedemo:focus { color: #d39e00; border-color: #d39e00; background: transparent; } .wrap.getting-started .docs:hover,.notice-buttons-box .theme-install:hover, .wrap.getting-started .docs:hover,.notice-buttons-box .theme-install:hover { color: #bd2130; border-color: #bd2130; background: transparent; } .pro-links { margin: 0px -2px; } .notice-div{ display: flex; justify-content: space-between; align-items: center; padding: 3px; } .theme-name{ margin: 0; padding: 0; color: #000; font-size: 15px; font-weight: 500; } .notice-div .button-primary{ padding: 3px 15px; } .notice-buttons-box{ display: flex; justify-content: right; align-items: center; } .notice-buttons-box .livedemo, .notice-buttons-box .buynow{ margin-right: 10px; } @media screen and (max-width:600px){ .notice-div,.notice-buttons-box{ display: block; text-align: center; } .notice-buttons-box .theme-install{ margin-top: 10px; } }