@media only screen and (max-width: 1000px) {
  .contentBox .topBorder, .contentBox .bottomBorder {
    display: none; }
  .contentBox .boxContent {
    width: 100%;
    background: rgba(64, 18, 51, 0.8) none;
    border: 1px solid #89457d;
    padding-top: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    border-radius: 10px; }

  .videoReader .mod_catalogreader {
    float: left;
    width: 100%;
    padding: 20px 0 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .videoReader .contentBox002 {
    width: 100%;
    background: rgba(64, 18, 51, 0.8) none;
    border: 1px solid #89457d;
    padding-top: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
    .videoReader .contentBox002 .topBorder, .videoReader .contentBox002 .bottomBorder {
      display: none; }
    .videoReader .contentBox002 .boxContent {
      width: 100%;
      background: none transparent; }

  .videoClipRight {
    display: none; }

  .videoList .mod_cataloglist {
    float: left;
    width: 100%;
    padding: 20px 0 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .videoList .mod_cataloglist #categoryAd {
      display: none; }
    .videoList .mod_cataloglist .videoContent003 {
      margin-left: 0;
      float: left;
      width: 22.95918%;
      margin-right: 2.04082%; }
      .videoList .mod_cataloglist .videoContent003 .item {
        width: 100%;
        margin-left: 0; }
        .videoList .mod_cataloglist .videoContent003 .item img {
          width: 100%;
          height: auto; }

  .categoryNavigation {
    float: left;
    width: 100%;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .categoryNavigation li {
      margin-left: 0;
      float: left;
      width: 22.95918%;
      margin-right: 2.04082%; }
      .categoryNavigation li img {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }

  .mod_catalogrelated {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .mod_catalogrelated .videoContent003 .item {
      margin-left: 0;
      float: left;
      width: 22.95918%;
      margin-right: 2.04082%; }

  .profileList {
    width: 100%;
    margin: 0;
    padding: 20px 0 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .profileList .profileBox {
      width: 22.95918%;
      margin-right: 2.04082%; }
      .profileList .profileBox img {
        width: 100%;
        height: auto;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    .profileList .pagination {
      width: 100%;
      margin: 0;
      margin-left: -20px;
      padding-right: 20px;
      -webkit-border-radius: 0 0 10px 10px;
      border-radius: 0 0 10px 10px; }

  .pagination ul {
    width: auto;
    margin-left: 20px; }
  .pagination div.next {
    margin-right: 0; }

  .pageAlign {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  #topArticle {
    display: none; }

  #profileReader {
    padding-right: 20px;
    padding-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #profileReader .fbBox {
      right: 20px; }

  .profileImageContent {
    width: 50%; }
    .profileImageContent img {
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  .profileContent {
    float: right;
    width: 46%; }

  .tabContent {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  #sendSMS .table_row input[type="text"], #sendSkype .table_row input[type="text"] {
    width: 70%; }

  #sendSMS .table_row textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  .regularContent, .mod_ed_gallery_user_album {
    float: left;
    width: 100%;
    padding: 18px;
    margin: 20px 0 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  .mod_ed_gallery_list .item {
    width: 23.4375%;
    margin-right: 2.08333%;
    max-height: none;
    min-height: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .mod_ed_gallery_list .item figure img {
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
@media only screen and (max-width: 980px) {
  #staticBox .mod_banner {
    text-align: center; }
    #staticBox .mod_banner .banner_image {
      float: none !important;
      margin-bottom: 10px; }

  #topBar {
    text-align: center; }
    #topBar nav {
      float: none;
      display: inline-block; }
      #topBar nav ul li.first {
        background: url("../img/line001.png") repeat-y left center; }
    #topBar .mod_catalogfilter {
      display: none; } }
@media only screen and (max-width: 950px) {
  #sendSMS .table_row input[type="text"], #sendSkype .table_row input[type="text"] {
    width: 50%; } }
@media only screen and (max-width: 767px) {
  .profileImageContent {
    width: 80%; }

  .profileContent {
    float: left;
    width: 100%; } }
@media only screen and (max-width: 720px) {
  header {
    text-align: center; }

  #logo a {
    float: none;
    display: inline-block; }

  .header_userBox {
    float: none;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px; }

  .videoClip {
    margin-left: 0;
    padding-left: 18px;
    padding-right: 38px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .videoClip .videoIframe {
      /*float: left;
      width: 100%;
      padding-right: 40px;*/
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 35px;
      height: 0;
      overflow: hidden;
      float: none;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .videoClip .videoIframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .videoClip .videoClipData {
      width: 100%; } }
@media only screen and (max-width: 650px) {
  #mobileNavBtn {
    float: none;
    cursor: pointer;
    display: block;
    line-height: 37px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0;
    font-size: 20px;
    margin-top: 5px; }

  .mainNav {
    position: fixed;
    height: 100%;
    left: -100%;
    top: 0;
    visibility: visible;
    width: 60%;
    z-index: 3;
    background: rgba(172, 100, 150, 0.99);
    -webkit-box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
    box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
    overflow-y: scroll; }

  .mainNav.open {
    left: 0; }

  .mainNav > nav > ul > li {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
    float: left;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid #8d537b;
    background: none !important; }
    .mainNav > nav > ul > li:hover ul {
      display: none; }
    .mainNav > nav > ul > li.active span.active {
      float: left;
      width: 100%;
      padding: 13px 20px;
      border-bottom: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: none !important; }
    .mainNav > nav > ul > li.forward span.forward {
      float: left;
      width: 100%;
      padding: 13px 20px;
      border-bottom: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: none !important; }
    .mainNav > nav > ul > li.trail {
      padding-bottom: 0;
      background: none !important; }
      .mainNav > nav > ul > li.trail a.trail {
        float: left;
        width: 100%;
        padding: 13px 20px;
        border-bottom: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: none !important; }
    .mainNav > nav > ul > li.submenu > span.arrow {
      position: absolute;
      display: block;
      right: 20px;
      top: 10px;
      cursor: pointer;
      float: left;
      width: 22px;
      height: 22px;
      padding: 0;
      margin: 0;
      background: url(../img/arrow_4.png) left no-repeat; }
      .mainNav > nav > ul > li.submenu > span.arrow span {
        display: none; }
    .mainNav > nav > ul > li.submenu.active > span.arrow, .mainNav > nav > ul > li.submenu.trail > span.arrow {
      background: url(../img/arrow_4.png) left no-repeat; }
    .mainNav > nav > ul > li a {
      float: left;
      width: 100%;
      padding: 13px 20px;
      color: #000;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: none !important; }
      .mainNav > nav > ul > li a:hover {
        color: #FFFFFF; }

  .mainNav > nav > ul > li > ul {
    display: none;
    position: static;
    width: 100%; }
    .mainNav > nav > ul > li > ul > li {
      float: left;
      width: 100%;
      position: relative; }
      .mainNav > nav > ul > li > ul > li:last-child {
        border-bottom: 0; }
      .mainNav > nav > ul > li > ul > li.active span.active {
        display: block;
        padding: 10px 25px;
        background: #8d537b !important; }
      .mainNav > nav > ul > li > ul > li.trail a.trail {
        display: block;
        padding: 10px 25px;
        background: #8d537b !important; }
      .mainNav > nav > ul > li > ul > li a {
        padding: 10px 25px;
        background: #8d537b !important;
        color: #000; }
      .mainNav > nav > ul > li > ul > li.submenu > span.arrow {
        position: absolute;
        right: 20px;
        top: 6px;
        cursor: pointer;
        float: left;
        width: 22px;
        height: 22px; }

  .mainNav > nav > ul > li.toggle > ul, .mainNav > nav > ul > li > ul > li.toggle > ul {
    display: block; }

  .mainNav > nav > ul > li > ul > li > ul {
    display: none;
    position: static;
    width: 100%; }
    .mainNav > nav > ul > li > ul > li > ul > li {
      float: left;
      width: 100%; }
      .mainNav > nav > ul > li > ul > li > ul > li:last-child {
        border-bottom: 0; }
      .mainNav > nav > ul > li > ul > li > ul > li.active span.active {
        display: block;
        padding: 10px 30px;
        background: rgba(133, 133, 133, 0.5); }
      .mainNav > nav > ul > li > ul > li > ul > li a {
        padding: 10px 30px;
        background: rgba(133, 133, 133, 0.5);
        color: #b3b3b3; }

  .profileList .profileBox {
    width: 30.61224%; }

  .mod_ed_gallery_list .item {
    width: 31.63265%; }
    .mod_ed_gallery_list .item:nth-child(3n) {
      margin-right: 0; }
    .mod_ed_gallery_list .item:nth-child(4n) {
      margin-right: 2.08333%; } }
@media only screen and (max-width: 640px) {
  .videoList .mod_cataloglist .videoContent003 {
    width: 40.81633%;
    margin-right: 8.16327%; }

  .categoryNavigation li {
    width: 40.81633%;
    margin-right: 8.16327%; }

  .mod_catalogrelated .videoContent003 .item {
    width: 40.81633%;
    margin-right: 8.16327%; }

  .profileList {
    padding-left: 40px; }
    .profileList .profileBox {
      width: 40.81633%;
      margin-right: 8.16327%; }
    .profileList .pagination {
      margin-left: -40px;
      padding-right: 40px; }

  .pagination ul {
    width: auto;
    margin-left: 20px; }
  .pagination div.next, .pagination div.previous {
    display: none; } }
@media only screen and (max-width: 580px) {
  #tl_login .col_0, #tl_login .col_1, #tl_registration .col_0, #tl_registration .col_1, #f1 .col_0, #f1 .col_1, #tl_catalog_items .col_0, #tl_catalog_items .col_1 {
    float: left;
    width: 100%; }
  #tl_login input[type="text"], #tl_login input[type="password"], #tl_registration input[type="text"], #tl_registration input[type="password"], #f1 input[type="text"], #f1 input[type="password"], #tl_catalog_items input[type="text"], #tl_catalog_items input[type="password"] {
    width: 100%;
    margin-top: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #tl_login .submit_container, #tl_registration .submit_container, #f1 .submit_container, #tl_catalog_items .submit_container {
    width: 100%; }
    #tl_login .submit_container input, #tl_registration .submit_container input, #f1 .submit_container input, #tl_catalog_items .submit_container input {
      float: left;
      margin-left: 0; }

  #tl_catalog_items table {
    width: 100%;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #tl_catalog_items textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #tl_catalog_items #saveNclose {
    margin-left: 0;
    margin-bottom: 10px; }
  #tl_catalog_items #backMyProfile {
    margin-right: 0;
    margin-bottom: 10px; } }
@media only screen and (max-width: 540px) {
  .mod_ed_gallery_list .item {
    width: 46.875%;
    margin-right: 5.20833%; }
    .mod_ed_gallery_list .item:nth-child(3n) {
      margin-right: 5.20833%; }
    .mod_ed_gallery_list .item:nth-child(2n), .mod_ed_gallery_list .item:nth-child(4n) {
      margin-right: 0; }
    .mod_ed_gallery_list .item .info span:first-child {
      display: block; }
    .mod_ed_gallery_list .item .info span:nth-child(2) {
      display: none; }
    .mod_ed_gallery_list .item .info .rating {
      display: block; }

  .newGalleryBox {
    position: static;
    width: 100%;
    float: left;
    margin-left: 18px;
    margin-top: 15px; }

  #tl_catalog_items div.image {
    margin-left: 0; } }
@media only screen and (max-width: 500px) {
  .videoList .mod_cataloglist .videoContent003 {
    width: 46.42857%;
    margin-right: 2.04082%; }

  .mod_catalogrelated .videoContent003 .item {
    width: 46.42857%;
    margin-right: 2.04082%; }

  .categoryNavigation li {
    width: 46.42857%;
    margin-right: 2.04082%; }

  .profileList {
    padding-left: 20px; }
    .profileList .profileBox {
      width: 46.42857%;
      margin-right: 2.04082%; }
    .profileList .pagination {
      margin-left: -20px;
      padding-right: 20px; }

  .profileImageContent {
    width: 100%; }

  #profileReader .fbBox {
    display: none; } }
@media only screen and (max-width: 488px) {
  #staticBox .mod_banner .banner_image img {
    width: 100%;
    height: auto; }

  #logo a {
    display: inline-block;
    float: none;
    width: 290px;
    height: 50px;
    margin-top: 30px;
    margin-bottom: 10px;
    background: url(../img/logo_mobile.png) 0 0 no-repeat; }

  .popUpContainer .box .container {
    padding: 20px; }
  .popUpContainer .box .bar {
    font-size: 24px; }
    .popUpContainer .box .bar .title span {
      font-size: 34px; }
  .popUpContainer .box .inside {
    padding-left: 0;
    padding-right: 0; }
    .popUpContainer .box .inside form label {
      font-size: 14px; }
    .popUpContainer .box .inside form input[type="text"] {
      height: 45px; }
    .popUpContainer .box .inside form input[type="submit"] {
      float: left;
      font-size: 20px; } }
