/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.yjsgsitew {
	max-width: 1200px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 1220px) {
.yjsgsitew {
	max-width: 100%!important;
	width: 100%!important;
}
}
/* Header */
@media only screen and (min-width: 240px) and (max-width: 980px) {
#logoholder {
	width: 100%!important;
}
#logo {
	margin: 0 auto;
}
#yjsgheadergrid #topmenu_holder {
	float: none;
	padding: 20px 0;
}
.clivesearch {
	background: #fff;
}
.yj_loginpos, .cpoplogin .poping_links, .cpoplogin #openLogin {
	width: 100%;
}
.yj_searchpos {
	display: table!important;
	margin: 0 auto;
	float: none;
}
.cpoplogin #login_pop {
	width: 95%;
	top: 95px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 720px) {
.cpoplogin .yjsg-col-2-3 {
	padding: 0;
}
.cpoplogin .yjsg-col-1-3 .inputbox, .cpoplogin .yjsg-col-2-3 .inputbox {
	padding: 5px 0!important;
	margin: 0 auto 5px auto!important;
}
.cpoplogin .yjsg-col-2-3 .yjsg-col-1-2:last-child {
	padding: 0!important;
}
}
/* Counter */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.ccounter .yjsg-col-1-4 {
	border-bottom: 1px solid;
}
}
/* About campus */
@media only screen and (min-width: 240px) and (max-width: 980px) {
#ctabstab0 .yjsg-col-1-2 {
	width: 100%;
}
#ctabstab0 .yjsg-col-1-2 .yjsg-col-1-2 {
	width: 50%;
}
#ctabs #ctabstab0 .yjsg-col-1-2:first-child{
	padding-left:15px;
}
#ctabstab0 .yjsg-col-1-2 img {
	width: 100%;
	max-width: 100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
#ctabstab0 .yjsg-col-1-2 .yjsg-col-1-2 {
	width: 100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 420px) {
#ctabs .about_holder img {
	float: none;
	display: block;
	margin: 0 auto 20px auto;
}
#ctabs .about_holder {
	text-align: center;
}
}
/* Courses */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.slidersfx-yjsgsfx-crecomended a.yjsgsliderNav.prev {
	left: 45%!important;
}
.slidersfx-yjsgsfx-crecomended a.yjsgsliderNav.next {
	right: 45%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 720px) {
.slidersfx-yjsgsfx-crecomended a.yjsgsliderNav.prev {
	left: 43%!important;
}
.slidersfx-yjsgsfx-crecomended a.yjsgsliderNav.next {
	right: 43%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.slidersfx-yjsgsfx-crecomended a.yjsgsliderNav.prev {
	left: 40%!important;
}
.slidersfx-yjsgsfx-crecomended a.yjsgsliderNav.next {
	right: 40%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 360px) {
.slidersfx-yjsgsfx-crecomended a.yjsgsliderNav.prev {
	left: 37%!important;
}
.slidersfx-yjsgsfx-crecomended a.yjsgsliderNav.next {
	right: 37%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.crecomended .yjme_item div.imageholder, .crecomended .yjme_item a.item_image, .crecomended .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
.crecomended .yj_holder {
	padding: 15px 0!important;
	clear: both;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.crecomended .yjme_item {
	width: 100%!important;
}
}
/* Events */
@media only screen and (min-width: 240px) and (max-width: 1220px) {
.ceventscustom img {
	max-width: none;
	width: 140%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.ceventscustom img {
	max-width: none;
	width: 100%;
}
.yjsgxhtml.yjsgsfx-ceventscustom {
	width: 100%!important;
	padding: 0 15px!important;
	min-height: auto!important;
	max-height: auto!important;
}
.slidersfx-yjsgsfx-cevents.yjsgxhtml {
	width: 100%!important;
	padding: 0 15px!important;
	min-height: auto!important;
	max-height: auto!important;
}
.slidersfx-yjsgsfx-cevents .yjsgModsChrome {
	padding: 40px!important;
}
.ceventsbottom .yjme_item {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.slidersfx-yjsgsfx-cevents .yjsgsliderHolder {
	min-height: 400px!important;
}
}
/* Blog */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.cblog .yjme_item.first, .cblog .yjme_item div.imageholder, .cblog .yjme_item a.item_image, .cblog .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
.cblog .yjme_item {
	width: 50%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.cblog .yjme_item {
	width: 100%!important;
}
}
/* Educators */
@media only screen and (min-width: 240px) and (max-width: 480px) {
.ceducators .yjsg-col-1-2 {
	margin-bottom: 30px;
}
.ceducators p br {
	display: none;
}
.ceducators p {
	padding: 0 50px;
}
}
/* Subscribe */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.csubscribe h4 {
	width: auto!important;
}
.csubscribe form {
	width: 55%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.csubscribe .inputbox_email {
	width: 70%!important;
}
.csubscribe form {
	width: 40%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.csubscribe h4 {
	width: 100%!important;
	text-align: center;
	margin-bottom: 30px!important;
}
.csubscribe form {
	display: table;
	margin: 0 auto;
	float: none!important;
}
.csubscribe .inputbox_email {
	width: 100%!important;
	margin: 0 auto 30px auto!important;
}
.csubscribe form {
	float: none;
	width: 80%!important;
}
.csubscribe .button_color {
	float: none!important;
}
}
/* Footer */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.yjsgxhtml.yjsgsfx-ccampus, .yjsgxhtml.yjsgsfx-ccourses, .yjsgxhtml.yjsgsfx-ccontactus {
	width: 100%!important;
	text-align: center;
	margin-bottom: 30px!important;
}
.ccampus ul {
	display: table;
	margin: 0 auto;
}
.ccampus ul li {
	margin: 0 10px!important;
}
.yjsgxhtml.yjsgsfx-ccourses .module_title, .yjsgxhtml.yjsgsfx-ccontactus .module_title {
	text-align: center;
}
.yjsgxhtml.yjsgsfx-ccourses .module_title:after, .yjsgxhtml.yjsgsfx-ccontactus .module_title:after {
	margin: 0 auto;
}
.ccontactus {
	padding: 0!important;
}
.ccontactus p span {
	float: none;
	width: 100%!important;
	text-align: center!important;
}
}
/* K2 */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.yj_main_holder, div.userBlock {
	max-width: 100%!important;
}
div.userBlock {
	text-align: center;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
div.subCategoryContainer {
	width: 100%!important;
	margin-bottom: 30px;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
div.itemComments ul.itemCommentsList li img {
	float: none;
	clear: both;
	display: block;
	margin: 0 auto 30px auto!important;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName, div.itemComments ul.itemCommentsList li span.commentDate, div.itemComments ul.itemCommentsList li p {
	display: block!important;
	text-align: center;
}
}

/***

/* Engine */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.tengine .yjme_item div.imageholder, .tengine .yjme_item a.item_image, .tengine .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tengine .yjme_item {
	width: 50%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.tengine .yjme_item {
	width: 100%!important;
}
}
/*blog*/
@media only screen and (min-width: 240px) and (max-width: 1520px) {
.tengine.blog .yjme_holder {
	margin: 0 auto;
}
.tengine.blog .yjme_item {
	padding: 30px 35px;
}
}