#body > div { display : block ; float : left }

@media (min-width:1201px) {
	#body > div:nth-child(1) { width : 600px }
	#body > div:nth-child(2) { width : calc(100% - 600px)  }
}		

@media (max-width:1200px) and (min-width:601px) {
	#body > div { width : 50% }
}

@media (max-width:600px) {
	#body > div { width : 100% }
}

#body.w3-row > div.w3-col:nth-child(1) > img {			
	height: auto;
	width: 100%;
}

#body > div.w3-panel.w3-col.w3-large.w3-justify > p {
	line-height: 2 ;
}

#body > div.w3-panel.w3-col.w3-large.w3-justify > p > a {
	color: #0275d8;
	text-decoration: none;
}

#body > div.w3-panel.w3-col.w3-large.w3-justify > p > a:hover {
  color: #01447e;
  text-decoration: underline;
}

/*********************************************************************/

#product_body > div { 
	display : block ; 
	float : left  ;
}

@media (min-width:1601px) {
	#product_body > div:nth-child(1) { width : 800px }
	#product_body > div:nth-child(2) { width : calc(100% - 800px)  }
}		

@media (max-width:1600px) and (min-width:801px) {
	#product_body > div { width : 50% }
}

@media (max-width:800px) {
	#product_body > div { width : 100% }
}

#product_body.w3-row > div.w3-col:nth-child(1) > img {			
	height: auto;
	max-width: 100%;
	margin-left : auto ;
	margin-right : auto ;
}

#product_body > div.w3-col:nth-child(1) > div > div > img {			
	max-width: 100%;
	height: auto;
	max-height: 100%;
	width: auto;
	margin-left : auto ;
	margin-right : auto ;
}