/* version desktop ---------------------------------------  */


/*grid*/
.row
{
    margin-right: 0px;
    margin-left: 0px;
}
.row:before, 
.row:after{
    content: "";
    display: table;
    clear: both;
}
[class*="col-"]{
    float:left;
    padding: 0px;
}


.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


.col-offset-1 {margin-left: 8.33%;}
.col-offset-2 {margin-left: 16.66%;}
.col-offset-3 {margin-left: 25%;}
.col-offset-4 {margin-left: 33.33%;}
.col-offset-5 {margin-left: 41.66%;}
.col-offset-6 {margin-left: 50%;}
.col-offset-7 {margin-left: 58.33%;}
.col-offset-8 {margin-left: 66.66%;}
.col-offset-9 {margin-left: 75%;}
.col-offset-10 {margin-left: 83.33%;}
.col-offset-11 {margin-left: 91.66%;}
.col-offset-12 {margin-left: 100%;}


/* version tablet ----------------------------------------  */
@media (max-width: 1199px) {

    /*grid*/
    .row:before, 
    .row:after{
        content: "";
        display: table;
        clear: both;
        margin: 0;
    }

    [class*="col-"] {
        width: 100%;
        padding: 0px;
        float:left;
    }
	.logo2 img{
		display: none;
	}
    
    .zwardon_srodek img
    {
        margin: 0 auto;
        width: 50%;
    }
    
    
    
   
  
    .live{display: block;}
    .tlo{display: none;}
    .pdf{display: none;}
    

    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}


    .section-6 .psycholog-title {
        margin-top: 5%;
    }

    .container_zespol {
       
        padding-left: 3%;
      }

    .text2
{
  margin: 10px;
  color: #b36000;
  font-size: 15px;
  font-weight: 400;
}
	.features-mck2 h2
	{
		font-size: 25px;
	}
	.cytat-center p {
   
    font-size: 15px;
    display: block;
    position: absolute;
  
    padding: 25px;
    top: 0%;
	right: none;
    left: 0;
    transform: none;
    width: 100vw;
	}
	.footer a
	{
		font-size: 17px;
	}
   


} /* @MEDIA  */

@media (max-width: 992px){
    .menu
    {
        display: none;
    }
    .services-box-footer-h2{
        display: inline-block;
        height: auto;
    }
    .services-cena img {
        vertical-align: middle;
        float: left;
        width: 100%;
        padding: 0px 0 50px;
    }
    .services-box-header-h2{
        font-size: 40px;
        font-weight: 100;
    }
    .services-box1 img{
        width: 100%;
    }
    .services-box-footer h3{
        width: 100%;
    }
    .logo
    {
        display: block;
    }
    .logo-scroll 
    {
        display: none;
    }

   
    .tlo-menu
    {
        display: none;
    }

    .zwardon_srodek img
    {
        margin: 0 auto;
        width: 45%;
    }
    .specjalizacje-h3
    {
        font-size: 1.4rem;
    }
    .top_belka
    {
       
        z-index: 1;
    }
    .sidenav .user-view {
        padding: 1px 16px 0;
		height: 100px;
    }

    
    
    .slogan .material-symbols-outlined{
        display: none;
    }
    .trzy-pozycje .pozycja-6 {
        display: block;
        padding: 0px;
    }
    .specjalizacje-p{
        font-size: 15px;
    }
    .specjalizacje-h2 {
        font-size: 30px;
        margin-bottom: 15px;
        font-weight: 600;
    }
    .trzy-pozycje .pozycja-6 h2 {
        padding: 20px 0 10px;
    }
    .box_oferta3 p {
        font-size: 14px;
    }

    .box_oferta3 h2 {
        font-size: 25px;
    }
.images3 img {
    
    object-fit: contain;
	height: fit-content;
	}
    
   
}

/* version phone ------------------------------------------- */

