test
<style type="text/css"><!--
.main img {
width: 100%;
}
.main {
padding: 6%;
}
.right {
padding-top: 20%;
}
.gridwrapper {
overflow: hidden;
}
.gridbox {
float: left;
}
.gridmain {
width: 50%;
}
.gridright {
width: 50%;
}
.gridfooter {
width: 100%;
}
.gridbox2 {
display: none;
}
@media only screen and (max-width: 640px) {
.gridmenu {
width: 100%;
}
.gridmain {
width: 100%;
margin-top: 6%;
}
.main {
padding: 1%;
}
.gridright {
width: 100%;
}
.right {
padding: 1.2%;
transform: translateY(2%);
}
.gridbox {
margin-right: 0;
float: left;
}
.gridbox1 {
display: none;
}
.gridbox2 {
display: block;
}
}
--></style>
<div class="gridcontainer">
<div class="gridwrapper">
<div class="gridbox gridright gridbox2">
<div class="right">
<h3><strong>TEACHES BETTER LEASH MANNERS</strong></h3>
<p>Martingale loop and front chest leash attachment minimizes your dog’s pulling by gently steering him in the direction you are headed.</p>
</div>
</div>
<div class="gridbox gridmain">
<div class="main"><img src="https://cdn.shopify.com/s/files/1/0567/9815/0817/files/32.png?v=1652272690" width="" height="" /></div>
</div>
<div class="gridbox gridright gridbox1">
<div class="right">
<h3><strong>TEACHES BETTER LEASH MANNERS</strong></h3>
<p>Martingale loop and front chest leash attachment minimizes your dog’s pulling by gently steering him in the direction you are headed.</p>
</div>
</div>
<div class="gridwrapper">
<div class="gridbox gridright">
<div class="right">
<h3><strong>MAX FLEXIBILITY AND CONTROL </strong></h3>
<p><strong>2 LEASH ATTACHMENT</strong> that’s simple to control your energetic pet’s direction, <strong> 5 ADJUSTABLE POINTS </strong>to ensure that it is suitable for your dogs.</p>
</div>
</div>
<div class="gridbox gridmain">
<div class="main"><img src="https://cdn.shopify.com/s/files/1/0567/9815/0817/files/rfl-harness_adjustable.jpg?v=1639542675" width="" height="" /></div>
</div>
</div>
<div class="gridwrapper">
<div class="gridbox gridright gridbox2">
<div class="right">
<h3><strong>MULTIPLE USE MODES</strong></h3>
<p><strong>NO-PULL SOLUTION</strong> for walking or use it as a <strong>STANDARD HARNESS</strong></p>
</div>
</div>
<div class="gridbox gridmain">
<div class="main"><img src="https://cdn.shopify.com/s/files/1/0567/9815/0817/files/multiple_use_modes.jpg?v=1639543870" alt="Pulpit rock" width="" height="" /></div>
</div>
<div class="gridbox gridright gridbox1">
<div class="right">
<h3><strong>MULTIPLE USE MODES</strong></h3>
<p><strong>NO-PULL SOLUTION</strong> for walking or use it as a <strong>STANDARD HARNESS</strong>.</p>
</div>
</div>
<div class="gridwrapper">
<div class="gridbox gridright">
<div class="right">
<h3><strong>COMFORTABLE DIVING FABRIC</strong></h3>
<p>Soft diving cloth on the inner side to fit the pet’s skin and <strong>REDUCE SKIN DAMAGE</strong> caused by friction.</p>
</div>
</div>
<div class="gridbox gridmain">
<div class="main"><img src="https://cdn.shopify.com/s/files/1/0567/9815/0817/files/rfll-diving_cloth.png?v=1639563444" width="" height="" /></div>
</div>
</div>