a:link, a:visited {text-decoration: none; color: #000;}
a:hover {text-decoration: underline;}
body, div {margin: 0;  color: #666;}
html {  width: 100%;
  box-sizing: border-box;}

  

.TDblockSite {position: absolute; left: 50%; margin-left: -217px; width: 435px; margin-top: 150px;}
/* WHITEFIELD LOADING */
.td_whitefield {width: 100%; height: 100%; display: block; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100000;}
.td_loading {position: absolute; top: 50%; left: 50%; z-index: 100000; transform: translate(-50%,-50%);}


/* MENU **********************************************************/
.hideNow {display: none;}

.arrL, .arrR {width: 25px; position: absolute; top: 50%; opacity: 0.4; transform: translate(0, -50%); cursor: pointer; z-index: 500000;}
.arrL:hover, .arrR:hover {opacity: 1;}

.arrL {left: 15px;}
.arrR {right: 15px;}
a.btn:link, a.btn:visited {
  color: white !important;
}

div.toggleThreebox {display: none;}
div.toggleButton {padding: 7px 10px; width: 100%; float: left; text-align: center; background-color: #eee; }
a.buttons {display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center; padding: 7px 10px; width: auto; float: left;  background-color: #eee; margin-right: 5px; margin-bottom: 5px; }
a.buttons:hover {cursor: pointer; background-color: #f4b5bd; color: #fff; text-decoration: none;}
a.buttons152 {border-bottom: 3px solid #f6eeb0;}
a.buttons154 {border-bottom: 3px solid #93f9ba;}
a.buttons153 {border-bottom: 3px solid #f4b5bd;}
a.buttons155 {border-bottom: 3px solid #71e9ea;}

.justified-gallery > .jg-entry-visible > img.hideme{  opacity:0; transition: 200ms;}
.justified-gallery > .jg-entry-visible > img.hideme.shown{  opacity:1;}

a.buttons152:hover {background-color:#f6eeb0; color: black;}
a.buttons154:hover {background-color:#93f9ba;}
a.buttons153:hover {background-color:#f4b5bd;}
a.buttons155:hover {background-color:#71e9ea;}

.lg a img {
  width: 200px;
  height: 200px;
  object-fit: cover;  /* zachová poměr stran, vyplní box */
}

div.ThreeBoxCollect {float: left; width: calc(100% + 20px); padding: 25px 0; margin: 0 -10px; padding-top: 0;}
div.ThreeBox {float: left; width: calc(25% - 2px); margin: 1px; min-height: 200px; transition: 0.1s; padding: 0; border-top: 1px solid #ffffff; position: relative; overflow: hidden; border-bottom: 10px solid #ffffff;}

.popup {
    display: none; /* Skryté ve výchozím stavu */
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: white;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    z-index: 10010;
}

/* Styl pro překrytí pozadí */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
}


div.ThreeBox:nth-of-type(1) {border-top: 1px solid #f6eeb0; border-bottom: 10px solid #f6eeb0;}
div.ThreeBox:nth-of-type(2) {border-top: 1px solid #93f9ba; border-bottom: 10px solid #93f9ba;}
div.ThreeBox:nth-of-type(3) {border-top: 1px solid #f4b5bd; border-bottom: 10px solid #f4b5bd;}
div.ThreeBox:nth-of-type(4) {border-top: 1px solid #71e9ea; border-bottom: 10px solid #71e9ea;}
div.ThreeBox img.ThreeBoxBg {position: relative; top: 0; left: 0; width: 100%; float: left; }
div.ThreeBox img.grad {position: absolute; bottom: 0; left: 0; width: 100%; }
div.ThreeBox strong {position: absolute; bottom: 15px; left: 0; opacity: 0.8; color: white; float: left; width: 100%; text-align: center; font-size: 18pt; font-weight: 500; transition: 0.15s;}
div.ThreeBox:nth-of-type(1) strong {color: #f6eeb0}
div.ThreeBox:nth-of-type(2) strong {color: #93f9ba}
div.ThreeBox:nth-of-type(3) strong {color: #f4b5bd}
div.ThreeBox:nth-of-type(4) strong {color: #71e9ea}
div.ThreeBox:hover strong {opacity: 1; font-size: 0pt;}
div.ThreeBox span {float: left; width: 100%; text-align: center; font-size: 11pt; color: #eeeeee;}

div.ThreeBox div.shadowBox {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.15s; z-index: 500; padding-top: 15px; display: none;}
div.ThreeBox:hover div.shadowBox {background-color: rgba(255,255,255,0.8); opacity: 1; display: block;} 
div.ThreeBox a.shadowItem:link, div.ThreeBox a.shadowItem:visited {float: left; width: 100%; padding: 0px 10px; text-align: center; font-size: 10pt; color: #000000;}
div.ThreeBox:nth-of-type(1) a.shadowItem:hover {background-color: #f6eeb0;  text-decoration: none;}
div.ThreeBox:nth-of-type(2) a.shadowItem:hover {background-color: #93f9ba;  text-decoration: none;}
div.ThreeBox:nth-of-type(3) a.shadowItem:hover {background-color: #f4b5bd;  text-decoration: none;}
div.ThreeBox:nth-of-type(4) a.shadowItem:hover {background-color: #71e9ea;  text-decoration: none;}



div.toggleButton:hover {cursor: pointer; background-color: #f4b5bd; color: #fff;}


body { 
    width: 100%;
    float: left;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background: #ffffff;
}

table.td_pricelist {}
table.td_pricelist tr.td_pricelist_header td {background-color:#f6eeb0;}
table.td_pricelist tr.td_pricelist_header td span {background-color:#f6eeb0; font-size: 12pt; font-weight: bold;}
table.td_pricelist tr.td_pricelist_header2 td {background-color: #eee; border-bottom: 5px solid white;}
table.td_pricelist tr.td_pricelist_header2 td span {font-size: 14pt; color: #000;  }
table.td_pricelist tr.td_pricelist_item td {background-color: #fff;}
table.td_pricelist tr td {padding: 5px 10px;}
table.td_pricelist tr td:nth-of-type(3) {text-align: right; font-weight: bold; min-width: 150px;}
table.td_pricelist tr:nth-child(even) {background: #fff;}
table.td_pricelist tr:nth-child(odd) {background: #eee}

table.td_pricelist152 tr.td_pricelist_header2 td{background-color:#f6eeb0;}
table.td_pricelist154 tr.td_pricelist_header2 td{background-color:#93f9ba;}
table.td_pricelist153 tr.td_pricelist_header2 td{background-color: #f4b5bd;}
table.td_pricelist155 tr.td_pricelist_header2 td{background-color:#71e9ea;}

img.erb {position: absolute; top: 15px; right: 15px; height: 115px;;}
.meziVeta {text-align: left; background: #eee; float: left; width: 100%; padding: 25px 0;}
img.smallIcon {float: left; width: 84px; margin-right: 30px; margin-top: 20px;}
div.centerAll {text-align: center; float: left; width: 100%;}
.centerAll img {width: calc(100% - 400px); margin: 25px 200px;; float: left;}
.centerAll img.smallIcon {width: 84px; margin: auto; float: none; margin-bottom: 15px;}
.cz { margin-top: 15px; float: right;}

input[type='submit'].hide {display: none;};
.desktop {display: block; float: left; width: 100%; position: relative;}
.mobile { float: left; width: 100%;  position: relative; display: none;}
.cross {position: absolute; right: 15px; top: 15px; width: 60px;}

header {float: left; width: 100%; padding: 25px 0;}
header a:link, header a:visited {float: left; width: 14.28%; padding: 0 25px;}
header a:link img, header a:visited img { transform: scale(0.7);}
header a:hover img {opacity: 0.8;}
header a:link, header a:visited {float: left; width: 14.28%;}
header span {float: left; width: calc(100% + 50px); margin-left: -25px; margin-right: -25px; text-align: center; font-size: 12pt; color: #666666;}
h3 {font-size: 16pt; color: #000;}
/* NEWSPART */

.menubar {float: left; width: 100%; position: relative; }

.fullWidth {float: left; width: 100%; }
.padding25 {padding: 25px;}
.flags {margin-top: 10px; margin-left: 10px; width: auto; float: left;}
.flags img {width: 25px; height: 25px; margin-right: 3px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.flags img:hover, .flags img.activeFlag {opacity: 1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);}
.centered {float: left; display: block; width: 100%; padding: 0 15px; box-sizing: border-box;}
.centeredReal {transform: translate(-50%, 0); MARGIN-LEFT: 50%; max-width: 1180px; float: left; display: block; width: 100%; padding: 0 15px; box-sizing: border-box;}
.centered {}

.percent25 {float: left; width: 130px;; z-index: 5000; position: relative;}
div.rightSocial {float: right; margin-top: 25px; z-index: 502; position: relative;}
.percent33 {float: left; width: 33.3333333%;}
.percentAbs100 {position: absolute; width: 100%;}

.infoLine {	
	width: 100%;
	z-index: 500; 
	float: right; 
	position: relative;
	margin-top: 10px;
    margin-right: 15px;
    text-align: right;

}

.infoLine div {float: right; width: 100%;}

/* SLICK 1 */
.td_slick_line {float: left; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; background-color: #eeeeee; background: url('/files/lines.png'); margin-top: 25px;}
.td_slick {width: 100%; float: left; }
.td_slick img {width: 100%; margin: 0;}
.td_slick .texty {position: absolute; background: rgba(255,255,255,1); border-left: 25px solid #f4b5bd; padding: 5px 15px; width: auto; bottom: 35px; z-index: 50; right: 35px; text-align: left; }
.td_slick .texty div {font-size: 16pt; color: #000; text-transform: uppercase; font-weight: 600; white-space: nowrap;}
.td_slick .texty ul {list-style: none; padding: 0; margin: 0; }
.td_slick .texty li {padding-left: 1em; text-indent: -.7em; margin-left: 0; font-size: 0.8vw;}
.td_slick .texty li::before {content: "■ "; color: #f4b5bd; }
.td_slick a.textyButton:link,.td_slick a.textyButton:visited {padding: 10px 20px; border: 1px solid black; color: black; margin-left: 10px; font-size: 14pt;}
.td_slick a.textyButton:hover {border: 1px solid black; color: white; background-color: black; text-decoration: none;}

.slickHeader span {color: #f4b5bd; font-weight: 400; font-size: 18pt;}

a.fullButton {background-color: #eee; color: #000; padding: 15px; text-align: center; font-size: 20pt; float: left; width: 100%; margin-bottom: 25px;}
a.fullButton:hover {background-color: #888; color: #fff; text-decoration: none;}

/* SLICK 2 */
.td_slick2 {width: 100%; float: left; padding: 0; margin-bottom: 0px; }
.td_slick2 img {height: 500px; float: left;}
.td_slick2 .texty {width: 75%;  right: 0; display: table-cell; vertical-align: middle; float: right;  position: absolute; top: 50%; transform: translate(0, -50%);}
.td_slick2 .texty p, .td_slick2 .texty { font-size: 9pt;}

/* SLICK 3 */
.td_slick3 {width: 100%; float: left; padding: 25px 25px; }
.td_slick3 div {width: 100%; margin: 0; padding: 0;}
.td_slick3 div.slickPad {padding: 0 10px;}
.td_slick3 img.refImg {width: 20%; float: left; opacity: 0.7;}
.td_slick3 .texty {width: 75%;  right: 0; display: table-cell; vertical-align: middle; float: right;  position: absolute; top: 50%; transform: translate(0, -50%);}
.td_slick3 .texty p { font-size: 12pt;}

/* SLICK 4 */
.td_slick4 {width: 100%; float: left; margin-bottom: 70px;}
.td_slick4 img {float: right; width: 33%;}

div.topHeader {position: absolute; top: 23px; left: 135px; font-size: 16pt;  color: black; font-weight: 300; line-height: 1.5;}
div.topHeader  strong {color: #f4b5bd;}

div.refLine {float: left; width: 100%;   display: flex;  align-items: center;  justify-content: center; padding: 0 150px;}
div.flexCenter {float: left; width: 100%;   display: flex;  align-items: center;  justify-content: center; flex-wrap: wrap; }
img.refLineImg {width: 15%; float: left;  margin: 0 25px;}
.icons {float: right; width: 25px; height: 25px; margin: 5px 5px;transition: 0.2s;}
.icons:hover {opacity: 1; transform: scale(1.1);}
.icon_nofloat {width: 25px; height: 25px; margin-right: 5px; vertical-align: middle; }
img.bigPic {float: left; width: 100%;}

.gavycInstagram {float: left; width: 100%; height: auto; background-color: black;}
.container {padding: 0;}
a.logo {width: 120px; float: left; display: block; margin: 15px 0;}
a.logo2 {width: 50px; }
a.logo img {width: 100%; transition: 0.15s;}
a.logo img:hover {width: 100%;}

div.topText {position: absolute; top: 66px; left: 150px; width: 80%;}
div.topText span {float: left; width: 100%; line-height: 35px;}
div.topText span:nth-of-type(1) {font-size: 36pt; color: #f4b5bd;}
div.topText span:nth-of-type(2) {font-size: 23pt; color: #000000;}

footer { float: left; width: 100%;}
footer .centered {padding: 10px; text-align: center; color: #000000;}
footer .centered a:link,footer .centered a:visited {color: #000000;}

.bodyLeft {float: left; width: 100%; padding-top: 0px; position: relative; z-index: 1;}
.bodyRight {float: left; width: 100%; position: relative;   z-index: 1;  padding: 0; background: rgba(255,255,255,0.5);}

div.middleLiner {float: left; width: 100%; position: relative;}
div.middleLinerPart1 {float: left; width: 100%;  position: absolute; height: 50%; top: 0; border-bottom: 1px solid #ddd;}
div.middleLinerPart2 {float: left; width: 100%;  position: absolute; height: 50%; top: 50%;}
div.middleLinerText {white-space: nowrap; float: left; margin: 10px; background-color: #ffffff; padding: 0px 50px; color: #000000; font-size: 30pt; margin-left: 50%; transform: translate(-50%, 0); text-transform: uppercase; text-align: center;}
div.middleCaption { float: left; margin: 10px; margin-top: 25px; padding: 0px 50px; color: black;  text-align: center;    font-size: 24px; font-weight: 500 !important; width: 100%; color: #666666;}
div.middleLinerBPart1 {float: left; width: 100%;  position: absolute; height: 50%; top: 0; border-bottom: 1px solid #333;}
div.middleLinerBPart2 {float: left; width: 100%;  position: absolute; height: 50%; top: 50%;}
div.middleLinerBText {white-space: nowrap; float: left; margin: 10px; background-color: black; padding: 15px 50px; color: white; font-size: 30pt; margin-left: 50%; transform: translate(-50%, 0); text-transform: uppercase; text-align: center;}


div.middleLiner152 {border-bottom: 1px solid #f6eeb0;}
div.middleLiner154 {border-bottom: 1px solid #93f9ba;}
div.middleLiner153 {border-bottom: 1px solid #f4b5bd;}
div.middleLiner155 {border-bottom: 1px solid #71e9ea;}

img.pdfIco {width: 50px; margin: 5px; float: left;}

div.thumbnails {width: 100%; float: left;}
div.thumbnail {width: calc(20% - 10px);  margin: 5px; float: left;}
div.thumbnail img {transition: 0.2s; width: 100%; height: auto; opacity: 0.8; }
div.thumbnail img:hover {width: 100%; height: auto; opacity: 1; transform: scale(1.05);}
	
.icon64 {width: 64px; height: 64px; float: left;}
.icon32 {width: 32; height: 32px;  float: left;}

.td_slick2 {margin-bottom: 50px;}
.td_slick2 a {float: left; width: calc(20% - 10px); height: auto; margin: 5px;}
.td_slick2 a img {float: left; width: 100%; height: 100%; opacity: 0.8; transition: 0.15s;}
.td_slick2 a img:hover {opacity: 1;}
#lg-download {display: none;}

.studiaBox {float: left; min-height: 200px; background-color: #fff; width: 100%; padding-bottom: 35px;} 
.studiaBox a.link50:link, .studiaBox a.link50:visited {display: table-cell; float: left; width: 33%; color: #666666; vertical-align: middle; position: relative;}
.studiaBox a img {vertical-align: middle; opacity: 0.7;}
.studiaBox a span {position: absolute; top: 50%; left: 70px; transform: translate(0, -50%);}
.studiaBox a.link50:hover {text-decoration: none;}
.studiaBox a.link50:hover img {opacity: 1;}
.studiaBox h3 {color: #666666; font-size: 18pt; margin-bottom: 25px; width: 100%; text-align: center;}

.bottomBox, .specsBox, .produktBox {float: left; width: 100%; min-height: 200px; background-color: #f9f9f9; padding: 50px 0;}
.bottomBox {background-color: #f9f9f9; padding: 25px 15px;}
.bBox1, .bBox3, .bBox4 {width: 20%; float: left; color: #000; text-transform: uppercase;}
.bBox1 p, .bBox3 p, .bBox4 p {font-size: 8pt;}
.bBox1 {width: 45%;}
.bBox4 {padding-left: 35px; width: 75%;}
.bBox4 p {text-transform: none;}

.produktBox { background-size: 100%; padding: 0px 0; background: none; position: relative;}
img.pristroje {width: 42.7%; float: left; margin-bottom: 25px;}
div.pristrojeText {width: 66%; float: left; margin-bottom: 25px; padding-left: 30px;}
div.pristrojeText h2 {text-transform: uppercase;}

div.pristrojeText p:not(:nth-of-type(1)) {
    display: none;
}

.bottomBox a:link, .bottomBox a:visited {color: #888; font-size: 8pt; line-height: 200%;}
.bottomBox a:hover {color: #f4b5bd; text-decoration: none;}

.bBox1 p, .bBox3 p, .bBox4 p {color: #000;}
.bBox3 a:hover {text-decoration: none; color: #000;}
.icon_nofloat {opacity: 0.5; margin-right: 12px;}
.icon_nofloat:hover {opacity: 1;}
.bBox1 .bottomLogo {width: 150px; opacity: 0.6;}
.pdIcon {height: 35px;}
.pdBox {float: left; width: 100%; margin-top: 5px;}


.topline {background-color: black; width: 100%; float: left; z-index: 50000; position: relative; padding: 5px 0;}
.toplineLeft, .toplineCenter, .toplineRight {color: white; float: left;}
.toplineLeft, .toplineCenter, .toplineRight, .topline a:link,  .topline a:visited, .topline div{ font-size: 10pt;}
.toplineLeft, .toplineRight {width: 33.3%;}
.toplineCenter {width: 33.3%; text-align: center;}
.toplineRight {text-align: right;}

.newsletterBox {float: left; width: 100%; margin-bottom: 25px;} 
.newsletterBox tr td {float: left; width: 100%;} 
.newsletterBox tr {float: left;}
.newsletterBox tr:nth-of-type(1) {width: 20%;}
.newsletterBox tr:nth-of-type(2) {width: 20%;}
.newsletterBox tr:nth-of-type(3) {width: 10%;}
.newsletterBox tr:nth-of-type(4) {width: 20%;}
.newsletterBox tr:nth-of-type(5) {width: 15%;}
.newsletterBox tr:nth-of-type(6) {width: 15%;}

.marginLeft10 {margin-left: 5px;}
.sidePadding {padding: 0px 150px;}
a.centerButton {float: left; padding: 15px 50px; border: 1px solid black; color: black; text-transform: uppercase; margin: 10px; margin-left: 50%; transform: translate(-50%, 0);}
a.centerButton:hover {text-decoration: none; background-color: black; color: white;}

a.moreInfo:link, a.moreInfo:visited {padding: 10px; text-decoration: none; color: white; background-color: #f4b5bd; margin-top: 15px; border: 1px solid #f4b5bd;}
a.moreInfo:hover { background: white; color: #f4b5bd;  }

a.button10:link, a.button10:visited {float: right; padding: 10px; border: 1px solid black; color: black; text-transform: uppercase; margin: 5px;}
a.button10:hover {text-decoration: none; background-color: black; color: white;}
.curSelect {display: none; position: absolute; top: 29px; left: 0; background-color: white; border: 1px solid black; z-index: 500; width: 230px; }
a.curOption:link, a.curOption:visited {float: left; width: 100%; padding: 5px; text-decoration: none; text-transform: uppercase; color: black;}
a.curOption:hover {color: white; background: black;}
.langCurBox {position: relative;}
.curActive {color: white; text-transform: uppercase; cursor: pointer;}
.langFlag {width: 25px; height: 25px; vertical-align: middle; margin-right: 5px;}

table.specsTable {float: left; width: 100%;}
table.specsTable tr td {background: none; color: white; text-transform: uppercase; font-size: 16pt; vertical-align: top;padding: 5px 0;}
table.specsTable tr td p {color: white; font-size: 16pt; padding: 0;}
table.specsTable tbody {width: 50%; float: left;}
table.specsTable tbody tr {width: 100%; float: left;}
table.specsTable tr td:nth-of-type(1) {width: 30%; font-weight: bold; float: left;}
table.specsTable tr td:nth-of-type(2) {width: 60%;  float: left; text-transform: none;}

div.watchHeader {width: 100%; float: left; position: relative;}
div.watchHeader img {width: 100%; float: left;}
div.watchHeader div.watchHeaderH1, div.watchHeader div.watchHeaderDesc {width: 100%; float: left; color: white; text-align: center;}
div.watchHeader div.watchHeaderH1 {font-size: 4vw; margin-bottom: 10px;}
div.watchHeader div.watchHeaderDesc {font-size: 1.5vw;}
div.watchHeader div.watchHeaderBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.td_eshop_price,
.addToCartButton,
.itemDescSizes {display: none; visibility: hidden;}

.iconBox {float: left; width: 100%;}
.difIcon {float: left; width: 80px;}
span.meters {margin-top: 24px;font-size: 16pt;  color: #f4b5bd; float: left; margin-left: 5px;}
.fancyboxtn  {position: relative;}
.hoverMe {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5);}
.hoverMe span {font-size: 100pt; font-weight: 300; color: #f4b5bd; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.padding15 {padding: 15px; float: left; width: 100%;}
.padding25 {padding: 25px; float: left; width: 100%;}
.padding45 {padding: 45px; float: left; width: 100%;}
.mobileRefLine {display: none;}

.owl-carousel {height: 500px;}
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item img {
    width: auto;
    height: 500px;
}




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

}

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

    .td_slick2 div.slickInner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; float: left; position: relative;}
    .td_slick2 div.slickInner img {max-width: 100%; height: auto;}
    .td_slick2 {margin-bottom: 50px; position: relative;} 
    div.topText {position: absolute; top: 68px; left: 152px; width: 60%;}
    div.topText span {text-align: left;}
    div.topText span:nth-of-type(1) {font-size: 26pt;}
    div.topText span:nth-of-type(2) {font-size: 14pt;font-weight: bold;}
    .mobile {display: block;}
    div.rightSocial {margin-right: 75px;}
    .arrL, .arrR {width: 15px;}
    .studiaBox a.link50:link, .studiaBox a.link50:visited {width: 100%; display: block; }
    div.ThreeBoxCollect {padding: 0; padding-bottom: 25px;}
    div.ThreeBox {padding: 10px;}
    h1 {font-size: 3vw;}
    .bBox3 {display: none;}
    div.ThreeBox {padding: 0;}
    div.ThreeBox a.shadowItem:link, div.ThreeBox a.shadowItem:visited {font-size: 8pt;}
}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : landscape) { 
    div.topText {width: auto}
}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 
    a.logo img {    
        transform: scale(0.7);
        transform-origin: 0% 70%;
    }
    div.ThreeBox {width: 50%; margin: 0;}
    .ThreeBox span {font-size: 9pt;}
    .mobileRefLine {display: block;}
    .mobileRefLine img.refLineImg {width: calc(50% - 20px); margin: 10px;}
    .icon_nofloat {transform: scale(0.8);}
    .bBox3 {display: none;}
    div.rightSocial {margin-right: 65px; margin-top: 25px;}
    .bBox1, .bBox4 {width: 100%; padding: 0;}
    header {display: none;}
    .td_slick4 img {width: calc(100% - 120px); margin: 0 60px;}
    div.pristrojeText {width: 100%; padding: 0;}
    div.middleCaption {font-size: 5vw; margin-left: 0; margin-right: 0;}
    div.refLine {padding: 0;}
    img.refLineImg {width: 20%; margin: 10px;}
    a.moreInfo:link, a.moreInfo:visited {margin-left: 39%; }
    .bBox1 strong, .bBox4 strong {width: 100%; text-align: center; display: block;}
    div.refLine {display: none;}
    div.topText {position: absolute; top: 83px; left: 115px; width: 60%;}
    div.topText span {line-height: 20px;}
    div.topText span:nth-of-type(1) {font-size: 14pt;}
    div.topText span:nth-of-type(2) {font-size: 6pt; font-weight: bold;}
    .td_slick2 a {width: calc(33.33% - 10px);}
    .td_slick2 {width: calc(100% + 20px); margin-left: -10px;}
    /* .lg-thumb-outer {display: none;} */
    a.buttons {width: 100%; }
    h1 {font-size: 3.8vw;}
    div.middleLinerText {width: 100%; padding: 0; text-align: center;}
    div.ThreeBox {width: calc(50% - 2px); padding: 0;}
    div.ThreeBox a.shadowItem:link, div.ThreeBox a.shadowItem:visited {font-size: 8pt;  line-height: 1.9;}
    table.td_pricelist tr td:nth-of-type(3) {min-width: 25%}
    table.td_pricelist tr.td_pricelist_header td  {text-align: left;}
    table.td_pricelist tr.td_pricelist_header td span {text-align: left;}

}