/* ==========================================================================
   ========================================================================== */
@media (min-width: 1921px) {
    html, body{
        font-size: 20px;
    }
    .h3, h3 {
        font-size: 2.3rem;
    }	    
/*    header .left ul li a, header .right ul li a, header .left ul li .a, header .right ul li .a{
        font-size:1.5rem;
    }   */
/*    .dziedziny a {
        border: 15px solid white;
        height: 200px;
        width: 200px;
        font-size: 1rem;
    }*/
    .dziedziny {
/*            margin-top: -100px;*/
    }    
    .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;
        padding-top: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);
    }*/

    .content-site figure img {
        width: 100% !important;
        max-width:none !important;
        height: auto;
    }
    .podstrona .menu-poziome-podstrony ul {
        padding-top: 0.3rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .wp-block-image .aligncenter {
        display:block;
    }    
    .element {
        min-height: 450px;
    }
    .belka {
        height: 10px;
        top: 118px;
    }    
    header .header-top{
        padding: 10px 2rem;
    }    
    header .right {
        padding-right:2rem !important;
    }
    .podstrona .title.display-4 {
        padding-top:3rem;
    }
}
/* ==========================================================================
   ========================================================================== */
@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;
    }
    /* ************   ************** */    
      section p,.wp-block-column p, .wp-block-column ul{
/*        font-size: 1.1rem;
        line-height: 1.5;*/
    }
   .section-offer .col-12,
    .section-offer .col-12{
        padding-left: 3rem;
        padding-right: 3rem;    
    }    
    .section-offer h3,
    .section-offer  .owl-item h3{

      line-height: 1.2;    
    }    
    .h3, h3 {
        font-size: 1.5rem;
    }	   
    .dziedziny {
          /*  margin-top: -70px;*/
    } 
    .dziedziny a {
     
        height: 140px;
        width: 140px;
    }
    .belka{
        top: 78px;
        height:8px;
    }    
}
/* ==========================================================================
   ========================================================================== */
@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;
    }*/
    .section-offer .col-12,
    .section-offer  .owl-item .col-12{
        padding-left: 2rem;
        padding-right: 2rem;    
    }  
     .h3, h3 {
        font-size: 1.25rem;
    }
    .element{
        min-height: 320px;
    }
    .belka{
        top: 70px;
        height:8px;
    }
  
}
/* ==========================================================================
   ========================================================================== */
@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;
    }*/
    .section-offer .col-12,
    .section-offer .col-12{
        padding-left: 1.5rem;
        padding-right: 1.5rem;    
    }     
    .section-offer h3, .section-offer  .owl-item h3 {
        font-size: 1.8rem;
        line-height: 1;
    }    
    .kontener-obrazka img{
        border-widht: 10px
    }
/*    #powitanie img{
        border: 15px solid rgba(200,185,166,1.00);
    }    
    .dziedziny {
            margin-top: -65px;
    }  */
    .dziedziny a {
       
        height: 130px;
        width: 130px;
    }  
    .element{
        min-height: 300px;
    }    
    .belka{
        top: 67px;
        height:4px;
    } 
     .h3, h3 {
        font-size: 1.15rem;
    }    
}
/* ==========================================================================
   ========================================================================== */
@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;
    } 
     .belka{
        top: 65px;
    }  
     .h3, h3 {
        font-size: 1rem;
    }        
}
/* ==========================================================================
   ========================================================================== */
@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;
    }  
    .etykieta-na-winiecie{
    text-shadow: 3px 3px 1px rgba(108,108,108,1.00)
    }
  /* **************** 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;
    }
      /* ************  ************** */
/*      section p,.wp-block-column p, .wp-block-column ul{
        font-size: 1rem;
        line-height: 1.5;
    }*/
    .wp-block-column ul{
        padding-left:1rem;
    }  	
     .belka{
        top: 36%;
        height: 7px;
    }    
    .element .h {
        font-size: calc(0.5rem + .9vw) !important;
    }
    .element p {
        font-size: calc(.6rem + .5vw) !important;
    }
    .dziedziny a {
        border: 3px solid white;
    }
    .section-slider .bg-left-shadow,
    .section-slider .mobile,
    .section-slider .mobile .item{
        height: 70vh;
        
    }    
    .mobile .item {
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        background-attachment: fixed; 
        background-image: url("../../img/slider/orthos-1site-1200.jpg")
    }
    .etykieta-na-winiecie{
        bottom: 7vh;
    }    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 992px) {
	/* **************** logo ****************** */	
 
    header .left ul .list-inline-item {
        margin-right: 0;
    }
     header .header-top,
    header .header-bottom ul{
        background-color: rgba(255,255,255,.8);  
    }  
  /* ************  ************** */
    .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;
    }      
    
