/* Prilagoditev strani za tablice in telefone.
   Namizni prikaz ostane enak, spodnja pravila veljajo le za zaslone do 1024px. */

.main {
	width: auto;
	max-width: 1350px;
}

.mobile-nav-toggle {
	display: none;
}

@media screen and (max-width: 1024px) {

	body {
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}

	img, iframe {
		max-width: 100%;
	}

	/* glava */
	.main {
		width: auto;
	}
	.header {
		display: block;
		float: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	.logo {
		float: none;
		width: auto;
		margin: 0;
		padding: 14px 70px 6px 16px;
	}
	.logo h1 {
		margin: 0;
		font-size: 28px;
		line-height: 1.2;
	}
	.logo h1 font[size] {
		display: block;
		font-size: 19px;
	}

	/* vsebina: namesto vodoravnega drsnika ena stolpčna postavitev */
	#caruselWrapper {
		float: none !important;
		height: auto !important;
		overflow: visible !important;
	}
	.bigCarusel {
		position: static;
		width: auto;
	}
	.bigCarusel li {
		float: none;
		width: auto;
		height: auto;
		padding: 0;
	}
	.bigCarusel li#sectionfake {
		display: none !important;
	}
	.bigCarusel > li > .content {
		float: none;
		width: auto;
		min-height: 0;
		margin: 12px;
		padding: 16px;
		box-sizing: border-box;
		background: rgba(250, 248, 244, 0.94);
		border-radius: 8px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
		overflow: hidden;
	}
	.contentPresentation, .contentRazstave, .contentTehnika, .contentGallery, .contentNaProdaj {
		float: none;
		width: auto;
		height: auto;
		margin: 0;
		overflow: visible;
	}
	.content img {
		height: auto !important;
	}
	.content p img[style*="float"], .content img[align] {
		float: none !important;
		display: block;
		margin: 0 auto 12px !important;
	}
	.content table {
		max-width: 100%;
	}
	.content [style*="justify"] {
		text-align: left !important;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 19px;
	}

	/* naslovnica */
	.contentLeft, .contentRight, .intro {
		float: none;
		display: block;
		width: auto;
		height: auto;
		margin: 0;
	}
	.contentLeft {
		max-width: 410px;
		margin: 0 auto 12px;
	}
	.pictureframe {
		float: none;
	}
	.Gallerymenu {
		position: static;
		max-width: 100%;
		margin: 16px auto 0;
	}

	/* galerija in slike na prodaj */
	.contentGallery, .contentNaProdaj {
		text-align: center;
	}
	.contentGallery a.lightview, .contentNaProdaj a.lightview {
		display: inline-block;
		width: calc(50% - 8px);
		margin: 3px;
		vertical-align: middle;
	}
	.contentGallery a.lightview img, .contentNaProdaj a.lightview img {
		display: block;
		width: 100%;
	}
	.GoogleLikeForms {
		margin-bottom: 6px;
	}

	/* razstave */
	#pdgallery {
		width: 100%;
	}
	#pdgallery li {
		height: auto !important;
	}
	#pdgallery li a {
		height: auto;
		overflow: hidden;
		padding: 6px 0;
	}
	#pdgallery b {
		margin-left: 95px;
		font-size: 1em;
	}
	#pdgallery h3 {
		margin: 0 0 6px;
		font-size: 17px;
	}

	/* kontakt: obrazec in naslov drug pod drugim */
	#sectionContact table, #sectionContact tbody, #sectionContact tr, #sectionContact td {
		display: block;
		width: auto !important;
	}
	#sectionContact iframe {
		width: 100%;
		height: 560px;
	}
	#sectionContact td {
		padding-bottom: 12px;
	}

	/* noga */
	.footer {
		top: 0;
		padding: 12px 16px 24px;
		box-sizing: border-box;
	}
	.footer p, .footer a {
		line-height: 1.8;
	}

	/* obvestilo o piškotkih čez celo širino */
	#cookielaw {
		width: 100% !important;
		height: auto !important;
		padding: 8px 0;
		z-index: 900;
	}
	#cookielaw table {
		width: 100% !important;
		padding-top: 0 !important;
	}
	#cookielaw td {
		width: auto !important;
		padding: 4px 8px !important;
	}
	#cookielaw img {
		max-width: none;
	}

	/* mobilni meni: levi meni se odpre z gumbom v desnem zgornjem kotu */
	.mobile-nav-toggle {
		display: block;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 1001;
		width: 46px;
		height: 46px;
		padding: 0;
		border: 1px solid #ccc;
		border-radius: 6px;
		background: #5F3315;
		cursor: pointer;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	}
	.mobile-nav-toggle span {
		display: block;
		width: 22px;
		height: 2px;
		margin: 5px auto;
		background: #fff;
		transition: transform 0.2s, opacity 0.2s;
	}
	.nav-open .mobile-nav-toggle span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}
	.nav-open .mobile-nav-toggle span:nth-child(2) {
		opacity: 0;
	}
	.nav-open .mobile-nav-toggle span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}
	#feedbackallbtns.quickAccess_holder {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0;
		left: auto !important;
		z-index: 1000;
		width: 240px !important;
		padding-top: 66px;
		overflow-y: auto;
		background: rgba(45, 22, 8, 0.97);
		box-shadow: -2px 0 12px rgba(0, 0, 0, 0.4);
		visibility: hidden;
		transform: translateX(100%);
		transition: transform 0.25s ease, visibility 0.25s;
	}
	.nav-open #feedbackallbtns.quickAccess_holder {
		visibility: visible;
		transform: none;
	}
	#feedbackallbtns ul, #feedbackallbtns ul li {
		width: 100% !important;
	}
	#feedbackallbtns ul li a {
		width: auto !important;
		height: 46px;
		margin: 0 0 1px !important;
		border-radius: 0 !important;
		font-size: 16px;
		line-height: 46px;
	}
}