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

	.wrapper {width: auto; padding-left: 4%; padding-right: 4%;} 
	#sidebar {display: none;}
	#page_content {width: auto; float: none;}
}


@media only screen and (max-width:770px) {
	#header #logo img {width: 240px; left: 2%; top: 18px;}
	#header .link {padding: 0 15px; border: none;}
	#header .link.first {border-left: none;}
}
@media only screen and (max-width:767px) {
	
	.single_course #page_content h1 {font-size: 20px;}
	.body {min-width: 320px;}
	#header .wrapper {height: auto;}
	#header #logo img {display: block; position: relative; margin: 0 auto 10px; top: 8px;}
	#top_menu span {font-size: 10px; padding: 0 10px 0 0;}
	#top_menu a {padding: 0 15px;}
	#header .link {float: none; display: block; line-height: 30px; text-align: center;}

	.dashboard .course_list .entry {border-bottom: 1px solid #CCC;}
	.dashboard .course_list .entry a {font-size: 12px; width: 70%; float: left; line-height:20px; }
	.course_status {font-size: 7px !important; border-width: 1px !important; float: right: ;}
	.dashboard .sep {display: none;}

	#page_content .course_module {width: auto; float: none; height: auto;}

	.single_course.enrolled .left {width: auto; float: none;}
	.single_course.enrolled .right {width: auto; float: none;}
}