@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .rightWidth .threeDlist .item {
    width: 25% !important;
    margin: 0 auto !important; }
    .rightWidth .threeDlist .item:nth-child(4n) {
      margin-right: 0 !important; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fullModal small {
    font-size: 32px;
    top: 0; }

  .bgnone {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    display: table; }
    .bgnone .fullModal {
      width: auto !important;
      height: 100px; }

  .modalBoxes .fullModal {
    width: 280px;
    border-radius: 20px;
    padding: 0 20px;
    right: initial !important;
    left: 50%;
    max-width: 100%;
    top: 50%;
    bottom: initial !important;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%); }
    .modalBoxes .fullModal i {
      width: 35px;
      height: 35px;
      margin: 0; }
      .modalBoxes .fullModal i:before {
        width: 22px;
        left: 7px;
        top: 16px; }
      .modalBoxes .fullModal i:after {
        width: 22px;
        left: 7px;
        top: 16px; }
    .modalBoxes .fullModal h4 {
      font-size: 18px;
      padding-left: 50px; }


.logo img{max-width:100%;height:auto;}
  .mobileFix.mini {
    max-width: 80px; }
    .mobileFix.mini li {
      padding: 8px 5px !important; }
      .mobileFix.mini li img {
        height: 20px !important; }
      .mobileFix.mini li small {
        line-height: 30px; }
      .mobileFix.mini li button {
        line-height: 14px;
        font-size: 13px !important; }

  .closeButton {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    top: -22px !important; }

  .logo a {
    width: 125px !important; }

  .mobileMenuLeft {
    top: 13px !important; }
    .mobileMenuLeft button.open {
      margin-top: 10px; }
      .mobileMenuLeft button.open .icon-bar:first-child {
        -webkit-transform: rotate(-45deg) translateY(-2.5px) translateX(2.5px) !important;
                transform: rotate(-45deg) translateY(-2.5px) translateX(2.5px) !important; }
      .mobileMenuLeft button.open .icon-bar:last-child {
        -webkit-transform: rotate(45deg) translateY(-12.5px) translateX(-12.5px) !important;
                transform: rotate(45deg) translateY(-12.5px) translateX(-12.5px) !important; }
    .mobileMenuLeft .icon-bar {
      width: 25px !important; }
    .mobileMenuLeft .icon-bar + .icon-bar {
      margin-top: 5px !important; }

  .mobileMenuRight {
    top: 9px !important; }
    .mobileMenuRight button {
      width: 28px !important;
      height: 28px !important; }

  .submenu {
    margin-top: -18px; }
    .submenu li {
      padding: 2px 7px !important; }

  .closeButton {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    top: 4px !important; }

  .firstTabList a {
    font-size: 16px !important;
    padding: 15px 5px !important; }

  .tab-list a {
    font-size: 15px !important; }

  .listing.design.listing.presetdesign {
    max-height: 105px; }
    .listing.design.listing.presetdesign label img {
      max-height: 30px; }

  .documents {
    height: 104px !important;
    margin: 10px 0 !important; }
    .documents .items {
      margin: 0 5px !important; }
      .documents .items .text small {
        font-size: 13px !important; }
      .documents .items:first-child {
        margin-left: 15px !important; }
    .documents .itemAll {
      width: 145px !important;
      margin: 0 7px !important; }
      .documents .itemAll:first-child {
        margin-left: 15px !important; }

  .p30 {
    padding: 0 !important; }

  .detailList .tab-list ul {
    width: calc(100% - 50px) !important; }

  .leftWidth {
    width: 215px !important;
    margin: 0 !important; }
    .leftWidth .list-group .item input:checked + label .edit:before {
      background-position: 6px 8px; }
    .leftWidth .list-group .item .edit:before {
      background-position: 6px -35px; }
    .leftWidth .list-group {
      height: 148px !important;
      display: inherit !important;
      padding: 0 10px 10px 0 !important; }
      .leftWidth .list-group label {
        width: 100% !important;
        padding: 7px !important; }
      .leftWidth .list-group .img {
        width: 60px;
        padding-right: 10px; }
      .leftWidth .list-group .text {
        max-width: 70px;
        padding: 0 15px 0 0; }
        .leftWidth .list-group .text strong {
          font-size: 16px; }
        .leftWidth .list-group .text i {
          font-size: 16px; }
      .leftWidth .list-group .edit {
        width: 33px; }
        .leftWidth .list-group .edit:before {
          -webkit-transform: scale(0.8);
                  transform: scale(0.8);
          margin-left: -4px; }
      .leftWidth .list-group:after {
        display: none !important; }
      .leftWidth .list-group .item {
        margin: 0 0 13px 0 !important;
        width: 100% !important;
        height: 62px; }
        .leftWidth .list-group .item:last-child {
          margin-bottom: 0 !important; }

  .rightWidth {
    width: calc(100% - 215px) !important; }
    .rightWidth .threeDlist {
      padding: 10px 0 0 0 !important; }
      .rightWidth .threeDlist .item {
        display: inline-block !important; }
    .rightWidth .subList {
      width: 40%;
      overflow-x: hidden;
      max-height: calc(45vh + 10px); }
      .rightWidth .subList ul li label {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 28px;
        padding: 6px 15px !important;
        font-size: 14px !important; }
        .rightWidth .subList ul li label small {
          display: none; }
    .rightWidth .threeDlist {
      width: 60%;
      padding: 10px 10px 0 0; }
      .rightWidth .threeDlist .listBig {
        padding: 0 10px;
        overflow-x: hidden;
        height: 45vh; }
      .rightWidth .threeDlist .item {
        max-width: 25%;
        margin: 0 auto !important; }
        .rightWidth .threeDlist .item:nth-child(2n) {
          margin-right: 0; }
        .rightWidth .threeDlist .item .text {
          font-size: 13px;
          padding: 2px 5px; }
        .rightWidth .threeDlist .item small {
          font-size: 16px; }

  .listing .item {
    max-width: 160px;
    margin: 0 10px !important; }
  .listing label small {
    font-size: 14px !important; }

  .subList {
    max-height: 148px !important; }

  .listBig {
    max-height: 138px !important; }

  .newItem {
    display: none !important; }

  .loading {
    width: 150px !important;
    height: 150px !important;
    margin: -70px !important;
    z-index: 100;
  }
    .loading span {
      font-size: 20px !important; }
  #iframeDiv {
    width: 150px !important;
    height: 150px !important;
    margin: -70px !important;
    z-index: 100;
  }
  .feaPanel {
    padding: 20px 30px !important; }
    .feaPanel .buttonGroup {
      margin-bottom: 20px !important; }
      .feaPanel .buttonGroup button {
        width: auto !important;
        float: left !important;
        margin: 0 15px 0 0 !important; }

  .wrapper {
    height: calc(100vh - 140px) !important; } }
