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>