Styling 2 Sub Widgets Side by Side

/* Sub Widgets
------------------------------------------------------------ */

#sub-widget {
	background-color: #ddd;
	clear: both;
	color: #333;
	font-size: 16px;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0;
	width: 100%;
}

#sub-widget h4 {
	color: #333;
	font-size: 16px;
	font-weight: normal;
}

#sub-widget a,
#sub-widget a:visited {
	color: #6ab446;
}

#sub-widget p {
color: inherit;
font-size: inherit;
}

.sub-widget-left {
	float: left;
	width: 510px;
}

.sub-widget-right {
	float: right;
	width: 510px;
}

/* Responsive Design
------------------------------------------------------------ */

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

.sub-widget-right {
		width: 460px;
	}

.sub-widget-left {
		width: 460px;
	}

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

.sub-widget-left,
.sub-widget-right {
width: 100%;
}