#mobile-header {
	display:none;
	z-index:98;
}
#mobile-menu {
	width:365px;
	height:100%;
	position:fixed;
	top:65px;
	z-index:99;
	border-top:1px solid #ededed;
	background:#fff;
	right: -440px;
	overflow: auto;
	 /* set animation */
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#mobile-menu-bg {
	z-index:97;
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(255, 255, 255, 0.3);
	top:65px;
	left:0;
	display:none;
	
}
#mobile-menu #forn-container {
	padding-left: 50px;
}
#mobile-menu.show {
	right:0;
}
#laur {
	width:100%;
	height:auto;
}
#godna-2020 {
	height: 115px;
	margin-top: 26px;
}
#godna-2019 {
	margin: 28px 10px 0;
	height: 111px;
}
#top-firma {
    height: 111px;
	display: block;
	margin-top: 28Px;
	margin: 28px 20px 0;
	width:auto;
}
li.selected-item {
	border-left:3px solid #80183a;
}
.show-smartphone {display:none;}
ul.menu {padding-left:0;}
ul.menu li {
	list-style: none;
	margin:0;
	padding:0;
	position:relative;
	padding-left:30px;
}
ul.menu li a{
  padding:10px 20px;
  font-family: 'Ubuntu';
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #202023;
  text-decoration:none;
  display:block;
}
ul.submenu {
	display:none;
	margin: 20px 0 20px 10px;
}
ul.menu li.with-child .arrow{
	position:absolute;
	right: 30px;
    top: 20px;
	 /* set animation */
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	transform:rotate(0deg);
}
ul.menu li.menu-shown .arrow {
	transform:rotate(180deg);
}
/*
 		MD size
 * */
@media screen and (max-width: 1123px) {
	.bigger-margin-top {
		margin-top:40px;
	}
	
	.padding-5 {
		padding-left:5%;
		padding-right:5%;
	}
	.padding-15 {
		padding-left:2%;
		padding-right:2%
	}
}
@media screen and (max-width: 1023px) {
	#laur {
		width:165px;		
	}
	#top-firma {
		width:135px;
		margin: 20px 0 80px;
	}
	ul.plum-list {
		display:inline-block;
		width:45%;
		margin-bottom:40px;
	}
	#lang-switch {
	    float: left;
	    width: 70px;
	    margin: 2px 0 0 10px;
	    padding: 7px 0 7px 0px;
	    border-left: none;
	    cursor: pointer;
}
	.padding-4 {
		padding-left:4%;
		padding-right:4%;
	}
	.pc-view {
		display:none;
	}
	
	.grey-box {
	    background-color: #f7f7f7;
	    box-shadow: 0 2px 4px 0 rgba(219, 219, 219, 0.5);
	    padding: 30px 4%;
	}
	.grey-box img {
    	width:100%;
    }
	.hide-on-mobile {
		display:none;
	}
	.right-padding-big {
		padding-right:0;
	}
	#wrapper {
		margin-top:65px;
	}
	header {
		display:none;
	}
	#mobile-header {
		display:block;
		background:#fff;
		box-shadow: 0 -8px 20px #333;
		position:fixed; 
		top:0;
		left:0;
		height:65px;
		width:100%;
		box-sizing:border-box;
	}
	#mobile-logo {
		margin:9px 0 0 39px;
	}
	.full-max-width {
		width:100%;
	}
	.full-max-width-plus {
		width:100%;
	}
	#burger-ico {
		margin:0 0 7px 25px;
	}
	#navi-icons	{
		margin-right:19px;
	}
	.title-rect {
		margin-left:25px;
	}
	.full-on-mobile {
		width:100%;
		padding-left:5%;
		padding-right:5%;
	}
	#counter .grid-4 {
		width:50%;
		margin-bottom:50px;
	}
	#counter .full-max-width {
		padding-left:10%;
		padding-right:10%;
	}
	div#counter a.big-button {
    	margin-top: 0px;
	}
	#counter {
	    width: 100%;
	    height: 664px;
	    background: url('/img/counter.jpg') no-repeat center center;
	        background-size: auto auto;
	    background-size: cover;
	    padding-top: 65px;
	}
	div.mobile-grid-60p {
		width:60%;
	}
	div.mobile-grid-40p {
		width:40%;
	}
	footer .padding-big {
		padding: 45.5px 5% 25px;
	}
	#form-container {
		margin-top:0;
	}
	#tabs > ul.switcher {
		display:none;
	}
	#referencje div.grid-4, #office-info div.grid-4{
		width:33%;
	}
	a.miniature-4{
		width:31%;
	}
	.certs a {
	    max-width: 33%;
	    box-sizing: border-box;
	    padding: 0 10px;
	}

  .grid-4x4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 850px){
	#faq-categories > a {
		width: calc(50% - 30px);
	}
	.gmap-review {
		width:50%;
	}

  .grid-4x4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