@media only screen and (max-width: 420px) {
  .boxContent h1 {
    margin-left: 0;
    text-align: center; }

  .videoList .mod_cataloglist {
    padding-left: 0px;
    text-align: center; }
    .videoList .mod_cataloglist .videoContent003 {
      width: 71.93878%;
      margin-right: 0;
      float: none;
      display: inline-block; }

  .mod_catalogrelated .videoContent003 .item {
    width: 71.93878%;
    margin-right: 0;
    float: none;
    display: inline-block; }

  .categoryNavigation li {
    width: 71.93878%;
    margin-right: 0;
    float: none;
    display: inline-block; }

  .profileList {
    padding-left: 0px;
    text-align: center; }
    .profileList .profileBox {
      width: 71.93878%;
      margin-right: 0;
      float: none;
      display: inline-block; }
    .profileList .pagination {
      margin: 0;
      padding: 0; }

  .mod_ed_gallery_list .item {
    width: 90%; }

  .qq-upload-button {
    width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  #tl_catalog_items #saveNclose {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #tl_catalog_items #backMyProfile {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #tl_catalog_items div.image {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #tl_catalog_items span.delete {
    word-wrap: break-word; }
    #tl_catalog_items span.delete label {
      display: inline-block;
      word-wrap: break-word; } }
