/*======================================================================*\
|| #################################################################### ||
|| # 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: 980px) and (max-width: 1420px) {
.yjsgsitew { max-width: 100%!important; width: 100%!important; }
}
/* Menu */
@media only screen and (min-width: 270px) and (max-width: 981px) {
.top_menu ul li.level0 > a:before, .top_menu ul li.level0 > span > a:before { display: none; }
}
/* Defaults */
@media only screen and (min-width: 270px) and (max-width: 980px) {
.after-text { max-width: 70%; }
}
/* Top bar */
@media only screen and (min-width: 270px) and (max-width: 640px) {
.lwelcome, .linfos { float: none; text-align: center; margin: 0 auto; }
.lwelcome p { height: auto; line-height: normal; margin: 0 auto 20px auto; }
.linfos a { margin: 0 auto 20px auto; height: auto; line-height: normal; float: none; }
.linfos p { height: auto; line-height: normal; margin: 0 auto; float: none; }
.linfos p span, .linfos a span { margin: 0 auto 10px auto; float: none; line-height: normal; display: block; font-size: 150%; }
}
/* Slides */
@media only screen and (min-width: 270px) and (max-width: 1200px) {
.lslides h4 { max-width: 80%; }
}
@media only screen and (min-width: 270px) and (max-width: 480px) {
.lslides h4 { max-width: 100%; }
}
@media only screen and (min-width: 270px) and (max-width: 420px) {
.lslides .button-color, .lslides .button-white { margin: 0 10px 20px 10px; }
}
/* Counter */
@media only screen and (min-width: 270px) and (max-width: 980px) {
.lcounter .yjsg-col-1-5 { border-bottom: 1px solid #123950; }
}
/* About us */
@media only screen and (min-width: 270px) and (max-width: 1200px) {
.laboutus .yjsg-col-1-3 { padding: 0 15px!important; }
}
@media only screen and (min-width: 270px) and (max-width: 980px) {
.laboutus .yjsg-col-1-3 { margin: 0 auto 50px auto; }
}
/* Practise area */
@media only screen and (min-width: 270px) and (max-width: 980px) {
.lpracties .yjsg-col-1-3, .lpracties .yjsg-col-2-3 { width: 100%!important; margin: 0 auto 50px auto; text-align: center; }
.lpracties .yjsg-col-1-3 img { float: none!important; }
.lpracties ul.yjsgsliderPaginationTabs li { margin: 0 15px 20px 15px; }
}
/* Clients */
@media only screen and (min-width: 270px) and (max-width: 480px) {
.ltestemonials p { max-width: 100%; }
}
/* Lawyers */
@media only screen and (min-width: 270px) and (max-width: 1490px) {
.lengine .yjme_holder, .lengine .yjme_item { margin: 0 auto; }
}
@media only screen and (min-width: 270px) and (max-width: 980px) {
.lengine .yjme_item { padding: 0 15px; }
}
@media only screen and (min-width: 270px) and (max-width: 720px) {
.lengine .yjme_item { width: 100%; margin: 0 auto 30px auto; }
}
/* Blog */
@media only screen and (min-width: 270px) and (max-width: 1490px) {
.lblog .yjme_holder { margin: 0 auto; }
}
@media only screen and (min-width: 270px) and (max-width: 980px) {
.lblog .yjme_item { padding: 0 15px; }
}
@media only screen and (min-width: 270px) and (max-width: 640px) {
.lblog .yjme_item { width: 100%; }
}
/* Consultation */
@media only screen and (min-width: 270px) and (max-width: 870px) {
.lconsultation .yjsg-row { margin: 0 auto; }
.lconsultation .yjsg-col-1-2 { width: 100%!important; }
.lconsultation .yjsg-col-1-2 .yjsg-col-1-2 { margin: 0 auto 30px auto; }
.lconsultation .yjsg-col-1-2 .yjsg-col-1-2:last-child { margin: 0 auto; }
}
@media only screen and (min-width: 270px) and (max-width: 500px) {
.lconsultation .yjsg-col-2-5 { margin: 30px auto 0 auto; }
}
/* Map */
@media only screen and (min-width: 270px) and (max-width: 500px) {
.lmap .yjgoogle-info { width: 90%; padding: 30px 0; }
}
/* Footer */
@media only screen and (min-width: 270px) and (max-width: 980px) {
.lfooter .yjsg-col-1-4, .lfooter .yjsg-col-3-4 { width: 100%; }
.lfooter .yjsg-col-3-4 .yjsg-col-1-4 { width: 25%; margin: 0 auto 30px auto; }
}
@media only screen and (min-width: 270px) and (max-width: 768px) {
.lfooter .yjsg-col-3-4 .yjsg-col-1-4 { width: 50%; }
}
@media only screen and (min-width: 270px) and (max-width: 540px) {
.lfooter .yjsg-col-3-4 .yjsg-col-1-4 { width: 100%; }
}
/*K2*/
@media only screen and (min-width: 270px) and (max-width: 1500px) {
div.itemListSubCategories { margin: 0 auto!important; }
}
@media only screen and (min-width: 270px) and (max-width: 980px) {
div.subCategoryContainer { width: 100%!important; padding: 0!important; margin: 0 auto 70px auto!important; }
#k2Container .yjk2-main, #k2Container.yjk2-main, div.userBlock { margin: 0 auto 100px auto!important; }
}