/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
 
/* TCH mods begin: */

/* logo */
@media only screen and (min-width: 240px) and (max-width: 360px) {
#logo {
  background: url(../images/blue/extra-small-logo.png) no-repeat 0px 0px;
  width: 300px !important;
  height: 200px !important;
}
#logoholder {
  width: 300px !important;
  height: 200px !important;
}
}
@media only screen and (min-width: 361px) and (max-width: 640px) {
#logo {
  background: url(../images/blue/small-logo.png) no-repeat 0px 0px;
  width: 480px !important; 
  height: 200px !important;
}
#logoholder {
  width: 480px !important; 
  height: 200px !important;
}
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
#logo {
  background: url(../images/blue/medium-logo.png) no-repeat 0px 0px;
  width: 580px !important;
  height: 300px !important;
}
#logoholder {
  width: 580px !important;
  height: 300px !important;
}
}
@media only screen and (min-width: 769px) and (max-width: 1800px) {
#logo {
  background: url(../images/blue/logo.png) no-repeat 0px 0px;
  width: 770px !important; 
  height: 400px !important;
}
#logoholder {
  width: 770px !important; 
  height: 400px !important;
}
}
/* TCH mods end */


@media screen and (max-width: 980px) {
div#logoholder {
  margin: 40px auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 1420px) {
#centerbottom, #yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #footer, #joomlacredit, .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;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
#centerbottom, #yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #footer, #joomlacredit, .yjsgsitew {
  max-width: 100%!important;
  width: 1024px!important;
  margin: 0 auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 1024px) {
#centerbottom, #yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #footer, #joomlacredit, .yjsgsitew {
  max-width: 100%!important;
  width: 100%!important;
  margin: 0 auto;
}
}
/* Our Services */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.ourservices .yjsg-col-1-3, .ourservices .yjsg-col-2-3 {
  width: 100%!important;
  text-align: center;
}
.ourservices .yjsg-col-1-3 br {
  display: none;
}
.ourservices .button_dark_border {
  margin: 25px auto;
}
.ourservices .yjsg-col-2-3 .yjsg-col-1-3 {
  width: 50%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.ourservices .yjsg-col-2-3 .yjsg-col-1-3 {
  width: 100%!important;
}
}
/* Engine */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.tengine .yjme_item div.imageholder, .tengine .yjme_item a.item_image, .tengine .yjme_item a.item_image img {
  width: 100%!important;
  height: auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tengine .yjme_item {
  width: 50%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.tengine .yjme_item {
  width: 100%!important;
}
}
/*blog*/
@media only screen and (min-width: 240px) and (max-width: 1520px) {
.tengine.blog .yjme_holder {
  margin: 0 auto;
}
.tengine.blog .yjme_item {
  padding: 30px 35px;
}
}
/* Our skills */
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.tourskills .progress_holder {
  padding: 75px 0 100px 175px;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tourskills img {
  display: none;
}
.tourskills .progress_holder {
  max-width: 100%;
  padding: 75px 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 690px) {
.tourskills .progress {
  width: 100%;
}
.tourskills .progress_title {
  float: none;
  text-align: left;
  margin: 0 0 30px 0;
  width: 100%;
}
.tourskills .progress_title:before {
  display: none;
}
.tourskills .progress_title:after {
  left: 0;
  right: auto;
}
}
/* Counter */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tcounter .yjsg-col-1-5, .tcounter .yjsg-col-1-5:last-child {
  width: 20%!important;
}
.tcounter h4 {
  font-size: 100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 700px) {
.tcounter {
  padding: 0;
}
.tcounter .yjsg-col-1-5 {
  width: 50%!important;
  margin: 30px 0;
}
.tcounter .yjsg-col-1-5:last-child {
  width: 100%!important;
}
.tcounter .yjsg-col-1-5:nth-child(2), .tcounter .yjsg-col-1-5:nth-child(4) {
  border: none;
}
.tcounter .yjsg-col-1-5:nth-child(2):after, .tcounter .yjsg-col-1-5:nth-child(4):after {
  display: none;
}
.tcounter h4 {
  font-size: 100%;
}
}
/* Members */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.tmembers .YR_reader .navigator li.yrrelement:first-child {
  max-width: 24.3%;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.tmembers .YR_reader .navigator li.yrrelement:first-child {
  max-width: 39.3%;
}
.tmembers .YR_reader .navigator li.yrrelement {
  max-width: 21%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.YR_reader {
  height: auto!important;
}
.tmembers .YR_reader.left .navigator_outer {
  width: 100%;
  height: auto!important;
  position: relative;
}
.tmembers .YR_reader.left .slidesholder {
  width: 100%;
  float: none;
  margin-top: 30px;
}
.tmembers .YR_reader .slidesholder div.yrrslide {
  max-width: 98%;
}
.tmembers .YR_reader .navigator li.yrrelement:first-child {
  max-width: 39.3%;
}
.tmembers .YR_reader .navigator li.yrrelement {
  max-width: 21%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.tmembers .YR_reader.left .slidesholder, .tmembers .YR_reader .slidesholder div.yrrslide {
  height: 450px!important;
}
}
/* Subscribe */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.tsubscribe form {
  padding: 25px 0 25px 30px;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.tsubscribe h4 {
  float: none;
  display: block;
}
.tsubscribe form {
  padding: 25px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.tsubscribe .inputbox_email {
  width: 98%;
}
.tsubscribe .button_color {
  margin-top: 20px;
  float: left;
}
}
/* Partners */
@media only screen and (min-width: 240px) and (max-width: 890px) {
.partner {
  background-size: 90%!important;
  height: 50px;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.partner {
  background-size: auto!important;
  height: 120px;
  width: 50%;
  border: none;
}
.partner:after {
  display: none;
}
}
/* Footer modules */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tcontact {
  padding: 30px 0 0 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 720px) {
.tpopular {
  padding: 30px 0 0 0;
}
}
/*K2*/
@media only screen and (min-width: 240px) and (max-width: 1310px) {
div.itemListSubCategories {
  margin: 0 auto!important;
}
div.subCategoryContainer {
  padding: 0 15px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
div.subCategoryContainer, div.subCategory a.subCategoryImage img {
  width: 100%!important;
}
div.subCategory {
  margin-bottom: 50px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
div.catItemView, div.itemView, div.tagItemView, div.userItemView, div.userBlock, div.latestItemView, div.genericItemView {
  max-width: 100%!important;
}
.yjk2_intro .yjsg-col-1-4 {
  width: 25%!important;
}
div.catItemImageBlock, span.catItemImage, span.catItemImage a, span.catItemImage img, div.itemImageBlock, span.itemImage, span.itemImage a, span.itemImage img, div.tagItemImageBlock, span.tagItemImage, span.tagItemImage a, span.tagItemImage img, div.userItemImageBlock, span.userItemImage, span.userItemImage a, span.userItemImage img, div.latestItemImageBlock, span.latestItemImage, span.latestItemImage a, span.latestItemImage img, div.genericItemImageBlock, span.genericItemImage, span.genericItemImage a, span.genericItemImage img {
  width: 100%!important;
  height: auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.yjk2_intro .yjsg-col-1-4 {
  width: 50%!important;
}
}