.imgleftdiv
{
    float: left;
    max-width: 300px;
    margin: 0 20px 15px 0;
}
        
    .imgleftdiv img
    {
        width: 100%;
        display: block;
        margin: 0 0 8px 0;
    }
        
.imgrightdiv
{
    float: right;
    max-width: 300px;
    margin: 0 0 15px 20px;
}
        
    .imgrightdiv img
    {
        width: 100%;
        display: block;
        margin: 0 0 8px 0;
    }


@media screen and (max-width: 960px)
{
	
	.imgleftdiv
	{
		float: none;
		max-width: 400px;
		margin: 0 0 20px 0;
	}

		.imgleftdiv .caption
		{
			text-align: left;
		}
	
	.imgrightdiv
	{
		float: none;
		max-width: 400px;
		margin: 0 0 20px 0;
	}

		.imgrightdiv .caption
		{
			text-align: left;
		}
	
}

@media screen and (max-width: 480px)
{		
	
	
	
}