/*======================================================================*\
|| #################################################################### ||
|| # 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; margin: 0 auto; }
.top_menu, .top_menu_poz_navbar, .top_menu_poz.navpills { max-width: 100%!important; }
.gridsfx-mgallery.yjsgsitew, .gridsfx-mgooglemap.yjsgsitew { width: 100%!important; }
.mblog .yjme_holder { max-width: 100%!important; }
}
@media only screen and (min-width: 240px) and (max-width: 1250px) {
.yjsgsitew { max-width: 100%!important; width: 100%!important; margin: 0 auto; }
div.itemListSubCategories { margin: 0 auto!important; }
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#yjsgheadergrid #topmenu_holder { float: none; }
.subtitle, .mgallery .subtitle { max-width: 70%; }
.mabout .yjsg-col-1-4:nth-child(1), .mabout .yjsg-col-1-4:nth-child(2) { border-bottom: 1px solid #e4e4e4; }
.mabout .yjsg-col-1-4:nth-child(2) { border-right: none; }
.tabssfx-yjsgsfx-mschedule.yjsgxhtml.only_mod { max-width: 90%; width: 100%!important; }
.mplans .yjplanxtdended.separated { width: 100%; }
.mplans .yjplanxtdended.separated .yjplanextdholder { width: 60%!important; clear: both; margin: 0 auto; float: none; display: table; }
.mgallery .yjsg-row .yjsg-col-1-8 a, .mgallery .yjsg-row .yjsg-col-1-8 a img { width: 100%; height: auto; }
.mpartners .yjsg-col-1-4 { width: 50%; }
.mpartners .yjsg-col-1-4:nth-child(1), .mpartners .yjsg-col-1-4:nth-child(2) { margin: 0 auto 50px auto; }
.meetup-contact-infos { width: 50%; }
div.subCategoryContainer { width: 100%!important; margin: 0 auto 50px auto!important; }
div.itemRelated li { width: 33%!important; margin: 0 auto 20px auto; }
}
@media only screen and (min-width: 240px) and (max-width: 820px) {
.mspeakers .yjme_item { width: 50%; }
}
@media only screen and (min-width: 240px) and (max-width: 720px) {
.minfos { display: table; margin: 0 auto; }
.msocials { float: none; display: table; margin: 20px auto 0 auto; }
.msocials ul li { margin: 0 10px; }
.mpoplogin { float: none; clear: none; display: table; margin: 20px auto 0 auto; }
.mabout .yjsg-col-1-4:nth-child(1) { border-right: none; }
.mabout .yjsg-col-1-4:nth-child(3) { border-right: none; border-bottom: 1px solid #e4e4e4; }
.mgallery .yjsg-row .yjsg-col-1-4 a, .mgallery .yjsg-row .yjsg-col-1-4 a img { width: 100%; height: auto; }
}
@media only screen and (min-width: 240px) and (max-width: 655px) {
.mcountdown .yjCounter .countdown_section { padding: 10px 25px; }
.mcountdown .yjCounter .countdown_section span { font-size: 200%; line-height: normal; }
.mblog .yjme_item { width: 100%; margin: 0 auto 30px auto; }
}
@media only screen and (min-width: 240px) and (max-width: 585px) {
.tabssfx-yjsgsfx-mschedule ul.yjsgsliderPaginationTabs li, #meetupevents ul li { margin: 0 10px 20px 10px; }
.tabssfx-yjsgsfx-mschedule ul.yjsgsliderPaginationTabs, #meetupevents ul { width: 245px; }
div.itemRelated li { width: 50%!important; }
}
@media only screen and (min-width: 240px) and (max-width: 500px) {
.mpoplogin #login_pop, .mpoplogin #reg_pop { width: 100%; left: 0!important; right: 0; }
}
@media only screen and (min-width: 240px) and (max-width: 530px) {
.mcountdown .yjCounter .countdown_section { border: none; }
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.mplans .yjplanxtdended.separated .yjplanextdholder { width: 90%!important; }
.yjk2-details { background: none; margin: 0 auto; }
}
@media only screen and (min-width: 240px) and (max-width: 440px) {
.yjk2-details { margin: 0 auto!important; background: none!important; }
.yjk2-details > div { border: none; padding: 10px 15px!important; margin: 0 auto 15px auto!important; display: table!important; float: none!important; background: #f9f9f9; }
div.itemRelated li { width: 100%!important; }
}
@media only screen and (min-width: 240px) and (max-width: 420px) {
.mintro { margin: 50px auto 0 auto; }
.mintro h4 { font-size: 200%; }
.mintro p { font-size: 120%; }
.mbuyticket .button-color { margin: 70px auto 50px auto; }
.mschedule .schedule-time, #meetupevents .schedule-time { width: 100%; text-align: center; border: none; margin: 0 auto 20px auto; }
.mschedule .schedule-info, #meetupevents .schedule-info { padding: 0; width: 100%; text-align: center; }
.schedule-main-infos { text-align: center; }
.mschedule .schedule-info img, #meetupevents .schedule-info img { margin: 0 auto; float: none; }
.mspeakers .yjme_item, .meetup-contact-infos { width: 100%; }
}
@media only screen and (min-width: 240px) and (max-width: 320px) {
.minfos p, .minfos a { display: table; margin: 20px auto; }
}