/*======================================================================*\
|| #################################################################### ||
|| # 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: 1200px) and (max-width: 1450px) {
.yjsgsitew { max-width: 100%!important; width: 1200px!important; margin: 0 auto; }
.islide .yjsg-col-1-2:first-child { width: 50%; }
.ifeatures ul li p { font-size: 90%; }
}
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.iwelcome .yjsg-col-1-2:first-child { position: relative; z-index: 1; }
.iwelcome .yjsg-col-1-2:last-child { right: 0; }
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.isubscribe form { width: 50%; }
}
@media only screen and (min-width: 240px) and (max-width: 1040px) {
.iwelcome ul li { margin: 0 auto!important; max-width: 100%!important; }
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#yjsgheadergrid #topmenu_holder { float: none; }
.yjsgsfx-iaccount.yjsgxhtml, .slidersfx-yjsgsfx-iaccount.yjsgxhtml, .ifeatures .yjsg-col-1-2, .ipurchase .yjsg-col-3-5, .ipurchase .yjsg-col-2-5 { width: 100%!important; text-align: center; }
.slidersfx-yjsgsfx-iaccount ul.yjsgsliderPagination { display: table; margin: 0 auto; }
.gridsfx-islide, .gridsfx-iwelcome, .gridsfx-isync { padding: 100px 0 0 0; }
.slidersfx-yjsgsfx-iaccount, .ifeatures { padding: 100px 0; }
.gridsfx-ifooter { padding: 100px 0 50px 0; }
.islide .yjsg-row { padding: 0; }
.islide .yjsg-col-1-2, .iwelcome .yjsg-col-1-2, .isync .yjsg-col-1-2 { width: 100%!important; position: relative!important; top: auto; bottom: auto!important; text-align: center; }
.iwelcome .yjsg-col-1-2:last-child { bottom: -70px!important; }
.islide .yjsg-col-1-2:first-child { margin-bottom: 50px; }
.islide .button-icon-color, .islide .button-icon-white, .iwelcome ul li span, .isync ul li span, .isync .button-color, .ifeatures ul li span.icon { margin: 0 auto 30px auto; float: none; }
.ipurchase .button-white, .ipurchase .button-dark2 { float: none; margin: 30px auto!important; }
.ifooter .yjsg-col-1-2 { width: 100%; text-align: center; margin: 0 auto 50px auto; }
.ifooter .yjsg-col-1-3 { width: 33.3%!important; }
.ifooter p { padding-left: 0; }
.ifooter p br { display: none; }
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.infinity-intro, .isubscribe .infinity-intro { max-width: 90%; }
.ivideo h4 { max-width: 100%; }
.isubscribe form { width: 90%; }
}
@media only screen and (min-width: 240px) and (max-width: 560px) {
.ifeatures ul li, .ifooter .yjsg-col-1-3 { width: 100%!important; }
.ifooter .yjsg-col-1-3 { margin-bottom: 30px; }
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.isync ul li { width: 100%; }
.isubscribe form .inputbox { margin: 0 auto; padding: 16px 20px; float: none; }
.isubscribe .button-color { position: relative; margin: 30px auto; }
}
@media only screen and (min-width: 240px) and (max-width: 320px) {
.button-icon-color, .button-icon-dark, .button-icon-white { padding: 0 0 0 25px; }
.button-icon-color span.button-icon, .button-icon-dark span.button-icon, .button-icon-white span.button-icon { margin: 0 auto 0 20px; }
.ivideo h4 { font-size: 200%; line-height: 40px; }
.isphere .SphereSliderHolder .clonedesc { width: 80%; }
}
/* K2 */
@media only screen and (min-width: 240px) and (max-width: 1300px) {
div.itemListSubCategories { margin: 0 auto!important; }
div.subCategoryContainer { padding: 0; }
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
div.itemListSubCategories { margin: 0 auto!important; }
div.subCategoryContainer { width: 100%!important; padding: 0 15px!important; margin: 0 auto 50px auto!important; }
.ik2custom .yjsg-col-1-2:last-child { width: 45%; }
.gridsfx-ik2custom { padding: 100px 0 0 0; }
.ik2custom .yjsg-row { padding: 0; }
.ik2custom .yjsg-col-1-2 { width: 100%!important; text-align: center; }
.ik2custom .yjsg-col-1-2:last-child { position: relative!important; right: auto; bottom: auto; margin: 50px auto 0 auto!important; width: 100%!important; }
div.subCategory { text-align: center; }
#k2Container div.subCategory .button-color { margin: 0 auto!important; }
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
div.itemRelated li { width: 50%!important; margin: 0 auto 20px auto!important; }
}
 @media only screen and (min-width: 240px) and (max-width: 380px) {
#k2Container .yjk2-details > div { float: none!important; margin: 20px auto!important; }
}