/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
/*select menu */
#mmenu_holder {
  display:none;
  width:100%;
  background:#000;
  padding:0;
  margin:0 auto;
  text-align:center;
  overflow:hidden;
  position:relative;
  height:38px;
}
select#mmenu {
  margin:0 auto;
  cursor:pointer;
  display:block;
  width:100%;
  overflow: hidden;
  height:35px;
  padding:5px 0;
  font-size:22px;
}
span#yjmm_selectid {
  position:absolute;
  display:block;
  left:0;
  width:99%;
  height:35px;
  padding:0;
  margin:0;
  line-height:35px;
  color: #fff;
  font-size:18px;
  font-weight:bold;
  color:#ccc;
  overflow: hidden;
  cursor:pointer;
  background:url(../images/mm_arrow.png) no-repeat right center;
}
select.yjstyled {
  position: relative;
  opacity: 0;
  z-index: 5;
}
@media screen and (max-width: 1500px) {
  body,
  html {
  /*overflow-x: hidden;*/
  }
  #topmenu_holder.dropped {
    width:auto!important;
    float: none!important;
    clear:both!important;
    margin:0 auto!important;
  }
}
 @media only screen and (min-width: 1040px) and (max-width: 1199px) {
  body,
  p,
  img,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    transition:all .3s linear;
    -o-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
  }
  #header,
  #header_in,
  #centertop,
  #centerbottom,
  #yjsg1,
  #yjsg2,
  #yjsg3,
  #yjsg4,
  #yjsg5,
  #yjsg6,
  #yjsg7,
  #footer,
  #joomlacredit,
  .yjsgsitew{
    width:1000px!important;
  }
  .top_menu,
  .top_menu_poz_navbar,
  .top_menu_poz.navpills {
    width:1000px!important;
  }
}
 @media only screen and (min-width: 981px) and (max-width: 1039px) {
  #header,
  #header_in,
  #centertop,
  #centerbottom,
  #yjsg1,
  #yjsg2,
  #yjsg3,
  #yjsg4,
  #yjsg5,
  #yjsg6,
  #yjsg7,
  #footer,
  #joomlacredit,
  .yjsgsitew {
    width:980px!important;
  }
  .top_menu,
  .top_menu_poz_navbar,
  .top_menu_poz.navpills {
    width:980px!important;
  }
}
 @media screen and (max-width: 980px) {
  .top_menu_poz_navbar {
    width:100%!important;
  }
  .topmodpoz_navbar #mmenu_holder {
    display:none!important;
  }
  .top_menu,
  .top_menu_poz {
    visibility:hidden!important;
    height:0!important;
    overflow:hidden!important;
  }
  .top_menu.showmenu,
  .top_menu_poz.showmenu {
    visibility:visible!important;
    height:auto!important;
    overflow:visible!important;
  }
  #logo {
    visibility:hidden;
  }
  #logo.lfloat {
    margin:0 auto!important;
    float:none!important;
    visibility:visible!important;
  }
  /*  body,
     html {
      overflow-x: hidden;
    }*/
    #header {
    overflow:hidden;
  }
  #header.dropped {
    overflow:hidden;
    height: auto!important;
  }
  #centertop,
  #header_in,
  #centerbottom,
  #yjsgheadergrid,
  #yjsg1,
  #yjsg2,
  #yjsg3,
  #yjsg4,
  #yjsg5,
  #yjsg6,
  #yjsg7,
  #midblock,
  #rightblock,
  #leftblock,
  #insetblock,
  #insetsholder_2t,
  #insetsholder_2b,
  #insetsholder_3t,
  #insetsholder_3b,
  #footer,
  #footmod,
  #joomlacredit,
  .validators,
  .yjsgcp,
  .yjsglogo,
  .yjsgsitew{
    width:auto!important;
    float: none!important;
    clear:both!important;
  }
  /* mods*/
  .yjsgxhtml {
    width:50%!important;
  }
  /* 3rd mod in group of 4*/
  .yjsgclearrow{
    clear:left!important;
  }
  .yjsgxhtml.last_mod,
  .yjsgxhtml.only_mod {
    width:100%!important;
  }
  embed,
  object {
    width: 100%!important;
    height: auto!important;
  }
  img {
    max-width: 100%!important;
  }
  .yjsglogo {
    position:static!important;
    display:block!important;
  }
  div.yjsg-newsitems .float-left {
    width:50%!important;
  }
  div.yjsg-newsitems .float-left.width100,
   .last.float-left.width33,
   .last.float-left.width20 {
    width:100%!important;
  }
  div.subCategory {
    height: auto!important;
  }
}
 @media screen and (max-width: 768px) {
  body {
    padding-right:0!important;
    padding-left:0!important;
  }
  .yjsg-split,
  .yjsg-split-in {
    width:100%!important;
    float:none;
    clear:both;
    margin-left:0;
    margin-right:0;
    padding-left:0!important;
    padding-right:0!important;
  }
  .yjsg-split  .navContainer {
    width: 98%!important;
  }
  .subCategoryContainer,
  .itemImageBlock,
  .itemContainer,
  .catItemImageBlock,
  div.subCategory a.subCategoryImage img,
  div.subCategory a.subCategoryImage {
    width:auto!important;
    float: none!important;
    clear:both!important;
  }
  .itemToolbar ul li {
    padding:0 5px 0 0!important;
  }
  #go_right,
  #go_left {
    width:100%;
    clear:both;
    position:static!important;
  }
  #go_right .affix,
  .yjsg-example-sidebar {
    position:static!important;
  }
}
@media screen and (max-width: 640px) {
  body {
    font-size:80%!important;
  }
  h1 {
    font-size: 2em;
    line-height: 1.7em!important;
  }
  h2 {
    font-size: 1.8em;
    line-height: 1.7em!important;
  }
  h3 {
    font-size: 1.5em;
    line-height: 1.7em!important;
  }
  h4 {
    font-size: 1.3em;
    line-height: 1.7em!important;
  }
  h5 {
    font-size: 1.2em;
    line-height: 1.7em!important;
  }
  h6 {
    font-size: 1.1em;
    line-height: 1.7em!important;
  }
  h1 small {
    font-size: 20px;
  }
  h2 small {
    font-size: 15px;
  }
  h3 small {
    font-size: 12px;
  }
  h4 small {
    font-size: 12px;
  }
  .userpages,
  #userpages {
    width:auto!important;
    float: none!important;
    clear:both!important;
  }
}
@media screen and (max-width: 480px) {
  div.yjsg-newsitems .float-left,
  .yjsgxhtml {
    width:auto!important;
    float: none!important;
    clear:both!important;
  }
  textarea,
   .inputbox {
    width: 90%!important;
    height: auto!important;
  }
  .itemToolbar,
  .itemToolbar ul,
  .itemToolbar ul li {
    display:block!important;
    clear:both!important;
    float:none!important;
    padding:0!important;
    text-align:left!important;
    border:none!important;
  }
  .yjsg-example #myCarousel {
    width:100%;
    margin:0 auto;
  }
}
@media screen and (max-width: 320px) {
  .contact.component textarea,
  .contact.component input {
    width:95%!important;
  }
  #recaptcha_area {
    width:95%!important;
  }
  #recaptcha_area {
    width:95%!important;
  }
  #recaptcha_image {
    width:100% !important;
    height:auto !important
  }
  #recaptcha_area input {
    width:180px!important;
  }
  #recaptcha_logo {
    display:none!important;
  }
}
@media screen and (max-width: 240px) {
  .navContainer {
    width: 95%!important;
  }
}


/* Navbar from Bootstrap v2.2.2  */
@media (max-width: 979px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
   .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
   .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
   .nav-collapse .dropdown-menu a:hover {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
   .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
   .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
   .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
   .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
   .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
   .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
   .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
  .nav-collapse.in.collapse {
    padding-top:20px!important;
    height:auto!important;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}