@media all and (min-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {



#gruemenu,
#gruemenu ul,
#gruemenu ul li,
#gruemenu ul li a,
#gruemenu #menu-button {margin: 0; padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:9999; font-size: 13px;}
#gruemenu #menu-button { display: none;}
#gruemenu { width: auto; float: right;}
#gruemenu > ul { /*box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);*/ padding:0; margin:0; }
#gruemenu > ul > li {float: left; display: inline-block; }
#gruemenu > ul > li a {background:none}
#gruemenu > ul > li > a { padding: 18px 25px 21px 25px;  text-decoration: none; letter-spacing: 1px;}
#gruemenu > ul > li.has-sub > a {}
#gruemenu > ul > li.has-sub > a::after {content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; right: 17px; top: 22px;}
#gruemenu > ul > li.has-sub.active > a::after,
#gruemenu > ul > li.has-sub:hover > a {}
#gruemenu ul ul { position: absolute; left: -9999px; top: auto; }
#gruemenu:after,
#gruemenu > ul:after {content: ".";display: block;clear: both; visibility: hidden; line-height: 0; height: 0;}
#gruemenu > ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: -4px; left: 20px;}
#gruemenu ul ul ul::after {content: "";position: absolute; width: 0; height: 0; border: 5px solid transparent;  top: 11px; left: -4px;}
#gruemenu > ul > li:hover > ul {left: 0; top: 100%; opacity: 1; transition: opacity 0.2s ease-in-out;}
#gruemenu.align-right > ul > li:hover > ul {left: auto; right: 0;}
#gruemenu ul ul ul {padding-top: 0;padding-left: 6px;}
#gruemenu ul ul > li:hover > ul {left: 180px;top: 0;}

#gruemenu > ul > li > ul::after { position: absolute; display: block; }
#gruemenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; right: 17px; top: 14px;}  



#gruemenu > ul > li{ width: 133px; text-align: center; height: 98px; }
#wrap1 .menu #gruemenu > ul > li.active, #wrap1 .menu #gruemenu > ul > ul li.current{ background: #F1F2F4 url("../images/menu_bg_top_active.png") no-repeat top; }
#wrap1 .menu #gruemenu > ul > li:hover { background: #F1F2F4 url("../images/menu_bg_top.png") no-repeat top; }
#wrap1 .menu ul li a, #wrap1 .menu ul li span { display: block; height: 100%; text-decoration: none; color: #111A5F; text-align:center; padding: 43px 10px 0 10px; width: 100%; font-size: 120%; }
#wrap1 .menu ul>li>ul>li:hover, #wrap1 .menu  #gruemenu > ul > li, #wrap1 .menu ul>li>ul>li:hover a, .boxL > h3 
{
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
#wrap1 .menu ul li ul li { background: white;}
#wrap1 .menu ul li ul li:hover { background-color: #0099CC !important; }
#wrap1 .menu ul li ul li a { padding: 20px 10px; }


#wrap1 .menu ul li ul { opacity: 1; transition: opacity 0.6s; -moz-transition: opacity 0.6s; -webkit-transition: opacity 0.6s;}

/*

#wrap1 .menu #gruemenu > ul > li.has-sub > a { padding-right: 10px; }
#wrap1 .menu #gruemenu ul>li>ul>li a:hover{ color: white; }
#gruemenu > ul > li:hover > ul { top: 100% !important; }
#gruemenu ul ul { border: 0 !important; }
*/

}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#gruemenu,
#gruemenu ul,
#gruemenu ul li,
#gruemenu ul li a,
#gruemenu #menu-button {margin: 0; padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:9999; font-size: 13px; text-decoration: none; color: inherit;}
#gruemenu > ul { display: none;  }
#gruemenu > ul.open { display: block;}
#gruemenu > ul > li{float: none;display: block; }
#gruemenu > ul > li > a {padding: 18px 25px 21px 25px; border-right: 0; background:none; text-align: center; }
#gruemenu > ul > li:hover > a, 
#gruemenu > ul > li.active > a, #gruemenu ul li ul li:hover a  {background: rgba(0, 0, 0, 0.1);}
#gruemenu #menu-button {display: block; text-decoration: none; padding: 18px 25px 18px 25px;text-transform: uppercase;letter-spacing: 1px;  cursor: pointer;}
#gruemenu ul ul,
#gruemenu ul li:hover > ul,
#gruemenu > ul > li > ul,
#gruemenu ul ul ul,
#gruemenu ul ul li:hover > ul {left: 0;right: auto;top: auto;width: 100%;padding: 0;position: relative;text-align: center;}
#gruemenu ul ul li {width: 100%;}
#gruemenu ul ul li a {width: 100%;box-shadow: none; padding:11px 25px 11px 35px}
#gruemenu ul ul ul li a { padding-left: 45px;}
#gruemenu ,#gruemenu ul li:first-child > a,
#gruemenu ul ul li:first-child > a,
#gruemenu ul ul li:last-child > a {border-radius: 0!important;}
#gruemenu #menu-button::after {display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #0f1a5f; border-bottom: 2px solid #0f1a5f; right: 25px;top: 18px;}
#gruemenu #menu-button::before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #0f1a5f; right: 25px; top: 28px;}
#gruemenu > ul > li.has-sub > a::after,
#gruemenu ul ul li.has-sub > a::after {display: none;}


#gruemenu {color: #0f1a5f; clear: both; float: none;} 
#wrap1 .menu ul li span { display: block; width: auto; }
#wrap1 .menu #gruemenu > ul > li.active, #wrap1 .menu #gruemenu > ul > ul li.current  { background: none; }

.scrolling { position: fixed; top: 0; left: 0; background: white; z-index: 999; border-bottom: 1px solid #0f1a5f; opacity: 0.95; width: 100%; }
#gruemenu > ul > li{ width: initial; height: initial; }
#wrap1 .menu ul li a, #wrap1 .menu ul li span { padding: 18px 25px 21px 18px; font-size: 120%; }


}




/* Large desktop */
@media (min-width: 1200px) {
.pozycja:nth-child(3n), .pozycjagmwrap:nth-child(3n), .pg-cv-box.item:nth-child(3n), .phocagallery-box-file:nth-child(3n) { margin-right: 0 !important; }
.pg-cv-box.item:nth-last-child(-n+3) { border-bottom: 2px solid #CCCCCC; }
.kontaktdivider { width: 600px; float: left; }
.kontaktdivider > .pozycjagmwrap { margin: 20px auto; float: none; }
.aktualnosci .thumb { min-height: 407px; }
.sensovent .boxL { width: 763px}
.sensovent .boxR { width: 257px}
}

@media (max-width: 1199px) {
.polski_produkt { padding-right: 10px; }
.polski_produkt  img { display: block; height: auto; max-width: 100% ; }
.wrap4_1 img {display: block; height: auto; max-width: 100%; margin: 0 auto !important;}
.boxOuter td { margin-left: 10px !important; margin-right: 10px !important; }
.tresc { margin: 0 10px; }
.atest { width: 100%; }
.atest table { margin: 10px auto; text-align: center; }
#wrap4 {margin-top: 30px;}
#link_strefa, #link_dopobrania { margin-right: 0; }

.wrap1200 { width: 100%; }
.box_bottom table{ padding-left: 0; }


}

/* Small desktop */
@media (min-width: 980px) and (max-width: 1199px) {
.restrigger_dopobrania{ width: 767px; margin-left: auto; margin-right: auto; }
.boxOuter img { display: block; height: auto; width: 100% ; }

.menu_bottom { display: none; }
.box_bottom td { padding: 0 10px; }
.aktualnosci { width: 950px; margin: 0 auto; } 
.aktualnosci .titleandcontent { width: 517px; }
.pozycja:nth-child(2n), .pozycjagmwrap:nth-child(2n), .pg-cv-box.item:nth-child(2n), .phocagallery-box-file:nth-child(2n) { margin-right: 0 !important; }
#pg-msnr-container { width: 756px; }
div[itemprop="articleBody"] .phocagallery { width: 765px; margin: 0 auto; }
.sensovent .boxL { width: 763px}
.sensovent .boxR { width: 257px}
}

@media (max-width: 979px) { 
.aktualnosci .titleandcontent { width: 100%; }
.aktualnosci .thumb { margin-left: auto; margin-right: auto; float: none; border: 0;}



}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){
.restrigger_dopobrania{ width: 767px; margin-left: auto; margin-right: auto; }
.boxOuter img { display: block; height: auto; width: 100%; }
.menu_bottom { display: none; }
.box_bottom td { padding: 0 10px; }
.box_bottom td:nth-last-child(-n+2) { white-space: nowrap; }

.pozycja { margin-right: 90px; }
.pozycjagmwrap { margin-right: 90px; }
.pozycja:nth-child(2n), .pozycjagmwrap:nth-child(2n), .pg-cv-box.item:nth-child(2n), .phocagallery-box-file:nth-child(2n) { margin-right: 0!important; }
#pg-msnr-container { width: 716px; margin: 0 auto;}
.pg-cv-box.item { margin-right: 90px; }
div[itemprop="articleBody"] .phocagallery { width: 712px; margin: 0 auto; }
.phocagallery-box-file { margin-right: 50px !important; }

}
 

@media (max-width: 768px) { 
.logo_top { margin: 35px auto 0 auto; float: none; }
#pg-msnr-container { width: 312px; margin: 0 auto; }
.page-header h2, .page-header h1
{
padding: 0 0 5px 0;
}
.aktualnosci .titleandcontent {
min-height: initial;
}
.margineswrapu3{
margin-bottom: 30px;
}
.cookie {
margin-left: 10px;
margin-right: 10px;
}
#caly-gp { 
top: 30%
}
#caly-fb { 
top: 45%
}
.sensovent {margin-top: 60px}
.sensovent .boxR, .sensovent .boxL > img {display: none}

}
 
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {



.boxOuter img { display: block; height: auto; width: 100% ; }
.boxL, .boxR { width: 100%; display: table-row; margin-bottom: 20px; }

.boxR  table {
max-width: 343px !important;
margin: auto;
}

.menu_bottom { display: none; }
.box_bottom td:nth-child(-n+3) { display: none;  }

.box_bottom td { text-align: center; }

.polski_produkt { float: none; padding-right: 0; }
.polski_produkt img { margin: 0 auto; float: none !important; }

.pozycja { margin: 30px auto; float: none;}
.pozycjagm { margin-bottom: 30px; }
.pozycjagmwrap { margin: 40px auto 70px auto; float: none;}
.pg-cv-box-img { max-width: 313px }
.pg-cv-box { margin-right: 0; max-width: 313px }
.pg-image, .phocagallery-box-file .pg-image { width: 100%; height: auto; display: block;}
.phocagallery-box-file {margin-right: auto !important; margin-left: auto !important; float: none;}
#wrap1 .menu ul li a, #wrap1 .menu ul li span { padding: 10px 25px 10px 18px; font-size: 120%; }
#wrap1 .menu ul li ul li a { padding: 8px 10px; }

} 
@media (min-width: 481px) and (max-width: 767px) {
.atest td { padding: 0 20px; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {

.atest {width: 100%;}
.atest td { display: block; width: 100%; text-align: center; }
.atest table { width: 100% }
.box_bottom td { display: block; width: 100% !important; margin-bottom: 20px; }
.logo_top {width: 100%;}
.logo_top table { width: auto !important; margin: 0 auto; }
.logo_top td { display: block; width: 100% !important; margin: 0 auto 15px auto; text-align: center;}
.logo_top td table { display: table }
.logo_top td table td { display: table-cell; width: auto !important; }
#wrap1 > div.slider > .medal {  right: 0; bottom: -50px;}
#wrap1 > div.slider > .medal img { width: 60% !important; }
.camera_caption_title { font-size: 2rem; }
.phocagallery-box-file-first, .phocagallery-box-file.pgplugin1 { width: 100% !important; height: auto;}
#link_dopobrania { right: 0; top: 27px;}
.logo_top { margin-top: 55px }
#caly-fb, #caly-gp { display: none; }
}
@media (max-width: 310px) {
#link_strefa p, #link_strefa a { float: right; padding: 3px 30px 4px 0; font-size: 85%; }
#link_dopobrania p, #link_dopobrania a { font-size: 85%; }
.sensovent .boxL > a > h3 { font-size: 110% }
}