@media (max-width: 767px){
    /*grid*/
    .row:before, 
    .row:after{
        content: "";
        display: table;
        clear: both;
    }


    .services-box-footer h6 {
        font-size: 14px;
        padding: 10px;
    }
   
    .services-box-footer h6 {
        height: auto;
    }
    .services-box-footer-h2 {
        font-size: 20px;
        background-color: #c3aa67;
        color: #000;
        /* letter-spacing: .0em; */
        /* font-weight: 400; */
        text-align: left;
        padding: 20px;
        /* font-family: 'Anton', sans-serif; */
        font-family: "Radio Canada", sans-serif;
        margin: 0 0 20px;
        display: flex
    ;
    }

    .services-box-footer h2 {
        font-size: 20px;
        padding: 10px;
        height: auto;
    }

    [class*="col-"] {
        width: 100%;
        padding: 0;
        float:left;
    }
   
    .slogan h1 {
        font-size: 19px;
        color: #fff;
        font-weight: 600;
    }
    .slogan p {
        font-size: 16px;
        color: #fff;
        line-height: 17px;
    }

    .geo_male img{
        display: none;
    }
    .text {
        padding-top: 20%;
        padding-bottom: 50%;
    }
    .trzy-pozycje .pozycja-4{
       
    }

    .trzy-pozycje .pozycja-2 a {
        font-size: 15px;
        color: #000;
        line-height: 15px;
        font-weight: 600;
        padding: 10px 30px;
        border: solid 5px #000;
        margin: 30px auto;
        display: table;
        transition: .2s;
    }
    .trzy-pozycje .pozycja-5{
        
    }
    .trzy-pozycje .pozycja-3{
        height: auto;
    }

    .naglowek{
        padding: 30px;
    }
    .naglowek h2{
        padding-top: 20px;
        font-size: 30px;
    }
    header{
        height: 100vh;
    background-attachment: scroll;
    width: 100%;
    background-size: cover;
		
    }
    .features3 h2{
        font-size: 18px;
        padding: 10px;
    }
    .features3 p{
        font-size: 14px;
        margin-top: 0;
    }
    
    .about 
    {
        padding: 0px;
    }

   

   
    .cytat-center i {
       
        font-size: 25px;
       
    }

    #myCarousel h2 {
        font-size: 30px;
    }



    .features2-team .materialy .team{
        text-align: center;
    }

    

    .info-mck
    {
        margin: 10% auto;
        padding: 0px 15px;
    }

 
    
   

    .section-2 h2 {
        
        font-size: 30px;
        padding-bottom: 40px;
    }

   

    .zespol_padding
    {
        padding: 0px 0px 50px;
    }

    .images img {
        max-width: 150%;
        height: auto;
    }
    .slogan-oferta p{
        font-size: 0px;
        padding-bottom: 0;
    }
    .section-6 h2{
        font-weight: 100;
       
    }
    .data-wpisu{
        font-size:  10px;;
    }

    .time
    {
        background-color: white;
    }
    .section-kontakt h2{
        padding-top: 0;
    }

    .cytat-section{
        background-size: contain;
        background-attachment: initial;
        height: 50vh;
    }
    .box-specjalizer-four
    {
        background-color: white;
    }
    .specjalizacje-h2
    {
        left: 10%;
    }
    .aktualnosci-h2 
    {
        left: 10%;
    }

    
    
    

    .footer-center ul li a
    {
        font-size: 20px;
    }

    .box-specjalizer-four
    {
        margin: 40px 20px;
        border: none;
    }
    .siatka-podstrona 
    {
        left: 0px;
    }

    .header-oferta{
            background-position: center;
    }

    .features-mck h2 {
        
        font-size: 2rem;
        
    }
    /*
    .badania-center
    {
        display: none;
    }
    .aktualne-badania
    {
        display: none;
    }
    */

    .kontakt-mck
    {
        background-attachment: inherit;
    }

    .features-mck p, .misja-mck2 p
    {
        font-size: 18px;
    }
    .misja-mck2 h2
    {
        font-size: 2rem;
    }
    font-email {
        font-weight: 600;
        font-size: 1.7rem;
    }
    .info-mck a {
        font-size: 1.7rem;
    }
    info-mck p {
        font-size: 1.7rem;
    }

    .counter img
    {
        width: 70%;
    }

    #myCarousel p {
        
        display: none;
    }


    .features-mck-onas2 h2
    {
        font-size: 2.5rem;
    }

    .features-mck-dlapacjenta h2
    {
        font-size: 2.5rem;
    }
    .features-mck-onas3 h2
    {
        font-size: 2.5rem;
    }
    .kontakt-mck2
    {
        background-attachment: inherit;
    }
    .container
    {
        padding-right: 0px; 
        padding-left: 0px;
    }
    .section-6 span {
        font-size: 10px;
        line-height: 10px;
    }
    .wyklady-lewa{
        font-size: 16px;
    }

    .section-6 h1 {
       
        font-size: 22px;
        line-height: 22px;
       
    }

    .features-mck-onas2 a 
    {
        font-size: 1.6rem;
    }

    .features-mck-onas2 p
    {
        font-size: 1.6rem;
    }
    .features-mck-onas2 h2
    {
        margin: 0 0 20px 0;
    }

    .slogan-siatka{
        padding: 20px;
    }
    .features {
        padding: 15% 5%;
    }
   

    .slogan-siatka{
        background-color: rgba(0, 0, 0, .5);
    }
    .dekton h2{
        font-size: 20px;
        padding: 20px 20px 0;
    }
    .dekton p{
        text-align: left;
    }
    .start-spieki-text{
        padding: 20px;
        background-color: rgb(0, 0, 0, .7);
    }


