MSI MPG B550 GAMING PLUS (ATX) Online now

MSI MPG B550 GAMING PLUS (ATX)

• AM4
• ATX
• RAM x 4
• M.2 x 2
• PCIEx16 x 2
• RGB x 1
• ARGB x 2
• 3Y WARRANTY

body {
background-color: #fefefe;
}

.mbWrapper {
max-width: 1024px;
padding: 20px;
background-color: #fefefe;
margin: auto;
}

table {
width: 100%;
}

img {
width: 100%;
}

.head {
font-family: ‘Open Sans’;
font-size: 20px;
line-height: 1.1em;
margin: 0;
font-weight: 700;
text-transform: uppercase;
background: linear-gradient(to top, #a50016, #e60014, #a50016);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline;
text-shadow: 1px 1px .5px rgba(225, 225, 225, .3);
z-index: -1;
}

.head-2 {
font-size: 18px;
color: #333;
font-weight: 600;
font-family: ‘Open Sans’, Arial, Helvetica, sans-serif;
line-height: 26px
}

.description {
font-family: ‘Open Sans’;
font-size: 13px;
margin: 0;
color: #333;
}

.list-right {
font-family: ‘Open Sans’;
font-size: 11px;
color: #333;
}

.paragraph-center {
margin-left: auto;
margin-right: auto
}

.w-p-100 {
width: 100%
}

.w-p-33 {
width: 33%;
}

.w-p-23 {
width: 23%
}

.h-60 {
height: 60px
}

.a-center {
text-align: center
}

.va-top {
vertical-align: top
}

.f-left {
float: left
}

table td {
border-collapse: collapse;
border: 0;
border-spacing: 0
}

.overview img {
width: 100%
}

.head {
font-size: 28px;
font-weight: 700;
font-family: ‘Open Sans’, arial, sans-serif;
line-height: 32px
}

.description {
padding-bottom: 10px;
font-size: 14px;
font-weight: 400;
text-align: left;
font-family: ‘Open Sans’, Arial, Helvetica, sans-serif;
line-height: 22px
}

td .feature {
text-align: left;
}

.digital_power li {
margin: 10px auto;
font-size: 1rem;
}

.digital_power span {
display: inline-block;
color: white;
padding: 5px 10px;
text-shadow: 1px 1px 3px #333;
}

.blue {
color: #0d7fc7;
}

.green {
color: #0acd6b;
}

.purple {
color: #b400ff;
}

.yellow {
color: #ffd701;
}

.blue span {
background: #0d7fc7;
}

.green span {
background: #0acd6b;
}

.purple span {
background: #b400ff;
}

.yellow span {
background: #ffd701;
}

ul {
padding-left: 20px
}

ul.rig-color {
color: #e60014;
list-style: none;
padding-left: 0;
}

ul.rig-color li::before {
content: “\2BC0”;
color: #e60014;
}

.rig-color .rig-rainbow {
background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
-webkit-background-clip: text;
color: transparent;
display: inline-block;
}

ul.rig-color li.rig-rainbow::before {
content: “\2BC0”;
background-image: linear-gradient(45deg, violet, indigo, green, yellow, orange, red);
-webkit-background-clip: text;
color: transparent;
}

/* image */

@media only screen and (max-width:640px) {
table .full-width {
width: 100%;
max-width: 100%;
min-width: 100%;
clear: both
}

td .full-width {
width: 100%;
max-width: 100%;
min-width: 100%;
clear: both
}

td .list-right {
width: 66%
}

td .overview {
text-align: center
}

.head {
font-size: 24px;
font-weight: 700;
font-family: ‘Open Sans’, arial, sans-serif
}

.head-2 {
font-size: 18px;
font-weight: 700;
font-family: ‘Open Sans’, arial, sans-serif
}

.description {
padding-bottom: 20px;
}

.overview img {
width: 100%;
}

.feature img {
width: 80%;
float: right;
}
}

@media only screen and (max-width:479px) {
.head {
font-size: 24px;
font-weight: 700;
font-family: ‘Open Sans’, arial, sans-serif
}

table .full-width {
width: 100%;
max-width: 100%;
min-width: 124px;
clear: both
}

td .list-right {
width: 100%;
max-width: 100%;
min-width: 124px;
clear: both
}

td .overview {
text-align: left
}

td .full-width {
width: 100%;
max-width: 100%;
min-width: 100%;
clear: both
}
}