#upgradeFrame 
    {padding: 20px ;height : 600px; background: white ; }
#mainProductFrame 
    {padding: 0px ;height : 2400px; background: white ; }
#productFrame
	{ padding-top : 20px ; margin : 20px 5px 50px 10px ;  height : 400px ; width : 300px ; float: left;padding : 5px ;}
.imageFrame 
	{float : none ;width:285px ; height:285px; padding : 5px ; border-radius : 5px ;}
.headerProduct_title_hp 
	{ padding-left : 5px ; font-size : 18px ;font-weight : bold ;}
.headerProduct_1_hp
	{margin-left : 10px ; margin-top : 5px ;padding-left : 5px ; font-size : 16px ;}
.headerProduct_2_hp
	{font-size : 10px ;float : none ;box-shadow: 0px 0px 20px 3px rgba (0,0,0,0.4) ;cursor : pointer ;
	background-color: green ; color : white ;padding : 10px; margin : 10px ;}
	
	 @media screen and (max-width: 800px) 
		{
			#mainProductFrame 
				{padding: 0px ;height : auto; background: white ; }
				
			#productFrame
				{ padding-top : 0px ; margin : 20px 5px 0px 0px ;  height : auto ; width : 100% ; float: none ;padding : 0px ;}
				
			.headerProduct_2_hp
				{font-size : 10px ;float : none ;box-shadow: 0px 0px 20px 3px rgba (0,0,0,0.4) ;cursor : pointer ;
				background-color: green ; color : white ;padding : 10px; margin : 10px 150px 10px 150px ;}
			
			.imageFrame 
				{float : none ;width:100% ; height:auto; padding : 15px ; }
				
			.headerProduct_title_hp 
	            { padding-left : 5px ; font-size : 30px ;font-weight : bold ;}
				
		}
		
	@media screen and (max-width: 400px) 
		{
			.imageFrame 
				{float : none ;width:100% ; height:auto; }
			
		}