 /*======================================================================*\
|| #################################################################### ||
|| # 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) {
.top_menu {
  width: inherit!important;
}
#header,
 #header_in,
 #centertop,
 #centerbottom,
 #yjsg1,
 #yjsg2,
 #yjsg3,
 #yjsg4,
 #yjsg5,
 #yjsg6,
 #yjsg7,
 #footer,
 #joomlacredit,
 .yjsgsitew {
  width: auto!important;
}
#header {
  padding: 0 20px;
  height: auto!important;
}
.yjsg_grid,
#youjoomla {
  padding: 1px 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 .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 .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 {
  width: 50%!important;
}
#user13 {
  width: 100%!important;
}
.dtwitter,
.dcomments {
  margin: 0 0 20px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
#user11,
#user12 {
  width: 100%!important;
}
.dtwitter {
  margin: 0;
}
}

/* York module */
@media only screen and (min-width: 240px) and (max-width: 540px) {
.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: 450px!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;
}
}
