@media (max-width: 1680px) and (min-height: 600px) {
    .content01 .col-md-4 img[src$=".png"] {
        height: 40vh;
        margin-left: 25%;
    }
}

@media (min-width: 2600px) {
	
}

@media (max-width: 1730px) {
	
}

@media (max-width: 1600px) {
	h1 {font-size: 45px;}
	header .container {max-width: 100%;}
	header .nav-item {padding: 0 10px;}
	.content18 h2 {font-size: 28px;}
	.radiocheck {width: 90%;}
	.content0401 {right: -10%;}
	
	.questionnaires h3 {
		font-size: 22px;
		margin: 0 0 5px 0;
	}
	.radiolabel span strong {font-size: 16px;}
	.radiocheck {margin-bottom: 4px;}
	.questionnaires {
		margin: 5px 0 20px 0;
		padding: 20px;
	}
	footer .col-md-4.order-md-1 img {transform: translate(8%,0);}
	.ipss-table .uro-table table td {font-size: 12px;}
}
@media (max-width: 1440px) {
	h1 {font-size: 40px;}
	h2 {font-size: 32px;}
	h4 {font-size: 17px;}
	header .nav-item {padding: 0 5px;}
	.logo {
		top: 10px;
		background-size: 200px auto;
		padding: 20px 0 0 210px;
	}
	.content0301 ul {font-size: 14px;}
	.content0301 ul li a {padding: 3px 8px;}
	.content0401 {right: -13%;}
	.content08 .col-md-4 span {
		width: 40px;
		height: 40px;
	}
	.content1102 .col-md-7 p {font-size: 18px;}
	.slider-vysetreni {padding: 50px 85px;}
	.content12 .slick-arrow {
		width: 40px;
		height: 40px;
		top: calc(50% - 20px);
		left: 25px;
	}
	.content12 .slick-arrow::before {
		top: 13px;
		left: 13px;
	}
	.content12 .slick-arrow.slick-next {right: 25px;}
	.content13 .col-md-4.offset-md-1.align-self-center {
		margin-left: 5%;
		width: 42%;
	}
	.content1501 h2 {font-size: 20px;}
	.content1501 p {font-size: 17px;}
	.content1501 .btn01 {padding: 12px 15px;}
	.content150103 {min-height: 127px;}
	.smiles img {width: 20px;}
	
	.gender2 .my-results ul li:nth-child(2) a em:last-child {margin: 0 5px;}
	.gender2 .my-results ul li:nth-child(2) a em:nth-child(2) {margin-left: 16%;}
	
}
@media only screen and (max-width: 1360px) {
	.content0401 {right: -30%;}
}
@media only screen and (max-width: 1320px) and (orientation : landscape) {
	.hamburger {top: 35px;}
	header .navbar-nav {margin-top: 60px;}
	header .nav-item:last-child {padding: 5px;}
	.content01 .col-md-4 img[src$=".png"] {height: auto;}
}

@media only screen and (min-width : 508px) and (max-width : 1000px) {
	.content0401 img {height: auto;}
	.content0401 {
        width: 70%;
		right: -20%;
    }
}

