/* ==========================================================================
   ========================================================================== */
@media (min-width: 1921px) {
    html, body{
        font-size: 20px;
    }
    .h3, h3 {
        font-size: 2.5rem;
    }	    


    .pt-xxl-5{
    padding-top: 3rem !important;
}
 
    header a.navbar-brand span {
        font-size: 1rem;
    }
    
	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: 2rem 2rem;
    }

    .podstrona h2.title.display-4 {
        font-size: 3rem;
    }
     
/* ************  ************** */    
    .section-header, 
    .section-header a {
        font-size: 3rem;
    }
	/* ************ GUTTENBERGG ************** */
	.wp-block-column:not(:first-child) {
		
	}	
	/* ************ OFERTA ************** */   
  
    section.kontakt .znak-logo{
        width:200px;
    }
      section p,.wp-block-column p, .wp-block-column ul{
        font-size: 1.2rem;
        line-height: 1.6;
    }
	
/*    .kontener-obrazka img{
        border: 15px solid rgba(200,185,166,1.00);
    }*/
    #powitanie img{
        border: 20px solid rgba(200,185,166,1.00);
    }
    
    q, .q {
        font-size: calc(4rem + 1vw) !important;
    }
    .section-header, .section-header a {
        font-size: calc(2.1rem + 1vw) !important;
    }    
    .section-header img {
        height: calc(1.4rem + 1vw) !important;
        width:auto;
    }    
    #tomograf .left, #tomograf  .right {
        min-height: 600px;
    }
    section.autoreklama p{
        max-width:50%;
    }
    section#lekarze .card{
        min-height:860px;
    }
    section#promocje .thumb-promotion,
    section.promocja .etykieta{
        
        min-height: 700px;
    }    
    .podstrona .menu-poziome-podstrony ul {
        padding-top:0.3rem;
    }
    .winieta .title {
        padding-top:1.5rem;
    }
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1920px) {
/* ************ HEADER ************** */    
    header.section-header-scrolled .left ul li, 
    header.section-header-scrolled .right ul li {
        padding: 0
    }    
    header .left ul li a svg,
    header .center ul li a svg{
        margin-bottom:0.3rem
    }    
     
    /* ************  ************** */   
    .winieta .title {
        font-size: 2em;
    }    
	/* ************ GUTTENBERG ************** */
	.wp-block-column:not(:first-child) {
		
	}	
	/* ************ OFERTA ************** */  


     header a.navbar-brand span{
        font-size: 0.8rem;
    }
    /* ************   ************** */    
     .podstrona  section p:not(.q),.podstrona .wp-block-column p,.podstrona  .wp-block-column ul,
    .kontakt table{
        font-size: 1.1rem;
        line-height: 1.5;
    }
    .home .section-offer .col-12,
    .front .section-offer .col-12{
        padding-left: 3rem;
        padding-right: 3rem;    
    }    
    .home .section-offer h3,
    .front .section-offer h3{
      font-size: 2rem;
      line-height: 1.2;    
    }    
    .h3, h3 {
        font-size: 2rem;
    }	    
    /* ************  mmmmmmmmmmmmmmmmm ************** */ 
     #etykiety .etykieta:first-child .h{
        font-size: calc(1.5rem + 1vw) !important;
    }
     #etykiety .etykieta:first-child p{
        font-size: calc(1rem + 1vw) !important;
    }   
    #etykiety .etykieta:nth-child(2) .h{
        font-size: calc(.8rem + 1vw) !important;
    }   
     #etykiety .etykieta:nth-child(2) p{
        font-size: calc(.3rem + 1vw) !important;
    }   
    #tomograf .left,
    #tomograf .right{
        min-height: 500px;
    }
    section#lekarze .card{
        min-height:660px;
    }
    section#promocje .thumb-promotion,
    section.promocja .etykieta{
        
        min-height: 600px;
    }
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1680px) {
/* ************ HEADER ************** */      
    header a.navbar-brand span{
        font-size: 0.8rem;
    }
	header .menu-main a {
		font-size: 1.3rem;
	}    	
	.podstrona .tytul-strony-single {
		font-size: 2.1rem;
	}
	.h4, h4 {
		font-size: 1.2rem;
	} 
    section p,.wp-block-column p, .wp-block-column ul{
        font-size: 1rem;
        line-height: 1.4;
    }
    .home .section-offer .col-12,
    .front .section-offer .col-12{
        padding-left: 2rem;
        padding-right: 2rem;    
    }  
     .h3, h3 {
        font-size: 1.75rem;
    }
    #tomograf .left, #tomograf .right {
        min-height: 450px;
    }    
    .autoreklama h2 {
        font-size: calc(1.7rem + .7vw) !important;
    }
    .content-site p, .content-site ul li,.archive-lekarze .thumb-offer p {
        font-size: calc(1rem + .5vw) !important;
    }

}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1500px) {

  /* ************ HEADER ************** */ 
    header .right ul li:not(:last-child){
        margin-right: 1.5rem;
    }
    .section-header, .section-header a {
        font-size: 2rem;
    }
	.h4, h4 {
		font-size: 1rem;
	}
	.h5, h5 {
		font-size: 1.5rem;
	}

	/* ************ GUTTENBERG ************** */
	.wp-block-column:not(:first-child) {

	}	
	/* ************  ************** */   
    section p,.wp-block-column p, .wp-block-column ul{
        font-size: .9rem;
        line-height: 1.3;
    }
    .home .section-offer .col-12,
    .front .section-offer .col-12{
        padding-left: 1.5rem;
        padding-right: 1.5rem;    
    }     
    .home .section-offer h3, .front .section-offer h3 {
        font-size: 1.8rem;
        line-height: 1;
    }    
/*    .kontener-obrazka img{
        border: 10px solid rgba(200,185,166,1.00);
    }*/
    #powitanie img{
        border: 15px solid rgba(200,185,166,1.00);
    }   
    
    
    q, .q{
        font-size: calc(2.9rem + 1vw) !important;
    }
    .autoreklama h2 {
        font-size: calc(1.5rem + .7vw) !important;
    }    
    section#skaner-3d p.more {
        max-width: 70%;
    }
    section#lekarze .card{
        min-height:630px;
    }  
    section.promocja p {
        font-size: calc(1.7rem + .6vw) !important;

    }
    .content-site p, .content-site ul li,.archive-lekarze .thumb-offer p {
        font-size: calc(.8rem + .5vw) !important;
    }    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1430px){
    header .left,
    header .right {
        justify-content: center;
    }    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1366px) {
    /* ************  ************** */ 
    header a.navbar-brand span{
        font-size: 0.6rem;
    }       

	header .menu-main a {
    font-size: 1rem;	
	}
    /* ************  ************** */ 
    section p,.wp-block-column p, .wp-block-column ul{
        font-size: .8rem;
        line-height: 1.3;
    }
    .wp-block-column ul{
        padding-left:.5rem;
    } 
         /* ************  mmmmmmmmmmmmmmmmm ************** */ 
    
     #etykiety .etykieta:nth-child(2)  img.logo_metra{
        width:70px;
        position: absolute;
        top:-35px;
        left:50%;
        margin-left:-35px;
    }  
    q, .q{
        font-size: calc(2.7rem + 1vw) !important;
    }    
    .autoreklama h2 {
        font-size: calc(1.3rem + .7vw) !important;
    }       
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1200px) {
 /* ************ HEADER ************** */ 
    header.section-header-scrolled{
        padding-top: 0.5rem;
    }
    header.section-header-scrolled a.navbar-brand{
       width: 70%;
    }
    header a.navbar-brand {
        width: 80%;
    }    
    header.section-header-scrolled .left ul li, 
    header.section-header-scrolled .center ul li {
        padding: 0 .5rem 0 .5rem;
    }        
    header .left ul li a svg,
    header .center ul li a svg{
        margin-bottom:0.2rem
    }    
    /* ************  ************** */ 
	header .menu-main a {
        font-size: 1rem;	
	}
    section#rezerwacja-wizyt .right h4{
        margin:0 auto;
        text-align: center;
    }  
