@media screen and (min-width: 360px) and (max-width: 767px){
html{
overflow-x:hidden!important;
}
	
body{
margin:0px;
padding:0px;
text-align:center;
background:url(../img/user/bg.jpg) no-repeat center top #D3D3D3;
overflow-x:hidden!important;
}

header{
width:100%;
margin:0px;
padding:0px;
float:left;
text-align:center;
}

div.gray-top-stripe{
width:100%;
height:26px;
float:left;
background:url(../img/user/top-gray.jpg) repeat-x left top;
text-align:center;
}

div.gray-top-stripe div.separator{
width:1px;
height:26px;
margin:0px;
padding:0px;
overflow:hidden;
background:black;
display:inline-block;
}

div.gray-top-stripe a{
font-size:10pt;
color:black;
height:26px;
line-height:26px;
padding:0px 16px;
margin:0px 0px 0px 0px!important;
display:inline-block;
overflow:hidden;
}

div.gray-top-stripe a:hover{
text-decoration:underline;
}

div.container{
width:360px;
margin:0px auto;
padding:0px;
position:relative;
}

div.wrapper{
width:320px;
float:left;
margin:0px 0px 0px 20px;
padding:0px;
text-align:left;
}

div.top-white{
width:100%;
float:left;
min-height:99px;
background:white;
text-align:center;
padding-bottom:15px;
}

.logo{
width:180px;
float:left;
margin:15px 0px 0px 70px;
}

div.menu{
float:left;
min-height:30px;
margin:15px 0px 0px 0px;
width:100%;
}

div.menu a{
float:left;
height:30px;
line-height:30px;
font-size:12pt;
color:black;
padding:0px;
margin:1px 0px 0px 1px;
width:calc(50% - 1px);
text-transform:uppercase;
text-align:center;
background:#e7e7e7;
}

div.menu a:hover{
text-decoration:underline;
background:#a5a4a4;
}

.rel{
position:relative;
}

.lang{
width:17px;
height:12px;
float:right;
margin:-280px 0px 0px 0px;
}

.lang img{
float:left;
padding:4px 0px;
}

.expand{
width:17px;
height:5px;
float:left;
z-index:200;
margin:0px;
padding:0px;
background:url(../img/user/lang-down.png) no-repeat left top;
cursor:pointer;
}

.expand1{
width:17px;
height:5px;
float:left;
z-index:200;
margin:0px;
padding:0px;
background:url(../img/user/lang-up.png) no-repeat left top;
cursor:pointer;
}

.flags{
width:17px;
height:20px;
float:left;
overflow:hidden;
margin:0px;
padding:0px;
}

.flags1{
width:17px;
min-height:20px;
float:left;
overflow:visible;
margin:0px;
padding:0px;
}

div.search{
height:25px;
float:right;
margin:15px 0px 0px 0px;
width:175px;
}

div.banner{
display:none;
}

div.green-stripe{
width:100%;
float:left;
text-align:center;
height:50px;
line-height:50px;
font-size:20pt;
color:white;
font-family:Times New Roman, arial;
background:#167A3C;
}

a.magnify{
width:14px;
height:15px;
margin:5px 20px 0px 0px;
float:right;
background:url(../img/user/magnify.jpg) no-repeat left top;
cursor:pointer;
}

div.search form{
float:right;
margin:0px 13px 0px 0px;
}

div.search input{
height:23px;
line-height:23px;
width:120px;
border:1px solid black;
text-align:left;
text-indent:5px;
color:black;
float:right;
}

div.boxes{
width:calc(100% + 35px);
float:left;
margin:0px 20px 0px 0px;
padding:30px 0px 65px 0px;
}

a.box{
width:320px;
height:170px;
float:left;
position:relative;
margin:35px 0px 0px 0px;
}

.last{
margin-right:0px!important;
}

a.box img{
float:left;
width:320px;
height:170px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
opacity:1.0;
}

/*a.box div.frame{
width:320px;
height:130px;
position:absolute;
top:15px;
left:15px;
border:5px solid white;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
z-index:9999;
}*/

a.box div.frame{
width:320px;
height:130px;
float:left;
margin:-155px 0px 0px 15px;
border:0px solid white;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
z-index:9997;
position:relative;
}

a.box:hover img{
opacity:0.5;
}

a.box:hover div.frame{
border:0px solid #167A3C;
}

div.frame h2{
font-size:24pt;
color:white;
font-weight:700;
margin:20px 0px 0px 20px;
float:left;
text-decoration:none;
color:white;
-webkit-text-shadow:2px 2px 2px black;
-moz-text-shadow:2px 2px 2px black;
-o-text-shadow:2px 2px 2px black;
text-shadow:2px 2px 2px black;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
}

a.box:hover div.frame h2{
color:#167A3C;
}

a.box div.go{
width:31px;
height:42px;
position:absolute;
bottom:0px;
right:30px;
background:url(../img/user/box-arrow.jpg) no-repeat left top;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
}

a.box:hover div.go{
display:none;
}

/* Style dla boxu efektowne */

a.box .foranton-effect {
    position:relative;
    width:320px;
    height:170px;
    overflow:hidden;
    float:left;
}
a.box  .foranton-effect figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
}
a.box .foranton-effect figure img {
	width:320px;
	height:170px;
	border:0px solid #00923f;
    display:block;
    position:relative;
    z-index:10;
}
a.box .foranton-effect figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
}
a.box .foranton-effect figure h3 {
	float:left;
	width:100%;
	text-align:center;
    color:white;
    font-size:1.2em;
	margin-left:-43px;
	line-height:1.2em;
}
a.box .foranton-effect figure p {
	width:88%;
	padding:0% 6%;
    display:block;
    font-size:1em;
    line-height:23px;
    color:#fff;
    text-align:justify!important;
	margin:10px 0px 0px -43px;
	float:left;
}
a.box .foranton-effect figure figcaption {
    top:0;
    left:0;
    width:265px;
    height:120px;
    padding:50px 30px 0px 65px;
    /*background:url(../img/user/box-photo.png) no-repeat left top;*/
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

a.box .foranton-effect figure figcaption p{
color:black!important;
font-size:12pt!important;
text-align:justify!important;
line-height:23px!important;
width:100%!important;
}


a.box .foranton-effect figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
a.box:hover .foranton-effect figure img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
a.box:hover .foranton-effect figure figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}

