/*MEDIA QUERIES*/						
@media (max-width: 1366px) {						
						
}						
						
/*						
##Device = Laptops, Desktops						
##Screen = B/w 1025px to 1280px						
*/						
						
@media (min-width: 1025px) and (max-width: 1280px) {						
						
						
}						
						
/*						
##Device = Tablets, Ipads (portrait)						
##Screen = B/w 768px to 1024px						
*/						
						
@media (min-width: 768px) and (max-width: 1024px) {						
						
						
						
}						
						
/*						
##Device = Tablets, Ipads (landscape)						
##Screen = B/w 768px to 1024px						
*/						
						
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {						
						
						
						
}						
						
/*						
##Device = Low Resolution Tablets, Mobiles (Landscape)						
##Screen = B/w 481px to 767px						
*/						
						
@media (max-width: 767px) {						
	.date{
		width:100%;
		margin-top: 10px;
	}		

	.innercontent {
	    border-radius: 8px;
	    padding: 10px !important;
	    margin-bottom: 50px;
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	}		

	.header-menu .container {
    	font-size: 14px !important;
    	line-height: 14px !important;
    	text-align: center !important;
	}	

	.header-menu .container .align-self-center{
		align-self: auto !important;
    	vertical-align: top !important;
	}

	.header-menu .container .align-self-center img {
    padding-bottom: 7px !important;
	}

	/* Kalendár si polohu počíta sám (JS ho posadí pod pole s dátumom),
	   na mobile mu len zmenšíme odsadenie, aby sa zmestil. */
	.daterangepicker{
		padding: 15px;
		margin-left:0 !important;
		max-width: calc(100vw - 16px);
	}

	.daterangepicker .calendar-table td,
	.daterangepicker .calendar-table th{
		padding: 6px !important;
	}

	.responsivecenter{
		text-align:center !important;
	}

	/* Výber skladu: názov a cena sa na mobil nezmestia vedľa seba – dáme ich
	   pod seba na stred a zmenšíme veľký nadpis. */
	.storage .row > .col,
	.storage .row > .col-auto,
	.storage .row > .col.alignright,
	.storage .row > .col-auto.alignright{
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center !important;
	}

	/* Východisková veľkosť na mobile; JS ju ešte môže zmenšiť, ak treba.
	   (Rámček je inline-block už v style.css pre všetky šírky.) */
	.storage .skladtitle{
		--skladtitle-size: 30px;
	}

	.addedservices span {
    	font-size: 13px;
	}
}						
						
/*						
##Device = Most of the Smartphones Mobiles (Portrait)						
##Screen = B/w 320px to 479px						
*/						
						
@media (max-width: 420px) {						
				
}						
/*MEDIA QUERIES - END*/