/* Small only < 640 */
@media screen and (max-width: 39.9375em) {
	.desktop {
		display: none !important;
	}
	.mobile {
		display: block !important;
	}
	#spinner_master_container {
		display: block;
	}
	nav {
		position: absolute;
		top: 60px;
		width: 100%;
		margin: 0;
		z-index: 100;
		left: calc(100% + 1.25rem);
		transition-duration: 0.5s;
		background: #fff;
	}
	nav.visible {
		left: 0%;
		transition-duration: 0.5s;
	}
	nav ul {
		width: 100%;
	}
	nav ul li {
		width: 100%;
		margin: 0;
	}
	nav ul li a {
		width: 100%;
		text-align: left;
		font-size: 1rem;		
	}	
	nav ul li a::before {
		width: 0.625rem;
		height: 40px;
		z-index: 0;
	}
	nav ul li a:hover::before, nav ul li.is-active a::before, .menu .active > a::before {	
		height: 40px;
		width: 1.25rem;
	}
	.news_text, .content_text {
		padding: 0.9375rem;
	}
	#lijecnica a {
		font-size: 0.6rem;
		padding-top: 0.1rem;
	}
	#lijecnica a strong {	
		font-size: 1rem;
		margin: -0.2rem auto 0.2rem auto;
	}
	#lijecnica a strong:last-child {	
		font-size: 0.8rem;
		margin: -0.3rem auto 0 auto;
	}
	#pedagoska_sluzba a {
		font-size: 0.7rem;
		padding-top: 2rem;
	}
	#pedagoska_sluzba a strong {	
		font-size: 1rem;
	}
	#savjeti a {		
		font-size: 0.7rem;
	}
	#savjeti a p {
		bottom: 0.3rem;
	}
	.info_box {
		width: 70%;
	}
	.info_box h4 {
		font-size: 3rem;
	}
	.jelovnik_slide_datum h3 {
		padding: 6rem 0 0 0;
	}	
	.jelovnik_slide_text h4 {
		padding: 1rem 0 1.5rem 0;
	}
	#jelovnik h2::after {
		margin: 0 -0.9375rem 0 0;
	}
	.skolski_sat h3 {
		font-size: 1.5rem;
	}
	.skolski_sat p {
		font-size: 1.1rem;
	}
	.skolski_sat p span {
		display: block;
	}
	thead th, tbody td {
		padding: 0.5rem 0.3125rem 0.3125rem;
	}
	.content table .h3 {
		font-size: 1.1rem;
	}
	.content table .h4 {
		font-size: 1rem;
	}
	.table_container {
		overflow-x: auto;
  		-webkit-overflow-scrolling: touch; /* Za bolju podršku na mobilnim uređajima */
		padding: 0;
	}
	#informacije table thead tr th:nth-child(4), #informacije table thead tr th:nth-child(5) {
		min-width: 107px;
	}
	table.dopunski_rad {
		min-width: 200%;
	}
}

/* Medium only > 640 < 1024 */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.desktop {
		display: none !important;
	}
	.mobile {
		display: block !important;
	}
	#spinner_master_container {
		display: block;
	}
	nav {
		position: absolute;
		top: 60px;
		width: 100%;
		margin: 0;
		z-index: 100;
		left: calc(100% + 1.25rem);
		transition-duration: 0.5s;
		background: #fff;
	}
	nav.visible {
		left: 0%;
		transition-duration: 0.5s;
	}
	nav ul {
		width: 100%;
	}
	nav ul li {
		width: 100%;
		margin: 0;
	}
	nav ul li a {
		width: 100%;
		text-align: left;
		font-size: 1rem;		
	}	
	nav ul li a::before {
		width: 0.625rem;
		height: 40px;
		z-index: 0;
	}
	nav ul li a:hover::before, nav ul li.is-active a::before, .menu .active > a::before {	
		height: 40px;
		width: 1.25rem;
	}
	
	.info_box {
		width: 70%;
	}
	.info_box h4 {
		font-size: 3rem;
	}
	.skolski_sat p span {
		display: block;
	}
}