/* ==========================================================================
   ========================================================================== */
@media (min-width: 1921px) {
	.section-header .icon-hamburger, .section-header .icon-close {
		width: 25px;
		max-height: 25px;	
		top: 6px;
		right: 6px;
	}	
	.home .section-header.section-header-shadow .logo {
		width: 16% !important;
		top: 14px !important;
	}		
	.podstrona .section-header .logo {
		width: 16%;
		top: 14px;
	}		
	
	.thumb-promotion{
		min-height: 700px;
	}	
	.name-promotion {
		font-size: 4rem;
	}	
	.section-our-specialty h2{
		font-size: 5.5rem;
	}	
	/* ************ GUTTENBERGG ************** */
	.wp-block-column:not(:first-child) {
		margin-left: 90px;
	}	
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1920px) {
	.thumb-promotion{
		min-height: 600px;
	}
	.name-promotion {
		font-size: 3.2rem;
		line-height: 1.3;
	}	
	.section-salons .card-body {
		padding: 1.1rem;
	}
	.section-our-specialty h2{
		font-size: 4rem;
	}
	.card-salons-info .h4{
		font-size: 1.2rem;
	}
	.card-salons-opening-hour .h5{
		font-size: 1.1rem;
	}	
	/* ************ GUTTENBERG ************** */
	.wp-block-column:not(:first-child) {
		margin-left: 60px;
	}	
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1680px) {
	.section-header .menu-header-top a {
		font-size: 1.3rem;
	}
	.thumb-promotion{
		min-height: 580px;
	}	
	.name-promotion {
		font-size: 3rem;
		line-height: 1.2;		
	}		
	.podstrona .tytul-strony-single {
		font-size: 2.1rem;
	}
	.h4, h4 {
		font-size: 1.2rem;
	} 
	.section-our-specialty h2{
		font-size: 3.5rem;
	}	
	/* *************** 1site.section-salons ***** */
	.section-salons .card-body {
		padding: 1.1rem;
	}
	.section-salons .salons-icon {
		width: 45px;
		height: 45px;
	}
	.card-salons-opening-hours .card-body .h5{
		font-size: 1.1rem;
	}
	
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1500px) {
	.section-header .menu-header-top a {
    font-size: 1.1rem;
	}
	.thumb-promotion{
		min-height: 550px;
	}		
	.name-promotion {
		font-size: 2.7rem;
	}		
	.h4, h4 {
		font-size: 1rem;
	}
	.h5, h5 {
		font-size: 1rem;
	}
	/* *************** 1site.section-salons ***** */
	.section-salons .card-body {
		padding: 0.5rem;
	}
	.section-salons .salons-icon {
		width: 40px;
		height: 40px;
	}
	.card-salons-info .card-body .h4{
		font-size: 1rem;
	} 
	
	.card-salons-opening-hours .card-body .h5{
		font-size: 0.9rem;
	}
	/* ************ GUTTENBERG ************** */
	.wp-block-column:not(:first-child) {
		margin-left: 32px;
	}	
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1366px) {
	.section-header .menu-header-top a {
    font-size: 1rem;	
	}
	/* *************** 1site.section-salons ***** */
	.card-salons-info .card-body .h4{
		font-size: 0.9rem;
	} 
	
	.card-salons-opening-hours .card-body .h5{
		font-size: 0.8rem;
	}
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 1200px) {
	/* **************** logo ****************** */
	.home .section-header .logo {
		width: 40% !important;
		top: 14px !important;
	}		
	.podstrona .section-header .logo {
		width: 40%;
		top: 14px;
	}		
	.section-header ul.menu-header-top li:last-child(){
		display: none !important;
	}	
	/* **************** mega-menu ****************** */	
	.mega-menu	{
		padding-top: 170px;
	}
	.mega-menu .h3{
		font-size: 1rem;
	}	
	.mega-menu p,
	.mega-menu a{
		font-size: .8rem;
	}	
	
	.mega-menu .sekcja-kontakt p,
	.mega-menu .sekcja-kontakt a{
		font-size: .8rem;
	}	

	/* **************** section-optometrists ****************** */	
	.section-optometrists h2{
		color: var(--dark-red);
	}	
	.section-optometrists .lead{
		color: #595959;
	}
	.section-optometrists .content {
		padding-top: 0;
	}	
	
	.section-our-specialty h2{
		font-size: 3.1rem;
	}	
	
}/* ==========================================================================
   ========================================================================== */