/* Koniec efektu */

div.line{
width:100%;
height:1px;
background:#B2B2B2;
float:left;
}

div.content{
width:100%;
float:left;
padding:65px 0px;
}

div.content h2{
width:100%;
display:inline-block;
padding:0px 0px 25px 0px;
text-align:left;
font-size:14pt;
color:#167A3C;
font-weight:700;
}

div.content p{
display:inline-block;
line-height:21px;
font-size:11pt;
color:black;
padding:0px 0px 25px 0px;
width:100%;
}

.more{
height:30px;
line-height:32px;
display:inline-block;
font-size:11pt;
color:white;
background:#167A3C;
padding:0px 30px;
text-transform:uppercase;
font-weight:700;
}

.more:hover{
background:#10562B;
}

div.shadow-bottom{
width:100%;
height:15px;
float:left;
background:url(../img/user/shadow-bottom.png) repeat-x left top;
}

div.details-stripe{
width:100%;
float:left;
min-height:35px;
margin:15px 0px 0px 0px;
}

div.detail{
width:100%;
float:left;
line-height:35px;
font-size:14pt;
color:black;
font-weight:700;
}

div.detail img{
margin:4px 13px 0px 0px;
float:left;
}

div.detail a{
color:black;
}

div.detail a:hover{
text-decoration:underline;
}

.middle{

}

.lastone{

}

div.tags{
padding:40px 0px;
text-align:center;
font-size:10pt;
color:#8F8F8F;
text-align:center;
}

div.tags a{
color:#8F8F8F;
text-decoration:none;
}

div.tags a:hover{
text-decoration:underline;
}

div.footer{
width:100%;
float:left;
margin:30px 0px 0px 0px;
}

div.copyright{
height:35px;
line-height:15px;
float:left;
font-size:10pt;
font-family:tahoma;
color:white;
width:100%;
text-align:center;
}

div.mediasoft{
float:right;
height:35px;
line-height:15px;
width:100%;
text-align:center;
}

div.mediasoft a{
font-size:10pt;
font-family:tahoma;
color:white;
}

h1{
width:100%;
float:left;
padding:25px 0px 5px 0px;
border-bottom:1px solid #B3B3B3;
font-size:18pt;
font-weight:700;
color:black;
text-transform:uppercase;
}