@media screen and (max-width: 768px) { 
	.show-smartphone {
		display:block;			
	}
	
	a.big-button {
		margin-bottom:40px;
	}
	.hide-smartphone {
		display:none;
	}
	footer div.grid-3-4 {
		width:100%;
	}
	.grey-box {
	    padding: 2%;
	}
	footer .grey-box .normal-14 {
		line-height:1.2;
		margin: 6px 0;		
	}
	.padding-5 {
		padding-left:2%;
		padding-right:2%;
	}
	.full-on-mobile {
	    padding-left: 2%;
	    padding-right: 2%;
	}
}
@media screen and (max-width: 680px) {
	#image-map {
		width:100%;
		max-width:100% !important;
		height:auto;
	}
	#referencje div.grid-4, #office-info div.grid-4 {
		width:50%;
	}
	a.miniature-4 {
		width:48%;
	}
	.title-rect {
    	width: auto !important;
  		height: auto;
  		padding: 36.5px 0 0 0;
		margin: 0 auto 0;
	}
	#bottom-footer-form {
		width:100%;
	}
	.mobile-padding-left {padding-left:5%;}
	.title-rect h1 {
    	font-size: 28px;    
	}
	.title-rect .title-icon {
		width: 44px;
		height: 44px;
		margin-right:20px;
	}
	.mobile-padding-0 {
		padding-left:0;
		padding-right:0;
	}
	.full-max-width-plus {
    	padding-left:5%;
    	padding-right:5%;
	}
	#counter .full-max-width {
    	padding-left: 5%;
   		padding-right: 5%;
	}
	.full-max-width, .list-mobile-padding {
	    padding-left: 5% !important;
	    padding-right: 5% !important;
	}
	.full-on-mobile, .padding-4 {
		padding-left: 0;
	    padding-right: 0;
	} 
	.no-mobile-padding {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.plum-cell {
		padding:5px 10px;
		width:60px;
	}

  .grid-4x4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media screen and (max-width: 580px) {
	
	.gmap-review, .half, .grid-40p {
		width:100%;
	}
	.certs a {
	    max-width: 50%;
	    box-sizing: border-box;
	    padding: 0 10px;
	}
	#faq-categories > a {
		width: calc(100% - 30px);
	}
	.separator {
	    display: block;
	    width: 100%;
	    height: 1px;
	}
	ul.plum-list {
	    display: inline-block;
	    width: 100%;
	    margin-bottom: 0;
}
	ul.plum-list:last-child {
		margin-bottom:30px;
	}
	#counter .grid-4 {
		padding:0 2%;
	}
	footer .grey-box {
		width:45%;
		margin-bottom:15px;
	}
	div.grid-2, div.grid-3 {
		width:100%;
		margin-bottom: 40px;
	}
	footer div.grid-3 {
		width:45%;
	}
	div.mobile-grid-60p, div.mobile-grid-40p {
		width:100%;
	}
	img.app-ico {
		height:40px;
		width:auto;
		margin-right:10px;
	}
	footer div.mobile-padding-left {
		padding-left:0;
	}
	.counter-box {
		width:100%;
	}
	#referencje div.grid-4, #office-info div.grid-4 {
		width:100%;
	}
	#contact-form {width:100%;}
}
@media screen and (max-width: 440px) {
	a.big-button {
		  width: 90%;
		  margin: 0 0 40px;
          letter-spacing: -0.9;
}
	}
	.fb-icon {
		display:none;
	}
}
@media screen and (max-width: 365px) {
	#mobile-menu {
		width:100%;		
	}
	#lang-switch {
		width:50px;
	}
}

@media (max-height: 700px) {
	#e3D18r_czater #czater-contener[data-display=on] {
			top: unset !important;
			bottom: 0;
	}
}