/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
	.about-block {
    	display: block;
    	padding: 80px 12% 80px 0;
	}

	.special {
	  max-width: 930px;
	}

	.oferta {
    	background: rgb(252,248,245);
    	background: linear-gradient(90deg, rgba(252,248,245,1) 13%, rgba(235,213,189,1) 13%, rgba(235,213,189,1) 87%, rgba(252,248,245,1) 87%);
    	padding: 80px 0;
	}

	.sesje-online header {
	    margin: 80px;
	}

	.obszary header {
    	margin: 80px;
	}

	.main-content h2 {
    	font-size: 32px;
	}

	.contact-block {
	    padding: 15px 15% 0;
	}

	.contact-block h3 {
    	font-size: 32px;
	}

	.contact-block ul li {
    	font-size: 16px;
	}

	.copy p {
    	font-size: 10px;
	}

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	
	ul.menu-nav {
	  display: none;
	  }
	
	 div.menu-nav-toggle {
    	display: block;
  	}

  	.special {
	  max-width: 720px;
	}

  	.site-mobile-menu {
    	width: 50%;
 	}

 	.main-content h2 {
	    font-size: 22px;
	    padding-right: 0px;
	}

	.btn-block-desktop a.btn-mail {
    	margin: 0 0 30px;
    	display: inline-block;
	}

	.about-block {
	    display: block;
	    padding: 80px 12% 80px 0;
	}

	.btn-block-desktop {
	    margin: 35px 0;
	    padding: 0px;
	}

	.col-md-12 {
	    padding: 0;
	}

	.offer-box {
	    margin-bottom: 35px;
	}

	.oferta {
	    background: rgb(252,248,245);
	    background: linear-gradient(90deg, rgba(252,248,245,1) 0%, rgba(235,213,189,1) 0%, rgba(235,213,189,1) 100%, rgba(252,248,245,1) 1000%);
	    padding: 70px 0;
	}

	.obszar-box h3 {
		  text-align: center;
		  color: #A16625;
		  font-size: 15px;
		  font-family: 'Vollkorn', serif;
		  padding: 35px 35px;
		  height: 120px;
	}

	.bg-foot {
  		background:#23423D!important;

  		text-align: center;
	}

	.contact-block h3 {
	    font-size: 28px;
	    padding-right: 0px;
	}

	.contact-block ul {
    	margin: 25px 0 5px;
    	padding: 0;
	}

	.copy {
		margin-top: 15px;
	}

	.hide {
		display: none;
	}

}
 
/* small mobile :320px. */
@media (max-width: 767px) {

	.site-navbar .site-logo {
	    max-width: 200px;
	}

	ul.menu-nav {
	  display: none;
	  }
	
	div.menu-nav-toggle {
    	display: block;
    	margin: 10px 0;
	}
	.site-navbar {
    	padding: 10px 0;
	}

  	.site-mobile-menu {
    	width: 100%;
 	}

 	.main-content h2 {
 		font-size: 22px;
 		text-align: center;
 	}

 	.porzycka {
	    margin: 0!important;
	    padding: 5% 5% 0px 5%;
	}

 	.block-desktop {
  		display: none;
	}

	.block-mobile {
	  	display: block;
	}

	.mobile-txt {
		padding: 12% 15px;
		text-align: center;
	}

	.btn-block {
    	overflow: hidden;
    	margin: 35px 0;
    	padding: 35px 0;
	}

	.btn-mail {
		text-align: center;
	}

	.main-content h2 {
     	padding-right: 0px; 
	}

	.right-img {
		text-align: center;
		margin: 20px 0;
	}

	.right-img img {
	    float: none!important;
	    width: 150px;
	    margin: 5% auto;
	    padding-right: 0;
	}

	.bg-gradient {
		background: #23423D;
	}

	.about-block {
	    display: block;
	    padding: 80px 5% 60px 5%;
	    text-align: center;
	}

	.bg-podlew {
		background: url(../images/podlew.svg)  right 0 no-repeat;
		background-size: 130%;
	}

	.oferta {
    	background: rgb(252,248,245);
    	background: linear-gradient(90deg, rgba(252,248,245,1) 0%, rgba(235,213,189,1) 0%, rgba(235,213,189,1) 100%, rgba(252,248,245,1) 100%);
    	padding: 70px 0;
	}

	.oferta header {
    	margin: 70px 0 0;
	}

	.offer-box {
    	margin: 20px 0;
	}
	.obszar-box h3 {
	    text-align: center;
	    padding: 45px 35px;
	}
	.obszar-box {
	    border-radius: 16px;
	    margin: 10px 0;
	}
	.obszary-blocks {
    	margin: 2px 0 0px;
	}

	.offer-blocks {
	    margin: 0px 0;
	}

	ul.lista li {
	    font-size: 15px;
	    line-height: 32px;
	}

	.bg-foot {
  		background:#23423D!important;
  		background-size: 100%;
  		text-align: center;
	}

	.contact-block h3 {
	    font-size: 28px;
	    padding-right: 0px;
	}

	.contact-block ul {
    	margin: 35px 0 35px;
    	padding: 0;
	}

	.copy {
		margin-top: 15px;
	}

	.hide {
		display: none;
	}
}

@media (max-width: 320px) {
	.contact-block ul li {
    	font-size: 12px;
    }

 	
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

 
}