/*======================================================================*\
|| #################################################################### ||
|| # 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: 1220px) and (max-width: 1450px) {
div.yjsgsitew { max-width: 1200px!important; width: 1200px!important; }
}
@media only screen and (max-width: 1200px) {
div.yjsgsitew { max-width: 100%!important; width: 100%!important; }
}
@media screen and (max-width: 979px) {
#yjsgheadergrid #topmenu_holder { float: none; }
.extrapos1 { float: none; padding: 0; border: none; margin: 0 auto 30px auto; }
.extrapos1.gsearchtrigger { margin: 0 auto; }
.gslide h4 { font-size: 70px; }
}
@media screen and (max-width: 640px) {
.gsearch .yjsg-element-holder input { width: 100%; }
}
/* Icon blocks */
@media screen and (max-width: 1250px) {
.giconblocks .yjsg-row { margin: 0 auto; }
}
@media screen and (max-width: 980px) {
.giconblocks .yjsg-col-1-3:last-child { margin: 60px auto 0 auto; }
}
@media screen and (max-width: 720px) {
.giconblocks .yjsg-col-1-3 { margin: 60px auto 0 auto; }
.extrapos2.giconblocks { margin-top: -120px; }
}
@media screen and (max-width: 720px) {
.giconblocks p br { display: none; }
}
/* Features */
@media screen and (max-width: 980px) {
.gfeatures .yjsg-row { margin: 0 auto; }
.gfeatures img { left: 0; right: 0; margin: 0 auto; opacity: 0.5; }
.gfeatures .yjsg-col-1 { text-align: center; }
.gfeatures .yjsg-col-1 span, .gfeatures .yjsg-col-1 p, .gfeatures .button-white { float: none; margin: 0 auto; }
}
/* Latest Project */
@media screen and (max-width: 980px) {
.glatest .yjme_item { width: 100%; height: auto; }
.glatest .yjme_item a.item_image img, .glatest .yjme_item div.imageholder, .glatest .yjme_item a.item_image { width: 100%!important; height: auto!important; }
}
/* Work Process */
@media screen and (max-width: 980px) {
.gprocess .yjsg-row > div { width: 50%; clear: both; margin: 60px auto; float: none; }
.gprocess .yjsg-row > div .yjsg-col-2-4 { width: 100%; margin: 0 auto 60px auto; }
.gprocess .yjsg-row .yjsg-col-1-4 { margin: 0 auto; }
.gprocess .yjsg-col-1:before, .gprocess .yjsg-col-2-4.icon:before, .gprocess .yjsg-col-1:before { display: none; }
.gprocess .yjsg-col-1 { overflow: visible; }
}
@media screen and (max-width: 480px) {
.gprocess .yjsg-row > div { width: 100%; }
}
/* Team */
@media screen and (max-width: 480px) {
.gteam .SphereSliderHolder { overflow: visible; }
.gteam .SphereSliderHolder .spherenavs { bottom: -50px!important; }
.gteam .SphereSlider div.sphere .ititle, .gteam .SphereSlider div.sphere .desc { text-align: center; }
}
/* Articles */
@media screen and (max-width: 786px) {
.garticles .yjme_item { width: 100%; }
}
/* Testemonials */
@media screen and (max-width: 980px) {
.gtestemonials .yjsg-col-1-3:last-child { margin-top: 30px; }
}
@media screen and (max-width: 720px) {
.gtestemonials .yjsg-col-1-3 { margin-top: 30px; }
.gtestemonials .yjsg-col-1-3 img { margin: auto; display: table; float: none; }
.gtestemonials .yjsg-col-1-3 h4 { text-align: center; }
.gtestemonials .yjsg-col-1-3 p:after { left: 50%; -webkit-transform: translateY(-50%); transform: translateX(-50%); }
}
/* Subscribe */
@media screen and (max-width: 980px) {
.gsubscribe .yjsg-col-1-4 { margin: 15px auto; }
}
/* Footer */
@media screen and (max-width: 1450px) {
.gfooter .yjsg-col-1-5 ul li a { margin: 0 20px 10px 0; }
}
@media screen and (max-width: 980px) {
.gfooter .yjsg-col-4-5, .gfooter .yjsg-col-1-5 { width: 100%; }
.gfooter .yjsg-col-1-5 ul { width: 185px; }
.gfooter .yjsg-col-1-5 ul li a { margin: 0 10px; }
.gfooter .yjsg-col-1-4 h4, .gfooter .yjsg-col-1-5 h4, .gfooter .yjsg-col-1-4 ul li a { text-align: center; }
.gfooter .yjsg-col-4-5 .yjsg-col-1-4, .gfooter .yjsg-col-1-5 { margin-top: 60px; }
}
/* K2 */
@media screen and (max-width: 980px) {
#k2Container .yjk2-main, #k2Container.yjk2-main, div.userBlock { margin: 0 auto 60px auto!important; }
.gk2custom h4 { font-size: 70px; word-break: break-all; }
}
@media screen and (max-width: 768px) {
div.itemListSubCategories { margin: 0 auto!important; }
div.subCategoryContainer { width: 100%!important; margin: 0 auto 60px auto; }
}