@media only screen and (max-width: 1200px) and (min-width: 768px) {
  .list-group .item input:checked + label .edit:before {
    background-position: 8px 8px; }

  .list-group .item .edit:before {
    background-position: 8px -35px; }

  .list-group .item {
    margin: 8px 15px 0 0 !important;
    max-width: 185px;
    height: 68px; }
    .list-group .item label {
      padding: 7px; }
    .list-group .item .img {
      width: 60px;
      padding-right: 10px; }
    .list-group .item .text {
      max-width: 70px;
      padding: 0 15px 0 0; }
      .list-group .item .text strong {
        font-size: 16px; }
      .list-group .item .text i {
        font-size: 16px; }
    .list-group .item .edit {
      width: 38px; }
      .list-group .item .edit:before {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
        margin-left: -4px; }
        .list-group .item .edit .editButton {
          width: 38px; }
    .list-group .item:last-child {
      margin-right: 0; }

  .listing .item {
    height: 130px !important;
    max-width: 180px;
    margin: 0 10px !important; }

  .menu small {
    margin: 0 !important; }

  .p30 {
    padding: 0;
    margin: 0 !important; }

  .open .newItem {
    bottom: 70px !important; }

  .open .priceItem {
    bottom: 70px !important; }

  .newItem {
    left: 25px !important;
    bottom: 90px !important; }
  
  .priceItem {
    right: 25px !important;
    bottom: 90px !important; }

  
  .listing:after {
    width: 5px !important; }

  .closeButton {
    right: 12px !important; }

  .tab-content .listing .item:first-child {
    margin-left: 15px !important; }

  .tab-list ul {
    overflow: auto;
    display: -webkit-box;
    width: calc(100% - 70px); }
    .tab-list ul li {
      display: table-cell;
      float: none;
      white-space: nowrap; }
      .tab-list ul li a {
        padding: 8px 25px !important; }

  .leftWidth {
    width: 100%;
    margin: 40px 0 20px 0;
    padding: 0 15px; }
    .leftWidth .title {
      margin: 10px 0;
      font-size: 15px; }
    .leftWidth .list-group {
      overflow: auto;
      display: -webkit-box;
      height: inherit;
      margin: 0 !important; }
      .leftWidth .list-group::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        background-color: #CCCCCC; }
      .leftWidth .list-group::-webkit-scrollbar {
        width: 2px;
        background-color: #CCCCCC;
        height: 0; }
      .leftWidth .list-group::-webkit-scrollbar-thumb {
        width: 2px;
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 10px rgba(233, 233, 233, 0.28);
        background-color: #E9E9E9; }
      .leftWidth .list-group .item {
        margin: 0 10px 0 0;
        width: 290px; 
      }
        .leftWidth .list-group .item:last-child {
          margin-right: 0; }

  .listBig {
    overflow-x: hidden !important;
    height: 275px !important;
    padding: 0 5px !important; }

  .rightWidth {
    width: 100%;
    height: auto;
    padding: 0; }
    .rightWidth .title {
      margin: 10px 0;
      font-size: 15px; }
    .rightWidth .subList {
      width: 35%;
      overflow-x: hidden;
      height: 275px !important; }
      .rightWidth .subList ul li label {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 28px;
        padding: 6px 25px;
        font-size: 20px; }
        .rightWidth .subList ul li label small {
          display: none; }
    .rightWidth .threeDlist {
      width: 65%;
      padding: 10px 10px 0 0; }
      .rightWidth .threeDlist .item {
        width: 33.3%; }
        .rightWidth .threeDlist .item:nth-child(3n) {
          margin-right: 0; }

  .submenu {
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
    right: initial !important;
    left: 0;
    top: 80px !important;
    opacity: 0;
    width: 100% !important;
    background: #fff !important;
    padding: 0 !important;
    overflow: auto; }
    .submenu li {
      position: initial; }
      .submenu li a {
        padding: 7px 22px !important; }
    .submenu .closes {
      display: none !important; }
    .submenu.open {
      -webkit-transition: 0.4s !important;
      transition: 0.4s !important;
      opacity: 1; }
      .submenu.open li {
        display: block !important; }

  .firstTabList:after {
    display: none !important; }
  .firstTabList ul {
    width: 100%; }
    /* .firstTabList ul li {
      width: 25%; } */

  .loading {
    width: 250px;
    height: 250px;
    margin: -140px -130px;
    z-index: 100 !important;
  }
  #iframeDiv {
    width: 250px;
    height: 250px;
    margin: -140px -130px;
    z-index: 100 !important;
  }
  .modalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .modalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .modalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .modalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .modalDiv .modalBox {
    padding: 0 20px; }
  .modalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .modalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }
  .presetModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .presetModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .presetModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .presetModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .presetModalDiv .modalBox {
    padding: 0 20px; }
  .presetModalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .presetModalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }
  .alertModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .alertModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .alertModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .alertModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .alertModalDiv .modalBox {
    padding: 0 20px; }
  .alertModalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .alertModalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }
  .pdfModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .pdfModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .pdfModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .pdfModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .pdfModalDiv .modalBox {
    padding: 0 20px; }
  .pdfModalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .pdfModalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }   

      
  .androidARModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .androidARModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .androidARModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .androidARModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .androidARModalDiv .modalBox {
    padding: 0 20px; }
  .androidARModalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .androidARModalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }   

  .qrModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .qrModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .qrModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .qrModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .qrModalDiv .modalBox {
    padding: 0 20px; }
    .qrModalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; } 

  .selectedItem {
    width: 400px;
    padding: 0;
    max-width: 450px;
    height: 330px;
    bottom: 50%;
    -webkit-transform: translateX(-50%) translateY(50%) !important;
            transform: translateX(-50%) translateY(50%) !important; }
    .selectedItem span {
      font-size: 20px !important;
      margin: 0 !important; }
  .selectedItemList ul li{
    width: 75px;
    height: 75px;
    margin: 7.5px;}
  .selectedItemList ul li .infoArrow{
    height: 14px;
    top: -18px;
  }
  .selectedItemList ul li .infoText{
    left: -62.5px;
    margin-top: 92.5px;
    }

  .listing .item .img {
    height: 72px !important; margin: 0 !important; }
  .listing .item label {
    padding: 10px; }
  .bottomFilter .tab-content .listing .item label .bHead{font-size:14px;}
  .bottomFilter .tab-content .listing .item label .bTitle{font-size:12px;height: 10px;}
  .bottomFilter .listing{
    overflow-y: hidden !important;
    overflow-x: auto !important;
  }
  .listing.design, .listing.presetdesign {
    max-height: 135px;
    margin: 10px 0 0 0; } }
