#INDEX_Tytul { line-height:120%;font-size:44pt; text-align:center; font-family:Roboto Condensed,Arial; color:#003a40; text-shadow:1px 1px 0px #fff; font-weight:700; margin:0px 0 0 0; padding:60px 0 20px 0; clear:both; background:#f7f7f7 url('/n/images/back_bn_gr_1373.png') repeat-y;background-position:50% 0%;overflow:hidden;} #INDEX_PodTytulem {font-family:Arial; font-size:16px; font-weight:normal !important; text-shadow:1px 1px 0px #fff;} .INDEX_kartka { width:100% } #INDEX_kartka2 { width:750px } .INDEX_CienGora1 { background:url(/foto/cien_r11.gif);} .INDEX_CienGora2 { background:#cacaca;background:url(/foto/cien_pion1.gif);height:5 } .INDEX_CienLewy { background:url(/foto/cien.gif);width:6px; } .INDEX_CienPrawy { width:1;background:#cacaca } .INDEX_CienDol2 { background:#cacaca;background:url(/foto/cien_d.gif);height:5 } .INDEX_Papier { background:url(/foto/papier1.gif);padding:20; } .INDEX_Tytul { padding:10;border-bottom:0;line-height:120%;font-size:44pt;text-align:center;font-family:Roboto Condensed,Arial;font-weight:bold;color:#003a40;text-shadow:1px 1px 0px #fff;} #XXXINDEX_Tytul:hover { color:#fc0;text-shadow:1px 1px 0px #000;cursor:pointer} #INDEX_czytajdalej_a {background:#fff;padding:8px;border-radius:5px;text-transform:uppercase;} #INDEX_czytajdalej_a:hover { background:#fc0 !important; } #INDEX_podtytulem { font-family:Verdana;font-size:15px;text-align:justify;line-height:120%; text-shadow:1px 1px 1px #fff;} .INDEX_czytajdalej { font-size:8pt;text-align:right;font-family:Verdana;} .INDEX_opinia { width:70%;font-family:arial;line-height:150%;text-align:justify;background:#ffffcc;border:1px solid #aeaeae;font-size:12px;padding:15px } #INDEX_CzyWyobrazasz { font-size:26px;font-weight:bold;margin:10px;padding:20px; background:#ffffff;border:1px solid #aeaeae; text-align:center;line-height:150%;font-family:Roboto Condensed;} .list-link A:hover {color:#00a4e4 !important} #index_opinie #zgoda {margin:0px 0 40px 0;color:#999;font-size:10px; float:right;} .opinion a.small {color:#aaa} a.readMore {color:#005c7f; text-decoration:none; border-bottom:1px dotted #005c7f; } .tabBox a:hover {color:#00b6ff; } .tabBox .readMore { padding:2px 30px 2px 10px !important; border-radius:10px;} .tabBox:hover .readMore { background:#125872; color:#fff !important;} a.readMoreBlue {color:#005c7f; text-decoration:none; border-bottom:1px dotted #005c7f;} a.readMore span, span.readMore span {padding:2px 24px 2px 0;background:url(/n/images/scalak.png) -4px -241px no-repeat;display:block;position:absolute;bottom:50px;right:30;line-height:18px;height:18px; } a.readMoreBlue span{background:url(/n/images/scalak.png) -3px -241px no-repeat} a.readMoreLBlue {color:#009ade !important;} a.readMoreLBlue span {background:url(/n/images/scalak.png) -3px -203px no-repeat} a.readMorePink {color:#d02edb !important;} a.readMorePink span {background:url(/n/images/scalak.png) -3px -223px no-repeat} .tabBox {font-family: arial, sans-serif; font-size: 12px; color: #666666; padding: 0px 0 20px;margin:10px 0 23px;position:relative;background:url(/n/images/bg_shadowRL.png) -60px 100% no-repeat;} .tabBox h2 {z-index:100;position:absolute;top:-20px;left:0;text-transform:uppercase;border:1px solid #e3e3e3;border-bottom:0 solid #fff;padding:10px 22px 9px 10px;line-height:35px;margin:0 !important;font-size:26px;background:#fff} .tabBox .content h3 {margin:0 0 8px;font-size:16px} .tabBox .content {border:1px solid #e3e3e3;background-color:#fff} .experts {padding:29px 32px 0 28px;background:url(/foto/bg_experts_3.jpg) 100% 0 no-repeat #fff; } .experts .photo {float:left; border:1px solid #ddd; padding:1px; margin:0 30px 0 0; } .experts {line-height:190%; } .experts a.readMore {float:right;margin:9px -5px 0 0;font-size:12px } .experts .readMore span { right:35px; bottom:48px} .experts .clear {padding:13px 0 23px;} .experts .clear .fr {width:auto;font-size:11px;font-family:arial;} #id_pobsf {margin-top:50px !important;} .working {background:url(/n/images/bg_working.jpg) 100% 100% no-repeat #fff} .working .fl {padding:25px 0 0 0} .working .fl img {margin: 0 0 0 50px} .working .fr {width:195px;padding:80px 70px 0 0} .working #div_a {margin-top:10px } .working .readmore {width:127px; margin: 30px 0 0 -9px; position:relative;top:10px;} .working span {bottom:3px !important; right:5px !important;} .index_h1 {color:#003a40; font-size:36px !important; text-align:left;margin:0px 0 0 0 !important;text-transform: uppercase; font-weight:300; } .index_h2 {color:#888; font-weight:300; font-size:18px !important; margin:5px 0 15px 0 !important;line-height:100% !important; text-align:left; text-transform: uppercase} .index_block {margin:0px 0 0 0 ;} #index_left {float:left; width:48%; margin:0px 0 0 0; padding:0px; } #index_left a {color:#005c7f;} #index_left a:hover {color:#00b6ff;} #index_right {float:right;} #index_youtube {clear:both; position:relative; width:100%; height:390px; margin:11px 0 60px 0px;border:1px solid #aaa; /* padding-bottom: 56.0%; */ /* 16:9 */} #index_youtube iframe {width:100%; height:100%; position:absolute; top:0; } #index_opinie {clear:both; margin:70px 0 40px 0;} #index_badania .tabBox {width:97%;} #index_badania .text .readMore {margin-top:15px} #index_badania .text {margin-top:5px; color:#666; padding:15px 30px 57px 15px} #badania_wykres {float:left; background:url(/foto/feromony-brain-activation.jpg) no-repeat; background-position:1px 1px; background-size:99%; border:1px solid #ddd; padding:5px; width:160px; height:123px; margin:10px 24px 0 5px } #index_badania .readMore {float:right;margin:0 -8px 0px 0;} #index_badania span{right:30px;bottom:43px} #opinie_scroll_1 { margin:40px 0 0px 0px; border:0px solid #a00; width:92%; height:280px; float:left; position:relative; left:0px; overflow:hidden; } #opinie_scroll_2 { position:absolute; left:0px; top:0px; cursor:url("/foto/hand-drag-1.png") 8 8, auto; } .item { float:left; margin:0 20px 0 30px; border:0px solid #aaa; } .opinie_raquo_l { float:left; position:relative; top:85px; margin-right:0px } .opinie_raquo_r { float:right; position:relative; top:85px; margin-left:0px; cursor:pointer; } .opinie_raquo_l:hover { cursor:pointer; } .opinie_raquo_r:hover { cursor:pointer; } #opinie_scroll .item img { margin:0 0 10px 90px; } .cytat { width:280px; text-align:right; font-family:Roboto Condensed; font-weight:normal; font-size:18px; font-style:italic; color:#003a40; } #opinie_scroll .smaller { font-size:17px; line-height:110%; width:330px;position:relative;left:-50px } #opinie_scroll .smaller2 { font-size:15px; line-height:110%; width:330px;position:relative;left:-50px } #opinie_scroll .dalej { font-family:Arial; font-size:9px; color:#aaa; margin-left:220px; text-decoration:none; } .dalej a { font-family:Arial; font-size:9px; color:#aaa; margin-left:220px; text-decoration:none; } .dalej a:hover { text-decoration:underline; color:#00b6ff; } /* slider */ #mainTD {margin:0;padding:0} .contentWraper {width:100%; margin:0 auto; border:0px solid #f00; } .contentWraper2 {background:#fff !important; width:98%; max-width:1475px; margin:0 auto; border:0px solid #f00; } /*banner*/ .tabs { border:0px solid #a00; position:relative;top:-20px;} #banner {clear:both;border-bottom:1px solid #e7e7e7;background:#f7f7f7 url('/n/images/back_bn_gr_1373.png') repeat-y;background-position:50% 0%;overflow:hidden;} #homePage #banner{height:458px;} #banner .contentWraper {height:500px} #banner .ui-tabs-nav li {float:left;padding:0 0 0 6px} #banner .ui-tabs-nav a {background:url(/n/images/scalak.png) -1px -164px no-repeat;display:block;width:12px;height:12px} #banner .ui-tabs-nav .ui-tabs-selected a, #banner .ui-tabs-nav .ui-state-hover a {background-position:-15px -164px} #banner .ui-tabs-nav .ui-state-active a {background-position:-28px -164px} #banner .ui-tabs-panel {padding:15px 43px;position:relative;height:428px;width:894px} #banner .text {position:absolute;top:145px;right:-40px;padding:0 47px 93px 0;background:url(/foto/bt_tabMore2.png) 100% 100% no-repeat;background-repeat:no-repeat;width:420px} /* bt_tabMore2.png */ #banner .text a {font-size:26px; color:#134355;padding:0 26px 0 0px !important;position:relative;top:40px;text-decoration:none;} #banner .text a:hover {text-decoration:none; } #banner .tr {border:0px solid #a00; width:500px !important; } .tabs a {font-family:'Myriad';letter-spacing:70px;} #banner .tabs .myriadLight{line-height:42px} #banner .tblue, #banner .tlightBlue {font-size:40px !important;} #banner #tab1 .tblue, #banner #tab1 .tlightBlue {font-size:35px !important;} #banner #tab2 .tblue, #banner #tab1 .tlightBlue {font-size:35px !important;} #banner #tab3 .tblue, #banner #tab1 .tlightBlue {font-size:35px !important;} #banner #tab4 .tblue, #banner #tab1 .tlightBlue {font-size:35px !important;} #banner ul { list-style-type:none !important; margin:0;padding:0;list-style:none; } .tr{text-align:right} .tc{text-align:center} .tj{text-align:justify} #tab1 {display:true} #tab2 {display:none} #tab3 {display:none} #tab4 {display:none} #div3 {height:190px; background: -webkit-linear-gradient(-45deg, #fcfcfc , #f0f0f0); background: -o-linear-gradient(-45deg, #fcfcfc , #f0f0f0); background: -moz-linear-gradient(-45deg, #fcfcfc , #f0f0f0); background: linear-gradient(-45deg, #fcfcfc , #f0f0f0); border-left:0px solid #f3f3f3; border-right:1px solid #f3f3f3; } ul.landingBoxes {height:200px; margin:auto; padding:0; background-position:center bottom; list-style:none;} ul.landingBoxes li {width:24.8%; float:left; background: -webkit-linear-gradient(-45deg, #fcfcfc , #f0f0f0); background: -o-linear-gradient(-45deg, #fcfcfc , #f0f0f0); background: -moz-linear-gradient(-45deg, #fcfcfc , #f0f0f0); background: linear-gradient(-45deg, #fcfcfc , #f0f0f0); line-height:16px;text-align:left; border-bottom:1px solid #e7e7e7; border-right:2px solid #fff; text-shadow:1px 1px 0px #fff; } ul.landingBoxes li:hover {text-shadow:1px 1px 0px #00607f; } ul.landingBoxes h2 { text-transform:uppercase;font-family:Roboto Condensed; font-weight: 700; font-size:24px !important; margin:0px 0 0 0 !important;padding:18px 0 13px 0px !important;color:#003042 !important; line-height:100% !important; text-shadow:1px 1px 0px #fff; opacity:0.9;} ul.landingBoxes h2:hover {text-shadow:1px 1px 0px #000;} ul.landingBoxes span.readMore {color:#666; text-decoration:underline; position:absolute; bottom:18px; left:22px; font-size:14px; font-family:Arial;} .landingBoxes span.readMore span {top:-4px;right:-22px;} ul.landingBoxes span.readMore div {text-decoration:none !important} ul.landingBoxes a {color:#666666;text-decoration:none;display:block; height:190px;padding:0px 26px 0 22px;position:relative;} ul.landingBoxes a .landingBoxesTxt {font-family:Arial; font-size:13px; width:250px;line-height:19px;text-align:left; } ul.landingBoxes li span.bg{height:120px;position:absolute;bottom:0px;right:10px;width:100px; } ul.landingBoxes li span.bg:hover{} ul.landingBoxes li.first {border-left:0px solid #fff} ul.landingBoxes li.last {border-right:0px solid #fff !important; } ul.landingBoxes li.feroScience span.bg {width:107px; height:92px; right:27px; bottom:24px; border:0px solid #f0f0f0; background:url(/n/images/bg_wykresPlaceboFero.png) no-repeat; background-position:0px -138px} ul.landingBoxes li.feroScience a:hover span.bg {background-position:0px -8px} ul.landingBoxes li.warranty span.bg {background:url(/n/images/gwarancja365dni.png) 0 0 no-repeat;right:-20px; width:167px;height:149px;border:0px solid #aaa;background-position:center center;} ul.landingBoxes a:hover span.readMore {color:#fff} ul.landingBoxes a .czDalej {font-family:Arial;font-size:9px;color:#bbb} ul.landingBoxes a:hover .czDalej {text-decoration:underline !important} ul.landingBoxes a:hover {color:#fff; background: -webkit-linear-gradient(left, #137c9e , #116f8d); background: -o-linear-gradient(left, #137c9e , #116f8d); background: -moz-linear-gradient(left, #137c9e , #116f8d); background: linear-gradient(left, #137c9e , #116f8d); } ul.landingBoxes a:hover span.readMore {color:#c4e0ea;text-shadow:0px;} ul.landingBoxes a:hover h2 {color:#fff !important;text-shadow:none; } #index_opinie_wideo { margin-top:50px } #index_opinie_wideo A {color:#016586; text-decoration:none; border-bottom:1px dotted #016586; } #index_opinie_wideo A:hover {color:#00a4e4; border-bottom:1px solid #00a4e4; } #index_opinie_wideo2 { margin:auto; width:100%} #index_opinie_wideo .opinia { margin:30px 40px 90px 40px ; color:#555; width:400px; height:250px} #index_opinie_wideo .opis{font-size:18px; margin:0 auto;font-family:Roboto Condensed; font-weight:bold; text-transform:uppercase;} #index_opinie_wideo .kto{font-size:12px;color:#888; font-weight:normal; text-transform:none;} #index_opinie_wideo .usage {font-weight:normal;font-size:12px;} #index_opinie_wideo .plansza {width:400px; height:225px; padding:1px; border:1px solid #ddd; margin:10px 0 0 0;} #index_opinie_wideo .plansza:hover {border:1px solid #ddd; cursor:pointer} #index_opinie_wideo .back_loading {width:400px;height:225px;background:url(/foto/loading2.gif) center no-repeat;} #wiecej_opinii {float:right; position:relative; top:0px; font-size:12px; margin:0px 20px 30px 0} #index_opinie_wideo .fb-like {margin:2px 0 0 1px;} /* prawa */ .box {border:1px solid #ebebeb;padding:11px 5px 11px 13px;background:#fff;margin:10px 0 0 0 ; color:#888; font-size:12px; font-family:Arial; } .box h3 {text-transform:uppercase; margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #efefef; color:#125872; font-size:16px } .shadow {padding:0 0 16px 10px;background:url(/n/images/bg_boxShadow.png) 0 100% no-repeat;margin:0 9px 22px 0} .shadowSimple {background:url(/n/images/bg_shadowSimple.png) 0 100% no-repeat;padding-bottom:15px;margin-bottom:24px} #ankieta p {margin:0 0 5px 0} #ankieta form {margin:8px 0 0px 5px} #ankieta .anklbl {display:inline;position:relative;left:3px;top:-3px;margin:5px} #ankieta input[type="submit"] {margin:10px 5px 5px 0} #ankieta ul {margin:0;padding:0;list-style:none} #ankieta .btn {position:relative;left:40px; top:10px; cursor:pointer;border:0 solid;color:#fff;background:url(/n/images/btn.png) 0 0 no-repeat;display:block;padding:0 20px 0 8px;font-size:10px;height:17px;border-bottom:1px solid #7da6b6} #ankieta .btnLong {background:url(/n/images/btn_long.png) 0 0 no-repeat;width:142px} #zrobtest {border:0 !important; margin:0;padding:0; } #test {background:url(/foto/bg_test3.png) 0 -50px no-repeat;height:32px;position:relative;top:-1px;line-height:16px;display:block;padding:11px 5px 7px 13px;cursor:pointer; background-position: right -50px;} #test:hover {background-position:right 0px !important; color:#fff !important} #test:hover h3 {color: #fff !important;} #test:hover .tlightBlue {color: #fff !important;} #test a:hover {text-decoration:none} #test .tlightBlue{color:#009ade; font-size:12px; font-family:Roboto Condensed; text-transform:uppercase; font-weight:700; letter-spacing:1px;} #test h3 {position:relative;top:-1px;} input.btnBig {background:url(/foto/sbm_button.png) !important;width:198px;height:66px; border:0;color:#fff;cursor:pointer;padding:0px 0px 0px 0px !important; margin-top:5px !important; vertical-align: top !important; top:0;} #wmediach {margin:0 0 0px 0} .forumBox {font-size:11px;font-family:tahoma;height:148px;padding-right:15px; position:relative; } .forumBox h3 {margin-bottom:8px; } .forumBox p {margin:0 0 7px;color:#999;} .forumBox a {text-align:right; text-decoration:none; color:#305e70; position:relative; top:5px;} .forumBox a:hover { color:#00a4e4; border-bottom:1px solid #00a4e4; } .forumBox .FerumTxt {height:77px;width:220px; border-bottom:1px solid #efefef;padding:0 0 4px 0; margin:0 0 3px 0; line-height:120%; } .forumBox .FerumTxt .line2 {text-align:justify;} .forumBox .FerumTxt b {color:#305e70} .forumBox .forumHide {display:none} .forumBox .readMoreBlue span {margin-top:10px; right:-25px !important; bottom: -3px !important;} .forumBox ul {margin:0;padding:0;list-style:none} .newsletter {height:160px; line-height:130%; } .newsletter p { padding:0 20px 0 20px ;text-align:center } .newsletter label { margin:10px 0 0 0; } .newsletter .inputText {left:0; } .newsletter .btn {margin:0 0 0 10px;width:60px; position:relative;left:0px; top:0px; cursor:pointer; border:0 solid;color:#fff;background:url(/n/images/btn.png) 0 0 no-repeat;display:block;padding:0 20px 0 8px;font-size:10px;height:17px;border-bottom:1px solid #7da6b6} .newsletter input[type="submit"] {margin:20px 0 0 80px; font-family:Roboto Condensed} /* prawa koniec */ .h2_gray { font-family:Roboto Condensed; font-size:18px;color:#555; text-transform:uppercase; line-height:38px; font-weight:bold;text-align:center; } #produkty_idz_do {padding:10px 0 10px 0;} #index_left {width:49%; margin:20px 0 0 0; padding:0px;} #index_right {width:49%; margin:20px 0 0 0; /* margin:auto !important; */ } @media screen and (max-width: 1880px) { #banner .ui-tabs-nav {right:-120px} } @media screen and (max-width: 1700px) { #banner .ui-tabs-nav {right:-90px} } @media screen and (max-width: 1650px) { #banner .ui-tabs-nav {right:20px;bottom:0px;} } @media screen and (min-width : 800px) and (max-width : 1870px) { .working .fl img {display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/foto/wykresDzialania1_mobile2b.png) no-repeat; background-position:30px 0px; width: 413px; /* Width of new image */ height: 272px; /* Height of new image */ padding-left: 414px; /* Equal to width of new image */ } } @media screen and (max-width : 1870px) { .display_1900 {display:none; } #index_left {width:48%; margin:20px 0 0 0; padding:0px;} #index_right {width:48%; margin:20px 0 0 0; /* margin:auto !important; */ } #index_youtube {width:100%;clear:both; /* padding-bottom: 46.0%; */ } .tabBox {width:100%; } ul.landingBoxes li.feroScience a .landingBoxesTxt {width:80% !important; } ul.landingBoxes li.warranty a .landingBoxesTxt {width:60% !important; } #index_badania {width:100%;} .tabBox .working { position:relative;top:0px;} .tabBox .working .fl img { position:absolute; top:30px; left:0px; margin:0 0 0 20px;} .working .fr {position:absolute;right:40px;top:80px;padding:0; line-height:150%; font-size:12px} .working span {top:-1px !important; right:5px !important;} #id_pobsf {margin-top:20px !important;} } @media screen and (max-width: 1840px) { .cXXontentWraper2 { margin:auto; } } @media screen and (max-width: 1750px) { .experts .fr {width:65%;line-height:160%; } } @media screen and (max-width: 1660px) { #index_badania .text #badania_wykres {width:130px; height:100px;margin:10px 20px 5px 5px; background-size:100%; } ul.landingBoxes li.feroScience span.bg {width:75px; height:65px; right:14px; bottom:27px; background-size:100% !important; border:1 px solid #aaa; background-position:0px -105px} ul.landingBoxes li.warranty span.bg {right:12px; bottom:30px; width:90px;height:90px;background-size:100% !important; } ul.landingBoxes h2 { font-size:17px !important; } ul.landingBoxes a .landingBoxesTxt {font-size:12px; width:200px;line-height:19px;} #banner .ui-tabs-nav {right:20px;} #index_youtube {height:282px; } .index_h1 {font-size:30px; } .index_h2 {font-size:18px; } } @media screen and (min-width: 1601px) and (max-width: 2000px){ #opinie_scroll_2 { width:1600px; } } @media screen and (min-width: 1601px){ #span_br {display:block} } @media screen and (max-width: 1700px){ .nodisplay_1700 {display:none;} } @media screen and (min-width: 1450px) and (max-width: 1900px) { #index_opinie_wideo table { width:100%; margin:0px 0 30px 0 !important} #index_opinie_wideo td { height:350px } #index_opinie_wideo .opinia { margin:auto !important; width:350px; height:250px} #index_opinie_wideo .plansza {width:350px; margin:10px 0 0 0;} } /* dla 1360 */ @media screen and (min-width: 1350px) and (max-width: 1500px) { .contentWraper2 { padding-left:10px} #index_right {padding-right:5px; } } /* bez prawej strony: */ @media screen and (min-width: 1100px) and (max-width: 1350px) { .contentWraper2 { width:98%; padding-right:10px; } } /* duża ilość: */ @media screen and (min-width: 769px) and (max-width: 1550px) { .working .fl img { background-position:0px 0px; } .working .fr {margin:0;right:0;padding:0px 0px 0 0} .indexheadtest {padding:30px 0 0 0 !important} #INDEX_Tytul { line-height:120%;font-size:50px;padding:60px 20px 20px 20px;} #index_left {width:49%; margin:20px 0 0 0; } #index_right {width:49%; margin:20px 0 0 0;} #banner .ui-tabs-panel {padding:0; position:relative;height:428px;width:894px} #banner .contentWraper {height:400px} ul.landingBoxes h2 { font-size:15px !important; } ul.landingBoxes a .landingBoxesTxt {font-size:12px; width:190px;line-height:19px; } ul.landingBoxes li.feroScience a .landingBoxesTxt {width:180px;} ul.landingBoxes a {padding:0 10px 0 10px} ul.landingBoxes span.readMore {font-size:12px;left:10px;} .tab_img {width:350px !important; margin-top:25px; position:relative;left:75px; z-index:1 !important;} .XXXtabs img {width:70%; z-index:1 !important;} #banner .text {top:122px;right:20px !important;} #banner .text a {font-size:16px;color:#134355;padding:0 37px;position:relative;top:40px;text-decoration:none;} #opinie_scroll .item img { margin:0 0 10px 90px; width:50%;} .cytat { width:240px !important; font-size:16px; font-weight:normal; } .dalej a { margin-left:180px; } #opinie_scroll .smaller { font-size:14px; line-height:110%; width:330px;position:relative;left:-0px } #opinie_scroll .smaller2 { font-size:13px; line-height:110%; width:330px;position:relative;left:-0px } #index_opinie {margin-top:0; } #index_opinie_wideo2 { margin:0; width:100%;} #index_opinie_wideo td { height:400px } #index_opinie_wideo .opinia { margin:30px 30px 90px 55px; width:400px; height:250px} #index_opinie_wideo .plansza {width:400px; margin:10px 0 0 0;} #index_opinie_wideo .opis{ font-size:16px; } #index_opinie_wideo #opinia_last{ display:none; } #wiecej_opinii { font-size:12px; margin:0px 20px 30px 0} } @media screen and (min-width: 781px) and (max-width: 1430px) { #index_opinie_wideo { } #index_opinie_wideo .opinia { margin:30px 15px 100px 15px; width:400px; height:250px} #index_opinie_wideo .plansza {width:400px; margin:10px 0 0 0;} #index_opinie_wideo table { width:100%; margin:0; } } @media screen and (min-width: 781px) and (max-width: 1400px) { #index_opinie_wideo table { width:95%;} } @media screen and (max-width : 800px) { .opinie_raquo_l { width:25px;margin:0;padding:0; top:95px; } .opinie_raquo_r { width:25px;margin:0;padding:0; top:95px;} .contentWraper {width:100%; max-width:768px; margin:0 auto; border:0px solid #f00; } .contentWraper2 {width:97%; max-width:768px; margin:0 auto; border:0px solid #f00; } } /* --------------- MOBILE --------------- */ @media screen and (max-width: 768px) { #mainTD {padding:0 !important} #INDEX_Tytul {display:none; font-size:30pt !important;line-height:110%; padding: 10px 0 0 0;} .tabs {margin:30px 0 0 35px; height:470px !important;} .tab_img {width:80% !important; margin-top:0px; position:relative;left:0px} #banner {background:#f7f7f7} #banner .tr {width:88% !important ; margin:0 0px 0 0; padding:0} #banner .text {top:310px !important;right:0px !important; padding: 0 52px 76px 0; background-size:100%; background-position: -8px 72px;} #banner .tr img {width:100%} #banner #tab4 .tr img {width:85%} #banner .ui-tabs-nav {right:32px; bottom:-10px !important} #banner .ui-tabs-panel {padding:0; position:relative;height:428px;width:100%} #banner .text a {font-size:38px;color:#134355;padding:0 37px;position:relative;top:17px;left:25px; text-decoration:none;} ul.landingBoxes li {width:99.8% !important; } ul.landingBoxes h2 { font-size:24px !important; margin:20px 0 7px 0 !important; padding:0px !important} ul.landingBoxes a .landingBoxesTxt {font-size:14px; width:80%;line-height:150%; margin:0px !important; padding:0px !important; color:#888} ul.landingBoxes .czDalej {font-size:14px !important;} ul.landingBoxes li.feroScience a .landingBoxesTxt {width:70% !important;} ul.landingBoxes li.feroScience span.bg {background-position:0px -235px} ul.landingBoxes li.warranty a .landingBoxesTxt {width:70%;} ul.landingBoxes a {font-size:19px; padding:0 10px 0 10px} ul.landingBoxes span.readMore {font-size:14px !important;left:10px; bottom:30px} ul.landingBoxes li.feroScience span.bg {width:120px; height:100px; right:8px; bottom:16px; background-size:96% !important; background-position: 0px -167px;} ul.landingBoxes li.feroScience a:hover span.bg {} ul.landingBoxes li.warranty span.bg {background:url(/n/images/gwarancja365dni.png) 0 0 no-repeat;right:3px; width:120px;height:86px; background-size:96% !important; } .working {height:200px !important; width:98% !important; position:relative;} .working .fl {margin:0;padding:0; } .working .fl img {padding:0 0 0 0 !important; margin:5px 0 0 15px !important; background:none; height:auto !important; background-position:0px 0px !important; } .tabBox .working .fl img { position:absolute; top:00px; left:0px; margin:0 0 0 20px;} .working .fr { position:absolute; top:150px !important; left:90px !important; font-family:Arial !important; font-size:11px !important; margin:0 !important;padding:0 !important; } .working .fr span {top:-1px !important; right:5px !important;} .working span {top:145px !important; right:-1px !important;} .working .readmore {top:20px; left:10px} #opinie_scroll_1 { width:290px; height: 270px; } #index_opinie #zgoda {margin:20px 0 10px 0;color:#999;font-size:9px; text-align:center; float:none; } .owl-item .cytat, #opinie_scroll .smaller , #opinie_scroll .smaller2 {width:290px; text-align:center;} #opinie_scroll .smaller , #opinie_scroll .smaller2 {left:-3px;} .owl-item .item , .owl-item .item .cytat smaller{margin:0;} #opinie_scroll .item img { margin: 0 0 10px 75px; } #index_left {width:100%; margin:20px 0 0 0; } #index_right {width:100%; margin:20px 0 0 0;} .index_h1 {font-size:29px;} .index_h2 {font-size:18px;} #produkty_idz_do {font-size:28px; } .produkt-gama {font-size:20px !important;} .tabBox {width:100% !important} .tabBox .content {font-size:14px !important;} .tabBox #badania_text {font-size:14px !important;} #index_badania .text {padding:0 10px 60px 0} #index_badania .text .readMore {margin-top:15px !important; font-size:12px; } #index_badania .readMore span{ right:10px !important;bottom:30px !important} .index_block .text {font-size:22px; line-height:150% !important; } #badania_wykres {width:140px !important; height:108px !important; margin:10px 10px 0 5px !important} #badania_text {font-size:20px !important; line-height:150%} .tabBox .fr{font-size:20px} #index_badania span{right:20px;bottom:51px} .experts {padding: 19px 13px 0 12px; } .XXXid_ekspert .tabBox .content {height:260px !important} .experts .photo { margin:0 12px 30px 0; } .experts #podpis {float:left;position:relative;top:-80px} .experts .readMore {margin:16px -14px 0 0 !important; } .experts span {bottom:30px !important; right:8px !important; } .experts .small {font-size:12px; float:right;} .id_ekspert .opinion {line-height:150% !important;} #index_opinie {margin:0 0 0px 6; } #index_opinie_wideo2 { margin:auto; width:100%;} #index_opinie_wideo table { width:100% !important; margin:0; } #index_opinie_wideo td { display: block !important; width:100% !important; } #index_opinie_wideo table td { display: block !important; width:100% !important; } #index_opinie_wideo .opinia { margin:30px 30px 90px 55px; width:600px; height:350px} #index_opinie_wideo .plansza {width:99%; margin:10px 0 0 0;} #index_opinie_wideo .opis{ font-size:16px; } #index_opinie_wideo #opinia_last { display:none; } #index_opinie_wideo #opinia_second { display:none; } #wiecej_opinii { top:0px; font-size:12px; margin:0px 20px 30px 0} #index_opinie_wideo {width:95% !important} #index_opinie_wideo .opinia {width:100% !important; margin:0 !important; height: 280px !important} } @media screen and (max-width: 360px) { #index_opinie_wideo .plansza {width:100% !important} } @media screen and (max-width: 500px) { #index_opinie_wideo { margin-top:50px } .box-section{height:auto !important; } } @media screen and (max-width: 320px) { #opinie_scroll_1 {width:260px} #opinie_scroll .item img { margin: 0 0 10px 50px;} .owl-item .cytat, #opinie_scroll .smaller, #opinie_scroll .smaller2 {width: 255px;} #index_opinie #zgoda {font-size:8px; } } @media screen and (min-width: 1350px) and (max-width: 1500px) { .index_h1{ font-size:26px;} .index_h2{ font-size:16px;} } @media screen and (min-width: 1350px) and (max-width: 1590px) { .working .fr { width: 150px; padding-right:12px; font-size:11px } } @media screen and (min-width: 768px) and (max-width: 1250px) { .index_h1{ font-size:26px;} .index_h2{ font-size:15px;} } @media screen and (min-width: 768px) and (max-width: 1350px) { .working .fr { padding-right:12px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .working .fr { width: 150px; font-size:11px } }