how to make html code responsive

Hi i want to make html code responsive. This is my code but it is not responsive how should i do it. i heard something about media query. how one can use it for my code. in my code only inline css is there. how is it possible for me to make my code responsive.

<div class="row_inner_wrapper  clearfix" style="background-color: #777777;background-position: left top;background-repeat: no-repeat; margin-top: 3%;">


<div style = "width: 60%; height:50%; font-weight: bold; font-size: 20px; float: left; background-color: #777777;">
<div style = "width: 28%;  float: left;">
<img src= "C://wamp//www//rushi.jpg";  alt="" style ="max-width: 100%; height: auto; width: 100%; margin-left:10%"></div>

<div style = "width: 72%; float: left";>
<div style="font-weight: bold; font-family: Patua One,Arial,Tahoma,sans-serif; text-align: center;"><strong>abc  </strong></div>
<div style = "text-align: center;">  </div>

<div style = "width: 30%; float: left; margin-left: 5%">
<span style="font-weight: bold;"><strong>abc</strong></span><br/>
<span> Bathroom </span></div>

<div style = "width: 30%; float: left;">
<span style="font-weight: bold;"><strong>abc </strong></span><br/>
<span>abc</span></div>

<div style = "width: 30%; float: left;">
<span style="font-wight: bold;"><strong>abc</strong></span><br/>
<span>abc </span></div>


</div>



</div>


<div style = "width: 40%;  float:left; font-weight: bold; font-size: 20px; ">
<div style = "width: 100%; float: left;">
<span></span><br/>
<span style="font-family: bold;"><strong>abc</strong></span>
</div>



</div>
</div>