/*    .dziedziny {
        margin-top: -55px;
    }*/
    .dziedziny a{
        height: 110px;
        width: 110px;
        font-size: .7rem;
    }
    .podstrona .archive-offer img {
        width: 60%;
        margin:0 auto;
    }
     .belka{
        display: none;
        top: 45%;
        height: 15px;
         left: -5px;
    }   

    .section-slider .mobile .item {
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        background-attachment: fixed; 
        
        background-image: url("../../img/slider/orthos-1site-992.jpg")
    }
    .etykieta-na-winiecie{
        font-size: 2rem !important;
    }   
    header ul li a.dropdown-item{
         word-wrap: break-word;
        word-break: break-all;
        white-space: pre-wrap;
    }    
}
@media (min-width: 769px) {
    header .header-bottom ul > li:first-child{
        margin-left: 1.4rem !important;
    }      
    header .header-bottom ul ul > li:first-child{
        margin-left: 0 !important;
    }    
    header ul li a.dropdown-item{
         color: var(--dark-gray);   
    }
    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 768px) {

    .podstrona header {
        position: static;
    }
    header {
        background-color: rgba(255,255,255,.61)
    }
    header.section-header-scrolled {
      /*  background-color: rgba(255,255,255,1);*/
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.5);
        padding-top:0;
    }    
     .podstrona  header.section-header-scrolled {
        position: fixed;
    }
    header a.navbar-brand {
        width: 90%;
        padding-left:10px;
    }      
    header.section-header-scrolled a.navbar-brand {
        width: 80%;

    }  
    header.section-header-scrolled .logo svg {
        max-width: 100%;
        width: auto;
        height: auto;
    }
    header.section-header-scrolled .header-top,
    header.section-header-scrolled .header-bottom ul.menu-main{
        background-color: transparent;    
        box-shadow: none;

    }    


    header .header-top {
            padding: 10px 0 10px 0;
    }

    .section-slider .carousel-item{
        background-position: 90% center !important;
    }
    .podstrona header .header-top, .podstrona header .header-bottom ul{
        background-image:none;  
         box-shadow: none;
    }
 /* ************  ************** */     
  .navbar-toggler {
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    top: 5px;
    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: 1px;
    }
    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: none;
    }
    header .menu-main li {
        display: block;
        margin-right: auto;
    }
    header .header-top, header .header-bottom {
        
    }
    header .header-top, header .header-bottom ul {
    background-color: transparent;
        box-shadow: none;
       
        z-index:1001;
}
    header ul li a,
    header .navbar .menu-main a{
        font-size: 1.5rem !important;
        color:white;
        text-shadow:none;
    }
    
    
.dropdown-menu {
  position: static;  
    border:none;
    padding:0;
    width:100%
    }
    .mobile-section ul {
        border-bottom: 0 solid var(--dark-gray);
        background-color: var(--dark-gray);
    }
  .mobile-section, .mobile-section address h1, .mobile-section address h2, .mobile-section address a, .mobile-section a {
        color: white;
        text-shadow:none;
       font-size: 1.5rem;
    }    
    .podstrona .mobile-section ul a{
            color:white
    }
    .podstrona .menu-poziome-podstrony ul {
        margin-bottom: 0;
        line-height: initial;
        padding: .5rem 1rem;
        
    }
    .kontener-obrazka img {
        border: 5px solid var(--dark-gray);
    }
	/* ************  ************** */    
    .etykieta-na-winiecie{
        font-size: calc(2rem + .3vw) !important;

    }
	/* ****************  ****************** */		

	#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, .q {
        font-size: calc(2.5rem) !important;
        line-height: 1.2;
    }
    .animated{
        animation-duration:0;
        animation:none;
    }
    .element {
        min-height: auto;
    }
    .element img {
        width: 40%;
    }
    section.kontakt .bg-obrazek{
        background-image: none !important;
    }
    .etykieta-na-winiecie{
        font-size: 1.8rem !important;
    }    
    .section-slider .mobile .item {
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        background-attachment: fixed; 

        background-image: url("../../img/slider/orthos-1site-768.jpg")
    }    
}
/* ==========================================================================
   ========================================================================== */
@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;
    }
	.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 {
        font-size: 1.1rem;
    }
/*    #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;
    }  
     .belka{
        top: 35%;
        height: 10px;
    }    
    .element .h {
        font-size: calc(0.6rem + .9vw) !important;
    }
    .element p {
        font-size: calc(.7rem + .5vw) !important;
    }  
    q, .q {
        font-size: calc(2rem) !important;
        line-height: 1.2;
    }  
    .element img {
        width: 60%;
    }    
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 480px) {

    #rezerwacja-wizyt .left a{
        font-size: 2rem;
    }
    #rezerwacja-wizyt h2{
        font-size: 1.2rem;
    }  
     .belka{
        top: 29%;

    }      
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 360px) {
    .mobile-section,
    .mobile-section a,
    .mobile-section h1,
    .mobile-section svg{
        font-size: 1.3rem;
    }    
}
/* ==========================================================================
   ========================================================================== */
/* ==========================================================================
   ========================================================================== */