/*BEGIN SECTION-SUPPLEMENTS*/


.section-ads-and-supplements-wrap  {
background: url('background.png');
padding: 25px;
display: flex;
flex-direction: row;
gap: 50px;

}


.pill-box-buckram {
width: 100%;
height: 160px;
width: 320px;
background:url('enhancement-buckram.jpg');
background-size: contain;
}
.pill-box-ngorged {
width: 100%;
height: 160px;
width: 320px;
background:url('enhancement-ngorged.jpg');
background-size: contain;
}
.pill-box-buckram a, .pill-box-ngorged a {
color: #000;
}
.pill-box-ngorged-button  {
height: 45px;
width: 150px;
margin-top: 95px;
margin-left: 50px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
background: #3399CC;
}
.pill-box-buckram-button {
height: 45px;
width: 150px;
margin-top: 90px;
margin-left: 140px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
background: #bdbdbd;
}
.button-inner {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center; 
}





.section-supplements-wrap {
color: #fff;
width: 100%;
display: flex;
flex-direction: column;
gap: 25px;  
align-items: center;
}


.section-supplements  {
display: flex;
flex-direction: row;
gap: 50px;
justify-content: center;
}



@media only screen and (min-width: 1121px)  {
}
@media only screen and (min-width: 769px) and (max-width: 1120px) {



.section-supplements  {
display: flex;
flex-direction: row;
gap: 0px;
justify-content: center;
}



}
@media only screen and (min-width: 150px) and (max-width: 768px) {



.section-supplements  {

flex-direction: column;

}




   .section-ads-and-supplements-wrap  {
background: url('background.png');
padding: 25px 25px;
display: flex;
flex-direction: column;
gap: 50px;

}


}
/*END SECTION-SUPPLEMENTS*/