Add Sidebar CSS to Remobile

gistfile1.txt

/* Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 920px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* Content */

.content {
	float: right;
	width: 740px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 520px;
}

.sidebar-content-sidebar .content {
	padding-left: 40px;
}

.full-width-content .content {
	width: 100%;
}

.full-width-content .entry-content,
.full-width-content .entry-header {
	margin: 0 auto;
	max-width: 740px;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	margin-right: -10px;
	width: 360px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* Secondary Sidebar */

.sidebar-secondary {
	float: left;
	margin-left: -20px;
	width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

@media only screen and (max-width: 568px) {
	.sidebar .widget {
		margin-top: 20px;
		margin: 0 auto;
		padding: 10px;
		width: 420px;
	}
}

@media only screen and (max-width: 320px) {
	.sidebar .widget {
	    margin-top: 20px;
	    padding: 10px;
	    width: 280px;
	}
}