.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center !important;
}
.noitalic {
  font-style: normal !important;
}
.nobold {
  font-weight: normal !important;
}
.nomarginall {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.nopaddingall {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nomargintop {
  margin-top: 0 !important;
}
.poscenter {
  display: table;
  margin: 0 auto;
}
.nomarginbottom {
  margin-bottom: 0 !important;
}
.nomarginleft {
  margin-left: 0 !important;
}
.nomarginright {
  margin-right: 0 !important;
}
.nopaddingtop {
  padding-top: 0 !important;
}
.nopaddingbottom {
  padding-bottom: 0 !important;
}
.nopaddingleft {
  padding-left: 0 !important;
}
.nopaddingright {
  padding-right: 0 !important;
}
.thumbnail.pull-left {
  margin: 0 10px 10px 0;
}
.thumbnail.pull-right {
  margin: 0 0 10px 10px;
}
#flip-scroll table.category {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  display: block;
}
#flip-scroll th,
#flip-scroll td {
  margin: 0;
  vertical-align: top;
}
#flip-scroll thead {
  display: block;
  float: left;
}
#flip-scroll tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}
#flip-scroll tbody tr {
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #ccc;
  margin-left: -4px;
}
#flip-scroll th:last-child,
#flip-scroll td:last-child {
  border-bottom: 1px solid #babcbf;
}
#flip-scroll th {
  display: block;
  text-align: right;
  border-bottom: 0;
  border-left: 0;
}
#flip-scroll td {
  display: block;
  padding: 7px 10px 8px;
  min-height: 11px;
  text-align: left;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