h1 span{
font-weight:300;
font-size:15pt;
padding:0px 15px;
}

h1 span.smaller{
font-size:12pt;
font-weight:400;
padding:0px!important;
}

a.windowbox{
width:320px;
float:left;
margin:50px 0px 0px 0px;
cursor:pointer;
}

a.windowbox img{
float:left;
width:313px;
height:358px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
border:3px solid white;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
}

a.windowbox:hover img{
border:3px solid #167A3C;
}

a.windowbox h2{
width:100%;
font-size:26pt;
line-height:26pt;
color:#167A3C;
float:left;
padding:8px 0px 14px 0px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
height:60px;
overflow:hidden;
}

a.windowbox:hover h2{
color:#10562B;
}

a.windowbox h3{
width:100%;
font-size:16pt;
color:black;
float:left;
padding:0px 0px 15px 0px;
}

a.windowbox p{
font-size:11pt;
color:black;
line-height:21px;
text-align:justify;
float:left;
}

a.windowbox .more1{
height:30px;
line-height:32px;
float:left;
font-size:11pt;
color:white;
background:#167A3C;
padding:0px 30px;
text-transform:uppercase;
font-weight:700;
margin:20px 0px 0px 0px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;

}

a.windowbox:hover .more1{
background:#10562B;
}

/* Podstrona Produktu */

div.product{
width:100%;
float:left;
margin:0px 0px 0px 0px;
padding:30px 0px 65px 0px;
}

div.image-box{
width:100%;
float:left;
z-index:999;
position:relative;
}

div.image{
float:left;
}

div.image img{
width:320px;
height:358px;
float:left;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

div.thumbs{
width:320px;
float:right;
margin:10px 0px 0px 0px;
padding:0px;
}

div.thumbs img{
float:left;
width:90px;
height:100px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

div.thumbs div{
width:90px;
float:left;
margin:15px 16px 0px 0px;
padding:0px;
}

div.thumbs div p{
width:90px;
float:left;
margin:0px 0px 0px 0px;
padding:6px 0px 6px 0px;
height:30px;
text-align:center;
font-size:1.1em;
line-height:12px;
overflow:hidden;
}

#unwrap{
height:307px;
overflow-y:hidden;
}

#unwrap1{
height:auto;
}

.unw{
height:30px;
line-height:32px;
float:right;
font-size:11pt;
color:white;
background:#e80000;
padding:0px 30px;
text-transform:uppercase;
font-weight:700;
margin:20px 0px 0px 10px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:all 0.7s;
cursor:pointer;
}

.unw:hover{
background:#ff5050;
}

#dsy,
#dsyy{
display:initial;
}

#dsn,
#dsnn{
display:none;
}
	
div.product-description{
float:left;
width:320px;
margin:0px 0px 0px 0px;
}

/* Collapse content test code */
.collapse a{
  float:left;
  width:100%;
  color: black;
  height:30px;
  line-height:30px;
  padding:0px 0px;
}

.collapse a:hover{
color:#167A3C;
border-bottom:2px solid #167A3C;
height:28.5px;
}

.collapse > div{
  display:none;
}
.collapse > div:target{
  display:block; 
}

.collapsemenu{
width:100%;
float:left;
padding:25px 0px 0px 0px;
border-bottom:1px solid #B3B3B3;
font-size:13pt;
font-weight:400;
color:black!important;
}

.collapse-content{
width:100%;
float:left;
padding:25px 0px;
font-size:11pt;
line-height:21px;
position:relative;
min-height:250px;
}

.collapse-content p{
padding-bottom:20px;
}
/* End of collapse content test code */

.submit-input{
display:none;
}

a.pobierz{
color:#e6302d;
float:left;
font-weight:700;
text-align:center;
width:100%;
height:auto!important;
border:none!important;
line-height:23px!important;
}

a.pobierz img{
display:inline-block;
margin:5px 0px 0px 0px;
}

a.pobierz:hover{
border:none!important;
}

a.pobierz:hover img{
margin:5px 0px 0px 0px;
opacity:0.8;
}

.smallerpadding{
padding:25px 0px!important;
}

table.google_map{
margin:15px 0px 15px 0px;
padding:0px;
border:0px solid #023F88;
width:100%;
border-collapse:collapse;
}