/* ************  ************** */     
  .navbar-toggler {
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 10001;
    background-color: var( --dark-gray);  
    padding: 1rem .76rem 1.1rem .76rem;
    border-radius: 50%;
    border-width: 4px;
    border-style: solid;
    border-color:rgba(255, 255, 255, 1);
  }
    header.section-header-scrolled .navbar-toggler{
        top: 10px;
    }
    button.navbar-toggler:focus {
      outline: none;
    }
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.show {
      position:fixed;   
      top:0;
      left:0;
      z-index: 1000;
      width:100%;  
      padding: 2rem 1rem 1.5rem 1rem ;
      background-color: var( --dark-gray); 
      box-shadow: 1px 1px 3px rgba(0,0,0, 0.4)  ;
    }
	/* ************  ************** */       
  /* **************** 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;
  }
   
    header .right ul li:not(:last-child) {
        margin-bottom: 1rem;
    }
    header .right ul li a{
        font-size: 2rem;
        text-align: center;
    }
      /* ************  ************** */
      section p,.wp-block-column p, .wp-block-column ul{
        font-size: 1rem;
        line-height: 1.5;
    }
    .wp-block-column ul{
        padding-left:1rem;
    }  	
   
    
    
         /* ************  mmmmmmmmmmmmmmmmm ************** */ 
    
     #etykiety .etykieta:nth-child(2)  img.logo_metra{
        width:60px;
        position: absolute;
        top:-30px;
        left:50%;
        margin-left:-30px;
    }   
    .pt-45{
        padding-top: 1rem !important;
    }
   header .right ul li:not(:last-child) {
        margin-right: 0;
    } 
    q, .q{
        font-size: calc(2.6rem + 1vw) !important;
    }
    section.kontakt .kontent{
       background-image: url("../../img/kontakt/osoba.png");
        background-position: 500px center;  
        background-repeat: no-repeat;
        background-size: contain;
    }    
    header ul.lista-dodatkowa{
        margin-right: 100px !important;
    } 
    .oferta h3 {
        font-size: calc(.6rem + 1vw) !important;
    }
    section#lekarze .card{
        min-height:700px;
    }     
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 992px) {
	/* **************** logo ****************** */	
 
    header .left ul .list-inline-item {
        margin-right: 0;
    }
  
  /* ************  ************** */
    .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;

	  }
	  .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 ************** */    
    #rezerwacja-wizyt .left a{
        font-size: 3rem;
    }
    #rezerwacja-wizyt h2{
        font-size: 2rem;
    }      

    .podstrona .archive-offer img {
        width: 60%;
        margin:0 auto;
    }
    
    section.kontakt .kontent{
       background-image: none;
    }
    .oferta h3 {
        font-size: calc(.8rem + 1vw) !important;
    } 
    section#skaner-3d p.more {
        max-width: 100%;
    }
    
    .autoreklama-2 .b h2,
    #umow-sie-na-wizyte-sekcja .b h2 {
        border-left: 3px solid var(--bordo);
        border-right: 3px solid var(--bordo);
        padding: .5rem 2rem;
        font-size: 1.5rem
    }       
    section#promocje .thumb-promotion{
        min-height: 400px;
    }  
     section.promocja .etykieta {
         min-height: auto;
    }
    .podstrona .menu-poziome-podstrony ul {
        padding-top:0.3rem;
    }    
    .section .thumb-left{
        background-position-x: center;
    }
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 768px) {
    .podstrona header {
        position: static;
    }
    
    header.section-header-scrolled {

        box-shadow: 1px 1px 3px rgba(0,0,0, 05);
        padding-top:0.5rem;
    }    
     .podstrona  header.section-header-scrolled {
        position: fixed;
    }
    header a.navbar-brand {
        width: 60%;
    }    
    header.section-header-scrolled  a.navbar-brand {
        width: 40%;
    }

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

	#contact .h3, 
	#contact  .h3 {
	    font-size: 1.3rem;
	}	
	.podstrona .display-4 {
    	font-size: 2.5rem;
		
	}
	.h1, h1 {
		font-size: 2.1rem;
	}
	ul.list-unstyled li.list-inline-item{
		margin-bottom: 0.8rem;
	}
	.thumb-promotion{
		min-height: 250px;
	}	

    .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#rezerwacja-wizyt .left a,
    section#rezerwacja-wizyt .right h4 {
        font-size: 2rem;
        padding:0;
        background-image: none;
    }
    .jumbotron{
        padding-top: 0;
    }
    q {
        font-size: calc(2.5rem) !important;
        line-height: 1.2;
    }
    .animated{
        animation-duration:0;
        animation:none;
    }
    /* ************  mmmmmmmmmmmmmmmmm ************** */ 
    header{
        padding-bottom: 0.5rem;
    }
    header ul.lista-dodatkowa{
        margin-top: 0.5rem;
        display:none;
        margin-right: auto !important;
    }     
    header ul.lista-dodatkowa li .dropdown-menu a {
        font-size: calc(.7rem + 1vw) !important;
    }
    #umow-sie-na-wizyte .h{
        font-size: calc(.5rem + 1vw) !important; 
    }
    #etykiety{
        position: absolute;
        left:0;
        bottom: 1%;
    }
     #etykiety .etykieta:nth-child(2)  img.logo_metra{
        width:60px;
        height:auto;
        position: static;
        top:auto;
        left:auto;
        margin-bottom: 0.5rem;
        margin-left:auto; 

    }  
    #etykiety .etykieta:first-child .h{
        font-size: calc(1.6rem + 1vw) !important;
    }
    #etykiety .etykieta:first-child p{
        font-size: calc(1.2rem + 1vw) !important;
    }    
    #etykiety .etykieta:nth-child(2) .h{
        font-size: calc(1rem + 1vw) !important;
    }   
    #etykiety .etykieta:nth-child(2) p{
        font-size: calc(.7rem + 1vw) !important;
    }    
    .oferta h3 {
        font-size: calc(1rem + 1vw) !important;
    } 
    .autoreklama .left,.autoreklama .right {
        background-position: center bottom;
    } 
    section.autoreklama p.more{
        max-width: 80%;
    }
    section#skaner-3d p.more {
        max-width: 80%;
    }    
    section.autoreklama .left, section.autoreklama .right {
        min-height: auto;
    }
    .autoreklama-2 .b h2,
    #umow-sie-na-wizyte-sekcja .b h2 {
        border-left: 2px solid var(--bordo);
        border-right: 2px solid var(--bordo);
        padding: .5rem 2rem;
        font-size: 1.5rem
    }    
    #umow-sie-na-wizyte-sekcja a.e-mail{
    font-size: 70%;
    }
    #umow-sie-na-wizyte-sekcja a.e-mail{
        font-size: 70%;
        word-break: break-all;
    }
}
/* ==========================================================================
   ========================================================================== */
