/*======================================================================*\
|| #################################################################### ||
|| # 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: 240px) and (max-width: 1199px) {
.header_out {
	position: relative!important;
}
}
@media only screen and (min-width: 240px) 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;
}
.header_out {
	width: 100%;
}
#header {
	height: auto!important;
}
#logo {
	float: none;
	clear: both;
	margin: 0 auto;
}
#yjsgheadergrid {
	margin: 0 auto;
	float: none;
}
#topmenu_holder {
	float: none;
}
.horiznav ul.menunav {
	text-align: center;
}
.horiznav ul.menunav li.level0 {
	float: none;
	display: inline-block;
	text-align: left;
}
.mpoplogin,
.mlivesearch {
	margin: 0 auto;
	padding: 0;
	border: none;
	float: none;
	position:relative;
	right:auto;
	top:0;
}
.mpoplogin {
	width: 38px;
	margin: 0 auto 20px auto;
}
.mlivesearch {
	width: 200px;
	padding: 0 0 33px 0;
}
}
/* Media Slider */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.mmediaslider .yjmediaslider .slide .slide-details {
	width: 60%!important;
	bottom: 20%!important;
}
.mmediaslider .yjmediaslider .slide .slide-details .slide-title {
	font-size: 250%;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.mmediaslider .yjmediaslider .slide .slide-details {
	width: 95%!important;
	bottom: 20%!important;
}
.mmediaslider .yjmediaslider .slide .slide-details .slide-title {
	font-size: 200%;
	line-height: 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.mmediaslider .yjmediaslider .slide .slide-details {
	bottom: 10%!important;
}
.mmediaslider .yjmediaslider .slide .slide-details .buttons .play-video,
.mmediaslider .yjmediaslider .slide .slide-details .buttons .read-more {
	font-size: 90%;
}
.mmediaslider .yjmediaslider .slide .slide-details .slide-title {
	font-size: 120%;
}
}
/* Custom icons */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.icon_holder {
	padding: 0 20px;
	width: 45%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.icon_holder {
	padding: 0;
	width: 100%;
	margin: 25px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.icon_holder span.icon_image {
	margin: 0 auto;
	float: none;
}
.icon_holder h2,
.icon_holder p {
	text-align: center;
}
}
/* York, engine*/
@media only screen and (min-width: 240px) and (max-width: 1199px) {
#adv1,
#adv2 {
	width: 100%!important;
}
.myork2.yj5 {
	margin: 0 -20px;
}
.myork.yj4 {
	padding: 50px 0 20px 0
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.myork .yy_container_out,
.myork .yy_container,
.myork #yy_slider,
.myork .yy_slider .yy_slideitems,
.myork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 1000px!important;
}
.myork .yjme_item {
	width: 50%;
}
.myork .yjme_item_in.last {
	margin: 0 22px!important;
}
.myork .yjme_item div.imageholder,
.myork .yjme_item a.item_image,
.myork .yj_hover,
.myork .yjme_item a.item_image img {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.myork .yy_container_out,
.myork .yy_container,
.myork #yy_slider,
.myork .yy_slider .yy_slideitems,
.myork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 2000px!important;
}
.myork .yjme_item {
	width: 100%;
}
.myork .yjme_item_in.last {
	margin: 0 22px!important;
}
.myork .yjme_item div.imageholder,
.myork .yjme_item a.item_image,
.myork .yj_hover,
.myork .yjme_item a.item_image img {
	width: 100%!important;
}
.myork .yjme_item a.item_title {
	text-align: center;
}
}
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.myork2 .yy_container_out,
.myork2 .yy_container,
.myork2 #yy_slider,
.myork2 .yy_slider .yy_slideitems,
.myork2 .yy_slider .yy_slideitems_in {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.myork2 .yy_container_out,
.myork2 .yy_container,
.myork2 #yy_slider,
.myork2 .yy_slider .yy_slideitems,
.myork2 .yy_slider .yy_slideitems_in,
.myork2 .yy_slider {
	width: 100%!important;
	height: 800px!important;
}
.myork2 .item_details,
.myork2 .item_category {
	width: 100%!important;
}
.myork2 .yjme_item_in {
	padding: 0;
}
.myork2 .yjme_item div.imageholder,
.myork2 .yjme_item a.item_image,
.myork2 .yj_hover,
.myork2 .yjme_item a.item_image img {
	width: 100%!important;
}
.myork2 .yjme_item a.item_title {
	clear: both;
	text-align: center;
}
.myork2 .item_category,
.myork2 .yjme_item p.item_intro {
	text-align: center;
}
.myork2 .yjme_item a.item_readmore {
	margin: 5px auto;
	float: none;
	width: 100px;
}
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.myork3 .yy_container_out,
.myork3 .yy_container,
.myork3 #yy_slider,
.myork3 .yy_slider .yy_slideitems,
.myork3 .yy_slider .yy_slideitems_in,
.myork3 .yy_slider {
	width: 100%!important;
}
.myork3 .yjme_item {
	width: 25%;
}
.myork3 .yjme_item_in {
	margin: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 980px) {
.myork3 .yy_container_out,
.myork3 .yy_container,
.myork3 #yy_slider,
.myork3 .yy_slider .yy_slideitems,
.myork3 .yy_slider .yy_slideitems_in,
.myork3 .yy_slider {
	width: 100%!important;
	height: 750px!important;
}
.myork3 .yjme_item {
	width: 50%;
}
.myork3 .yjme_item_in.last,
.myork3 .yjme_item_in {
	margin: 10px!important;
}
.myork3 .yjme_item div.imageholder,
.myork3 .yjme_item a.item_image,
.myork3 .yj_hover,
.myork3 .yjme_item a.item_image img {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.myork3 .yy_container_out,
.myork3 .yy_container,
.myork3 #yy_slider,
.myork3 .yy_slider .yy_slideitems,
.myork3 .yy_slider .yy_slideitems_in,
.myork3 .yy_slider {
	width: 100%!important;
	height: 1500px!important;
}
.myork3 .yjme_item {
	width: 100%;
}
.myork3 .yjme_item_in.last,
.myork3 .yjme_item_in {
	margin: 10px!important;
}
.myork3 .yjme_item div.imageholder,
.myork3 .yjme_item a.item_image,
.myork3 .yj_hover,
.myork3 .yjme_item a.item_image img {
	width: 100%!important;
}
.myork3 .yjme_item a.item_title {
	clear: both;
	text-align: center;
}
.myork3 .item_details,
.myork3 .item_category {
	width: 100%!important;
}
.myork3 .item_category {
	text-align: center;
}
.myork3 .yy_container .linkForward,
.myork3 .yy_container .linkBackward {
	right: 20px;
}
.myork3 .yy_container .linkBackward {
	right: 62px;
}
}
/* Member block */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.becomemember .blocleft {
	width: 42%;
}
.becomemember .template_readmore,
.becomemember .template_readmore2 {
	padding: 10px 20px;
	font-size: 100%;
}
.becomemember h2 {
	line-height: 30px;
	font-size: 22px;
}
.becomemember img {
	max-width: 40%;
	height: auto;
}
}
@media only screen and (min-width: 540px) and (max-width: 980px) {
.becomemember .blocleft {
	width: 100%;
	padding: 40px 0 0 0;
}
.becomemember img {
	margin: 25px 0 0 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
.becomemember .template_readmore,
.becomemember .template_readmore2 {
	padding: 10px 20px;
	font-size: 100%;
}
.becomemember .blocleft {
	width: 100%;
	padding: 40px 0 0 0;
}
.becomemember img {
	margin: 25px 0 0 0;
}
}
/* mbox */
@media only screen and (min-width: 640px) and (max-width: 1199px) {
.mmediabox .popbox img,
.mmediabox .popboxv img {
	max-width:100%!important;
	height:auto!important;
	width:100%!important;
}
}
@media only screen and (min-width: 640px) and (max-width: 1199px) {
.mmediabox .popbox,
.mmediabox .popboxv {
	margin:13px 5px;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.mbox_block_1,
.mbox_block_2, 
.mbox_block_3, 
.mbox_block_4{
	width:100%!important;
}
.mmediabox .popbox,
.mmediabox .popboxv {
	margin:10px 0px;
	width: 100%;
}
.mmediabox .popbox img,
.mmediabox .popboxv img {
	width: 100%!important;
	height: auto!important;
}
}
/* Bottom modules */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.list_holder.second,
.list_holder.last {
	padding: 0 0 0 30px;
}
.subscribe .inputbox_email {
	width: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#user21,
#user22 {
	width: 100%!important;
}
.mtwitter {
	border: none;
	padding: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
#user21,
#user22 {
	width: 100%!important;
}
.mtwitter {
	border: none;
	padding: 0;
}
.subscribe {
	margin: 20px 0 20px 0;
}
.subscribe .inputbox_email {
	width: 50%;
}
.list_holder.second,
.list_holder.last,
.list_holder {
	width: 33%;
	padding: 0;
	border: none;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
#user21,
#user22 {
	width: 100%!important;
}
.mtwitter {
	border: none;
	padding: 0;
}
.mtwitter .module_title {
	text-align: center;
}
.subscribe {
	margin: 20px 0 20px 0;
}
.subscribe .inputbox_email {
	width: 250px;
}
.subscribe .template_readmore {
	margin: 0 auto;
	width: 130px;
	float: none;
}
.subscribe .module_title {
	text-align: center;
}
.subscribe p {
	padding: 0;
	text-align: center;
}
.mlist {
	padding: 0;
}
.list_holder.second,
.list_holder.last,
.list_holder {
	width: 100%;
	padding: 0;
	border: none;
}
.list_holder h2 {
	text-align: center;
}
.list_holder ul {
	width: 23%;
	margin: 10px auto;
}
.list_holder ul li {
	text-align: center;
}
}