/*======================================================================*\
|| #################################################################### ||
|| # 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: 1450px) {
.yjsgsitew { max-width: 100%!important; width: 1200px!important; }
.top_menu, .top_menu_poz_navbar, .top_menu_poz.navpills { max-width: 100%!important; }
.ctoprated .yjme_item, .ctoprated .yjme_item_in, .ctoprated .yjme_item div.imageholder, .ctoprated .yjme_item a.item_image { max-height: 440px; }
}
@media only screen and (min-width: 240px) and (max-width: 1250px) {
.yjsgsitew { max-width: 100%!important; width: 100%!important; }
}
@media only screen and (min-width: 240px) and (max-width: 1220px) {
.ctoprated .yjme_item, .ctoprated .yjme_item_in, .ctoprated .yjme_item div.imageholder, .ctoprated .yjme_item a.item_image { max-height: 440px; }
.ctoprated .yjme_item { width: 50%!important; }
.ctoprated .yjme_item a.item_title { font-size: 150%!important; }
}
@media screen and (max-width: 1024px) {
.ctheaters.cblog .yjme_item.first { width: 100%; }
.ctheaters.cblog .yjme_item { width: 50%; }
.ctheaters.cblog .yjme_item.first, .ctheaters.cblog .yjme_item.first .yjme_item_in, .ctheaters.cblog .yjme_item.first div.imageholder, .ctheaters.cblog .yjme_item.first a.item_image { max-height: 100%!important; }
.ctheaters.cblog .yjme_item, .ctheaters.cblog .yjme_item .yjme_item_in, .ctheaters.cblog .yjme_item div.imageholder, .ctheaters.cblog .yjme_item a.item_image { max-height: 400px!important; }
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#yjsgheadergrid #topmenu_holder { float: none; margin: 0 auto; }
.extrapos1 { float: none; padding: 30px 0 0 0; }
.csearch, .cpoplogin { display: table; float: none; margin: 0 auto; }
div.itemListSubCategories { margin: 0 auto; }
div.subCategoryContainer { width: 50%!important; }
div.yjk2-main-holder { max-width: 100%!important; }
div.yjk2-image, div.yjk2-image span, div.yjk2-image span a { height: auto!important; }
}
@media screen and (max-width: 979px) {
#mmenu_holder + div { display: none; }
}
@media screen and (max-width: 850px) {
.cpoplogin div#login_pop { width: 95%; top: 50px; }
.cpoplogin #login_pop .yjsg-col-1-2 { padding: 0; }
.ctheaters .yjme_item { width: 50%; margin: 0 auto 30px auto; }
}
@media screen and (max-width: 768px) {
.slidersfx-yjsgsfx-cslider { padding: 200px 0 0 0; }
}
@media screen and (max-width: 640px) {
.cslider h4 { font-size: 300%; letter-spacing: 10px; }
.cslider p { max-width: 75%; }
div.subCategoryContainer { width: 100%!important; }
}
@media screen and (max-width: 560px) {
.ctoprated .yjme_item { width: 100%!important; }
}
@media screen and (max-width: 480px) {
.cpoplogin .yjsg-col-1 h4 { text-align: center; }
.cpoplogin #login_pop .inputbox { float: none; margin: 0 auto 20px auto; display: table; clear: both; width: 100%; }
.cpoplogin #login_pop .button { display: table; }
.ctheaters .yjme_item { width: 100%; }
.ctheaters.cblog .yjme_item { width: 100%!important; max-height: 100%; }
.ctheaters.cblog .yjme_item a.item_title { font-size: 120%!important; }
.cbestgenres .yjsg-col-1-4 { text-align: center; margin: 0 auto 40px auto; }
.cbestgenres li a span { margin: 0 auto; font-size: 100%; display: table; }
.cbestgenres h4:before { left: 0; right: 0; margin: auto; }
.cfooter { text-align: center; }
.cfooter .yjsg-col-1-4 p { padding: 0; }
}
@media screen and (max-width: 415px) {
.cslider .slide-infos span { display: table; margin: 0 auto; }
}