/* small table to big table:less than 977px */


#remark{
	   height:105px;
	}

@media only screen and (max-width: 977px) {
    
	
	#remark{
	   height:105px;
	}
   
}

/* small phone to small tablet:from 0px to 744px */
@media only screen and (max-width: 744px) {
  
    
     #remark{
	   width:100%;
	   height:300px;
	}
   #preview-remark{
	   width:100%;
	   height:300px;
   }
}





/*small phone :from 0 to 496px */
@media only screen and (max-width: 496px) {
   #remark{
	   width:100%;
	   height:300px;
	}
   #preview-remark{
	   width:100%;
	   height:300px;
   }
	
	#product_information_text{
	  margin-top:10px;
	}
	
	.nav_li_text{
		text-align:right;
	}
}