#flip-scroll th {
  border-bottom: 0;
  border-left: 0;
}
#flip-scroll tbody tr {
  border-left: 1px solid #babcbf;
}
#flip-scroll th:last-child,
#flip-scroll td:last-child {
  border-bottom: 1px solid #babcbf;
}
.row-fluid .first[class*="span"] {
  margin: 0;
}
.row-fluid .span12 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.row-fluid .hidden {
  display: none !important;
}
#bd {
  padding: 0;
}
@media (min-width: 1200px) {
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1180px;
  }
  .layout_shortcode .container,
  .layout_shortcode .navbar-static-top .container,
  .layout_shortcode .navbar-fixed-top .container,
  .layout_shortcode .navbar-fixed-bottom .container {
    width: 1170px;
  }
}
@media (min-width: 980px) and (max-width: 1024px) {
  div.freebies div.modcontent {
    padding: 120px 15px 15px;
  }
  #mod-finder-searchform input.inputbox {
    width: 190px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #cpanel_wrapper {
    display: none;
  }
  #yt_sticky_left,
  #yt_sticky_right {
    display: none;
  }
  div.freebies div.modcontent {
    padding: 120px 15px 15px;
  }
  #yt_menuposition ul.navi li.level1 .item-link {
    padding: 13px 12px;
  }
  div.login-teen ul.sj-login-regis > li.sj-login {
    padding-right: 12px;
  }
  div.login-teen ul.sj-login-regis > li.sj-register {
    padding-left: 11px;
  }
  ul.social li a {
    font-size: 40px;
    height: 38px;
    line-height: 38px;
    width: 38px;
  }
  #mod-finder-searchform input.inputbox {
    width: 140px;
  }
  .slideshow .news-scroller {
    padding: 20px 20px 70px;
  }
  .slideshow .news-scroller .scroller-container.nav-style3 .iview-controlNav {
    bottom: -60px;
  }
  div > div.event:first-child {
    margin-top: 47px;
  }
  div.bg_title4 h3.modtitle {
    width: 85%;
  }
  div.teen-news2 .mgi-wrap .item-wrap .item-image {
    margin: 0 0 10px 10px !important;
    width: 50%;
  }
  div.teen-news2 .mgi-wrap .item-wrap .item-title a {
    font-size: 14px;
  }
  div.k2-news div.k2ItemsBlock ul li span.moduleItemDateCreated {
    display: none;
  }
  div.k2-news div.k2ItemsBlock ul li a.moduleItemTitle {
    font-size: 14px;
    margin: 5px 0;
  }
  div.k2-news .moduleItemIntrotext p {
    height: 33px;
    overflow: hidden;
    display: inline-block;
  }
  div.k2-news div.k2ItemsBlock ul li div.moduleItemIntrotext {
    margin-bottom: 0px;
  }
  div.k2-news ul li.first-item {
    margin-bottom: 0;
    border: none;
  }
  div.hot-news div.modcontent:after {
    height: 100px;
    width: 100px;
    background-size: 100%;
  }
  div.itemView div.itemCommentsForm form input.inputbox {
    width: 71%;
  }
  #Kunena form .input > span {
    display: block;
    margin: 0 0 10px;
  }
  div.login-teen ul.sj-login-regis > li.sj-login > a {
    padding: 0 5px 0 0;
  }
  div.login-teen ul.sj-login-regis > li > a {
    padding: 0 5px 0 0;
  }
  div.module.hide-ipad {
    display: none;
  }
  .wrap-item > .contact .message {
    width: 100%;
  }
  .wrap-item > .contact input {
    max-width: 100%;
  }
  .itemComments .row-fluid [class*="span"] {
    width: 100%;
    margin: 0;
  }
  div.itemView .button2 {
    top: 10px;
  }
  #Kunena label#childforums-lbl {
    float: none;
  }
  #Kunena label.searchlabel {
    margin-right: 0;
  }
  #Kunena fieldset#search-posts-date select,
  #Kunena fieldset#search-posts-sort select {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
  #cpanel_wrapper {
    display: none;
  }
  .container {
    margin: 0 auto;
    padding: 0 10px;
  }
  .layout_shortcode .container {
    width: auto;
  }
  #yt_logoposition h1 {
    text-align: center;
  }
  #yt_logoposition h1 a {
    display: inline-block;
  }
  ul.social {
    display: inline-block;
    float: none;
    margin: 0 auto;
  }
  #mod-finder-searchform {
    margin: 8px 0;
  }
  #mod-finder-searchform input.inputbox {
    width: 180px;
  }
  #yt_menuwrap {
    height: auto;
  }
  #yt_menuwrap ul.navi {
    display: none;
  }
  #yt_menuwrap #yt_menures {
    display: block;
  }
  #yt_menuwrap #yt-mobilemenu {
    width: 100%;
    border: none;
    display: block;
    margin: 20px 0;
  }
  #yt_menuwrap ul.social {
    float: none;
    display: table;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  #yt_menuwrap #yt-mobilemenu {
    width: 100%;
    border: none;
    display: block;
    margin: 5px 0;
  }
  #yt_menuwrap #yt-responivemenu {
    display: block;
  }
  #yt_menuwrap #yt_menuposition {
    width: 25%;
    float: left;
  }
  .menures-navbar #yt_menuposition {
    width: 20%;
    float: left;
    margin: 10px 0 0;
  }
  .menures-navbar #yt_menuposition #yt_menures {
    min-width: 320px;
  }
  .menures-navbar #position-1 {
    width: 80%;
    float: right;
    margin: 10px 0 0;
  }
  #yt_wrapper > .block {
    left: 0;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
  }
  .on-sidebar-resmenu #yt_wrapper > .block {
    transform: translateX(250px);
    -moz-transform: translateX(250px);
    -o-transform: translateX(250px);
    -webkit-transform: translateX(250px);
  }
  .yt-off-sideresmenu {
    display: block;
  }
  .on-sidebar-resmenu #top-1,
  .on-sidebar-resmenu #top-2 {
    visibility: hidden;
  }
  .btn.yt-resmenu-sidebar {
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
  }
  html {
    overflow-x: hidden;
    width: 100%;
  }
  body {
    overflow-x: hidden;
    width: 100%;
  }
  div.modal.fade.in {
    top: 80px;
  }
  .slideshow .news-scroller {
    padding: 10px;
    margin-left: -10px;
  }
  div.event .mgi-wrap .item-wrap .item-image {
    margin: 0 10px 10px 0;
    max-width: 50%;
  }
  div.k2-news div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
    float: left;
    margin: 0 10px 10px 0;
  }
  div.k2-news div.k2ItemsBlock ul li a.moduleItemTitle {
    margin: 0 0 10px;
  }
  .picture .row-fluid .span4 {
    width: 33.3%;
    float: left;
  }
  div > div.event:first-child {
    margin-top: 90px;
  }
  #position-0,
  #position-2 {
    display: none;
  }
  div.login-teen div.modal.fade.in,
  div.login-teen #register-modal {
    margin: 0;
    top: 30px;
  }
  div.login-teen div.modal.fade.in .show-box .sj_box_content form#login_form .login_input {
    width: 100%;
  }
  div.sj-login-links {
    margin-top: 15px;
  }
  .sj_box_content .pretext {
    display: none;
  }
  div.login-teen #pop_login {
    line-height: 20px;
  }
  .table-bordered td {
    overflow: hidden;
    padding: 2px;
  }
  #yt_footer div.module ul.menu li,
  #yt_footer div.module ul.menu li > a {
    line-height: 18px;
  }
  #yt_footer .group-footer-right {
    width: 100%;
  }
  #yt_footer .group-footer-left {
    width: 100%;
    margin-top: 20px;
  }
  #yt_footer .group-footer-right > div:first-child {
    width: 50%;
    float: left;
  }
  .rtl #yt_footer .group-footer-right > div:first-child {
    float: right;
  }
  .blog .items-row .item .item-image,
  .blog-featured .items-row .item .item-image {
    max-width: 100%;
    margin: 0 0 15px;
  }
  div.itemView .button2 {
    top: 10px;
  }
  label#remember-lbl {
    float: left;
  }
  input#remember {
    margin: -2px 0 0 3px;
  }
  .k2AccountPage table.admintable td.key,
  .k2AccountPage table.admintable td.paramlist_key {
    width: 120px;
  }
  .k2AccountPage div.k2AccountPageUpdate {
    margin: 0 0 0 115px;
  }
  .k2AccountPage table.admintable input,
  .k2AccountPage table.admintable textarea {
    max-width: 155px;
  }
  .wrap-item > .contact .message {
    width: 100%;
  }
  .wrap-item > .contact input {
    max-width: 100%;
  }
  .wrap-item > .contact h3.jicons-text {
    margin-bottom: 0;
  }
  .wrap-item > .contact .contact-address,
  .wrap-item > .contact .number,
  .wrap-item > .contact .contact-contactinfo {
    width: 100%;
    margin: 0;
  }
  #Kunena tr.krow1 td {
    display: block;
    max-width: 80%;
  }
}