@media (max-width: 992px) {
	/* **************** logo ****************** */	
	.home .section-header .logo {
		width: 30% !important;
		top: 14px !important;
	}
	.podstrona .section-header .logo {
		width: 30%;
		top: 14px;
	}		
	/* **************** section-optometrists ****************** */	
	.section-optometrists .bg::after{
		background-color: rgba(136, 25, 7, .5 );
		
	}		
	.section-optometrists p{
		    color: #595959;
	}
	.section-our-salons .col-12{
		border-top:2px solid white;
	}
	
	.section-our-specialty h2{
		font-size: 2rem;
	}		
	#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;
		background-color: rgba(0, 0, 0, 1);
	  }
	  .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;
	  }	
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 768px) {
	.home .section-header .logo {
		width: 40% !important;
		top: 14px !important;
	}
	.podstrona .section-header .logo {
		width: 40%;
		top: 14px;
	}	
	/* **************** mega-menu ****************** */		
	.mega-menu	{
		padding-top: 140px;
	}	
	/* **************** section-our-specialty ****************** */	
	.section-our-specialty .col-text{
		padding-left:0;
		padding-right: 0;
	}
	.section-our-specialty	p{
		font-size: 1rem;
	}
	/* **************** section-about-componany ****************** */		
	.section-about-componany p{
		font-size: 1rem;
	}
	
	#contact .h3, 
	#contact  .h3 {
	    font-size: 1.3rem;
	}	
	.podstrona .display-4 {
    	font-size: 2.5rem;
		
	}
	.h1, h1 {
		font-size: 2.1rem;
	}
	.small,  
	small {
    	font-size: 100% !important;
	}
	.section-header-shadow {
		height: 80px;
	}

	ul.list-unstyled li.list-inline-item{
		margin-bottom: 0.8rem;
	}
	.thumb-promotion{
		min-height: 250px;
	}	
	.section-eyes-speak .card-body {
		height: 350px;
	}
	.section-eyes-speak .slogan{
		font-size: 2.5rem;
		width:auto;
	}
	.cookies-box .h-cookie {
    	font-size: 150%;
		text-align: center;
	}
	.cookies-box p {
		font-size: 16px;
		line-height: 1.2;
	}
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 650px) {
	.home .section-header .logo {
		width: 45% !important;
		top: 14px !important;
	}	
	.podstrona .section-header .logo {
		width: 50%;
		top: 14px;
	}	
	/* **************** section-our-specialty ****************** */		
	.section-our-specialty .bg-section{
		min-height: 500px;
	}
}

/* ==========================================================================
   ========================================================================== */
@media (max-width: 576px) {
	.home .section-header .logo {
		width: 55% !important;
		top: 14px !important;
	}	
	.podstrona .section-header .logo {
		width: 60%;
		top: 14px;
	}	
	
	/* **************** mega-menu ****************** */		
	.mega-menu	{
		padding-top: 100px;
	}	
	.podstrona .display-4 {
    	font-size: 2.3rem;
		
	}
	.section-content h3 {
		font-size: 1.7rem;
	}
	.h1, h1 {
		font-size: 2rem;
	}
	.cookies-box .h-cookie {
    	font-size: 150%;
	}
	
}


/* ==========================================================================
   ========================================================================== */
@media (max-width: 480px) {
	.home .section-header .logo {
		width: 65% !important;
		top: 14px !important;
	}	

	.podstrona .section-header .logo {
		width: 70%;
		top: 14px;
	}	
	/* **************** section-our-specialty ****************** */		
	.section-our-specialty .bg-section{
		min-height: 450px;
	}	
}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 360px) {
	.home .section-header .logo {
		width:90% !important;
		top: 14px !important;
	}		
	.podstrona .section-header .logo {
		width: 90%;
		top: 14px;
	}
	/* **************** section-our-specialty ****************** */		
	.section-our-specialty .bg-section{
		min-height: 400px;
	}	

}
/* ==========================================================================
   ========================================================================== */
@media (max-width: 300px) {
	.home .section-header .logo {
		width:100% !important;
		top: 14px !important;
	}	
	.podstrona .section-header .logo {
		width: 100%;
		top: 14px;
	}
	/* **************** section-our-specialty ****************** */		
	.section-our-specialty .bg-section{
		min-height: 300px;
	}	
	
}
/* ==========================================================================
   ========================================================================== */
@media screen and (max-width: 992px) and (orientation: landscape) {
	.section-salons{
		display: none;
	}
}
/* ==========================================================================
   ========================================================================== */