@media screen and (max-width: 1280px)
{
    .two-list
    {
        column-count: 1;
    }
    
    .special-width
    {
    padding-left: 40px;
    padding-right: 40px;
    }
}

@media screen and (max-width: 1100px)
{
	#e1
	{
	padding-left: 40px;
	padding-right: 40px;
	}
}

@media screen and (max-width: 850px)
{
    .box-flex, .foot-flex
    {
        flex-wrap: wrap;
    }
    
    .box-div, .foot-box
    {
    width: 100%;
    }
    
    .foot-box, .align-left
    {
    text-align: center;
    padding: 20px;
    }
}

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

	.gray-flex
	{
		flex-wrap: wrap;
	}
	
	.gray-box
	{
	width: 100%;
	padding: 20px;
	}
	
	.gray-image
	{
	text-align: center;
	}
	
	.gray-image img
	{
	max-width: 250px;
	margin: auto;
	}

	.agent-login
	{
		max-width: 100px;
		padding-right: 10px;
	}
	
	.main-logo
	{
		width: 100%;
		max-width: 250px;
		padding-left: 10px;
	}
}