.suggestpage-activity { background: #fff; margin: 10px auto 15px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); display: table; width: 100%; max-width: 960px; display: flex; flex-direction: row; } .suggestpage-activity .col-1 { width: 40%; float: left; padding: 25px; box-sizing: border-box; border-right: 1px solid rgba(0, 0, 0, 0.07000000000000001); flex-grow: 0; } .suggestpage-activity .col-1 .product-item-name a { font-size: 1.5rem; } .suggestpage-activity .cartinfo h3 { margin-top: 0; } .suggestpage-activity .cartinfo table { margin-bottom: 20px; } .suggestpage-activity .cartinfo tr th { float: left; padding: 5px 10px; } .suggestpage-activity .cartinfo tr td { padding: 5px 10px; } .suggestpage-activity .col-2 { float: right; background: #fafafa; padding: 25px; box-sizing: border-box; flex-grow: 1; } .suggestpage-activity .col-2 table { width: 50%; } .suggestpage-activity .col-suggest-list ol { list-style-type: none; padding: 0 !important; margin-bottom: 0; } .suggestpage-activity .col-suggest-list ol li { display: flex; flex-direction: row; } .suggestpage-activity .col-suggest-list ol li:last-child { margin-bottom: 0; } .suggestpage-activity .product-item-details { width: 100%; padding: 0 10px; } .suggestpage-activity .suggestpage-qty { float: left; font-size: 1.8rem; line-height: 1em; margin-bottom: 25px; } .suggestpage-activity .item-options { clear: left; margin-bottom: 0; } @media (max-width: 480px) { .suggestpage-activity { flex-direction: column; } .suggestpage-activity .col-1 { width: 100%; } .suggestpage-activity .cartinfo .actions button { margin-bottom: 10px; } .suggestpage-activity .col-suggest-list ol li { flex-direction: column; } } .swissup-suggestpage-index-index .column.main .block, .ajaxpro-popup-suggestpage-view .block { margin-top: 30px; } .swissup-suggestpage-index-index .column.main .block.crosssell, .ajaxpro-popup-suggestpage-view .block.crosssell { width: auto; float: none; padding: 0; } .sitemap-stores li.store { display: inline-block; margin-right: 10px; } .sitemap-block { margin: 10px 0; } .sitemap-block-content { margin: 0 10px; } .sitemap-links-grouped .links-group-title { border-bottom: 1px solid #e4e4e4; color: #555; font-size: 15px; line-height: 20px; margin: 0 0 7px; position: relative; text-transform: uppercase; } .sitemap-links-grouped .links-group { margin: 0 0 15px; } .sitemap-links-grouped .list-links-grouped { list-style-type: none; padding: 0 !important; } .col2-set .col-1 { float: left; width: 49%; padding: 0 !important; } .col2-set .col-2 { float: right; width: 49%; padding: 0 !important; } .col2-set .col-narrow { width: 33%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } .col2-set:after, .col3-set:after, .col4-set:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } @media (max-width: 480px) { .col2-set .col-1, .col2-set .col-2, .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float: none; width: auto; margin: 0 0 10px; clear: both; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float: left; width: 49%; } .col4-set .col-2, .col4-set .col-4 { float: right; margin: 0; } .col4-set .col-3 { clear: left; } }