/* =Navigator
-------------------------------------------------------------- */

	
/* Navigator */


@media all and (max-width: 800px) 
  {
    .nav-bac-av1 
    {
        z-index: 1000;
        padding: 0 0px;
        opacity: 1;
    }
    .p-nav-content{
      float: right;
      width: 100%;
    }
    .l-nav-content{
    float: none;
    }
    .menu{
          width: 100%;
          display: none;
          position: absolute;

    }
    .nav-content-av1{
      width: 100%;
      margin: 0px auto;
    }
    .nav-mob
    {
      display: block;
      width: 60px;
      height:60px;
      float: right;
      margin: 5px;
      padding-top: 0px;
    }
    .menu li
    {
      width: 100%;
      height: 40px;
      background-color: white;
      color: black;
      text-align: center;
      float: none;
        width: 100%;
        text-align: center;
        padding: 0px;
        padding-top: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
           padding-bottom: 30px;;
    }
    .menu a:visited{
      color:black;

    }
    .menu a{
      text-decoration: none;

    }
  }
  @media all and (min-width: 801px) and (max-width: 1200px) 
  {
    .nav-content-av1{
      width: 100%;
    }
     #content{
        width:98%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
      }
  }

  /* =Baner
-------------------------------------------------------------- */

/*pod baner*/
 @media screen   and (max-width:520px)  {
.opi_g{
  font-size: 16px!important;
  line-height: 20px!important;
  padding: 10px;
  padding-top: 18px!important;
}

.guzik{

border:1px solid white;
padding:10px;
float:right;
margin-top:20px;
color: #7DB7B7;
background-color: white;
  font-size: 12px;

margin-right: 5px;
} 

.guzik:hover{
background-color: #11B6C4;;

color:white;
} 

}



/*okna specjalnych mocy - atuty */

	 @media screen  and (min-width: 760px) and (max-width: 980px)  {
	
			.box-pod-baner-234{
				width: 750px;
				
			}
			.drop{
				width:230px;
				
			}

			.drop p{
				width: 90%;
				font-size: 14px;
			}
			.drop h3{
				font-size: 16px;
			}

	}
	 @media screen  and (min-width: 660px) and (max-width: 760px)  {

		.box-pod-baner-234{
			width: 660px;
			
		}
		.drop{
			width:200px;
			
		}

		.drop p{
			width: 90%;
			font-size: 13px;
		}
		.drop h3{
			font-size: 15px;
		}

	}
	
		 @media screen  and (min-width: 560px) and (max-width: 660px)  {

		.box-pod-baner-234{
			width: 570px;
			
		}
		.drop{
			width:180px;
			margin: 5px;

		}

		.drop p{
			width: 95%;
			font-size: 13px;
		}
		.drop h3{
			font-size: 15px;
		}

	}


 @media screen  and (min-width:460px) and (max-width: 560px)  {

		.box-pod-baner-234{
			width: 460px;
			
		}
		.drop{
			width:210px;
			margin: 5px;

		}

		.drop p{
			width: 93%;
			font-size: 13px;
		}
		.drop h3{
			font-size: 15px;
		}

	}
	
	 @media screen   and (max-width: 460px)  {

		.box-pod-baner-234{
			width: 95%;
			
		}
		.drop{
			width:95%;
			margin: 5px;

		}

		.drop p{
			font-size: 14px;
		}
		.drop h3{
			font-size: 16px;
		}

	}
	
/*pod baner*/
 @media screen  and (min-width:20px)  and (max-width:950px)  {

  .box-pod-baner
  {
    width: 95%!important;
    margin: 0px auto;
  }

}


/*oferta pasek*/

@media screen  and (min-width: 1050px) and (max-width: 1360px)  {

		.box-counter-line-p{
			width: 980px;
			
		}
	

	}

@media screen  and (min-width: 700px) and (max-width: 1049px)  {

	.box-counter-line-p{
		width: 93%;
		
	}
	.counter-line-p p {
	    font-size: 15px;
	    font-style: italic;
	    color: white;
	    margin: 0px auto;
	    text-align: justify;
	}

}
@media screen  and (min-width: 550px) and (max-width: 699px)  {

		.box-counter-line-p{
			width: 95%;
			
		}
		.counter-line-p p {
	    font-size: 14px;
	    font-style: italic;
	    color: white;
	    margin: 0px auto;
	    text-align: justify;
	}
	

}

