@media screen and (max-width: 1400px) {
	#test h2 {
		font-size: 36px;
	}
	#test p {
		font-size: 27px;
	}
	header {
		top: 0;
	}
}
@media screen and (max-width: 1280px) {
	.contener {
		padding: 0 10px;
	}
	img[src*="_banner"] {
		height: auto;
		min-height: auto;
	}
}
@media screen and (max-width: 992px) {
	.row.dflex {
		display: block;
	}
	header {
		top: 0;
	}
	ul.menu_desktop {
    	align-items: center;
    	text-align: center;
	}
	ul.menu_desktop li {
		max-width: 30%;
	}
	/*.menu_desktop {
		display: none;
	}*/
	.area {
		margin: 0 auto;
	}
	.subpage section:not([data-id="1"]) {
	    padding: 20px 0;
	}
	#faq img[src*="packshot_1"] {display: none;}
	
	img[src*="packshot_2"] {
		right: auto;
		bottom: auto; 
		position: relative;
		width: 85%;
		margin: 0 auto;
   		display: block;
	}

	img[src*="wykres3"],
	img[src*="910"] {
		margin: 0 auto;
		display: block;
	}
	#czerwona_koniczyna img[src*="packshot_2"] {
		width: auto;
	}
	.btn,
	.btn.next {
		margin: 20px auto;
		display: block;
	}
	#home section[data-id="1"] .btn {
		margin: 20px 0 0;
	}
	img[src*="_banner"] {
		height: 600px;
		width: auto;
	}
	section[data-id="1"] h2,
	section[data-id="1"] p {
		font-size: 30px;
	}
	img.dr_app {
		bottom: 20px;
		right: 20px;
		z-index: 999;
		max-width: 120px;
	}
	.bggreen {
		background-color: transparent;
	}	
	.bggreen p {
		color: #000;
	}	
	[data-elem*="5"] [class*="col"] p {
		font-size: 16px;
	}
	[data-elem*="5"] img[src*="app_3a"],
	[data-elem*="5"] img[src*="app_4"],
	[data-elem*="5"] img[src*="app_5"],
	[data-elem*="5"] img[src*="app_6a"] {
		max-width: 350px;
		margin: 0 auto;
		display: block;
	}
	img[src*="app_3"],
	img[src*="app_6"] {display: none;}
	img[src*="app_3a"],
	img[src*="app_6a"] {display: block;}
	
	.area.app_2 {
 	   margin: 0 auto;
    	display: block;
	}
	
	.area.app_2 img[src*="app_6a"],
	.area.app_2 .text_area{
		display: inline-flex;
		width: 66%;
		padding-left: 15px;
	}
	[data-elem="5"] .text_area {
		color: #000;
	}
	img[src*="note-"] {
		width: 90%;
	}
}

