* {box-sizing: border-box;}
@media (max-width : 736px){}
@media (max-width : 1024px){
    body {font-size: 8px}
    #myprdtable {top:10px; left:180px;}
    #mycustable {top:50px; left:224px;}
    #tblprdverk , #tblcustverk {font-family: "Quicksand", sans-serif;font-weight: 400;}
    .mainmenucols {float: left; width: 33%}
}
@media (max-width : 736px) and (orientation: landscape){}
@media (max-width : 1024px) and (orientation: landscape){}
@media (max-width : 1112px) and (orientation: landscape){}
@media (max-width : 1388px) and (orientation: landscape){}
@media (max-width : 568px) and (min-width : 300px) and (orientation: landscape){}
@media (max-width : 834px) and (min-width : 300px) and (orientation: landscape){}
@media (max-width : 1024px) and (min-width : 300px) and (orientation: landscape){}
@media (max-width : 667px) and (min-width : 569px) and (orientation: landscape){}
@media (max-width : 724px) and (min-width : 569px) and (orientation: landscape){}
@media (max-width : 736px) and (min-width : 668px) and (orientation: landscape){}
@media (max-width : 834px) and (min-width : 725px) and (orientation: landscape){}
@media (max-width : 1024px) and (min-width : 725px) and (orientation: landscape)}
@media (max-width : 1024px) and (min-width : 737px) and (orientation: landscape){}
@media (max-width : 1112px) and (min-width : 1025px) and (orientation: landscape){}
@media (max-width : 1366px) and (min-width : 1025px) and (orientation: landscape){}
@media (max-width : 375px) and (orientation: portrait){}
@media (max-width : 414px) and (orientation: portrait){}
@media (max-width : 450px) and (orientation: portrait){}
@media (max-width : 834px) and (orientation: portrait){}
@media (max-width : 1024px) and (orientation: portrait){}
@media (max-width : 320px) and (min-width : 300px) and (orientation: portrait){}
@media (max-width : 375px) and (min-width : 321px) and (orientation: portrait){}
@media (max-width : 414px) and (min-width : 376px) and (orientation: portrait){}
@media (max-width : 834px) and (min-width : 376px) and (orientation: portrait){}
@media (max-width : 768px) and (min-width : 415px) and (orientation: portrait){}
@media (max-width : 834px) and (min-width : 415px) and (orientation: portrait){}
@media (max-width : 834px) and (min-width : 768px) and (orientation: portrait){}
@media (max-width : 1024px) and (min-width : 835px) and (orientation: portrait){}
@page {
    size: 14.8cm 21.0cm;
    margin: 10mm 10mm 10mm 10mm; /* change the margins as you want them to be. */
}
@media print {
    
    #myPrtFrame body *{display:none};
    #myPrtFrame iframe{display:block}

}