/* iPad landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1180px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	.button-set, .button-set div {padding-top: 15px;}

}

/* ipad portrait ----------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	header .nav-item {padding: 0 1px;}
	header .nav-item:last-child {padding: 0 0 0 5px;}
	header .nav-link {font-size: 12px;}
	 .logo {
		 top: 13px;
		 background: url(../images/logo.svg) no-repeat top left;
		 background-size: 180px auto;
		 padding: 30px 0 5px 0;
		 width: 200px;
		 font-size: 0;
	}
	.content01 {padding: 10vh 0 50px 0;}
	.content01 .col-md-4.offset-md-1.order-md-0 {
		margin: 0;
		width: 40%;
	}
	.content01 .col-md-4 img[src$=".png"] {
		height: 60vh;
		max-width: none;
	}
	.button-set div:first-child {padding-right: 10px;}
	.btn01, .btn02 {padding: 12px 15px;}
	.button-set div span {
		font-size: 11px;
		padding: 6px 10px;
	}
	.content01-nfo {
		top: auto;
		bottom: -70px;
		right: 200%;
	}
	.content02 .col-md-8 {width: 80%;}
	.content03 .col-md-10 { width: 100%;}
	.content03 .container > .row:not(.content0304) > .col-md-6 {width: 70%;}
	.content0301 ul {font-size: 12px;}
	.content0301 h4 {
		font-size: 16px;
		min-height: 200px;
	}
	.white-blur {
		padding: 0 30px 10px 30px;
		width: 94%;
	}
	.orange-light {padding: 60px 40px 50px 40px;}
	.content03 .col-md-4 p br {display: none;}
	.content0304 .col-md-6::before {
		top: -30px;
		bottom: 0;
	}
	.content04 {font-size: 14px;}
	.content0401 {
		right: -20%;
		height: 78%;
	}
	.content05 {padding: 50px 0;}
	.slider-pomohli {margin: 0;}
	.slider-pomohli .col-md-3 {padding: 20px;}
	footer .col-md-10 {width: 70%;}
	footer .col-md-2 {width: 30%;}
	footer .btn01, footer .btn02 {font-size: 12px;}
	.content0801 > div {margin: 0 0 15px 0;}
	.content06 {padding: 12vh 0 100px 0;}
	.content10 {padding: 10vh 0 60px 0;}
	.content11 {padding: 10vh 0 80px 0;}
	.content11 .col-md-6 {width: 80%;}
	.button-set, .button-set div {padding-top: 15px;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 900px) and (orientation : portrait) {

}
	
/* mobile landscape ----------------------------------- */
@media (min-width: 481px) and (max-width: 896px) and (max-height: 540px) and (orientation: landscape) {
/*	body {
		height: 100vh !important;
		overflow: hidden;
	}
	.landscape {
		display: block !important;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		z-index: 40;
		text-align: center;
	}
	.landscape h6 {
		font-size: 26px;
		font-weight: 400;
		width: 100%;
		position: absolute;
		transform: translate(0,-50%);
		top: 50%;
		left: 0;
		color: #FC6803;
	}*/

}

