/*-------------------------------------------------*/
/*           Responsive part                       */
/*-------------------------------------------------*/

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

	/* width: 340px; */

	.container {
		min-width: 320px;
		max-width: 540px;
	}


	/*
		telo
		telo
		telo
	*/

	.telo-obsah.chranime-vas-priestor #chranime-vas-priestor,
	.telo-obsah.ponukame-sluzby #ponukame-sluzby {
		width: 100%;
	}

	.nasi-partneri #nasi-partneri LI {
		width: 140px;
		padding-top: 55px;
	}

	.telo-obsah:nth-last-of-type(2) {
		/* padding-bottom: calc(50px + 45px + 350px); */
		padding-bottom: calc(45px + 350px);
	}

	/* submenu */
	.telo-obsah.submenu {
		padding-bottom: calc(30px + 45px + 350px);
	}

	.telo-obsah.submenu #submenu LI.uroven1 {
		width: 100% !important;
	}

	/*
		telo
		telo
		telo
	*/



	/*
		hlavne-menu
		hlavne-menu
		hlavne-menu
	*/

	#hlavne-menu {
		top: 25px;
		top: 30px;
	}

	#hlavne-menu-nav {
		background-color: var(--zvyraznenie);
		border-radius: 0.25rem;
		border-radius: 0;
	}

	#hlavne-menu .navbar-toggler {
		border-radius: 0;
	}

	#hlavne-menu .nav-link.current,
	#hlavne-menu .nav-link:hover {
		border-bottom: none;
		text-decoration: underline;
	}

	/*
		hlavne-menu
		hlavne-menu
		hlavne-menu
	*/



	/*
		nadpis / nadpis-path
		nadpis / nadpis-path
		nadpis / nadpis-path
	*/

	#nadpis H2 {
		font-size: 1.1em;
	}

	#nadpis-path {
		background-image: linear-gradient(transparent, transparent calc(100% - 46px), var(--tmava-svetla) calc(100% - 46px), var(--tmava-svetla));
		display: block;
	}

	#nadpis-path>SPAN {
		width: 100%;
		margin-right: 0;
		padding-bottom: 8px;
	}

	A#nadpis-path-back {
		width: 100%;
		line-height: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 8px;
	}

	A#nadpis-path-back>SPAN {
		width: 70px;
		margin-left: auto;
		margin-right: auto;
	}

	A#nadpis-path-back SPAN SPAN:nth-of-type(1) {
		display: none;
	}

	/*
		nadpis / nadpis-path
		nadpis / nadpis-path
		nadpis / nadpis-path
	*/



	/*
		login / lostpass / chpasswd
		login / lostpass / chpasswd
		login / lostpass / chpasswd
	*/

	#login #pomocny DIV#form-obal,
	#lostpass #pomocny DIV#form-obal,
	#chpass #pomocny DIV#form-obal {
		width: 100%;
	}

	#login #pomocny DIV#form-obal LABEL,
	#lostpass #pomocny DIV#form-obal LABEL,
	#chpass #pomocny DIV#form-obal LABEL {
		float: none;
		width: 100%;
	}

	#login #pomocny DIV#form-obal INPUT,
	#lostpass #pomocny DIV#form-obal INPUT,
	#chpass #pomocny DIV#form-obal INPUT {
		width: 100%;
	}

	/*
		login / lostpass / chpasswd
		login / lostpass / chpasswd
		login / lostpass / chpasswd
	*/



	/*
		pata
		pata
		pata
	*/

	#pata {
		height: calc(45px + 350px);
	}

	/*
		pata
		pata
		pata
	*/


	/*
		system-menu
		system-menu
		system-menu
	*/

	#system-menu A {
		padding-right: 0.37rem;
		padding-left: 0.37rem;
	}

	#system-menu A#system-menu-home SPAN:after,
	#system-menu A#system-menu-login SPAN:after,
	#system-menu A#system-menu-mapa SPAN:after {
		content: '';
	}

	/*
		system-menu
		system-menu
		system-menu
	*/


	/*
		pata-lava
	*/

	#pata-lava {
		float: none;
	}

	/*
		pata-lava
	*/


	/*
		pata-prava
	*/

	#pata-prava {
		float: none;
	}

	/*
		pata-prava
	*/


	/*
		pata-dokumenty
	*/

	#pata-dokumenty {
		float: none;
		margin-top: 30px;
		margin-left: 0;
		padding-top: 20px;
		padding-left: 0;
	}

	#pata-dokumenty::before {
		display: block;
		left: 15px;
		top: 0;
		width: calc(100% - 30px);
		height: 1px;
	}

	/*
		pata-dokumenty
	*/


	/*
		pata-pocitadlo
	*/

	#pata-pocitadlo {
		float: none;
		margin-top: 30px;
		margin-left: 0;
		padding-top: 20px;
		padding-left: 0;
	}

	#pata-pocitadlo::before {
		left: 15px;
		top: 0;
		width: calc(100% - 30px);
		height: 1px;
	}

	/*
		pata-pocitadlo
	*/



	/*
		kontaktny-formular
		kontaktny-formular
		kontaktny-formular
	*/

	#kontaktny-formular .box:nth-last-of-type(2),
	#kontaktny-formular .box:nth-last-of-type(1) {
		float: none;
	}

	#kontaktny-formular LABEL {
		float: none;
		width: 100%;
	}

	#kontaktny-formular INPUT,
	#kontaktny-formular TEXTAREA {
		float: none;
		width: 100%;
	}

	#kontaktny-formular INPUT#frm_kontrola {
		width: 100%;
	}

	#kontaktny-formular INPUT[type="submit"],
	#kontaktny-formular #back-btn {
		margin-left: auto;
	}

	/*
		kontaktny-formular
		kontaktny-formular
		kontaktny-formular
	*/



	/*
		administracia
		administracia
		administracia
	*/

	#admin #form-obal>DIV LABEL {
		float: none;
		width: 100%;
	}

	#admin #form-obal>DIV INPUT,
	#admin #form-obal>DIV SELECT,
	#admin #form-obal>DIV TEXTAREA {
		width: 100%;
	}

	#admin #form-obal>DIV>DIV.alergen {
		padding-left: 0;
	}

	#admin #form-obal>DIV>DIV INPUT,
	#admin #form-obal>DIV>DIV SELECT {
		width: 100%;
	}

	/*
		administracia
		administracia
		administracia
	*/

}