@media only screen and (max-width: 767px) { .catalog-category-view .breadcrumbs { display: none; } .promo-body-headline { font-weight: bold; } } section { padding: 0 !important; } .promo-box-wrapper { width: 100%; } .promo-box { display:-webkit-flex;display:-ms-flexbox;display:flex; margin-bottom: 1px; } .promo-box-head { -webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%; display:-webkit-flex;display:-ms-flexbox;display:flex; justify-content: space-around; position: relative; } .promo-box-head-inner { align-self: center; padding: 25px; } .promo-box-head-text { font-size: 20px; color: #fff; } .promo-box img { display: block; width: 100%; } .promo-box-body { width: 100%; padding: 25px 20px; background: #f3f3f3; display:-webkit-flex;display:-ms-flexbox;display:flex; justify-content: space-around;} .promo-box-body-inner { align-self: center; } .promo-body-headline { display: block; font-size: 16px; } .promo-body-subline { display: block; color: #DF0101; } .promo-body-sign { display: inline-block; font-size: 16px; background: #af3032; color: #fff; padding: 0 10px; margin-bottom: 5px; line-height: 34px; } .promo-body-btn { margin-top: 10px; } .promo-body-btn a { display: inline-block; color: #333; padding: 3px 15px; border: 1px solid #666; text-decoration: none; font-size: 16px; } .promo-body-old-price { font-size: 16px; } .promo-body-old-price span { text-decoration: line-through; } @media all and (min-width: 540px), print { .promo-box-head { -webkit-flex:0 0 240px;-ms-flex:0 0 240px;flex:0 0 240px; } } @media all and (min-width: 768px), print { .promo-box-head { -webkit-flex:0 0 280px;-ms-flex:0 0 280px;flex:0 0 280px; } .promo-body-headline { display: block; font-size: 24px; } .promo-body-sign { font-size: 20px; padding: 0 15px; margin-bottom: 10px; line-height: 46px; } .promo-body-btn { margin-top: 20px; } .promo-body-btn a { padding: 5px 25px; font-size: 16px; } .promo-box-head-text { font-size: 30px; } } @media (min-width: 930px), print { .look-box-discount-label { display: block; } } @media all and (min-width: 1200px), print { .promo-box-wrapper { display:-webkit-flex;display:-ms-flexbox;display:flex; justify-content: space-between; flex-wrap: wrap; } .promo-box { -webkit-flex:0 0 calc(50% - 1px);-ms-flex:0 0 calc(50% - 1px);flex:0 0 calc(50% - 1px); width: calc(50% - 1px);} .promo-box.promo-box-wide { -webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%; width: 100%; } .promo-box-head { -webkit-flex:0 0 360px;-ms-flex:0 0 360px;flex:0 0 360px; } .promo-box-wide .promo-box-head { -webkit-flex:0 0 640px;-ms-flex:0 0 640px;flex:0 0 640px; } .promo-body-old-price { font-size: 20px; } }