/* mobile portrait ----------------------------------- */
@media(max-width:480px) and (orientation : portrait) {
	    h1 {font-size: 34px;}
	    h2 {font-size: 28px;}
	    h4 {font-size: 20px;}
	.ticker span, .logo br, .content0304 p br {display: none;}
	.logo {
        top: auto;
		left: auto;
		position: relative;
		background: url("../images/logo.svg") no-repeat top left;
        background-size: 210px auto;
        padding: 38px 0 0 0;
		width: 210px;
		margin-top: 15px;
    }
	.navbar-nav {margin-top: 40px;}
	header .nav-item, header .nav-item:last-child {padding: 8px 30px;}
	header .nav-item:nth-last-child(2) {
		padding-top: 15px;
		text-align: center;
	}
	header .nav-item:last-child {text-align: center;}
	header .nav-item:nth-last-child(2) .nav-link {
		background: url(../images/ico01.svg) no-repeat center left 30%;
		background-size: 14px auto;

	}
	header.muj-ucet-user .nav-item:nth-last-child(2) {
        padding-top: 8px;
        text-align: left;
    }
	header.muj-ucet-user .nav-item:nth-last-child(2) a {padding-left: 0 !important;}
	header.muj-ucet-user .nav-item:last-child {display: none;}
	
	.scroll-down header {top: -150px;}
	.content01 {padding: 20vh 0 20px 0;}
	.content01 .col-md-4 img[src$=".png"] {
		height: 40vh;
		margin-left: 25%;
	}
	.drop01 {
		width: 120px;
		top: 10vh;
		left: 13%;
	}
	.drop02 {
		width: 50px;
		top: 9vh;
		left: 3%;
	}
	.drop03 {
		width: 27px;
		top: 3vh;
		left: 15%;
	}
	.content01 .col-md-4 {text-align: center;}
	.button-set div {
		width: 100%;
		padding-right: 0 !important;
	}
	.button-set .btn01 {width: 100%;}
	.button-set .btn02 {
		width: 100%;
		margin: 20px 0;
	}
	.content01-nfo {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		margin-top: 50px;
	}
	.content02::before {
		top: 110px;
		bottom: 0;
	}
	.content02-nfo div {
		text-align: center;
		padding: 20px 0 0 0;
	}
	.content02-nfo span {
		width: 100%;
		padding-top: 25px;
	}
	.content02-nfo .btn03 {
		width: 100%;
		text-align: center;
		background: url(../images/ico03.svg) no-repeat center left 22%;
    	background-size: 14px auto;
	}
	.content0301 {padding-top: 10px;}
	.content0301 ul {padding-bottom: 25px;}
	.orange-light {
		padding: 40px 10px 10px 10px;
		margin: 20px -20px;
		border-radius: 0;
	}
	.content0302 img {
    	bottom: auto;
		top: 110px;
		height: auto;
		width: 90%;
	}
	.orange-light h2 {margin-bottom: 240px;}
	.white-blur {
		padding: 0 20px 20px 20px;
		width: 94%;
		margin-bottom: 20px;
		height: auto;
	}
	.content03 .btn02 {margin-bottom: 0;}
	.content0304 {
		padding-top: 60px;
		text-align: center;
		position: relative;
		padding-bottom: 140px;
	}
	.navod::before {left: 23%;}
	.content0304 .col-md-6 {margin: 70px 0 50px 0;}
	.content0304 .col-md-6::before {bottom: 130px;}
	.content0304 .col-md-4 > div {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.content0304 .col-md-4 > h2 + div + div {bottom: -95px;}
	.content0304 .col-md-4 {
		transform: none !important;
		display: block !important;
	}
	.content0304 .btn02 {width: 94%;}
	.content04 {text-align: center;}
	.content0401 {
		position: relative;
		right: auto;
		bottom: auto;
		height: auto;
		margin-bottom: 50px;
	}
	.content0401::after {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 50%;
		background: linear-gradient(rgba(255,242,234,0), rgba(255,242,234,1));
	}
	.content04 .container {padding: 40px calc(var(--bs-gutter-x)* .5);}
	.content0401 img {height: auto;}
	.content0401 span {
		text-align: center;
		bottom: -30px;
		right: 50%;
		transform: translate(50%,0);
		z-index: 3;
		width: 64%;
	}
	.content05 {padding: 50px 0;}
	.content05 .row.slider {margin: 0;}
	footer {
		padding: 50px 0 20px 0;
		font-size: 14px;
	}
	footer .col-3 img {transform: scale(1.2) translate(5px,10px);}
	footer .col-6 ul {padding: 10px 0 40px 0;}
	footer .button-set {
		position: absolute;
		top: 380px;
		left: 15px;
		right: 15px;
	}
	footer .button-set .btn02 {margin-bottom: 0;}
	footer .col-9 {padding-bottom: 250px;}
	footer .col-md-8 ul {text-align: center;}
	footer .col-md-8 li {padding: 8px 20px;}
	footer .col-md-10 p {
		text-align: center;
		padding: 0 8px;
	}
	footer .col-md-2 {text-align: center;}
	.content06 {padding: 20vh 0 200px 0;}
	.content0601 .video {
		transform: translate(-50%, -10%);
		width: 65%;
	}
	.content07 {padding: 40px 0;}
	.content07 ol li::before {
		top: 20px;
		transform: translate(0, 0);
	}
	.content07 ol li {
		padding: 110px 8% 20px 8%;
		background: #fff url(../images/ico14.svg) no-repeat top 20px right 8%;
		background-size: auto 70px;
	}
	.content07 ol li:nth-child(2) {background-position: top 20px right 3%;}
	.content07 ol li:nth-child(3) {background-position: top 20px right 8%;}
	.content08 {padding: 60px 0;}
	.content08 h2, .content08 p {text-align: center;}
	.content08 .col-md-4:not(.align-self-center) {transform: scale(.8) !important;}
	.content0801 > div {margin: 0 0 15px 0;}
	.content09 .accordion-button {
		font-size: 18px;
		padding: 20px 20px 20px 60px;
	}
	.orange-light.content0302.nomarg {margin-bottom: -100px;}
	.content10 {padding: 20vh 0 0 0;}
	.content11 {padding: 20vh 0 80px 0;}
	.content05 .row.justify-content-center {margin: -20px calc(-.5* var(--bs-gutter-x));}
	.col-md-10 .content0501 {
		width: 100%;
		margin-bottom: 15px;
		overflow: hidden;
	}
	.col-md-10 .content0501 img {
		aspect-ratio: 3 / 4;
		border-radius: 0;
	}
	.col-md-10 .content0501::after {
		right: 0;
		height: 80%;
		width: 100%;
		background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
		border-radius: 0;
	}
	.col-md-10 .content0502 {
		width: 100%;
		left: 0;
		bottom: 0;
		transform: translate(0,0);
		color: #fff;
		font-size: 14px;
	}
	.col-md-10 .content0502 p {-webkit-line-clamp: 4;}
	.col-md-10 .content0502 span {
		color: #000;
		background: #fff;
	}
	.slider-vysetreni {
		padding: 25px 25px 0 25px;
		margin-bottom: 60px;
	}
	.content12 .slick-arrow {
		top: 25px;
		left: 25px;
	}
	.content12 .slick-arrow.slick-next {right: 25px;}
	.slider-vysetreni .col-md-6 img {margin-top: 70px;}
	.slider-vysetreni .col-md-6 > span {
		font-size: 18px;
		padding: 8px 20px;
		left: 50%;
		transform: translate(-50%,0);
	}
	.slider-vysetreni h3 {margin: 20px 0 10px 0;}
	.content13 .col-md-10 > .row { margin: 0 calc(-.5* var(--bs-gutter-x));}
	.content13 .col-md-4.offset-md-1.align-self-center, .content13 .col-md-5 {
		margin-left: 0;
		width: 100%;
		padding: 15px;
		text-align: center;
	}
	.content1302 {
		padding: 100px 10% 30px 12%;
		font-size: 20px;
	}
	.content1302::before {
		font-size: 120px;
		left: 11%;
		line-height: 100px;
	}
	.content1401 {
		margin-bottom: 15px;
		min-height: auto;
	}
	.content10 .col-md-12 {padding-top: 20px;}
	.content1001 {
		padding: 30px 15px 10px 15px;
		margin: 30px 0;
	}
	.content1002 {min-width: 100%;}
	.content10 .col-md-6 > .row {
		padding-top: 0;
		text-align: center;
	}
	
	.content15 .tab-content .col-md-4:nth-child(2), .content15 .tab-content .col-md-4:nth-child(3) {
		display: none;
		opacity: 0;
	}
	.content15 .tab-content .col-md-4.active.show:nth-child(2), .content15 .tab-content .col-md-4.active.show:nth-child(3) {
		display: block;
		opacity: 1;
	}
	.content15 .nav-tabs {
		border: none;
		text-align: center;
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	.content15 .nav-tabs .nav-item {display: inline-block;}
	.content15 .nav-tabs .nav-link {
		border: none;
		font-size: 16px;
		font-weight: 600;
		color: #000;
		border-bottom: solid 2px transparent;
	}
	.content15 .nav-tabs .nav-link.active {border-bottom: solid 2px #FC6803;}
	.content10 .col-lg-12 p {
		font-size: 22px;
		margin-top: -10px;
	}
	.content10 .col-lg-8 {padding-bottom: 30px;}
	.modal-dialog {width: 96%;}
	.modal-content {padding: 15px;}
	.modal-dialog .close {height: 38px;}
	.modal-body {padding: 50px 0 0 0;}
	.modal-body-bg {
		width: 94%;
		padding: 15px;
	}
	.male, .female {font-size: 14px;}
	.male::before, .female::before {transform: scale(.8);}
	.male::before {left: -40px;}
	.female::before {right: -35px;}
	.account-approve {text-align: center;}
	.account-approve h2 {
		font-size: 26px;
		margin-top: 20px;
	}
	.account-home h2 {font-size: 22px;}
	.account-home li a {padding: 20px 90px 10px 20px;}
	.account-home li em {right: 20px;}
	.timeoutimg {
		width: 40%;
		margin: 0 auto;
	}
	.my-results, .my-results-nfo {text-align: center;}
	.my-results ul {
		margin: 0 -50px 10px -50px;
		width: 200%;
		transform: scale(.5) translate(-37%,0);
	}
	.content17 .accordion-body {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0;
	}
	.uro-alert-01 .col-md-6 {padding-top: 20px;}
	.my-results-nfo-02 {
		width: 100%;
		margin-bottom: 40px;
	}
	.micturition-card {text-align: center;}
	.micturition-card img {margin-bottom: 20px;}
	.content18 {padding: 15vh 0 0 0;}
	.questionnaires {padding: 20px;}
	.questionnaires h3 {font-size: 22px;}
	.questionnaires p {font-size: 20px;}
	.radiocheck {width: 100%;}
	.radiolabel span {width: 18%;}
	.radiolabel span + span {width: 82%;}
	.radiolabel span:first-child {
		padding-right: 10px;
		align-self: center;
	}
	.pagi li {width: 30px;}
	.ukoncit {font-size: 0;}

	.questionnaires h5 {font-size: 50px;}
	.questionnaires p .btn05, .questionnaires p .btn01 {
		margin: 10px 0;
		width: 100%;
	}
	.questionnaires-nfo {margin-bottom: 20px;}
	.my-results-nfo {padding: 20px;}
	.virtualcap01 {
		padding: 0 10% 10px 10%;
		margin-bottom: 20px;
	}
	.virtualcap01 canvas {margin-bottom: 0;}
	.virtualcap02 h6 {margin: 10px 0;}
	.virtualcap02 .checkbox {text-align: left;}
	
	.vt01 {
		order: 1;
		margin-top: 15px;
	}
	.vt02 {order: 0;}
	
	.content11 .content03 {padding: 10px 0;}
	footer .col-md-4.order-md-1 img {transform: translate(0,0);}
	footer hr {margin-top: 80px;}

}


/* tom 2025 ----------------------------------- */