td.cent{
margin:0px;
padding:0px;
width:25%;
}

td.google{
margin:0px;
padding:0px;
line-height:0px;
border:0px solid #4A6791;
}

td.movie_desription{
margin:0px;
padding:4px 0px;
line-height:18px;
text-align:justify;
font-size:12pt;
font-weight:400;
line-height:22px;
}

td.spaceros{
height:15px;
}

div.download{
width:100%;
float:left;
height:40px;
padding:0px 0px 20px 0px;
}

div.download a{
float:left;
background:#167a3c;
border-radius:3px;
height:40px;
line-height:40px;
padding:0px 25px;
color:white;
font-weight:700;
font-size:12pt;
}

div.download a:hover{
background:#026d30;
}

div.gallery{
width:100%;
float:left;
padding:0px 0px 25px 0px;
margin:0px;
}

div.gallery a{
margin:25px 0px 0px 80px;
width:150px;
height:192px;
float:left;
}

div.gallery a img{
float:left;
margin:0px;
width:150px;
height:168px;
}

div.gallery a:hover img{
opacity:0.8;
}

div.gallery a div{
width:150px;
float:left;
margin:0px 0px 0px 0px;
padding:6px 0px 6px 0px;
height:30px;
text-align:center;
font-size:1.5em;
line-height:16px;
}

.searchresultmore,
.result{
font-weight:700;
color:#167a3c;
}

.more3{
height:1px!important;
overflow:hidden!important;
}

.product-description header{
width:100%;
float:left;
padding:25px 0px 10px 0px;
border-bottom:1px solid #B3B3B3;
font-size:13pt;
font-weight:700;
color:black!important;
text-transform:uppercase;
}

#b1,#b2,#b3,#b4,#b5{
display:none;
}

.mobilemenu{
width:30px;
height:199px;
background:url(../img/user/bmehr2.jpg) no-repeat left top;
}

#b6{
top:137px;
right:0px;
position:fixed;
width:30px;
height:199px;
cursor:pointer;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
z-index:9999;
}

.mobile-menu{
width:calc(80% - 6px);
float:left;
border:3px solid green;
background:white;
position:fixed;
top:130px;
left:3%;
padding:2%;
text-align:center;
z-index:9999;
}

.mobile-menu a{
width:100%;
height:40px;
margin:1px 0px 0px 0px;
display:inline-block;
background:#cccccc;
color:black;
font-size:1.5em;
text-align:center;
line-height:40px;
cursor:pointer;
}

#xx{
float:right;
margin:0px 0px 20px 0px;
width:20px;
height:20px;
background:url(../img/user/x.png) no-repeat left top;
background-size:cover;
cursor:pointer;
background-size:cover;
}

.langjez{
float:right!important;
margin-top:10px!important;
margin-right:100px!important;
line-height:24px!important;
font-size:12pt!important;
}

.langjez:hover{
color:red;
}

.gtmff{
float:left;
margin-right:8px;
}

#closeform2{
height:35px;
line-height:35px;
width:294px;
text-align:center;
text-indent:15px;
background:#167a3c;
font-size:1.4em;
color:white;
float:none;
position:fixed;
bottom:-430px;
left:calc(50% - 147px);
z-index:99999;
cursor:pointer;
background:url(../img/user/closerx.png) no-repeat 250px center #167a3c;
background-size:30px 30px;
}

div#fb-button2{
width:100%;
height:35px;
line-height:35px;
color:white;
font-size:13pt;
color:white;
font-weight:700;
margin:0px;
padding:0px;
position:fixed;
bottom:0px;
left:0px;
display:block;
z-index:99999;
background:red;
cursor:pointer;
}

div#fb-button2 a{
width:169px;
height:69px;
text-decoration:none!important;
}

div#formslide2{
width:294px;
height:550px!important;
position:fixed;
bottom:-550px;
left:calc(50% - 147px);
z-index:99999;
background:white;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

div#fb-button1{
display:none!important;
}

.zs-enabled .zs-slideshow .zs-bullets{
bottom:-10px!important;
}

.cbox{
width:100%!important;
}

#bmehr{
width:30px;
height:199px!important;
background:url(../img/user/bmehr2.jpg) no-repeat left top!important;
position:fixed;
right:0px;
top:137px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
z-index:200;
display:none;
}


}