#mobilemenu, #thisismobilesize, .onlymobilesize, .onlymobilesizeil, .mobilesizetext { display: none !important; }

@media only screen and (max-width: 900px)/*and (pointer: coarse)*/ {
  body { padding-top: 60px; overflow-x: hidden; }
  
  #header { position: fixed; top: 60px; z-index: 1032; overflow: hidden; height: auto; max-height: 0px; transition: all 0.5s; }
  #content { min-height: 256px; }
  
  .mobile-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    position: fixed;
    z-index: 1024;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 60px;
    background-color: #F8F8F8;
    border-bottom: 2px solid #E7E7E7;
  }
  
  #mobile-header-logo { display: block !important; width: auto; height: 44px; }
  
  .navbar-toggle {
    border: none;
    position: absolute;
    left: 16px;
    top: 0px;
  }
  
  .navbar-collapse {
    display: block;
    overflow: hidden;
    width: 100%;
    max-height: 320px !important;
    position: absolute;
    top: 60px;
    left: 0px;
    height: 0px;
  }
  
  .navbar-collapse > * { display: none; }
  .navbar-brand img { height: 44px; }
  
  .mobile-menu-button {
    display: flex;
    width: auto;
    height: auto;
    min-width: 40px;
    min-height: 32px;
    background-color: transparent;
    border: 0px;
    border-radius: 6px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    left: 16px;
  }
  
  .mobile-menu-button:focus, .mobile-menu-button:hover {
    background-color: #DDD;
  }
  
  #mobile-cart-icon {
    display: flex;
    width: 36px;
    height: 36px;
    background: #666;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 24px;
    left: auto !important;
    top: calc(50% - 18px);
    cursor: pointer;
  }
  
  #mobile-cart-icon:hover {
    background: #000;
  }
  
  #mobile-cart-icon:after {
    font-family: "FontAwesome";
    content: "\f07a";
    color: #F8F8F8;
    font-size: 28px;
  }
  
  .icon-bar { display: block; width: 60%; background: #888; border-radius: 4px; height: 2px; margin: 2px 0px; }
  
  #cartprevblack { display: none; } /* ? */
  
  #mobilemenu {
    display: block !important;
    padding-top: 0px;
    color: #777;
  }
  
  #mobilemenu ul { list-style-type: none; }
  #mobilemenu ul li { text-align: left !important; padding: 5px 0px; }
  #mobilemenu ul li a { padding: 5px 15px; }
  
  #mailinfo:link, #mailinfo:visited { color: #00A9C6 !important; text-decoration: none; transition: color 1s; }
  
  #mobilemenu .mobilehelp {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    padding-top: 12px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1em;
  }
  
  #mobilemenu .mobilehelp div { width: 50%; }
  #mobilemenu .mobilehelp div span { display: block; margin: 4px; }
  
  #mobilemenu .mobilehelp a:link, #mobilemenu .mobilehelp a:visited, { text-decoration: none; color: #006CFF; }
  
  #mobilemenu .ita { font-style: italic; }
  
  #homepage #slider ~ * { display: none; }
  #homepage #slider .slider li:first-child ~ * { display: none; }
  #homepage #slider .sliderdots { display: none; }
  #homepage #slider .sliderarrow { display: none; }
  #bg {
    opacity: 1;
    animation: appear 1s;
    flex-direction: column;
    justify-content: flex-start;
  }
  
  @keyframes appear {
    0%, 50% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  #homepage #footer { display: none; }
  #endline { display: none; }
  
  #thisismobilesize, .onlymobilesize, .mobilesizetext { display: block !important; }
  .onlymobilesizeil { display: inline !important; }
  
  #dropzonetext {
    position: relative;
    top: 16px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
  }
  
  #homepage #my-awesome-dropzone { top: 40px !important; width: 128px !important; }
  
  #my-awesome-dropzone { background: transparent !important; border: none !important; }
  #forceupload { position: relative; top: 0px; min-height: 320px; }
  #forceupload #my-awesome-dropzone { width: 128px !important; max-width: none !important; display: flex; align-items: center; justify-content: center; flex-direction: column; }
  #forceupload #my-awesome-dropzone .dz-message { display: none; }
  #forceupload h3 { max-width: none !important; }
  #forceupload #dropzonetext { color: #666; text-transform: none; font: 300 32px/32px Roboto, Arial, Helvetica; }
  #cart-icon { display: none; }
  #cart-icon-m { display: block !important; z-index: 1033; transform: scale(0.75); position: fixed; top: 8px; right: 20px; left: auto; }
  
  .dropzone .dz-preview { left: -12px !important; }
  body#canvasdesigner .dropzone .dz-preview { left: 0px !important; }
  #forceupload .dz-preview { position: relative; left: 0px; }
  #forceupload #my-awesome-dropzone.dz-started { margin-top: 40px !important; }
  
  @media screen and (orientation: landscape) {
    /*.navbar-collapse { max-height: 75vh !important; overflow: scroll; }*/
    #header { /*max-height: 75vh !important;*/ overflow-y: scroll; overflow-x: hidden; border-bottom: 1px solid #DDD; }
  }
  
  /* egyedi-vaszonkep-keszites */
  
  #contact { padding-top: 0px; }
  #commentforimg { height: 0px; }
  
  #contact * {
    /*display: initial;*/
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: transparent;
  }
  
  #contact #dropzonetext {
      margin-top: 64px;
      padding: 12px;
  }
  
  .notseen, .border-size { display: none; }
  #textsettings, #doubleoption, #dblofirst, #dblosecond, #miniiconhelp { display: none !important; }
  
  #designer-container { display: block; left: 0px; top: 104px !important; margin-top: 0px; }
  #designer2d { display: block; margin-top: 0px; }
  #designers { display: block !important; margin-top: 0px; }
  
  .footer, .gototop, .makeline2.mkl2c2 span { display: none; }
  
  #omsbutts { z-index: 5; color: #1BC0DC; font-weight: bold; }
  
  #omsbutts, #makeline1 {
    display: flex !important;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
  }
  
  #makeline1, #threerow {
    top: 0px;
    display: block !important;
    height: 124px;
    background: #FFF/*#F8F8F8*/;
    border-bottom: 2px solid #DDD;
    z-index: 4;
  }

  #makeline1 span.onlymobilesizeil.bordersizehelp {
    display: block !important;
    font-size: 20px;
    position: relative;
    top: 22px;
    left: -32px !important;
  }

  #makeline1 input {
    -webkit-user-select: text;
  }

  #turnbutt {
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url('../../images/turn90.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: calc(50% + 114px);
    top: 80px;
  }

  .col-sm-6.col-sm-offset-3.col-xs-12 { left: 0px !important; }
  #makeline1, #threerow { top: 40px; }
  
  #mshspacer { position: relative; top: 26px; }
  
  #makeline1 h3 { color: #888; position: relative; top: 4px; text-align: center; font-size: 22px !important; }
  #makeline1 > span { display: inline-block; width: 220px; position: relative; top: 20px; text-align: left; }
  #makeline1 > span input, #bordline select { border: 2px solid #DDD; border-radius: 2px; padding: 4px !important; width: 102px !important; min-width: 102px !important; height: 32px !important; font-size: 20px; }
  #makeline1 > span > span { color: #888 !important; }
  #whratiobutt { transform: scale(1); position: absolute; left: calc(50% + 114px); top: 34px; }
  #whratiobutt:hover { left: calc(50% + 114px); top: 34px; }
  #makeline1 > span > * { position: relative; top: -12px; }
  #bordline { display: block; }
  #makeline1 input { top: -14px; height: 22px; font-size: 12px; }
  #bordline select { display: block; position: absolute; height: 22px; left: calc(50% + 22px); top: 120px; padding-top: 0px !important; z-index: 5; width: 80px !important; min-width: auto !important; }
  .blrow, #tervezoszoveg, #elonezet { height: 0px; }
  
  #omssizebutt, #omslaybutt, #cartsubm {
    display: inline-block;
    border: 2px solid #EEE;
    background-color: #EEE;
    text-transform: uppercase;
    width: 50%;
    height: auto;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
  }
  
  .result-cont { display: none; }
  .result-cont.mkl2c2 { display: block; height: 0px; }
  
  #doubleoptview, #doubleoptfield, .rowsindesigner { display: inline-block; width: 100% !important; height: auto !important; max-height: 56px; }
  .rowsindesigner { display: flex; overflow: hidden; overflow-x: scroll; }
  #threerow .rowleft { width: auto !important; display: inline-flex; height: 50px; align-items: flex-end; }
  #threerow .rowleft input[type='radio'] { position: absolute; visibility: hidden; display: inline-block; width: 0px !important; height: 0px !important; overflow: hidden; opacity: 0; pointer-events: none; }
  #threerow .rowleft * { display: inline; }
  
  #threerow { /*display: none;*/ visibility: hidden; }
  
  #mobilefade-left, #mobilefade-right { position: fixed; left: 0px; top: auto; z-index: 8; display: inline-block; width: 55px; height: 48px; background-size: cover; pointer-events: none; opacity: 0; transition: opacity 0.5s; }
  #mobilefade-left { background-image: url('../../images/layout_picture/mobilefade-left.png'); }
  #mobilefade-right { background-image: url('../../images/layout_picture/mobilefade-right.png'); left: auto; right: 0px; opacity: 1; }
  
  #my_progress { width: 100%; height: 50vh !important; line-height: 50vh; }
  #my_progress img { margin: 0px !important; }
  
  #fade { display: none !important; opacity: 0.1; visibility: hidden; pointer-events: none; left: 0px !important; top: 0px !important; width: 0px !important; height: 0px !important; }
  #cartsubm {
    display: block;
    visibility: visible !important;
    /*position: absolute; left: 0px; top: 384px;*/
    position: fixed;
    left: 2px;
    top: auto;
    bottom: 4px;
    width: calc(100% - 6px) !important;
    height: 42px !important;
    margin: 0 auto;
    background-color: #00A9C6;
    color: #FFF;
    z-index: 32;
    box-shadow: 2px 2px 0 #005D6E;
    padding-top: 8px;
    border: 1px solid #F90;
  }
  #cartsubm:hover { background-color: #1bc0dc; }

  .cartlist {
    font-size: 20px;
    line-height: 1em;
  }
  .cartlist td {
    padding: 4px;
  }
  .cartlist tr td:first-child {
    padding-top: 20px;
  }
  
  #about, #about h3, #about h2, #about .process { margin-top: 8px !important; }
  .highlight-info { display: none; }
  #about h3, #about h2 { text-align: center; }
  #about h5 { margin-bottom: 0px !important; }
  
  .mstb, .mstb * { background-color: transparent; }
  
  #orderbuttons { display: flex !important; flex-direction: column; justify-content: space-between; position: relative; top: -32px; }
  #orderbuttons h3 { display: inline !important; margin: 12px 4px !important; padding: 14px !important; font-size: 20px !important;
    white-space: break-spaces;
  }
  .process { margin-bottom: 0px !important; }
  
  @media screen and (min-width: 320px) and (max-width: 512px) {
    #orderbuttons { display: flex !important; position: relative; top: -32px; }
    #orderbuttons h3 { display: inline !important; font-size: 60%; padding: 7px 2px !important; }
  }
  
  @media screen and (max-width: 319px) {
    #orderbuttons h3 { display: block !important; font-size: 75%; padding: 7px 14px !important; position: relative; top: -32px; }
  }
  
  .wsnowrap { white-space: nowrap; }
  #azonos_cim + label, #news + label { display: inline; margin-bottom: 16px; }
  #billaddrdata { margin-top: 48px; }
  #cexph3 { margin-top: -32px; margin-bottom: 16px !important; }
  #cexph3 + h5 { margin-bottom: 32px !important; }
  .need16pxbottom { margin-bottom: 16px !important; }
  #cexppricestuff { display: block; }
  #result { margin: 0px !important; width: 84px !important; }
  
  .onlynormalsize, .ons, .pcsizetext { display: none !important; }
  .selbutt { border-bottom: 2px solid #BBB !important; background-color: #EAEAEA !important; }
  .omsshifttop { position: relative; top: -16px; }
  
  #fixed_sum {
    display: none;
    /*position: absolute !important; left: 0px; top: 0px;*/
    left: 0px;
    bottom: 52px;
    width: 100%;
    text-align: center;
    z-index: 16;
    background-color: #F8F8F8;
    color: #1BC0DC;
    border: none;
    font-size: 24px;
    padding: 14px 8px;
    height: auto;
    font-weight: bold;
    line-height: 1em;
  }
  
  #canvasdesigner #footer { display: none; }
  
  #partners { text-align: justify; margin-top: -32px; }
  #partners #thanksmessage { margin: 0px !important; padding: 0px !important; font-size: 16px; }
  #partners h3 + p { display: inline; }
  #partners h3, #partners h3 ~ * { display: none; }
  #thxmsgmobilereduct { display: block; }
  #thxmsgmobilereduct h2, p { display: block; }
  #thxmsgmobilereduct span { display: inline; }

  .free-shipping-text-top {
    width: 100%;
    left: 0;
    margin-left: auto;
    text-align: center;
  }

  .quality-info-footer {
    display: none !important;
  }
}

script, style { display: none !important; }

/* iphone fixek... */
#header {
  min-height: 60px;
  position: fixed;
  top: 0;
  left: 0;
}