@media screen and (max-width: 768px) {
	header {
		display: block !important;
		position: fixed;
	    padding: 20px;
	}
	header ul.menu_desktop {
		margin-top: 20px;
		padding: 0;
	}
	.menu_desktop {display: none;}
	.menu_mobile {display: block;}
	ul.menu_desktop li {
    	max-width: none;
    	padding: 0 4px;
	}
	*:not(.text_area) > h2,
	#czerwona_koniczyna .adv p{
		font-size: 24px !important; 
	}
	*:not(.text_area) > p:not(.note),
	label {
		font-size: 16px !important;
	}
	.subpage section:not([data-id="1"]) {
	    padding: 40px 0;
	}
	#test .ans {
    	min-width: 200px;
	}
	#test input[type="radio"]:checked + label.ans {
    	font-weight: 300;
	}
	header > *,
	header img {
		display: block;
		clear: both;
		margin: 0 auto;
	}
	#o_produkcie img[src*="packshot_shadow"] {
		display: none;
	}
	div#home {
		margin-top: 100px;
	}
	.row {
		width: 95%;
		margin: 0 auto;
	}
	.footer .contener,
	.footer a{
		display: block;
		margin: 0;
	}
	.footer .contener {
		padding: 20px;
		text-align: left;
	}
	#home section[data-id="1"] .btn {
		 margin: 7px 0 0 10px;
		font-size: 11px;
		max-width: 150px;
		padding: 5px 0;
	}
	div[data-elem="1"], 
	div[data-elem="2"], 
	div[data-elem="3"], 
	div[data-elem="4"] {
		padding: 20px 0;
	}
	.section_title {
		margin: 0 auto 50px;
	}
	div[data-elem="1"] .wykres {
    	margin: 40px auto 50px;
	}
	.app_1 .text_area > p,
	.app_2 .text_area > p {
		font-size: 15px !important;
	}
	[data-elem="2"] > .row .text_area {
    	padding: 15px !important;
    	position: static;
    	height: auto;
    	display: inline-flex;
	}
	
	.app_1 img,
	.app_2 img  {
		display: none;
	}
	
	.app_1, .app_2  {
		background: center no-repeat;
		background-size: cover;
		min-height: 200px;
	} 
	
	.app_1 {
		background-image: url('/gfx/app_1.png');
	}
	
	.app_2 {
		background-image: url('/gfx/app_2.png');
	}
	
	.subpage.error404 {
    	padding: 90px 0;
		display: block;
		min-height: auto;
		line-height: normal;
		max-height: none;
	}
	
	#menopauza section[data-id="3"] {
		background: none;
		padding-top: 0;
	}
	
	.advantage-list li {
		font-size: 18px;
	}
	
	#menopauza .last-p {
		margin-bottom: 0;
	}
	
	#czerwona_koniczyna section[data-id="3"] {
		background: none;
	}
}
@media screen and (max-width: 576px) {

	.symptoms p {
		text-align: center;
	}
	.symptoms .row {
		margin: 40px 0;
	}
	img[src*="_banner"] {
		right: auto;
		width: auto;
		height: 600px;
		margin: 0 auto;
		display: block;
		right: 90%;
	}
	#test .questions {
		margin-bottom: 0;
	}
	#test .ans {
		max-width: 172px;
		min-width: 100px;
		min-height: 68px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
	}
	#faq div#questions {
		margin-left: 0;
	}
	#czerwona_koniczyna section[data-id="3"] >.adv {
		padding: 90px 10px;
	}
	img[src*="packshot"]{
		width: 100% !important;
	}
	h2, 
	*:not(.text_area) > p:not(.note), 
	p:not(.note), 
	label {
    	padding: 0 10px;
	}
	.subpage section[data-id="2"], 
	.subpage section[data-id="3"], 
	.subpage section[data-id="4"], 
	.subpage section[data-id="5"] {
		min-height: auto;
	}
	#o_produkcie section[data-id="2"] {
		padding: 10px 0;
	}
	#faq section[data-id="2"] {
    	padding: 0;
	}
	#faq div#questions {
		padding-left: 10px;
	}
	#faq p.answer {
		padding: 10px !important;
	}
	#czerwona_koniczyna section[data-id="2"] {
		padding: 0;
	}
	#o_produkcie img[src*="flower_2"] {
		bottom: 0;
	}
	#o_produkcie img[src*="o_produkcie_banner"],
	img[src*="faq_banner"] {
		opacity: 0;
	}
	#o_produkcie section[data-id="1"],
	#faq section[data-id="1"] {
		background-color: #E9CEDA;
	}
	
	.footer {
		padding: 0 10px;
	}
	[data-elem*="5"] .row.dflex [class*="col"] {
		display: block;
	}
	[data-elem*="5"] [class*="col"] p {
	    margin: 20px auto 50px;
	}
	[data-elem="5"] .text_area {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		background-color: #1C9351;
		padding: 20px 10px;
		left: 0;
	}
	[data-elem*="5"] img[src*="app_6"] {
    	margin-top: 50px;
	}
	
	.error404 h2 {
    	font-size: 50px;
	}
	.error404 p {
    	font-size: 25px;
	}
	.error404 a {
    	font-size: 15px;
	}
}
@media screen and (max-width: 480px) {
	.text_area {
    	max-width: 150px;
	}
	img.dr_app {
		max-width: 80px;
	}
	[data-elem="2"] > p,
	[data-elem="3"] > p, 
	[data-elem="4"] > p, 
	.subpage section[data-id="4"] p,
	#home section[data-id="4"] h2,
	#test h2, #test p {
    	text-align: left;
	}
	img[src*="_banner"] {
		width: 100%;
		height: auto;
		right: 0;
		opacity: 1;
	}
	section[data-id="1"] {
		position: relative;
	}
	.subpage#kontakt .contener {
		position: relative;
	}
	.subpage#kontakt section[data-id="1"] h2 {
		margin-top: 15px;
		margin-left: 0;
	}
	.subpage#kontakt img[src*="_banner"] {
		display: none;
	}
	.subpage#kontakt section[data-id="1"] h2 {
		color: #CE0671 !important;
	}
	#o_produkcie img[src*="packshot_shadow"], 
	#home img[src*="packshot_shadow"] {
		margin: 0 auto;
	}
	.subpage h2 {
		margin: 20px 0;
	}
	img[src*="wykres3"], 
	img[src*="910"] {
    	width: 86%;
	}
	.subpage {
		margin-top: 95px;
	}
	#kontakt section[data-id="1"] {
		min-height: 80vh;
	}
	#kontakt .text_area {
		max-width: 100%;
	}
	#kontakt .text_area > p {
		font-size: 19px !important;
	}
}