Bag For Love - Buckle Decor Snap Button Bucket Bag - Women Satchels Product Description Color Green Strap Type Adjustable Strap Type Top Handle Pattern Type Plain Style Fashionable Bag Size Small Quantity 1 piece Details Buckle Magnetic No Type Bucket Bag Coating 100% Polyurethane Composition 100% Polyester Material PU Leather Size Chart INCH CM Size Bag Width Bag Height Bag Length Strap Length one-size 4.7 7.5 7.5 47.2 Size Bag Width Bag Height Bag Length Strap Length one-size 12 19 19 120 Similar Products h2 { text-align: center; } .red-box { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .red-box > div { width: 231px; height: 308px; margin: 10px; } .red-box > div > a > img { width: 231px; height: 308px; } .in-box, .cm-box { width: 100%; margin: auto; white-space: nowrap; } .table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout: fixed; } tr, td, th { border: 1px solid rgb(175, 173, 173); padding: 10px 0px; text-align: center; font-size: 14px; box-sizing: border-box; } .size-button { width: 100px; height: 24px; border: 1px solid #222; margin: 10px 0; } .cm { width: 48px; height: 23px; float: right; text-align: center; cursor: pointer; } .in { width: 48px; height: 23px; float: left; text-align: center; cursor: pointer; } .checked { background-color: #222; color: #fff; } .hidden { display: none; } @media only screen and (min-device-width: 320px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 2) { .table { table-layout: auto; } tr, td, th { font-size: 12px; } .red-box > div { width: 150px; height: 200px; margin: 10px; } .red-box > div > a > img { width: 150px; height: 200px; } } $(function () { $('.in').bind("click", function () { $('.in').addClass("checked"); $('.cm').removeClass("checked"); $('.in-box').removeClass("hidden"); $('.cm-box').addClass("hidden"); }); $('.cm').bind("click", function () { $('.cm').addClass("checked"); $('.in').removeClass("checked"); $('.cm-box').removeClass("hidden"); $('.in-box').addClass("hidden"); }); })