@media only screen and (max-width: 1550px) and (min-width: 1200px) {
  .newItem {
    left: 25px !important;
    bottom: 90px !important; }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .tab-list a {
    font-size: 15px !important; }

  .submenu, .mobileFix {
    /* min-height: calc(100vh - 48px) !important;  */
    height: auto;
  }

  .mobileFix.mini {
    max-width: 80px; }
    .mobileFix.mini li {
      padding: 8px 5px !important; }
      .mobileFix.mini li img {
        height: 20px !important; }
      .mobileFix.mini li small {
        line-height: 30px; }
      .mobileFix.mini li button {
        line-height: 14px;
        font-size: 13px !important; }

  .closeButton {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    top: -22px !important; }

  .logo a {
    width: 125px !important; }

  .mobileMenuLeft {
    top: 13px !important; }
    .mobileMenuLeft button.open {
      margin-top: 10px; }
      .mobileMenuLeft button.open .icon-bar:first-child {
        -webkit-transform: rotate(-45deg) translateY(-2.5px) translateX(2.5px) !important;
                transform: rotate(-45deg) translateY(-2.5px) translateX(2.5px) !important; }
      .mobileMenuLeft button.open .icon-bar:last-child {
        -webkit-transform: rotate(45deg) translateY(-12.5px) translateX(-12.5px) !important;
                transform: rotate(45deg) translateY(-12.5px) translateX(-12.5px) !important; }
    .mobileMenuLeft .icon-bar {
      width: 25px !important; }
    .mobileMenuLeft .icon-bar + .icon-bar {
      margin-top: 5px !important; }

  .mobileMenuRight {
    top: 9px !important; }
    .mobileMenuRight button {
      width: 28px !important;
      height: 28px !important; }

  .submenu {
    margin-top: -18px; }
    .submenu li {
      padding: 2px 7px !important; }

  .documents {
    margin: 8px 0 !important; }

  .p30 {
    padding: 12px 0 0 0 !important; }

  .detailList .tab-list ul {
    width: calc(100% - 50px) !important; }

  .leftWidth {
    width: 195px !important;
    margin: 0 !important; }
    .leftWidth .list-group {
      height: 148px !important;
      display: inherit !important;
      padding-bottom: 10px !important; }
      .leftWidth .list-group:after {
        display: none !important; }
      .leftWidth .list-group .item {
        margin: 0 0 13px 0 !important; }
        .leftWidth .list-group .item:last-child {
          margin-bottom: 0 !important; }

  .rightWidth {
    width: calc(100% - 195px) !important; }
    .rightWidth .threeDlist {
      padding: 10px 0 0 0 !important; }
      .rightWidth .threeDlist .item {
        display: inline-block !important; }
        .rightWidth .threeDlist .item .img {
          height: 98px !important; }

  .listing .item {
    max-width: 160px; }

  .subList {
    max-height: 148px !important; }

  .listBig {
    height: 138px !important; }

  .threeDlist .item {
    width: 33% !important;
    margin: 0 auto !important; }
    .threeDlist .item .img {
      max-height: 55px; }

  .newItem {
    display: none !important; }

  .loading {
    width: 150px !important;
    height: 150px !important;
    margin: -70px !important; 
    z-index: 100 !important;
  }
  #iframeDiv {
    width: 150px !important;
    height: 150px !important;
    margin: -70px !important; 
    z-index: 100 !important;
  }

  .feaPanel {
    padding: 20px 30px !important; }
    .feaPanel .buttonGroup {
      margin-bottom: 20px !important; }
      .feaPanel .buttonGroup button {
        width: auto !important;
        float: left !important;
        margin: 0 15px 0 0 !important; }

  .wrapper {
    height: calc(100vh - 140px) !important; } }
