@charset "utf-8";

@media all and (max-width: 1540px)

{
.jp-box {width: calc(50% - 20px);
         margin-bottom: 30px;}

.jp-over {max-width: 900px;
          padding-bottom: 0;}

}

@media all and (max-width: 1460px)

{
.slider h1 { font-size: 40px;
              line-height: 55px;}

.slider h1 .h-light {font-size: 30px;}

.slider {padding-bottom: 20px ;}

}

@media all and (max-width: 1450px)

{
.img-box-over {width: 700px;}

.text-box {width: calc(100% - 700px);
           padding: 0 0 60px 40px;}

.img-box {width: calc(33% - 20px);
          margin-bottom: 22px;}

.tb-left {padding: 0 40px 60px 0;}

.img-www.img-box-over .img-box,
.box-over-banery .img-box {width: calc(50% - 17px);}

.single-box2 {padding: 0 0 60px 40px; }


}

@media all and (max-width: 1350px)

{

.single-box1 { width: 650px;}

.single-box2 { width: calc(100% - 650px);}

.foto1 {padding-bottom: 40px;}

.foto2 { width: 100%;
         display: flex;
         justify-content: center;
         flex-wrap: wrap;}

.foto-mini-box {width: 203px;
                margin: 0 25px;}

}

@media all and (max-width: 1300px)

{

.slider-box {width: 60%;}

.slider-foto {width: 40%;}


.menu-phone ul li a {padding: 22px 22px 24px 22px;}

}

@media all and (max-width: 1230px)

{
.counter-over {justify-content: center;
                padding: 27px 20px 30px 20px;}

.counter-container {width: 100%;
                    margin: 40px auto;}

.counter-box {justify-content: center;}

}



@media all and (max-width: 1200px)

{

.text-box.text-desc,
.sbox-desc {display: none;}

.text-box.text-phone,
.text-box,
.sbox-phone {display: block;
           padding: 0 0 60px 0;
           width: 100%;}

h2.title {text-align: center;}

.button-box {text-align: center;}


.singleproject-container h2.title {padding-bottom: 30px;}


.img-box-over {width: 100%;
               max-width: 900px;
               padding-bottom: 20px;}
	
.img-box-over.box-over-banery {max-width: 100%;}

.projekty-over {padding: 30px 20px 0 20px;}

.single-box1 { width: 100%;
                padding-top: 0;}

.foto1 {width: 100%;}

}


@media all and (max-width: 1090px)

{
.menu-footer ul li {padding: 0 20px;}

}


@media all and (max-width: 1030px)

{
.lista-wpisy .img-box-over {width: 50%;}

}


@media all and (max-width: 980px)

{
.menu-button {display: block;}

.menu-phone {clear: both;
              width: 100%;
              background: #5b7291;
              overflow: hidden;
             display: none;
              z-index: 100;
              width: 330px;
              position: absolute;
               right: 0;
               margin: 70px 0 0 0;
               padding: 0;}

.menu-phone ul li > ul {min-width: 330px;}

.menu-phone ul li {display: block;}


.menu-phone ul li a {padding: 14px 20px;
                      box-sizing: border-box;
                      display: block;
                      color: #fff;}

/* Wstawka Marka */
.menu-phone ul li > ul li a,
.menu-phone ul li:hover > ul li a {padding: 15px 20px 10px 20px;
                                     background: #FFC60B;
                                     color: #fff;}

.menu-phone ul li > ul li a:hover,
.menu-phone ul li:hover > ul li a:hover {background: #FFC60B;}

.menu-phone ul li > ul li:last-child a {border-radius:  0 ;
                                         -moz-border-radius:  0 ;
                                         -webkit-border-radius:  0 ;}

.menu-phone ul li > ul {position: relative;
                         display: block;
                         margin: 0;}
/* Koniec wstawka Marka */


}

@media all and (max-width: 930px)

{
.f-col {width: calc(33% - 12px);}

}

@media all and (max-width: 900px)

{

.slider-box { width: 100%;
              padding: 0 0 35px 0;}

.slider h1 {text-align: center;}

.slider-foto {width: 100%;
              text-align: center;}

.slider-foto img {max-width: 700px;}

}

@media all and (max-width: 800px)

{

.slider-box {width: 100%;}

.slider-foto {width: 100%;}

}


@media all and (max-width: 780px)

{
.jp-box {width: 100% ;}

.jp-over {max-width: 600px;
          padding-top: 30px;}

.jpngl-box {text-align: center;}

}

@media all and (max-width: 760px)

{
.menu-footer ul li {display: block;}

.footer-kontakt {padding-bottom: 40px;}

.footer-kontakt a {width: 100%;
                   display: inline-block;
                   text-align: center;
                   padding-bottom: 0;}
	
.img-www.img-box-over .img-box,
.box-over-banery .img-box { width: calc(100% - 17px);}	

}

@media all and (max-width: 740px)

{
.slide-desc {display: none;}

.slide-mobile {display: block;}

}



@media all and (max-width: 700px)

{
.f-col {width: 100%;
        margin-bottom: 25px;}

.f-row {padding-bottom: 0;}
	
.f-row-ta {	padding-bottom: 5px;}	

}

@media all and (max-width: 670px)

{

.img-box { width: calc(50% - 17px);}
	
.lista-wpisy .img-box-over {width: 100%;}	
	
.img-box-over h2.title { font-size: 18px;
	        line-height: 25px;}	

}

@media all and (max-width: 500px)

{

h2 .h-red { font-size: 35px;}


.img-box { width: 100%;}

}


@media all and (max-width: 420px)

{

.c1 {font-size: 80px;
	 padding-right: 15px;}
	
.c2 {font-size: 25px;}

}




















/*



@media all and (max-width: 1190px)

{

.logo {width: 150px;}

.header-container {height: 70px;}


.menu-phone ul li > ul {display: block;
                         position: relative;}

.search { width: 100%;
          padding: 0;
          text-align: center;}

.menu-phone .lg ul {text-align: center;}

.menu-phone .lg ul li {display: inline-block;}

.menu-phone .lg ul li a {padding: 15px 20px 20px 20px;}

.menu-phone .lg ul li a:before {bottom: 27px;}

.menu-phone ul li.menu-item-has-children::before {display: none;}

}

@media all and (max-width: 1130px)

{

.f2 { width: 100%;
      text-align: center;
      padding: 0 0 15px 0;}

}

@media all and (max-width: 1050px)

{
.news-box {width: calc(33% - 20px);
           margin: 0 30px 30px 0;}
}

@media all and (max-width: 940px)

{

.f3,
.f4,
.f5 { width: 100%;
      text-align: center;
      padding: 0 0 15px 0;}

.footer {padding-bottom: 0;}


}

@media all and (max-width: 900px)

{
.news-box {width: calc(50% - 15px);
           margin: 0 30px 30px 0;}

.news-box:nth-child(3n) {margin-right: 30px;}

.news-box:nth-child(2n) {margin-right: 0;}
}

@media all and (max-width: 770px)

{

.onas-foto-bg {background-size: 402px 300px}

.onas-foto1 {padding: 0 0 10px 20px;}

.foto-pion {width: 38%;}

.foto-big {width: 60%;}

}

@media all and (max-width: 600px)

{
.news-box {width: 100%;
           margin: 0 0 30px 0;}

.news-box:nth-child(3n) {margin-right: 0;}
}
*/