@media screen  and (max-width: 549px)  {

		.box-counter-line-p{
			width: 95%;
			
		}
		.counter-line-p p {
	    font-size: 14px;
	    font-style: italic;
	    color: white;
	    margin: 0px auto;
	    text-align: justify;
		}
		.podl-box-counter-line-p{
			width: 100%!important;
		}
		.podp-box-counter-line-p{
			width: 100%!important;
		}
		.text-podp-counter{
			padding-top:0px!important;
			padding-bottom: 20px;
		}
}
/* responsive */
     @media screen  and (min-width: 401px)   and (max-width: 700px)  {
    
        .h4-mbr{
            margin-top: 10px;
             font-size: 21px;
        }
         .h1-mbr{
            font-size:30px;
        }
            
        .guzik-mbr-full{
            font-size: 15px;

        }

}

     @media screen  and (max-width: 400px)  {
    
        .h4-mbr{
             font-size: 18px;
        }
         .h1-mbr{
            font-size:25px;
        }
            
        .guzik-mbr-full{
            font-size: 12px;

        }

}

  /* =Content
-------------------------------------------------------------- */

      @media only screen and (max-width: 1000px) {
      #content{
        width:98%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
      }
      .contentl {
          width: 100%;
                    
          margin: 0 auto;
          float:  none;
      }
      .contentp {
        
          height: 10px;
          width: 100%;         
          margin: 0 auto;
          float: none;
      }
      .post{
        width: 100%;
      }
      .post-image{
          width: 100%;

      }
       .post-opis{
          width: 100%;
          clear: both;

      }
      .menu{
        width: 100%;
      }
      .logo{
        width: 250px;
      }
      .navigator{
        width: 50px;
      }
      .menup{
         width: 100%;
      }
      .stopka-sr{
        width: 100%;
      }
    }


    /*okna ofert*/

    /* responsive */
     @media screen  and (min-width: 641px)and (max-width: 1240px)  {
    
            .poj1   {
                width: 90%;
            }
            /*szerokosc boksu*/
            .zoom-nad{
                width: 30%;
                height: auto;
            }

            
             /*szerokosc wewnątrz */
            .title-zoom {
                 width: 100%;
                 padding: 0px;
                 padding-bottom: 20px;

            }
            .zoom {
                width: 100%;
                 height: auto;
            }

            /*szerokosc boksu*/
            .zoom img{
                height: none;
            }
           
           .tit-z {
                
                margin: 5px;
                padding-top: 16px;
                 font-size: 16px;
               
            } 
              .tit-sm p{
                
                font-size: 12px;
               
            } 
            .zm {
                
                font-size: 13px;
               
            } 
     }


     @media screen  and (max-width: 640px)  {
    
            .poj1   {
                width: 400px;
            }
           
           
           .tit-z {
                
                margin: 5px;
                padding-top: 16px;
                 font-size: 16px;
               
            } 
              .tit-sm p{
                
                font-size: 12px;
               
            } 
            .zm {
                
                font-size: 13px;
               
            } 
            .parallax-container {
             
              height: 1850px!important;
          }
     }

     @media screen  and (max-width: 400px)  {
    
            .poj1   {
                width: 90%;
            }

           /*szerokosc boksu*/
            .zoom-nad{
                width: 100%;
                height: auto;
                margin: 0px;
                margin-bottom: 15px;
            }

            
             /*szerokosc wewnątrz */
            .title-zoom {
                 width: 100%;
                 padding: 0px;
                 padding-bottom: 20px;

            }
            .zoom {
                width: 100%;
                 height: auto;
            }
           
           .tit-z {
                
                margin: 5px;
                padding-top: 16px;
                 font-size: 16px;
               
            } 
              .tit-sm p{
                
                font-size: 12px;
               
            } 
            .zm {
                
                font-size: 13px;
               
            } 
     }


/*box line*/


   @media screen  and (max-width: 1140px)  {
  
    .contener-line-av1{
      width: 90%;
    }

  }
  @media screen  and (max-width: 660px)  {
  
    .contener-line-av1{
      width: 95%;
    }
    .empty-box-li{
      display: none;
    }
     .row-box-line-1, .row-box-line-3{
      width: 100%;
    }
    .row-box-line-2{
      display: none;
    }
  }
    /* kontakt boxy na górze */ 
  @media screen  and (max-width: 750px)  {
  
 .text-podp-counter{
   
    min-width: 300px!important;
    width: 300px!important;
  }
 
}

 @media screen  and (max-width: 650px)  {
  .counter-line-p{
   
    min-width: 100%!important;
  }
  .text-podp-counter{
    width: 98%!important;
  }
  .font-p87{
    font-size: 15px!important;
  }
 } 

 @media screen  and (min-width: 551px) and (max-width: 649px)  {
    .text-podp-counter{
     
      min-width: 250px!important;
      width: 250px!important;
    }
    .kontakt-title-h{
      font-size: 30px!important;
    }
    .inputt{
         width: 95%!important;
    }
   .podl-box-counter-line-p textarea{
        width: 95%!important;
   }
 } 
 
  /* kontakt boxy na dole */ 

 @media screen  and (max-width: 650px)  {
  .mapa-l-box{
    width: 100%!important;
  }
  .ppol{
    width:  100%!important;
    margin: 0px!important;
  }
  .kontakt-title-h{
    font-size: 25px!important;
  }
  .font-kon-d{
    width: 95%;
    margin: 0px auto;
  }
}

/* con-box-przygotowanie do wizyty */

.table-box-b8{
  width: 90%!important;
}

/*pasek na podstronnach*/
 @media screen  and (max-width: 450px)  {
  .pasek{

    padding-top: 20px!important; 
    padding-bottom: 20px!important; 
  }
}

 @media screen and (min-width: 451px) and (max-width: 650px)  {
  .pasek{

    padding-top: 30px!important; 
    padding-bottom: 30px!important; 
  }
}

 @media screen and (min-width: 651px) and (max-width: 850px)  {
  .pasek{

    padding-top: 40px!important; 
    padding-bottom: 40px!important; 
  }
}