/*======================================================================*\
|| #################################################################### ||
|| # 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 screen and (max-width: 980px) {
    .yjsgsitew {
        width: 768px !important
    }

  #topmenu_holder.dropped {
    -webkit-box-shadow:none;
    -khtml-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    border:none;
    background:none;
    padding-bottom:30px!important;
  }
  .top_menu_poz_navbar,
  #mmenu_holder{
    width:280px!important;
  }
  .navbar-inner {
    -webkit-box-shadow:none;
    -khtml-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }
  .navbar-inner {
    border: 1px solid #D4D4D4;
  }
  .yjsquare.yjsearch.forceright225 {
    float:none!important;
    margin-left:auto;
    margin-right:auto;
  }
  .blue_yjsg2_out {
    border-top:1px solid #d8d8d8;
  }
  .linkgroup {
    width:50%;
  }
  body.style_metal #header,
  body.style_metal #topmenu_holder,
  body.style_mesh #header,
  body.style_mesh #topmenu_holder{
    background:#121212!important;
  }
.sseti {
    margin-left: 430px;
    margin-top: 40px;
}
.shgln {
    background: #3d69a4 none repeat scroll 0 0;
    height: 192px;
    padding: 15px 0 0;
    width: 768px;
}

ul#bm {
    margin: 32px 0 0 14px
}

ul#bm li {
    margin-bottom: -9px;
}
.itemFullText img {
max-width: 100%;
height: auto;
}
img.imggl {
  display: none;
}
#holder {
  padding: 217px 0 0
}
}






@media screen and (max-width: 767px) {
  .yjsgintro h1 {
    font-size:40px;
  }
  h2.yjpresents {
    font-size:25px;
  }
  #visityjsg {
    width:250px;
    height:130px;
  }
  #visityjsg h3 {
    font-size:25px;
    line-height:30px;
  }
  .yjsgsitew {
        width: 100% !important
    }
  #holder {
    display: table;
    padding: 10px 0 0;
  }
  #leftblock {
    display: table-footer-group;
    width: 100% !important;
    float: none;
  }
  #midblock {
    display: table-header-group;
    width: 100% !important;
    float: none;
  }
.shgln {
padding: 7px 0 10px;
width: 100%;
position: relative;
height: auto;
}
#header {
    height: auto !important;
}
#logo {
    float: none;
    overflow: hidden;
    width: 100% !important;
    background-position: center 0 !important;
    height: auto !important;
}
#logo a {
    height: 115px !important 
}
.yjsgheadergw {
    width: 100%;
}
#topmenu_holder {
  margin: 20px auto 0
}
.yjsgheadergw {
    width: 100% !important
}
.horiznav {
    height: auto;
  }
.horiznav ul {
padding: 10px 0;
background-color: #CCC;
display: none;
}
.horiznav ul li {
float: none;
padding: 6px 0px 0px 0px;
margin: 0;
display: block !important;
position: relative !important;
left: 0 !important;
background: none #CCC !important;
width: 100% !important;
text-align: left !important;
}
.yjsquare {
    margin: 0;
    }
.yjsquare p {
  padding-left: 5px
}
.top_menu div ul.menunav li a {
    padding-left: 5px !important;
  }
ul.menutt {
padding: 10px 0;
background-color: #cca1a6; 
display: none;
}
ul.menutt li {
    background: #cca1a6;
    padding: 6px 5px;
    margin-left: 0;
    border-left: none;
    border-right: none;
    display: block;
}
.sseti {
    margin-left: 0;
    margin-top: 0;
    top: 0px;
    right: 5px;
    width: 110px;
}
.menu-toggler {
border: 2px solid #9C251F;
display: block;
padding: 6px 8px;
width: 30px;
border-radius: 5px;
float: right;
margin: 0 9px 0 0;
cursor: pointer;
}
.menu-toggler.left {
    float: left;
    margin: 0 0 0 10px;
}
.menu-toggler i {
display: block;
height: 4px;
background: #9C251F;
margin: 2px 0;  
} 
.sh_btn_right_center {
    display: none;
}
.blue_yjsg2_out .yjsgsitew > div {
width: 100% !important;
position: relative !important;
background-color: #3D69A4;
}
ul#bm {
    margin: 32px 0 0 0;
}
.onas {
    width: auto;
    color: #FFF;
    float: none;
    margin: 0;
    text-indent: 0;
}
.shgl, .hkt {
    background: none transparent;
}
#addcomments, #comments-form {
  display: none;
}
.tableWrapper {
width: 100%;
margin: 0 auto;
}
.tableWrapper .resp-table {
  width: 100% !important
}

}

@media screen and (max-width: 630px) {

.itemFullText .tableWrapper.border {
margin: 0 auto;
overflow-x: auto;
padding: 5px;
width: 95% !important;
height: 480px;
position: relative;
border: 2px solid #500808;
}
.tableWrapper.border .resp-table {
  position: absolute
}

#k2Container {
    padding: 10px 0px 24px;
}
}

@media screen and (max-width: 480px) {

#logo {
    background-position: 5px 0 !important;
  }

}