 /*======================================================================*\
|| #################################################################### ||
|| # 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;
	height:auto;
}
#default_video {
	width: 100%!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 {
	max-width: 100%!important;
	width: auto!important;
}
#header {
	padding: 0 20px;
	height: auto!important;
}
.yjsg_grid, #youjoomla {
	padding: 20px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#logo {
	background-size: 100%!important;
}
.title_out #titles_holder {
	margin: 0 0 0 20px;
}
}
/* YJ Live Search */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.dlivesearch {
	float: none;
}
.dlivesearch .yjsquare_in {
	padding: 0 0 20px 0;
}
.dlivesearch form, .dlivesearch input {
	margin: 0 auto;
	position: relative;
	display: block;
	width: 200px;
}
.dlivesearch .yj_inputbox {
	padding: 10px 0;
}
.dlivesearch .button, .dlivesearch .icon-search {
	right: 0;
}
}
/* YJ Title Ticker */
@media only screen and (min-width: 240px) and (max-width: 640px) {
.title_out #titles_holder {
	width: 100%!important;
	margin: 0;
	height: 100px!important;
}
.title_out #title_title {
	width: auto!important;
	padding: 0 5px;
}
.title_out #yj_nt2 {
	clear: both;
	width: 100%!important;
}
.title_out #yj_nt2 div {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.title_out #titles_holder {
	height: 130px!important;
}
.title_out #yj_nt2, .title_out #yj_nt2 .ttick {
	height: 80px!important;
	line-height: 28px!important;
}
}
/* YJ Media Slider */
@media only screen and (min-width: 981px) and (max-width: 1199px) {
.dmediaslider {
	float: none;
}
.dmediaslider.bottom {
	margin-top: 15px;
}
.dmediaslider .yjmediaslider .slide img.poster, .dmediaslider .yjmediaslider .slide, .dmediaslider .yjmediaslider, .dmediaslider .yjmediaout {
	height: auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
.dmediaslider {
	float: none;
}
#top1, #top2, .dmediaslider .yjmediaslider {
	width: 100%!important;
}
.dmediaslider.bottom {
	margin-top: 0px;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.dmediaslider .yjmediaslider .slide .slide-details .slide-title {
	visibility: hidden;
}
}
/* Module Engine */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.dyjme3 .yjme_item.first {
	margin: 0 50px 0 0;
}
.dyjme3 .yjme_item {
	margin: 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
.dyjme .yjme_item_in, .dyjme .yjme_item_in.last {
	margin: 0!important;
	padding: 20px;
}
.dyjme3 .yjme_item_in, .dyjme3 .yjme_item_in.last {
	padding: 20px 0;
	margin: 0!important;
}
.dyjme .yjme_item a.item_title, .dyjme3 .yjme_item.first a.item_title {
	clear: both;
}
.dyjme .extra_holder, .dyjme3 .yjme_item.first .extra_holder {
	margin-bottom: 20px;
}
.dyjme .extra_holder, .dyjme .yjme_item div.imageholder, .dyjme .yjme_item a.item_image, .dyjme .yjme_item a.item_image img, .dyjme2 .extra_holder, .dyjme2 .yjme_item.first div.imageholder, .dyjme2 .yjme_item.first a.item_image, .dyjme2 .yjme_item.first a.item_image img, .dyjme3 .extra_holder, .dyjme3 .yjme_item.first div.imageholder, .dyjme3 .yjme_item.first a.item_image, .dyjme3 .yjme_item.first a.item_image img, {
 width:100%!important;
}
.dyjme3 .yjme_item {
	float: left;
}
.dyjme3 .yjme_item.first {
	width: auto;
	margin: 0;
}
/* Engine right */
.dyjme2 {
	margin: 0 0 0 30px;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
#user2, #user6, #user7 {
	width: 100%!important;
}
.dyjme2 {
	margin: 0;
}
.dyjme2 .yjme_item_in, .dyjme2 .yjme_item_in.last {
	padding: 20px 0;
}
.dyjme2 .first .extra_holder, .dyjme2 .yjme_item.first div.imageholder, .dyjme2 .yjme_item.first a.item_image, .dyjme2 .yjme_item.first a.item_image img, .dyjme3 .first .extra_holder, .dyjme3 .yjme_item.first div.imageholder, .dyjme3 .yjme_item.first a.item_image, .dyjme3 .yjme_item.first a.item_image img {
	width: 100%!important;
	height: auto!important;
}
.dyjme2 .yjme_item div.imageholder {
	margin: 0 20px 0 0;
}
.dyjme2 div.items_category, .dyjme3 div.items_category {
	margin-bottom: 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
.dyjme .extra_holder, .dyjme .yjme_item div.imageholder, .dyjme .yjme_item a.item_image, .dyjme .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
.dyjme .yjme_item {
	width: 100%;
}
.dyjme .yjme_item_in, .dyjme .yjme_item_in.last {
	padding: 20px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 320px) {
.dyjme2 .extra_holder, .dyjme2 .yjme_item div.imageholder, .dyjme2 .yjme_item a.item_image, .dyjme2 .yjme_item a.item_image img, .dyjme3 .extra_holder, .dyjme3 .yjme_item div.imageholder, .dyjme3 .yjme_item a.item_image, .dyjme3 .yjme_item a.item_image img, {
 width:100%!important;
 height:auto!important;
}
.dyjme2 .yjme_item a.item_title, .dyjme3 .yjme_item a.item_title {
	clear: both;
}
.dyjme3 .yjme_item {
	margin: 0;
}
.dyjme2 .yjme_item div.imageholder, .dyjme3 .yjme_item div.imageholder {
	margin: 0 0 10px 0;
}
.dyjme2 .yjme_item.first a.item_title {
	padding: 0 10px;
	line-height: 28px;
	font-size: 100%;
}
}

/* YJ Newsflash 4 */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.dyjnf4 .yjnewsflashu4_in {
	margin: 0!important;
	padding: 20px 0;
}
.dyjnf4 .yjnewsflashu4 a.itemtitle {
	clear: both;
}
.dyjnf4 .extra_holder {
	margin-bottom: 20px;
}
.dyjnf4 .extra_holder, .dyjnf4 .yjnewsflashu4 div.imageholder, .dyjnf4 .yjnewsflashu4 a.itemimage, .dyjnf4 .yjnewsflashu4 a.itemimage img {
	width: 100%!important;
	height: auto!important;
}
.dyjnf4 .yjnewsflashu4 .itemcdate {
	left: 20px;
	right: auto;
}
.dyjnf4 div.yjnf4_navigation {
	margin-bottom: 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
#user1 {
	width: 100%!important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.dyjnf4 .yjnf_title {
	font-size: 100%;
	line-height: 22px;
}
}
@media only screen and (min-width: 240px) and (max-width: 320px) {
.dyjnf4 .yjnf_title {
	display: none;
}
.dyjnf4 div.yjnf4_navigation {
	text-align: center;
}
}
/* Twitter, Comments */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
#user11, #user12 {
}
#user13 {
}
.dtwitter, .dcomments, .dyork {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.dtwitter, .dcomments, .dyork {
	margin: 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
#user11, #user12 {
	width: 100%!important;
}
}
/* York module */
@media only screen and (min-width: 980px) and (max-width: 1200px) {
.dyork {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.dyork .yy_container_out, .dyork .yy_container, .dyork #yy_slider, .dyork .yy_slider .yy_slideitems, .dyork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 650px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.dyork {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.dyork .yy_container_out, .dyork .yy_container, .dyork .yy_slider .yy_slideitems, .dyork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 450px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 520px) {
.dyork .yy_container_out, .dyork .yy_container, .dyork #yy_slider, .dyork .yy_slider .yy_slideitems, .dyork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 580px!important;
}
}
/* Bottom modules */
@media only screen and (min-width: 240px) and (max-width: 540px) {
#user21, #user22, #user23, #user24, #user25 {
	width: 100%!important;
}
}
 @media only screen and (min-width: 240px) and (max-width: 480px) {
.catItemView .catItemBody_right {
	clear: both;
}
}
