/* ===========================
   ======== Sidebar ========== 
   =========================== */

.top-sidebar, .middle-sidebar, .bottom-sidebar {
	width: 25.8%;
	float: left;
	margin-left: 2%;
	background-color: #FFF;	
	padding: 0% 2%;
	margin-bottom: 2%;
    border: 1px solid #f1f1f1;
    border-bottom: 10px solid #f1f1f1;

}



/* ===========================
   ====== Media Queries ====== 
   =========================== */

@media only screen and (min-width : 150px) and (max-width : 780px)
{

	.top-sidebar {
		width: 86%;
		float: left;
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0;
		padding: 0 7%;
		margin-bottom: 0;		
	}
	
	.top-sidebar p {
		width: 90%;
	}

	.middle-sidebar {
		width: 86%;
		float: left;
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0;
		padding: 0 7%;
		margin-bottom: 0;	
	}
	
	.middle-sidebar p {
		width: 90%;
	}
	
	.bottom-sidebar {
		width: 86%;
		float: left;
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0%;
		padding: 0 7%;
		margin-bottom: 1%;
	}
	
	.bottom-sidebar p {
		width: 90%;
	}