@media (min-width: 1200px) {
  .responsive-row {
    width: 100%;
	font-size: 0; 
  }

  .marker {
	background-color: red;
  }
  .responsive-row .col100 {
	display: inline-block;
	width: 100%;
    font-size: 12pt;
  }
  .responsive-row .col75 {
	display: inline-block;
	width: 75%;
    font-size: 12pt;
  }
  .responsive-row .col66 {
	display: inline-block;
	width: 66.66666%;
    font-size: 12pt;
  }
  .responsive-row .col50 {
    display: inline-block;
	width: 50%;
    font-size: 12pt;
  }  
  .responsive-row .col33 {
    display: inline-block; 
	width: 33.33333%;
    font-size: 12pt;
  }  
  .responsive-row .col25 {
    display: inline-block;
    width: 25%;
    font-size: 12pt;
  }
}



@media (max-width: 1200px) {

  .marker {
	background-color: blue;
  }

  .responsive-row {
    width: 100%;
	border-width: 2px;
	font-size: 0;
  }

  .responsive-row .col100 {
	display: block;
	font-size: 12pt;
  }
  .responsive-row .col75 {
    display: block;
	font-size: 12pt;
  }
  .responsive-row .col66 {
    display: block;
  	font-size: 12pt;
  }
  .responsive-row .col50 {
    display: inline-block;
    width: 50%;
	font-size: 12pt;
  }  
  .responsive-row .col33 {
    display: inline-block;
    width: 50%;
	font-size: 12pt;
  }    
  .responsive-row .col25 {
    display: inline-block; 
    width: 50%;
	font-size: 12pt;
  }
}

@media (max-width: 750px) {

  .marker {
	background-color: green;
  }

  .responsive-row {
    width: 100%;
	font-size: 0;
  }

  .responsive-row .col100 {
	display: block;
	font-size: 12pt;
  }
  .responsive-row .col75 {
    display: block;
	width: 100%;
	font-size: 12pt;
  }
  .responsive-row .col66 {
    display: block;
  	width: 100%;
  	font-size: 12pt;
  }
  .responsive-row .col50 {
    display: block;
	width: 100%;
	font-size: 12pt;
  }  
  .responsive-row .col33 {
    display: block;
	width: 100%;
	font-size: 12pt;
  }    
  .responsive-row .col25 {
	width: 50%;
	font-size: 12pt;
  }     
}

@media (max-width: 600px) {

  .marker {
	background-color: yellow;
  }

  .responsive-row {
    width: 100%;
	font-size: 0;
  }

  .responsive-row .col100 {
	display: block;
	width: 100%;
	font-size: 12pt;
  }
  .responsive-row .col75 {
    display: block;  
	width: 100%;
	font-size: 12pt;
  }
  .responsive-row .col66 {
    display: block;
    width: 100%;
    font-size: 12pt;
  }
  .responsive-row .col50 {
    display: block;
	width: 100%;
	font-size: 12pt;
  }  
  .responsive-row .col33 {
    display: block;
	width: 100%;
	font-size: 12pt;
  } 
  .responsive-row .col25 {
	display: block;
	width: 100%;
	font-size: 12pt;
  }   

}

  .responsive-row .col-content {
	margin: 1px;
  }
  
  .responsive-row :first-child  .col-content{
    margin-left: 1px;
  }