@media only screen and (max-width: 340px) {
  .subList {
    max-height: 240px !important; }

  .listBig {
    max-height: 230px !important; }

  .newItem {
    display: none !important; }

  .rightWidth .subList ul li label {
    font-size: 12px !important; }

  .listBig {
    text-align: center; }

  .threeDlist .item {
    width: 136px !important;
    margin: 0 auto;
    float: none !important;
    display: inline-block; }
    .threeDlist .item .img {
      height: 98px !important; } }
@media only screen and (max-width: 767px) {
  .bottomFilter.open .newItem {
    margin-bottom: -5px !important; }
  .bottomFilter.open .priceItem {
    margin-bottom: -5px !important; }

  .menu small {
    margin: 0 !important; }

  .documents {
    height: 104px !important;
    margin: 10px 0 !important; }
    .documents .items {
      margin: 0 5px !important; }
      .documents .items:first-child {
        margin-left: 15px !important; }
    .documents .itemAll {
      width: 145px !important;
      margin: 0 7px !important; }
      .documents .itemAll:first-child {
        margin-left: 15px !important; }

  .bgnone {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    display: table; }
    .bgnone .fullModal {
      width: auto !important;
      height: 100px; }

  .fullModal small {
    font-size: 32px;
    top: 0; }

  .modalBoxes .fullModal {
    width: 280px;
    border-radius: 20px;
    padding: 0 20px;
    right: initial !important;
    left: 50%;
    max-width: 100%;
    top: 50%;
    bottom: initial !important;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%); }
    .modalBoxes .fullModal i {
      width: 35px;
      height: 35px;
      margin: 0; }
      .modalBoxes .fullModal i:before {
        width: 22px;
        left: 7px;
        top: 16px; }
      .modalBoxes .fullModal i:after {
        width: 22px;
        left: 7px;
        top: 16px; }
    .modalBoxes .fullModal h4 {
      font-size: 18px;
      padding-left: 50px; }

  .list-group .item input:checked + label .edit:before {
    background-position: 6px 8px; }

  .list-group .item .edit:before {
    background-position: 6px -35px; }

  .page {
    overflow: hidden; }

  .btn-primary, .btn-danger {
    font-size: 24px;
    padding: 5px;
    margin: 14px 0 0 0 !important; }

  .modalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .modalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .modalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .modalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .modalDiv .modalBox {
    padding: 0 20px; }
  .modalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .modalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }
  .presetModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .presetModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .presetModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .presetModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .presetModalDiv .modalBox {
    padding: 0 20px; }
  .presetModalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .presetModalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }


  .alertModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .alertModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .alertModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .alertModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .alertModalDiv .modalBox {
    padding: 0 20px; }
  .alertModalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .alertModalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }
  .pdfModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .pdfModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .pdfModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .pdfModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .pdfModalDiv .modalBox {
    padding: 0 20px; }
  .pdfModalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .pdfModalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }
      
  .androidARModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .androidARModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .androidARModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .androidARModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .androidARModalDiv .modalBox {
    padding: 0 20px; }
  .androidARModalDiv .modalContent {
    width: 100%;
    padding: 40px;
    max-width: 450px; }
    .androidARModalDiv .modalContent h3 {
      font-size: 20px;
      margin: 0 0 10px 0 !important; }

  .qrModalDiv .btnPlus {
    margin: 0 0 15px 0 !important; }
    .qrModalDiv .btnPlus i {
      width: 60px !important;
      height: 60px !important; }
      .qrModalDiv .btnPlus i:after {
        margin: -4px -18px !important;
        width: 35px !important; }
      .qrModalDiv .btnPlus i:before {
        margin: -4px -18px !important;
        width: 35px !important; }
  .qrModalDiv .modalBox {
    /* padding: 0 20px;  */
  }
  .qrModalDiv .modalContent {
    max-width: 400px;
    width: 80%;
    height: 600px;
  }
  .qrModalDiv .modalContent .modalPartRight{
    /* width: 300px; */
    width: 100%;
    padding: 10px 20px;
  }
  .qrModalDiv .modalContent .modalPartLeft{
    width: 100%;
    padding-top: 35px;
  }
    .qrModalDiv .modalBox h4 {
      font-size: 16px;
      margin: 0 0 10px 0 !important;  }      
    .qrModalDiv .modalBox h5 {
      font-size: 14px;
      margin: 0 0 12px 0 !important;  }
    .qrModalDiv .modalBox h6 {
      font-size: 14px;
      margin: 0 0 12px 0 !important;  }
      
  
  .open .newItem {
    display: block; }

  .newItem {
    /* display: none; */
    transition: initial !important;
    left: 15px;
    bottom: 80px !important; 
    display: none;}
    .newItem i {
      width: 35px;
      height: 35px;
      margin: 0; }
      .newItem i:before {
        width: 22px;
        left: 7px;
        top: 16px; }
      .newItem i:after {
        width: 22px;
        left: 7px;
        top: 16px; }
    .newItem span {
     margin-left:10px;}
  .priceItem {
  /* display: none; */
    transition: initial !important;
    right: 15px;
    bottom: 80px !important;
    font: 16px source_sans_proregular;
    width: 120px;  
    line-height: 30px;
    height: 30px; }
  .priceItem i {
    width: 30px;
    height: 30px;
    margin: 0; }
  .priceItem div {
    margin-left:10px;}

  .feaPanel {
    padding: 58px 30px;
    width: 100%; }
    .feaPanel .closePanel {
      left: inherit;
      right: 10px;
      top: 10px;
      width: 45px;
      height: 45px;
      background: none; }
      .feaPanel .closePanel button {
        background-position: center; }
      .feaPanel .closePanel small {
        display: none; }
    .feaPanel .buttonGroup {
      margin-bottom: 25px;
      text-align: center; }
      .feaPanel .buttonGroup button {
        margin: 0 5px;
        padding: 5px 12px !important;
        float: none !important;
        display: inline-block;
        height: 83px; }
        .feaPanel .buttonGroup button img {
          /* float: none !important; */
          margin: 0 auto !important; }
        /* .feaPanel .buttonGroup button span {
          display: none; } */
        .feaPanel .buttonGroup button:last-child {
          text-align: center; }
        .feaPanel .buttonGroup button.qrCode {
          font-size: 15px;
          position: relative;
          top: -3px; }
          .feaPanel .buttonGroup button.qrCode span{
           margin-left: 10px; }
    .feaPanel .wrapper {
      height: 80%; }
    .feaPanel .item:last-child {
      margin-bottom: 0; }
    .feaPanel .item span {
      font-size: 16px !important;
      padding: 8px 27px !important; }
    .feaPanel .item ul li {
      font-size: 16px !important; }

  .mobileMenuRight {
    display: none !important;
    top: 15px; }

  .mobileMenuLeft {
    display: block !important;
    top: 22px; }

  .mButton {
    margin: 0;
    top: 100px;
    background: none !important;
    padding: 0;
    width: 60px;
    -webkit-transform: scale(0.8) !important;
            transform: scale(0.8) !important; }

  .mobileFix {
    position: absolute;
    right: 20px;
    height: auto;
    overflow: auto;
    overflow-x: hidden;
    z-index: 40; 
    }
    .mobileFix.active {
      display: block; }
    .mobileFix.mini {
      width: 100px !important; }
    .mobileFix li {
      -webkit-transition: .3s;
      transition: .3s;
      position: relative;
      float: left;
      border: none;
      border-right: none;
      text-align: center;
      padding: 10px;
      /* -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.07); */
      background: #fff; }
      .mobileFix li button {
        padding: 0 5px !important;
        background: none !important; 
      }
  .menu ul li{
    border: none;
  }
  .submenu {
    visibility: inherit !important;
    -webkit-transition: none !important;
    transition: none !important;
    right: initial !important;
    left: 0;
    top: 72px !important;
    opacity: 0;
    width: 100% !important;
    background: #fff !important;
    padding: 0 !important;
    overflow: auto;
    height: calc(100vh - 72px) !important; }
    .submenu.open {
      opacity: 1; }
      .submenu.open li {
        display: block !important; }
    .submenu li {
      position: initial; }
      .submenu li a {
        padding: 7px 11px !important; }
    .submenu .closes {
      display: none !important; }

  label {
    margin-bottom: 0; }

  .p30 {
    padding: 0; }

  .bottomFilter .shiftButtons .left{
    height: 100px;
    width: 50px;
    margin-top: 50px;
  }
  .bottomFilter .shiftButtons .right{
    height: 100px;
    width: 50px;
    margin-top: 50px;
  }
  .bottomFilter {
    bottom: 0 !important; }
    .bottomFilter .listing {
      overflow-y: hidden !important;
      overflow-x: auto !important;
      height: 115px; }
      .bottomFilter .listing.design, .bottomFilter .listing.presetdesign {
        margin: 10px 0 0 0; }
      .bottomFilter .listing.documents {
        margin-bottom: 5px; }
      .bottomFilter .listing:after {
        width: 15px !important; }
      .bottomFilter .listing .item {
        width: 40% !important;
        height: 112px !important;
        margin: 0 8px !important; }
        .bottomFilter .listing .item label:before {
          left: 6px !important; }
        .bottomFilter .listing .item:first-child {
          margin-left: 15px !important; }
        .bottomFilter .listing .item label {
          padding: 0 8px 5px 8px !important; }
          .bottomFilter .listing .item label .bHead {
            font-size: 15px !important; }
            .bottomFilter .listing .item label .bTitle {
              font-size: 12px !important; height: 10px;}
          .bottomFilter .listing .item label small {
            font-size: 14px !important; }
          .bottomFilter .listing .item label .img {
            height: 40px !important; }
            .bottomFilter .listing .item label .img img {
              width: 100%;
              height: 100%;
              -o-object-fit: contain;
                 object-fit: contain; }
    .bottomFilter .closeButton {
      right: 15px;
      top: -25px;
      background: #fff;
      width: 25px;
      height: 25px;
      border-top-right-radius: 4px;
      border-top-left-radius: 4px;
      -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);
              box-shadow: 0 0 7px rgba(0, 0, 0, 0.06); }
      .bottomFilter .closeButton:before {
        right: 14px;
        top: 8px;
        height: 10px; }
      .bottomFilter .closeButton:after {
        right: 8px;
        top: 8px;
        height: 10px; }

  .topMenu {
    padding: 15px;
    /* width: 100%;
    background: #fff;  */
  }
    .topMenu .logo {
      position: absolute;
    }
    .menuAR{
      margin-right: 2px;
      position: absolute;
      right: calc(335px + 30px);
    }
    .menuAR > ul > li > a, .menuAR > ul > li button {
      padding: 10px 10px; }
      .topMenu .logo a {
        -webkit-box-shadow: inherit;
                box-shadow: inherit;
        width: 100px !important; 
      }
        .topMenu .logo a img {
          max-width: 100%; 
          width: 100px !important;
          height: 60px !important;
        }
    .topMenu .menu ul li .otherMenu {
      display: none; }

  .loading {
    width: 120px;
    height: 120px;
    margin: -100px -60px; 
    z-index: 100 !important;
  }
    .loading span {
      font-size: 22px; }
  #iframeDiv {
    width: 200px;
    height: 200px;
    margin: -120px -100px; 
    z-index: 100 !important;
  }
  .firstTabList .allTabs {
    overflow-y: auto; }
  .firstTabList ul {
    display: block;
    float: left;
    width: 124%; }
    .firstTabList ul li a {
      padding: 10px 15px !important;
      font-size: 15px !important;
      white-space: pre; }
  .firstTabList:after {
    display: none !important; }

  .tabDetail {
    bottom: 59px; }
    .tabDetail .detailList {
      display: none; }
      .tabDetail .detailList.active {
        display: block; }
      .tabDetail .detailList .tab-list ul {
        overflow: auto;
        display: -webkit-box;
        width: calc(100%); }
        .tabDetail .detailList .tab-list ul li {
          display: table-cell;
          float: none;
          white-space: nowrap; }
          .tabDetail .detailList .tab-list ul li:first-child a {
            padding-left: 15px; }
          .tabDetail .detailList .tab-list ul li a {
            font-size: 17px;
            padding: 7px 10px; }

  .leftWidth {
    width: 100%;
    margin: 10px 0; }
    .leftWidth .title {
      margin: 0;
      font-size: 17px;
      display: none; }
    .leftWidth .list-group {
      overflow: auto;
      display: -webkit-box;
      height: inherit;
      margin: 0 !important;
      padding: 0 15px; }
      .leftWidth .list-group:after {
        content: "";
        width: 12px;
        height: 62px;
        display: block; }
      .leftWidth .list-group::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        background-color: #CCCCCC; }
      .leftWidth .list-group::-webkit-scrollbar {
        width: 2px;
        background-color: #CCCCCC;
        height: 0; }
      .leftWidth .list-group::-webkit-scrollbar-thumb {
        width: 2px;
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 10px rgba(233, 233, 233, 0.28);
        background-color: #E9E9E9; }
      .leftWidth .list-group .item {
        margin: 0 10px 0 0;
        width: 165px;
        height: 62px; }
        .leftWidth .list-group .item label {
          padding: 7px; }
        .leftWidth .list-group .item .img {
          width: 60px;
          padding-right: 10px; }
        .leftWidth .list-group .item .text {
          max-width: 70px;
          padding: 0 15px 0 0; }
          .leftWidth .list-group .item .text strong {
            font-size: 16px; }
          .leftWidth .list-group .item .text i {
            font-size: 16px; }
        .leftWidth .list-group .item .edit {
          width: 33px; }
          .leftWidth .list-group .item .editButton {
            width: 33px; }
          .leftWidth .list-group .item .edit:before {
            -webkit-transform: scale(0.8);
                    transform: scale(0.8);
            margin-left: -4px; }
        .leftWidth .list-group .item:last-child {
          margin-right: 0; }

  .rightWidth {
    width: 100%;
    height: auto;
    padding: 0; }
    .rightWidth .title {
      margin: 0;
      font-size: 17px;
      display: none; }
    .rightWidth .subList {
      width: 40%;
      overflow-x: hidden;
      max-height: calc(45vh + 10px); }
      .rightWidth .subList ul li label {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 28px;
        padding: 6px 15px;
        font-size: 14px; }
        .rightWidth .subList ul li label small {
          display: none; }
    .rightWidth .threeDlist {
      width: 60%;
      padding: 10px 10px 0 0; }
      .rightWidth .threeDlist .listBig {
        padding: 0 10px;
        overflow-x: hidden;
        height: 45vh; }
      .rightWidth .threeDlist .item {
        width: 50%;
        float: left; }
        .rightWidth .threeDlist .item:nth-child(2n) {
          margin-right: 0; }
        .rightWidth .threeDlist .item .text {
          font-size: 13px;
          padding: 2px 5px; }
        .rightWidth .threeDlist .item small {
          font-size: 16px; }
        .rightWidth .threeDlist .item .img {
          height: 60px; }

  .tab-content {
    margin: 0 !important; }

  .content {
    height: calc(100vh - 130px);
    position: relative; }

  .selectedItem {
    -webkit-transform: translateX(-50%) translateY(50%);
            transform: translateX(-50%) translateY(50%);
    bottom: 50%;
    width: 275px;
    height: 240px; }
    .selectedItem i {
      width: 40px;
      height: 40px;
    }
    .selectedItem i::after {
      display: block;
      position: absolute;
      width: 23px;
      background: #fff;
      height: 4px;
      border-radius: 10px;
      left: 9px;
      top: 18px;
    }
    .selectedItem i::before {
      display: block;
      position: absolute;
      width: 23px;
      background: #fff;
      height: 3px;
      border-radius: 10px;
      left: 9px;
      top: 18px;
    }
    .selectedItem span {
      font-size: 14px; }
    .selectedItemList ul li{
      width: 35px;
      height: 35px;
      margin: 5px;}
    .selectedItemList ul li .infoArrow{
      height: 12px;
      top: -14px;
      left: calc(50% - 8px);
    }
    .selectedItemList ul li .infoText{
      left: -56px;
      margin-top: 62.5px;
      width: 160px;
      }
    .selectedItemList ul li .infoText b{
      font-size: 10px;
      line-height: 10px;
      }}
