.shop_attributes.shop_attributes.woocommerce-group-attributes-layout-2{ } .shop_attributes.woocommerce-group-attributes-layout-2 tbody{ width: 100%; display: block; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr{ width: 100%; display: block; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr th.attribute_group_name{ width: 100%; display: flex; align-items: center; justify-content: right; font-size: 16px !important; font-weight: 700 !important; color: #333; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr th.attribute_group_name i{ font-size: 26px; color: #ff6a00; position: relative; right: -5px; margin-left: 4px; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td{ width: 100%; display: block; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table{ width: 100%; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr{ width: 100%; display: flex; justify-content: right; margin-bottom: 12px; margin-right: 29px; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_name{ background-color: #fafafa !important; width: 22%; height: auto; color: #4d4d4d !important; padding: 10px 18px; border-radius: 0 8px 8px 0; line-height: 20px; font-size: 14px; font-weight: 600; text-decoration: none; font-style: normal; float: right; display: flex; align-items: center; margin-left: 18px; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_value { background-color: #fafafa !important; width: 73%; float: right; height: auto; color: #4d4d4d !important; padding: 10px 18px; border-radius: 8px 0 0 8px; line-height: 20px; font-size: 15px; font-weight: 600; text-decoration: none; font-style: normal; display: flex; align-items: center; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_value.true{ background-color: #f5fcf5 !important; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_value.false{ background-color: #fcf5f5 !important; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_value.true i{ font-size: 18px; color: #00cb3b; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_value.false i{ font-size: 18px; color: #fe4343; } @media (max-width: 990px) { .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr{ margin-bottom: 0; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr th.attribute_group_name{ margin-bottom: 10px; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr{ margin-right: 0 !important; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr{ margin-bottom: 0; } body .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr th.attribute_group_name i{ font-size: 19px; margin-left: 0px; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_name{ width: 100%; padding: 8px 9px; background-color: #f1f1f1 !important; color: #2a2a2a !important; font-size: 14px; border-radius: 0; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_value{ width: 100%; padding: 10px 9px; background-color: #fff !important; font-size: 12px; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_value.true{ background-color: #fff !important; } .shop_attributes.woocommerce-group-attributes-layout-2 tbody tr td table tr .attribute_value.false{ background-color: #fff !important; } }