@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;   
    }    
	/* ****************  ****************** */		
    .winieta .title, .podstrona h2.title.display-4 {
        font-size: 2rem;
        padding-top: 1rem;
    }
	.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;
    }
	/* ********************************* */	
    #rezerwacja-wizyt .left a{
        font-size: 2.5rem;
    }
    #rezerwacja-wizyt h2{
        font-size: 1.5rem;
    }      
	/* ************  ************** */

    .podstrona.kontakt .content-site .right h4, section.kontakt h4 {

    }
    #powitanie .wp-block-column:first-child{
        border-right: 0 solid rgba(213,213,213,1.00);
        padding-right: 0;
    }
    q {
        font-size: calc(2.2rem) !important;
        line-height: 1.2;
    }  
    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 480px) {

    #rezerwacja-wizyt .left a{
        font-size: 2rem;
    }
    #rezerwacja-wizyt h2{
        font-size: 1.2rem;
    }  
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 400px) {
    header.section-header-scrolled .logo svg {
        width: auto;
        height:40px;
    }
    .autoreklama-2 .b,
    #umow-sie-na-wizyte-sekcja .b {
        padding: 1.5rem 2rem;   
    }
    .autoreklama-2 .b h2,
    #umow-sie-na-wizyte-sekcja .b h2 {
        border-left: 3px solid var(--bordo);
        border-right: 3px solid var(--bordo);
        padding: .5rem 1rem;
        font-size: 1.5rem
    }     
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 360px) {
    .mobile-section,
    .mobile-section a,
    .mobile-section h1,
    .mobile-section svg{
        font-size: 1.3rem;
    }    
    header.section-header-scrolled .logo svg {
        width: auto;
        height:35px;
    }    
    header ul.lista-dodatkowa {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    header ul.lista-dodatkowa li a:first-child{
        font-size: calc(.8rem + .2vw) !important;
    }
      
}
/* ==========================================================================
   ========================================================================== */
/* ==========================================================================
   ========================================================================== */