@media only screen and (max-width: 1024px) and (min-width: 768px){
  .rightWidth{width:calc(100% - 215px)!important;}
  .leftWidth{ width: 215px!important;margin: 0!important;}
  .title{display:block !important;}
  .rightWidth .threeDlist .item .text{font-size: 13px;padding: 2px 5px;}
}
@media only screen and (max-width: 1200px) and (min-width: 1025px){
  /* .mobileFix {
    position: absolute;
    right: 0;
    width: 100%;
    height: 84vh;
    overflow: auto;
    overflow-x: hidden;
    display: none;
    z-index: 40; }
    .mobileFix.active {
      display: block; }
    .mobileFix.mini {
      width: 100px !important; }
    .mobileFix li {
      -webkit-transition: .3s;
      transition: .3s;
      position: relative;
      float: left;
      width: 100%;
      border: none;
      border-bottom: 1px solid #E9E9E9;
      text-align: center;
      padding: 10px;
      background: #fff; }
      .mobileFix li button {
        padding: 0 5px !important;
        background: none !important; } */

  .submenu {
    visibility: inherit !important;
    -webkit-transition: none !important;
    transition: none !important;
    right: initial !important;
    left: 0;
    top: 80px !important;
    opacity: 0;
    width: 100% !important;
    background: #fff !important;
    padding: 0 !important;
    overflow: auto; }
    .submenu li {
      position: initial; }
      .submenu li a {
        padding: 7px 11px !important; }
    .submenu .closes {
      display: none !important; }
    .submenu.open {
      opacity: 1; }
      .submenu.open li {
        display: block !important; }

  .mobileMenuRight {
    display: none !important;
    right: 20px;
    top: 15px; }

  .mobileMenuLeft {
    display: block !important;
    left: 20px;
    top: 22px; }


    .topMenu {
      /* padding: 0;
      background: #fff;  */
    }
      .topMenu .logo {
        /* display: table;
        margin: 0 auto;
        text-align: center;
        float: none !important;  */
      }
        .topMenu .logo a {
          -webkit-box-shadow: inherit;
                  box-shadow: inherit;
          /* width: 185px;  */
        }
          .topMenu .logo a img {
            max-width: 100%; }
      .topMenu .menu ul li .otherMenu {
        display: none; }
}
@media only screen and (min-width: 1200px) and (max-width: 1390px){

  .priceItem {
    bottom: 140px !important; }
}
@media only screen and (max-width: 520px) and (min-width: 320px){
  .menu {
    border-radius: 10px;
  }
  .menu ul{
    height: auto;
    right: -10px;
  }
    .menu ul li {
      width: 23%;
      background-color: #cccccc00;
    }
      .menu ul li button{
        font-size: 10px;
      }
      .menu ul li button.fullscreen::before{
        background-size: 15px;
      }
      .menu ul li button.dimensions::before{
        background-size: 15px;
      }
      .menu ul li button.animation::before{
        background-size: 11px;
      }
      .menu ul li button.perpective::before{
        background-size: 15px;
      }
    .menuAR {
      margin-right: 40px;
      position: absolute;
      /* right: calc(200px + 30px); */
      left: 0;
      border-radius: 0px;
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      background-color: #cccccc00;
    }
      .menuAR ul li {
        width: 40%;
        border-right: none;
      }
      .menuAR ul li button{
        font-size: 10px;
      }
      .menuAR ul li button.remove::before{
        background-size: 15px;
      }
      .menuAR ul li button.ar::before{
        background-size: 11px;
      }
}
@media only screen and (max-width: 320px){
  .menu {
    border-radius: 10px;
  }
  .menu ul{
    height: auto;
    right: -10px;
  }
    .menu ul li {
      width: 30%;
      background-color: #cccccc00;
    }
    .menu ul li#fullScreen{
      display: none;
    }
    .menu ul li button.fullscreen {
      background-size: 15px;
      opacity: 0;
    }
    .selectedItem{
      width: 220px;
    }
      .menu ul li button{
        font-size: 10px;
      }
      .menu ul li button.fullscreen::before{
        background-size: 15px;
      }
      .menu ul li button.dimensions::before{
        background-size: 15px;
      }
      .menu ul li button.animation::before{
        background-size: 11px;
      }
      .menu ul li button.perpective::before{
        background-size: 15px;
      }
    .menuAR {
      margin-right: 40px;
      position: absolute;
      /* right: calc(200px + 30px); */
      left: 0;
      border-radius: 0px;
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      background-color: #cccccc00;
    }
      .menuAR ul li {
        width: 40%;
        border-right: none;
      }
      .menuAR ul li button{
        font-size: 10px;
      }
      .menuAR ul li button.remove::before{
        background-size: 15px;
      }
      .menuAR ul li button.ar::before{
        background-size: 11px;
      }
}