#common-sub-tab > tbody > tr > td select {
  margin: 3px 0; }

@media (max-width: 768px) {
  div.templatecontent.container > img {
    display: block;
    width: 100%;
    height: auto; }
  div.templatecontent.container .mobile-images {
    display: block; }
  div.templatecontent.container .desktop-images {
    display: none; }
  div.templatecontent.container .responsive-hidden {
    display: none; }
  div.templatecontent.container form[name='ca'] {
    margin-bottom: 0; }
    div.templatecontent.container form[name='ca'] > table {
      display: block;
      width: 100%; }
      div.templatecontent.container form[name='ca'] > table > tbody {
        display: block;
        width: 100%; }
        div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child {
          display: block;
          width: 100%; }
          div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > td:first-child {
            display: block;
            width: 510px;
            margin: auto auto 30px auto; }
            div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > td:first-child img {
              width: 100%;
              height: auto; }
          div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator {
            display: block;
            width: 510px;
            margin: auto; }
            div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator > p:first-child {
              display: none; }
            div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator div[align=center] > br:first-child {
              display: none; }
            div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator div[align=center] > input[type=image] {
              margin-bottom: 15px; }
            div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator div[align=center] > p.pcenter textarea {
              display: block;
              width: 100%; }
            div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator > table > tbody * {
              font-size: 17px; }
            div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator > table > tbody tr td select {
              margin: 15px 0; }
            div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator span.calcboxtitle {
              font-size: 17px; }
        div.templatecontent.container form[name='ca'] > table > tbody .common-quantity > td {
          padding: 0; }
        div.templatecontent.container form[name='ca'] > table > tbody > tr:last-child {
          display: block;
          width: 100%; }
          div.templatecontent.container form[name='ca'] > table > tbody > tr:last-child * {
            text-align: center; }
          div.templatecontent.container form[name='ca'] > table > tbody > tr:last-child > td > div p.pleft:last-child {
            display: none; }
  div.templatecontent.container .common-tab-con {
    display: block;
    width: 100%;
    margin-bottom: 20px; }
    div.templatecontent.container .common-tab-con > tbody {
      display: block;
      width: 100%; }
      div.templatecontent.container .common-tab-con > tbody tr {
        display: block;
        width: 100%;
        border-radius: 13px; }
        div.templatecontent.container .common-tab-con > tbody tr > td {
          text-align: center;
          width: 100%;
          display: block;
          height: auto; }
        div.templatecontent.container .common-tab-con > tbody tr td.calcdot {
          opacity: 0; }
  div.templatecontent.container #responsive-value-calculator {
    width: 100%;
    margin-bottom: 15px; }
    div.templatecontent.container #responsive-value-calculator * {
      font-size: 17px; }
    div.templatecontent.container #responsive-value-calculator #prepress {
      position: relative;
      left: -5px; } }
@media (max-width: 540px) {
  div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > td:first-child, div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator {
    width: 100%; } }
@media (max-width: 390px) {
  @-moz-document url-prefix() {
    #common-sub-tab > tbody > tr > td select {
      font-size: 15px; } } }
@media (max-width: 390px) {
  div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator > table > tbody * {
    font-size: 16px; }

  #common-sub-tab > tbody > tr > td select {
    font-size: 15px; } }
@media (max-width: 360px) {
  div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator > table > tbody * {
    font-size: 15px; }

  #common-sub-tab > tbody > tr > td select {
    font-size: 14px; } }
@media (max-width: 355px) {
  @-moz-document url-prefix() {
    #common-sub-tab > tbody > tr > td select {
      font-size: 13px; }

    div.templatecontent.container form[name='ca'] > table > tbody > tr:first-child > .calculator > table > tbody * {
      font-size: 14px; } } }
#myModal button {
  cursor: pointer; }

.modal-item {
  margin-bottom: 15px; }
  .modal-item * {
    font-size: 15px;
    margin: 0;
    text-align: justify; }

.modal-item-title {
  color: #184b81;
  display: block;
  margin-bottom: 5px;
  font-size: 16px; }
  .modal-item-title span {
    color: #0f3358;
    font-weight: 600;
    font-size: 16px; }

.modal-item-body {
  display: block; }

.modal-item-image {
  max-width: 100%;
  margin-top: 5px; }

.modal-body > ul {
  list-style: none;
  padding: 0; }

.modal-copyring a {
  text-decoration: none;
  color: #184b81; }
.modal-copyring a:hover {
  color: #0f3358; }

.modal-body .modal-body-description {
  font-size: 15px;
  margin: 0;
  text-align: justify;
  margin-bottom: 15px; }
.modal-body > ul > .modal-item .item-two-row {
  display: inline-block;
  width: 50%; }
  .modal-body > ul > .modal-item .item-two-row .modal-item-body {
    text-align: center; }
  .modal-body > ul > .modal-item .item-two-row > img {
    width: 30%;
    display: block;
    margin: auto; }
.modal-body > ul > .modal-item .item-two-row:last-child {
  float: right; }
.modal-body > ul > .modal-item > .item-body-list {
  margin-top: 10px;
  list-style: initial;
  padding-left: 25px; }
  .modal-body > ul > .modal-item > .item-body-list > .body-list-item {
    margin-bottom: 5px; }
    .modal-body > ul > .modal-item > .item-body-list > .body-list-item > p span {
      font-weight: 700; }