@media only screen and (max-width: 360px) {
  .mainNav {
    width: 80%; }

  #sendSMS .table_row input[type="text"], #sendSkype .table_row input[type="text"] {
    width: 100%;
    margin-top: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  #sendSMS .submit, #sendSkype .submit {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media only screen and (max-width: 320px) {
  .profileList .profileBox {
    width: 80%; } }

/*# sourceMappingURL=mobile.css.map */

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

  #topTags {
    padding: 5px 10px;
    height: 77px;
    box-sizing: border-box;
    width: 100%;
  }

  .boxContent .contentLeft {
    width: 100% !important;
  }

  .videoContent001 {
    margin: 0 18px;
  }

  .videoContent001 .item  {
    width: 100% !important;
    float: unset;
    margin: 10px 0   
  }


  .boxContent .contentRight {
      float: unset;
      width: 100%;
      margin-top: 10px;
      padding-left: 18px;
      box-sizing: border-box;
  }

  .videoContent002 .item {
    width: 46%;
    height: unset;
  }

  .asideBox .tagCloud {
    width: 100%;
  }

  .videoContent003 {
    float:unset;
    padding: 10px 18px;
  }

  .videoContent003 .item {
    float: left;
    width: 100%;
    margin-left: unset;
    min-height: unset;
    max-height: unset;
    margin: 10px 0;
}

.pagination {
  float: unset;
  width: unset;
  height: 37px;
  margin-left: unset;
}

.pagination ul {
  margin: 10px 0;
}

.contentBox002 {
  width: 100%;
}

.videoClip {
  padding-right: 18px;
}

  .contentBox002 .topBorder, .contentBox002 .bottomBorder {
    display: none;
  }

  .contentBox002 .boxContent {
    width: 100%;
    background: rgba(64, 18, 51, 0.8) none;
    border: 1px solid #89457d;
    padding-top: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

}