/* ==========================================================================
   ========================================================================== */
@media (min-width: 1921px) {
    .pt-xxl-5{
    padding-top: 3rem !important;
}
    /* ************ HEADER ************** */
    header .left ul li,
    header .center ul li{
        padding: 1rem 1rem 0 1rem;
    }      
    header .left ul li a,
    header .center ul li a{
        font-size: .8rem;
        width: 80px;
    }    
    header .left ul li a svg,
    header .center ul li a svg{
        margin-bottom:0.5rem
    }      
    header.section-header-scrolled .left ul li a,
    header.section-header-scrolled .center ul li a{
        font-size: 0.7rem;
        width: 60px;    
    }    
    header.section-header-scrolled button.navbar-toggler, 
    header.section-header-scrolled button.hamburger {
        right: 60px;
        top: 30px;
    }
    header.section-header-scrolled .animated-icon1 span:nth-child(4) {
        top: 57px;
        font-size: 0.8rem;
    }    
    .animated-icon1 {
        width: 75px;
    }
    .animated-icon1 span {
        height: 10px;
    }
    .animated-icon1 span:nth-child(1) {
        top: 0px;
        width: 30px;
    }
    .animated-icon1 span:nth-child(2) {
        top: 20px;
        width: 55px;
    }
    .animated-icon1 span:nth-child(3) {
        top: 40px;
    }
    .animated-icon1 span:last-child {
        top: 65px;          
        font-size: 1rem;
    }    
    header.section-header-scrolled .animated-icon1 {
        width: 65px;
    }
    header.section-header-scrolled .animated-icon1 span {
        height: 7px;
    }
    header.section-header-scrolled .animated-icon1 span:nth-child(1) {
        top: 0px;
        width: 25px;
    }
    header.section-header-scrolled .animated-icon1 span:nth-child(2) {
        top: 15px;
        width: 45px;
    }
    header.section-header-scrolled .animated-icon1 span:nth-child(3) {
        top: 30px;
    }
    header.section-header-scrolled .animated-icon1 span:last-child {
        top: 50px;          
        font-size: 0.8rem;
    }
    
    .etykieta-na-winiecie{
            font-size: 1.7rem;
    }
    .etykieta-na-winiecie h1{
        font-size: 5rem;
        line-height: 1; 
    }
    .etykieta-na-winiecie h2{
        font-size: 6rem;
        line-height: 1; 
    }    


    
	header .icon-hamburger, header .icon-close {
		width: 25px;
		max-height: 25px;	
		top: 6px;
		right: 6px;
	}	
	.home header.section-header-scrolled .logo {
		/*width: 16% !important;*/
		top: 14px !important;
	}		
	.podstrona header .logo {
/*		width: 16%;*/
		top: 14px;
	}	
    .podstrona .jumbotron {
        padding: 7rem 2rem;
    }

    .podstrona h2.title.display-4 {
        font-size: 3rem;
    }
 /* ************ zajawka ************** */
    .zajawka .nazwa-kategorii{
        left: -70px;
        top: 180px;
    }    
    .zajawka .thumb {
        height: 320px;
    }    
	.zajawka .tytul{
        padding-top:1.8rem;
        font-size:2.8rem;
    }
    .zajawka .data-modyfikacji{
        font-size: 1.3rem;
    }   
    .zajawka .nazwa-kategorii .nazwa-kategorii_t {     
         font-size:1.8rem;
    }
     .zajawka .logi-ico{
         width:80px;
         height:80px;
         right:-35px;
         top:-35px;    
    }          
/* ************  ************** */    
    .section-header, 
    .section-header a {
        font-size: 4rem;
    }
    .section-logotypes h6 {
        font-size: 2rem;
    }
    .post-type-archive-set-o-nas .thumb-offer {
         height: 400px;
    }
	/* ************ GUTTENBERGG ************** */
	.wp-block-column:not(:first-child) {
		margin-left: 90px;
	}	
	/* ************ OFERTA ************** */   
    section.oferta .kafel{
        height: 600px;
    }    
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel p{
        font-size: 1.5rem;
        line-height: 1.3;
        padding: 1.5rem 0 1rem 0;
    } 
    section.oferta button .napis{
        margin-top:0.3rem;
        padding: .6rem 0;
        font-size: 1.5rem;
    }    
    section.oferta.o-nas .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel{
        background-image: url(../../img/oferta/sekcje-1-site/o-nas/kafel-duzy-lewy_w2560.jpg);
    }
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel{

    }
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(3) .kafel{
        background-image: url(../../img/oferta/sekcje-1-site/o-nas/kafel-duzy-prawy_w2560.jpg);
    }        
    section.oferta .section-header .znak-logo,
    section.oferta.strefa-klienta .section-header .znak-logo{
        width: 150px;
    }    
    section.oferta.o-nas .section-header .znak-logo{
        width: 80px;
    }   
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel a,
    .podstrona section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel h4 {
        margin-top: 2.5rem;
    }
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel h4, 
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel h4 {
        font-size: 4rem;
        margin-bottom: 1.5rem;
    }    
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel a p,
    .podstrona section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel p {
        font-size: 2.2rem;
    }
    section.kontakt .znak-logo{
        width:200px;
    }
    section.dach .bg-dach{
        min-height: 330px;
    }
    /* ************ AUTOREKLMA ************** */
    .autoreklama.o-nas h2 {
        font-size: 4rem;
    }      

    .autoreklama ul{
        font-size: 1.5rem;
    }    
    .name-promotion {
        font-size: 3rem;
        line-height: 1.2;
    }    
 
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1920px) {
/* ************ HEADER ************** */    
    header .left ul li,
    header .center ul li{
        padding: 1rem 1rem 0 1rem;
    }    
    header.section-header-scrolled .left ul li, 
    header.section-header-scrolled .center ul li {
        padding: 0 1rem 0 1rem;
    }    
    header .left ul li a,
    header .center ul li a{
        font-size: 0.7rem;
        width: 60px;
    }   
    header.section-header-scrolled .left ul li a,
    header.section-header-scrolled .center ul li a{
        font-size: 0.5rem;
        width: 45px;    
    }    
    header.section-header-scrolled button.navbar-toggler, 
    header.section-header-scrolled button.hamburger {
        right: 50px;
        top: 20px;
    }
    header.section-header-scrolled .animated-icon1 span:nth-child(4) {
        top: 37px;
        font-size: 0.6rem;
    }
    header .left ul li a svg,
    header .center ul li a svg{
        margin-bottom:0.3rem
    }    
  
  /* ************  ************** */  
    .etykieta-na-winiecie{
       font-size: 1.2rem;
    }
    .etykieta-na-winiecie h1{
        font-size: 4rem;
    }
    .etykieta-na-winiecie h2{
        font-size: 5rem;
    } 
     /* ************ zajawka ************** */
    .zajawka {
        padding-right: 60px;
        padding-left: 60px;
    }    
     .zajawka .thumb {
      height: 225px;
    }      
    .podstrona .zajawka .thumb {
      height: 275px;
    }    
      .zajawka .tytul{
        padding-top:1.5rem;
        font-size:2.1rem;
      }
    .zajawka .data-modyfikacji{
        font-size: 1rem;
    }
     .zajawka .logi-ico{
         width:65px;
         height:65px;
         right:-30px;
         top:-30px;    
    }           
    /* ************  ************** */   
    .winieta .title {
        font-size: 2em;
    }    
	/* ************ GUTTENBERG ************** */
	.wp-block-column:not(:first-child) {
		margin-left: 60px;
	}	
	/* ************ OFERTA ************** */  
    section.oferta .kafel{
        height: 450px;
    }  

    section.oferta.o-nas .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel{
       /* background-image: url(../../img/oferta/sekcje-1-site/o-nas/kafel-duzy-lewy_w1920.jpg);*/
    }
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel{

    }
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(3) .kafel{
      /*  background-image: url(../../img/oferta/sekcje-1-site/o-nas/kafel-duzy-prawy_w1920.jpg);*/
    }      

	section.oferta .kafel .title-1-line,
	section.oferta .kafel .title-2-line{
		font-size: 2.4rem;    
	}
    section.oferta .section-header .znak-logo,
    section.oferta.strefa-klienta .section-header .znak-logo{
        width: 100px;
    }    
    section.oferta.o-nas .section-header .znak-logo {
        width: 50px;
    }
     section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(2) .kafel button{
        width:60%;
    }
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel a,
    .podstrona section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel h4 {
        margin-top: 2rem;
    }
    /* ************ AUTOREKLMA ************** */
    .autoreklama.o-nas h2 {
        font-size: 3.5rem;
    }    
    .autoreklama ul{
        font-size: 1.3rem;
    }    
     /* ************ .archive-oddzialy   ************** */

    .archive-oddzialy .elementWezla .tytul-kategorii {
        font-size: 1rem;

    }
    .archive-oddzialy .elementWezla .opis{

    }
    .archive-oddzialy .elementWezla .opis address {
        font-size: 80%;
        line-height: 1.3;
    }
    .archive-oddzialy .elementWezla .opis p{
        margin-bottom: .5rem;
    }
    .archive-oddzialy .elementWezla .opis hr{
        margin-top: .5rem;
        margin-bottom: .5em;
    }
    .archive-oddzialy .elementWezla .opis p,
	.archive-oddzialy .elementWezla .opis p a{
        font-size: .8rem;

    }   
     .archive-oddzialy .elementWezla .opis p.godziny{
         line-height: 1.3;    
    }
    .galeria-oddzialow a.bg-obrazek{
        min-height: 200px;
        margin-bottom:25px;
    }    
    /* ************   ************** */ 
    .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption{
        font-size: .8rem;
        line-height: 1.2;
    }   
   
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1680px) {
/* ************ HEADER ************** */    
    header .left ul li,
    header .center ul li{
        padding: 0.9rem .9rem 0 .9rem;
    }    
    header.section-header-scrolled .left ul li, 
    header.section-header-scrolled .center ul li {
        padding: 0 .8rem 0 .8rem;
    }    
    header .left ul li a,
    header .center ul li a{
        font-size: 0.6rem;
        width: 55px;
    }   
    header.section-header-scrolled .left ul li a,
    header.section-header-scrolled .center ul li a{
        font-size: 0.5rem;
        width: 45px;    
    }    
    header.section-header-scrolled button.navbar-toggler, 
    header.section-header-scrolled button.hamburger {
        right: 45px;
        top: 20px;
    }
     header.section-header-scrolled .animated-icon1 span {
        height: 5px;
    }
    
    header.section-header-scrolled .animated-icon1 span:nth-child(1) {
        top: 0px;
        width: 20px;
    }
    header.section-header-scrolled .animated-icon1 span:nth-child(2) {
        top: 10px;
        width: 35px;
    }
    header.section-header-scrolled .animated-icon1 span:nth-child(3) {
        top: 20px;
    }    
    header.section-header-scrolled .animated-icon1 span:nth-child(4) {
        top: 30px;
        font-size: 0.6rem;
    }    
    
    
    header .left ul li a svg,
    header .center ul li a svg{
        margin-bottom:0.2rem
    }    
    
	header .menu-main a {
		font-size: 1.3rem;
	}    
  /* ************  ************** */  
    .etykieta-na-winiecie{
       font-size: 1.2rem;
       padding: 1.7rem;
    }
    .etykieta-na-winiecie h1{
        font-size: 3.5rem;
    }
    .etykieta-na-winiecie h2{
        font-size: 4.5rem;
    }   
     /* ************ zajawka ************** */
    .zajawka {
        padding-right: 50px;
        padding-left: 50px;
    }    
     .zajawka .thumb {
      height: 200px;
    }   
    .podstrona .zajawka .thumb {
      height: 225px;
    }      
      .zajawka .tytul{
        padding-top:1.2rem;
        font-size:1.8rem;
      }
    .zajawka .data-modyfikacji{
        font-size: .7em;
    }
     .zajawka .logi-ico{
         width:60px;
         height:60px;
         right:-25px;
         top:-25px;    
    }      
    /* ************  ************** */      
  /* ************  ************** */  
    
    

    


	.podstrona .tytul-strony-single {
		font-size: 2.1rem;
	}
	.h4, h4 {
		font-size: 1.2rem;
	} 
	.section-our-specialty h2{
		font-size: 3.5rem;
	}	
	/* *************** 1site.section-salons ***** */

	/* ************ OFERTA ************** */
    section.oferta .kafel{
        height: 330px;
    }     
    .section-header, .section-header a {
        font-size: 2.5rem;
    }	
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel p{
        font-size: 1rem;
        line-height: 1.3;
        padding: 1rem 0 0 0;
    }    
    section.oferta button{
        width:45%;
        margin-bottom: 2rem;
    }    
    section.oferta button .napis{
        font-size: 1.3rem;
    }

    section.oferta.o-nas .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel{
 
    }
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel{

    }
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(3) .kafel{
       /* background-image: url(../../img/oferta/sekcje-1-site/o-nas/kafel-duzy-prawy_w1680.jpg);*/
    }     
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel a,
    .podstrona section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel h4{
        display: block;
        margin-top:1.5rem;
    }
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel h4,
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna  .kafel h4{
        font-size: 2rem;
    }
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel p,
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel a p,
    .podstrona section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel p{
        font-size: 1.5rem;
    }
    /* ************ AUTOREKLMA ************** */
    .autoreklama.o-nas h2 {
        font-size: 3rem;
    }
    .autoreklama ul{
        font-size: 1.2rem;
    }     
    
     /* ************ .archive-oddzialy   ************** */
    .archive-oddzialy .elementWezla{
        min-height: 70px;
    }
    .archive-oddzialy .elementWezla .tytul-kategorii {
        font-size: 1.1rem;

    }

    .archive-oddzialy .elementWezla .opis address {
        font-size: 90%;
        line-height: 1.3;
    }
    .archive-oddzialy .elementWezla .opis p{
        margin-bottom: .5rem;
    }
    .archive-oddzialy .elementWezla .opis hr{
        margin-top: .5rem;
        margin-bottom: .5em;
    }
    .archive-oddzialy .elementWezla .opis p,
	.archive-oddzialy .elementWezla .opis p a{
        font-size: .8rem;

    }   
     .archive-oddzialy .elementWezla .opis p.godziny{
         line-height: 1.3;    
    }
    .archive-oddzialy .elementWezla .opis address {
        height: 80px;
    }    
    .archive-oddzialy .elementWezla .ikony-bottom a .svg-inline--fa {
        font-size: 1.4rem;
    }  
    .galeria-oddzialow a.bg-obrazek{
        min-height: 180px;
        margin-bottom:25px;
    }      
    /* ************   ************** */
    .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption{
        font-size: 0.8rem;
        line-height: 1.2;
    }
    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1500px) {

  /* ************ HEADER ************** */ 
    header.section-header-scrolled{
        padding-top: 0.5rem;
    }
    header.section-header-scrolled a.navbar-brand{
       width: 60%;
    }
    header .left ul li,
    header .center ul li{
        padding: 0.7rem .3rem 0 .3rem;
    }    
    header.section-header-scrolled .left ul li, 
    header.section-header-scrolled .center ul li {
        padding: 0 .5rem 0 .5rem;
    }        
    header .left ul li a,
    header .center ul li a{
        font-size: 0.6rem;
        width: 50px;
    }   
    header.section-header-scrolled .left ul li a,
    header.section-header-scrolled .center ul li a{
        font-size: 0.6rem;
        width: 38px;    
    }    
    button.navbar-toggler, button.hamburger {
        right: 40px;
        top: 35px;
    }
    header.section-header-scrolled button.navbar-toggler, 
    header.section-header-scrolled button.hamburger {
        right: 45px;
        top: 30px;
    }
    header.section-header-scrolled .animated-icon1 span:nth-child(4) {
        top: 33px;
        font-size: 0.6rem;
    }
    header .left ul li a svg,
    header .center ul li a svg{
        margin-bottom:0.2rem
    }    
     /* ************ zajawka ************** */
    .zajawka {
        padding-right: 40px;
        padding-left: 40px;
    }    
     .zajawka .thumb {
      height: 180px;
    }  
      .zajawka .tytul{
        padding-top:1.1rem;
        font-size:1.6rem;
      }
    .zajawka .data-modyfikacji{
        font-size: .6em;
    }
    .zajawka .logi-ico{
         width:55px;
         height:55px;
         right:-20px;
         top:-20px;    
    }      

    /* ************  ************** */    
  /* ************  ************** */  
    .etykieta-na-winiecie{
       font-size: 1.1rem;
       padding: 1.3rem 1.5rem;
    }
    .etykieta-na-winiecie h1{
        font-size: 3rem;
    }
    .etykieta-na-winiecie h2{
        font-size: 4rem;
    }  
	/* ************ OFERTA ************** */
    section.oferta .section-header .znak-logo {
        width: 70px;
    }
    section.oferta.o-nas .section-header .znak-logo {
        width: 40px;
    }    
    .section-header, .section-header a {
        font-size: 2rem;
    }
    section.oferta .kafel{
        height: 310px;
    }     
	
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel p{
        font-size: 1rem;
        line-height: 1.3;
        padding: 1rem 0 0 0;
        margin-bottom: 1rem;
    }    
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel h4{    
        margin-bottom: 1rem;
    }
    section.oferta button{
        width:45%;
        margin-bottom: 1rem;
    }    
    section.oferta button .napis{
        font-size: 1.1rem;
    }  
     section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel button{
        width:60%;
    }   
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(2) .kafel button{
        width:70%;
    }    
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel button{
        width:65%;
    }
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel h4,
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna  .kafel h4{
        font-size: 2rem;
    }
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel p,
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel a p{
        font-size: 1.5rem;
    }
    section.oferta.strefa-klienta  .podtytul{
        font-size: 1.6rem;
    }
    .archive-oddzialy .elementWezla .opis p.dane-kontaktowe{
        height:80px;
    }
    .archive-oddzialy .elementWezla .ikony-bottom a .svg-inline--fa {
        font-size: 1.3rem;
    }    
  /* ************  ************** */ 

    .post-type-archive-set-o-nas .thumb-offer {
        height: 200px;
    }
    

	.h4, h4 {
		font-size: 1rem;
	}
	.h5, h5 {
		font-size: 1.5rem;
	}
     /* ************ .archive-oddzialy   ************** */
    .archive-oddzialy .elementWezla .opis address {
        margin-bottom: .5rem;
        font-size: 80%;
    }
    /* ************   ************** */
	/* ************ GUTTENBERG ************** */
	.wp-block-column:not(:first-child) {
		margin-left: 32px;
	}	
	/* ************  ************** */   
    .galeria-oddzialow a.bg-obrazek{
        min-height: 170px;
        margin-bottom:20px;
    }  
    .section-header.podtytul {
        font-size: 2rem;
    }
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1366px) {
  /* ************ HEADER ************** */    
    header .left ul li,
    header .center ul li{
        padding: 0.7rem .3rem 0 .3rem;
    }
    
     /* ************ zajawka ************** */
      .zajawka .thumb {
          height: 210px;
      }    
    .podstrona .zajawka .thumb {
      height: 200px;
    }       
      .zajawka .tytul{
        padding-top:1.1rem;
        font-size:1.6rem;
      }
    .zajawka .data-modyfikacji{
        font-size: .6em;
    }
    .zajawka .logi-ico{
         width:50px;
         height:50px;
         right:-20px;
         top:-20px;    
    }     
    /* ************  ************** */     
   /* ************  ************** */  
    .etykieta-na-winiecie{
       font-size: 1rem;
       padding: 1rem 1.3rem;
    }
    .etykieta-na-winiecie h1{
        font-size: 2.8rem;
    }
    .etykieta-na-winiecie h2{
        font-size: 2.8rem;
    }     
	/* ************ OFERTA ************** */
    section.oferta .kafel{
        height: 300px;
    }     	
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel p{
        font-size: 1rem;
        line-height: 1.2;
        padding: .9rem 0 0 0;
    }    
    section.oferta button{
        width:50%;
        margin-bottom: .5rem;
    }    
    section.oferta button .napis{
        font-size: 1rem;
    }    
  /* ************  ************** */     
  /* ************  ************** */    
    
    
    
    
    /* ************  ************** */ 
	header .menu-main a {
    font-size: 1rem;	
	}

	/* ************ OFERTA ************** */   
    .archive-oddzialy .elementWezla .tytul-kategorii{
        min-height: 65px;
    }
    /* ************ AUTOREKLMA ************** */
     
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1200px) {
    .w-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    section.atuty .w-20{
    border-right: 0 solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }
    section.atuty .w-20 p{
        font-size: 1.5rem;
        padding-bottom: 2rem;
    }
 /* ************ HEADER ************** */ 
    header.section-header-scrolled{
        padding-top: 0.5rem;
    }
    header.section-header-scrolled a.navbar-brand{
       width: 70%;
    }
    header .left ul li,
    header .center ul li{
        padding: 0.7rem .3rem 0 .3rem;
    } 
    header.section-header-scrolled .left ul li, 
    header.section-header-scrolled .center ul li {
        padding: 0 .5rem 0 .5rem;
    }        
    header .left ul li a,
    header .center ul li a{
        font-size: 0.6rem;
        width: 50px;
    }   
    header.section-header-scrolled .left ul li a,
    header.section-header-scrolled .center ul li a{
        font-size: 0.5rem;
        width: 45px;    
    }    
    button.navbar-toggler, 
    button.hamburger {
        right: 40px;
        top: 35px;
    }
    header.section-header-scrolled button.navbar-toggler, 
    header.section-header-scrolled button.hamburger {
        right: 15px;
        top: 15px;
    }
    header.section-header-scrolled .animated-icon1 span:nth-child(4) {
        top: 33px;
        font-size: 0.6rem;
    }
    header .left ul li a svg,
    header .center ul li a svg{
        margin-bottom:0.2rem
    }    
    header a.navbar-brand {
        width: 80%;
    }
     /* ************  ************** */  
    .etykieta-na-winiecie{
       font-size: 1rem;
       padding: .9rem 1.1rem;
       border-top-width: 3px;
       border-bottom-width: 3px;
    }
    .etykieta-na-winiecie h1{
        font-size: 2.4rem;
    }
    .etykieta-na-winiecie h2{
        font-size: 2.4rem;
    } 
	/* ************ OFERTA ************** */
    section.oferta .kafel{
        height: 250px;
    }     	
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel p{
        font-size: .8rem;
        line-height: 1.2;
        padding: .9rem 0 0 0;
    }    
    section.oferta button{
        width:60%;
        margin-bottom: .1rem;
    }    
    section.oferta button .napis{
        font-size: .81rem;
    }    
  /* ************  ************** */      
  /* ************  ************** */   
  /* ************  ************** */  
    .archive-oddzialy .elementWezla .tytul-kategorii{
        min-height: auto;
    }    
	.archive-oddzialy .kontener-elemntow-wezla .elementWezla:nth-child(1), 
    .archive-oddzialy .kontener-elemntow-wezla .elementWezla:nth-child(2) {
        margin-top: 0;
    }    
    .archive-oddzialy .kontener-elemntow-wezla .elementWezla:nth-child(3) {
        margin-top: 100px;
    }
    
    
    
	/* **************** ikonografia ****************** */	


	/* **************** podstrona Kontakt****************** */	
	.podstrona.kontakt .content-site .left{
		padding-left: 3rem;
		padding-right: 3rem;
		border-right: 0px solid #dedddd;

        padding-bottom: 4rem;
        margin-bottom:4rem;
        border-bottom: 1px solid #dedddd;

	}
	.podstrona.kontakt .content-site .right{
		padding-left: 3rem;
		padding-right: 3rem;
	}

	/* ************  ************** */     
   
    /* ************  ************** */
  
	
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 992px) {
	/* **************** logo ****************** */	
    header .left ul li,
    header .center ul li{
        padding: 0 .3rem 0 .3rem;
    } 
    button.navbar-toggler, 
    button.hamburger {
        right: 20px;
        top: 25px;
    }    
    header .left ul .list-inline-item {
        margin-right: 0;
    }
    
    header .left ul li a,
    header .center ul li a{
        font-size: 0.6rem;
        width: 40px;
    }  
     /* ************ zajawka ************** */
      .zajawka .thumb {
          height: 240px;
      }    
    .podstrona .zajawka .thumb {
      height: 260px;
    }      
      .zajawka .tytul{
        padding-top:1.1rem;
        font-size:1.7rem;
      }
    .zajawka .data-modyfikacji{
        font-size: .8em;
    }
	/* ************ OFERTA ************** */
    section.oferta .kafel{
        height: 400px;
    }     
	
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel p{
        font-size: 1.2rem;
        line-height: 1.3;
        padding: 1rem 0 0 0;
    }    
    section.oferta button{
        width:40%;
        margin-bottom: 1rem;
    }    
    section.oferta button .napis{
        font-size: 1.1rem;
    }    
  /* ************  ************** */
    .section-header, .section-header a {
        font-size: 2rem;
    }
    /* ************  ************** */      
	/* ****************  ****************** */	
	 section.kontakt h4,
    section.kontakt .kontent p,
    .podstrona.kontakt  .content-site  .right h4,
    .podstrona.kontakt  .content-site  .right p{
        text-align: center;
    }
	#contact .h3, 
	#contact  .h3 {
	    font-size: 1.3rem;
	}
	.quform-elements .small,  
	.quform-elements small {
    	font-size: 90% !important;
	}
	
	 #cookie-bar.fixed {
		right: 0px;
		width: 100%;
		z-index: 100002;
		background-color: rgba(0, 0, 0, 1);
	  }
	  .cookies-box {
		z-index: 100000004;
	  }
	  .cookies-box .h-cookie {
		font-size: 200%;
		line-height: 1.2;
		margin-bottom: 10px;
		text-align: left;
	  }
	  .cookies-box .h-cookie br {
		display: none;
	  }
	  .cookies-box p {
		font-size: 16px;
	  }	
	/* ************ OFERTA ************** */    
    .archive-oddzialy .kontener-elemntow-wezla .elementWezla{
         margin-top: 60px;
    }
    .archive-oddzialy .kontener-elemntow-wezla .elementWezla:first-child{
         margin-top: 0;
    }  
 
    .archive-oddzialy .kontener-elemntow-wezla .elementWezla:nth-child(2), 
    .archive-oddzialy .kontener-elemntow-wezla .elementWezla:nth-child(3) {
        margin-top: 100px;
    }   
    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 768px) {
   
    
	/* ****************  ****************** */		
     /* ************  ************** */  
    .etykieta-na-winiecie{
       font-size: 1rem;
       padding: .7rem .9rem;
       border-top-width: 2px;
       border-bottom-width: 2px;
    }
    .etykieta-na-winiecie h1{
        font-size: 2rem;
    }
    .etykieta-na-winiecie h2{
        font-size: 2rem;
    }   
    
    header.section-header-scrolled {
        background-color: rgba(255,255,255,1);
        box-shadow: 1px 1px 3px rgba(0,0,0, 05);
        padding-top:0.5rem;
    }    
    header a.navbar-brand {
        width: 60%;
    }    
    header.section-header-scrolled  a.navbar-brand {
        width: 40%;
    }

  
    button.navbar-toggler, 
    button.hamburger {
        right: 10px;
        top: 9px;
    }     
    header.section-header-scrolled button.navbar-toggler, 
    header.section-header-scrolled button.hamburger {
        right: 10px;
        top: 5px;
    }    

    .animated-icon1 span:nth-child(4) {
        top: 35px;
    }     
    header.section-header-scrolled .animated-icon1 span:nth-child(2) {
        top: 11px;
        width: 35px;
    }
     header.section-header-scrolled .animated-icon1 span:nth-child(3) {
        top: 22px;
    }      
  
    header.section-header-scrolled .animated-icon1 span:nth-child(4) {
        top: 32px;
    }
    
    
     /* ************ zajawka ************** */
    .zajawka .nazwa-kategorii {
        left: -51px;
        top: 110px;
    }
      .zajawka .thumb {
          height: 240px;
      }    
      .zajawka .tytul{
        padding-top:1.1rem;
        font-size:1.5rem;
      }
    .zajawka .data-modyfikacji{
        font-size: .7em;
    }
    .zajawka .nazwa-kategorii .nazwa-kategorii_t{
        font-size: 1rem;
    }     
    /* ************  ************** */  
	/* **************** ****************** */	

	/* ****************  ****************** */		

	#contact .h3, 
	#contact  .h3 {
	    font-size: 1.3rem;
	}	
	.podstrona .display-4 {
    	font-size: 2.5rem;
		
	}
	.h1, h1 {
		font-size: 2.1rem;
	}
	.small,  
	small {
    	font-size: 100% !important;
	}


	ul.list-unstyled li.list-inline-item{
		margin-bottom: 0.8rem;
	}


    .content-site p {
        font-size: 1.1rem;
    }
	.cookies-box .h-cookie {
    	font-size: 150%;
		text-align: center;
	}
	.cookies-box p {
		font-size: 1rem;
        line-height: 1.2;
	}
    .section-header.podtytul {
        font-size: 1.5rem;
    }
    .name-promotion {

        font-size: 1.7rem;
    }    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 576px) {
     section.atuty .w-20 p{
        font-size: 1.3rem;
    }
    #KontenerMenu{
        position: fixed;
        top: 60px;
    }
    #KontenerMenu li{ 
         margin-bottom: 1rem;   
    }
    #KontenerMenu li{ 
         font-size: 1.2rem;   
    }    
      /* ************ zajawka ************** */
    
     .zajawka .thumb ,
    .podstrona .zajawka .thumb {
      height: 200px;
    }      
      .zajawka .tytul{
        padding-top:1.1rem;
        font-size:1.3rem;
      }
    .zajawka .data-modyfikacji{
        font-size: .8em;
    }
    .zajawka .nazwa-kategorii .nazwa-kategorii_t{
        font-size: 1rem;
    }
	/* ************ OFERTA ************** */
    section.oferta .kafel{
        height: 400px;
    }     
	
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel p{
        font-size: 1.2rem;
        line-height: 1.3;
        padding: 1rem 0 0 0;
    }    
  
    section.oferta button{
        width:60%;
        margin-bottom: 1rem;
    }    
    section.oferta.o-nas .container-fluid:nth-child(2) .row .kolumna:nth-child(2) .kafel button {
        width: 85%;
    }        
    section.oferta.o-nas .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel button {
        width: 65%;
    }      
    section.oferta button .napis{
        font-size: 1.1rem;
    }    
     section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel button{
        width:80%;
    }   
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(2) .kafel button{
        width:80%;
    }    
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel button{
        width:80%;
    }
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel h4,
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna  .kafel h4 {
        font-size: 1.8rem;
    }
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel p,
    section.oferta.strefa-klienta .container-fluid:nth-child(2) .row .kolumna .kafel a p{
        font-size: 1.2rem;
    }  
    section.oferta.strefa-klienta  .podtytul{
        font-size: .9rem;
    }
  /* ************  ************** */   
     
    /* ************  ************** */  
	/* ****************  ****************** */		
    .winieta .title, .podstrona h2.title.display-4 {
        font-size: 2rem;
    }
	.podstrona .display-4 {
    	font-size: 2rem;
		
	}
	.section-content h3 {
		font-size: 1.7rem;
	}
	.h1, h1 {
		font-size: 2rem;
	}
	.cookies-box .h-cookie {
    	font-size: 150%;
	}
    .wp-block-column:not(:first-child) {
        margin-left: 0;
    }    
    .podstrona .tytul-strony-single {
        font-size:1.9rem;
    }
    .content-site p {
        font-size: 1rem;
    }

    section.o-nas .container-bg-dach, 
    section.kontakt .container-bg-dach {
        padding-left: 2rem;
        padding-right: 2rem;
    }
	/* **************** ikonografia na slajderze ****************** */	
     
	/* ************  ************** */

    #kontakt .card-contact-form a {
        display:block;
        font-size: 1rem;
        
    } 
    #kontakt .formularz-kontaktowy-btn{
        padding: .5rem 1rem;
    }
    .podstrona.kontakt .content-site .right h4, section.kontakt h4 {
        font-size: 1.1rem;
    }
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 480px) {
    section.oferta button .napis{
        font-size: 1rem;
    }    
     section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel button{
        width:100%;
    }   
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(2) .kafel button{
        width:100%;
    }    
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel button{
        width:100%;
    }
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(1) .kafel h4 {
        font-size: 1.8rem;
    }    

    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel p{
        font-size: 1.2rem;
    }    
    section.oferta.strefa-dekarza .container-fluid:nth-child(2) .row .kolumna:nth-child(3) .kafel p br{
        display: none
    }
    .archive-oddzialy .elementWezla .opis{
        padding-bottom: 0.5rem;
    }
    .archive-oddzialy .kontener-elemntow-wezla .elementWezla:nth-child(2), 
    .archive-oddzialy .kontener-elemntow-wezla .elementWezla:nth-child(3) {
        margin-top: 60px;
    }    
/*    .archive-oddzialy .kontener-elemntow-wezla .elementWezla{
         box-shadow: 1px 2px 5px rgba(0,0,0,.2) ;
    }*/
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 360px) {
      /* ************ zajawka ************** */
     .zajawka .thumb ,
    .podstrona .zajawka .thumb {
      height: 170px;
    }    
    .zajawka .tytul{
        padding-top:1.1rem;
        font-size:1.3rem;
    }
    .zajawka .data-modyfikacji{
        font-size: .8em;
    }
    .zajawka .nazwa-kategorii .nazwa-kategorii_t{
        font-size: 1rem;
    }
	/* ************ OFERTA ************** */

	
    section.oferta.o-nas .container-fluid:nth-child(2)  .row .kolumna:nth-child(2) .kafel p{
        font-size: 1.1rem;
        line-height: 1.2;
        padding: 1rem 0 0 0;
    }    
    section.oferta button{
        width:75%;
        margin-bottom: 1rem;
    }    
    section.oferta button .napis{
        font-size: 1.1rem;
    }    
  /* ************  ************** */  
     
    /* ************  ************** */  
    .archive-oddzialy .elementWezla .thumb-offer{
        background-image: none !important;
        border:none;
        height:auto;
    }
	 .archive-oddzialy .elementWezla .opis{

        padding: 1rem 0;

    }

    .archive-oddzialy .elementWezla a .tytul-kategorii {
        font-size: 1.1rem;
        background-color: #E30613;
        color: #fff;        
    }
    .archive-oddzialy .elementWezla a:hover .tytul-kategorii {
        color: #E30613;
        background-color: #fff;  
    }
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 300px) {
	
}
/* ==========================================================================
   ========================================================================== */
@media screen and (max-width: 992px) and (orientation: landscape) {

}
/* ==========================================================================
   ========================================================================== */