.dekton .start-spieki {
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px 20px;
    margin: 0 0 20px;
    color: black;
    max-width: 600px;
}
.dekton-katalog .h5-text:hover{
    background-color: black;
    color: #fff;
}

.dekton-katalog h4{
    font-size: 25px;
}

.dekton h3{
    padding: 0 20px;
    font-size: 15px;
}

.dekton .foto1-dekton img{
    height: auto;  
    
  }
  .dekton p{
    margin: 0;
  }
  .realizacje h4{
    font-size: 20px;
  }
  .inspiracje h4{
    font-size: 20px;

  }

  .features3 a.btn-telefon{
    font-size: 16px;
  }
  .trzy-pozycje .pozycja-2 h2{
    font-size: 25px;
  }
  .trzy-pozycje .pozycja-2{
    height: auto;
    padding: 20px;
  }

  .trzy-pozycje .pozycja-3 a{
    font-size: 25px;
    line-height: 25px;
  }
  footer{
    font-size: 8px;
    padding: 20px 10px;
  }

  .trzy-pozycje .pozycja-3 {
    display: block;
    width: 100%;
    padding: 20px 0;
}
  
.naglowek-oferta{
    background-image: none;
}
    
.header-tyl {
    position: relative;
    height: 30vh;
    background-image: none;
}

.wyklady-prawa {
    color: #fff;
    transition: background-color 0.3s;
    cursor: pointer;
    background-color: #333;
    font-size: 13px;
    padding: 1.5em;
    transition: .3s;
    height: 190px;
}
.section-6 .imie {
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    display: contents;
    font-weight: 500;
    font-size: 14px;
}
th {
    
    font-size: 14px;
    
}
.slogan{
    width: 100%;
    background-size: 300px;
}
.none-rwd{
    display: none;
}
.slogan h1{
    padding-bottom: 0;
}
 
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}


}/* @MEDIA  */



@media (max-width: 500px){
    /*grid*/
    .row:before, 
    .row:after{
        content: "";
        display: table;
        clear: both;
    }

    [class*="col-"] {
        width: 100%;
        padding: 0;
        float:left;
    }
    
    

    
    
    .section-2 a {
        margin-top: 20px;
       
       
    }
    .zespol h1, .section-4 h1 {
        margin-top: 50px;
        font-size: 25px;
       
    }
    .parallax-container
    {
        display: none;
    }

    

    .specjalizacje-h3
    {
        font-size: 1.9rem;
        padding: 20px 0 0;
    }
    .specjalizacje
    {
        padding: 0px;
    }

    .specjzlizer-triangle 
    {
        display: none;
    }
    .box-specjalizer-four .btn-specjalizer span 
    {
        font-size: 40px;
        color: white;
        padding: 1px;
        background-color: #ee5943;
    }

    

    


}/* @MEDIA  */