/*======================================================================*\
|| #################################################################### ||
|| # 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 screen and (max-width: 980px) {
.top_menu_poz_navbar,
 #mmenu_holder {
	width: 280px!important;
	margin-top: 10px;
}
#default_video {
	width: 100%!important;
}
}
@media only screen and (min-width: 981px) and (max-width: 1199px) {
.top_menu {
	width: inherit!important;
}
#header,
 #header_in,
 #centertop,
 #centerbottom,
 #yjsg1,
 #yjsg2,
 #yjsg3,
 #yjsg4,
 #yjsg5,
 #yjsg6,
 #yjsg7,
 #footer,
 #joomlacredit,
 .yjsgsitew {
	width: auto!important;
}
}
/* Image slider */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.mimageslider .YJSlide_intro {
	width: 60%;
}
}
@media only screen and (min-width: 640px) and (max-width: 1199px) {
.YJIS_outer.yjis_respond img {
	width: 45%!important;
}
.mimageslider .YJSlide_intro_in {
	padding-left: 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.YJIS_outer.yjis_respond img {
	visibility: hidden!important;
}
.mimageslider .YJSlide_intro {
	width: 100%;
	top: 20px;
	height: 100%;
}
.mimageslider .YJSlide_intro_in {
	padding: 0 20px;
	height: 100%;
}
.mimageslider h2 {
	font-size: 300%;
	text-align: center;
}
.mimageslider .template_paragraph {
	text-align: center;
	font-size: 200%;
	margin: 5px 0;
}
.mimageslider p {
	padding: 0;
	text-align: center;
}
.mimageslider .buttons_holder {
	margin: 0 auto;
	display: table;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.mimageslider .buttons_holder {
	display: none;
}
}
/* Icon block */
@media only screen and (min-width: 240px) and (max-width: 768px) {
.paragraph_center {
	padding: 0;
}
}
@media only screen and (min-width: 640px) and (max-width: 1199px) {
.icon_block {
	width: 33%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.icon_block {
	width: 100%!important;
}
}
/* Progress bar */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.progressbar .progress_holder {
	width: 99%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.progressbar .progress {
	float: none!important;
}
.progressbar span.percentage {
	font-size: 150%;
	float: none;
	text-align: center;
}
}
/* Template list */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.list_holder {
	width: 33%;
}
.list_holder.middle {
	margin: 30px 0;
}
.list_holder h2 {
	font-size: 140%;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.list_holder {
	width: 100%;
}
.list_holder.middle {
	margin: 30px 0;
}
.list_holder h2 {
	text-align: center;
	font-size: 170%;
}
ul.memento_list {
	width: 100%;
}
ul.memento_list li a {
	margin: 20px auto;
	width: 250px;
}
}
/* Downloads */
@media only screen and (min-width: 240px) and (max-width: 640px) {
.download a.template_readmore {
	float: none;
	margin: 30px auto!important;
}
}
/* Engine members */
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.mmembers .yjme_item {
	width: 33%;
}
.mmembers .yjme_item p.item_intro {
	padding: 0 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.mmembers .yjme_item {
	width: 100%;
}
}
/* Bottom modules */
@media only screen and (min-width: 240px) and (max-width: 768px) {
#user21.yjsgxhtml,
#user22.yjsgxhtml {
	width: 100%!important;
}
.subscribe,
.socials,
.findus,
.contactus {
	margin: 30px 10px 0 10px;
}
.subscribe .inputbox_name,
.subscribe .inputbox_email {
	display: block!important;
	clear: both;
	margin: 10px 0;
	width: 50%;
}
.subscribe .template_readmore3 {
	position: relative;
	clear: both;
	left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1045px) {
.findus,
.contactus {
	margin: 30px 10px 0 10px!important;
}
.subscribe,
.socials {
	margin: 30px 50px 0 10px!important;
}
.subscribe .inputbox_name,
.subscribe .inputbox_email {
	display: block!important;
	clear: both;
	margin: 10px 0;
	width: 50%;
}
.subscribe .template_readmore3 {
	position: relative;
	clear: both;
	left: 0;
}
}