/* #Media Queries
================================================== */


/* Bigger than standard 1366 (browsers) */
@media only screen and (min-width: 1366px) {
  #header #searchform #s {width: 6.3em;}
  #header #searchform #s.clicked {width: 12em;}
  .society .desc {font-size: 0.95em; text-align: center;}
  article.type-post iframe {width: 760px; height: 428px;}
}

/* Bigger than standard 1680 (browsers) */
@media only screen and (min-width: 1680px) {
	body {font-size: 18px; line-height: 26px;}
	#header {background-color: #fcfcfc; box-shadow: none;}
	#header h1 {width: 9.5em;}
	#header #searchform #s {font-size: 16px;}
	.link-table a.imglink {width: 31%;}
	.link-table a.imglink.second {margin-left: 1.5%;}
	article.type-post iframe {width: 920px; height: 518px;}
}


/* Smaller than standard 1280 ( browsers) */
@media only screen and (max-width: 1275px) {
	#nav > ul.main-menu > li {font-size: 1.15em;}
	#header .searcharea {padding: 0 1em 1em; box-sizing: border-box;}
	#header #searchform #s {
		display: block;
		margin: 5em 0 0 -3em;
		position: absolute;
		width: 6em;
		background: #fff;
		box-shadow: 0px 2px 7px #dcdcdc;
	}
	#header #searchform #s.clicked {width: 12em; margin-left: -9em;}
	.pictograms {width: 100%;}
}

/* Smaller than standard 1024px */
@media only screen and (max-width: 1024px) {
	#logo {margin-top: -0.5em;}
	#header h1 {width: 7em; margin: 0.5em 1em 0 0.3em;}
	#nav > ul.main-menu > li {font-size: 1.1em;}
	#nav ul.main-menu > li > ul.sub-menu > li > ul.sub-menu > li {line-height: 1.5;}
	#nav ul.main-menu > li > ul.sub-menu {padding: 10px 10px 10px 11em; background-position: 3em center;}
	#header .toggle-search {margin-top: 0.8em;}
	article .more {display: none;}
	article .toggle_text {display: inline-block;}
	td.varsymb {width: 20%;}
	.flexslider .desc p {white-space: normal;}
	.pictograms {flex-wrap: wrap;}
	.pictograms .society {width: 48%; padding: 1%;}
	.society .desc {text-align: center;}
	.small-sc-hide {display: none;}
	img.size-thumbnail {width: 125px; margin-right: 4px;}
	article.post-41582 iframe {height: 370px;}
	#katalog-view .matbox {width: 33%;}
	#vysedaru label {width: 100%; height: 37px;}
	
	#sidebar .widget-container .title {line-height: 1.4em; letter-spacing: 0;}
	table.prices td, table.livestats td {padding-right: 2px;}
	#footer .missio-family {bottom: 3px;}
	span.link-text {font-size: 1em;}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#header .searchbox {width: 95%; margin-left: 0;}
	#pagecontent, #right-column {width: 100%; padding: 0.5em; box-sizing: border-box;}
	#right-column {width: 100%; padding-left: 0; border-top: 3px double #aaa; border-left: none;}
	.pictograms .society {width: 41%; padding: 2% 4% 4%;}
	.society .desc {margin-bottom: 1em;}
	.widget_mfoto_widget img.nggwi {width: 19%;}
	article .toggle_text {
		display: inline-block;
		padding: 0.5em;
		background: #ededed;
		border: 1px solid #dedede;
		border-radius: 0.5em;
		box-shadow: 1px 2px 3px #ccc;
	}
	.main-order-data, .order-matthumbs, #dary-widget, #objbuttons {position: static; width: 100%;}
	.order-matthumbs {flex-wrap:wrap; margin-top: 0.75em;}
	.order-matthumbs img.attachment-thumbnail {width: auto; flex-basis: 100px;}
	#dary-widget {margin-top: 1em;}
	#vysedaru label, #zpusobdaru label {width: 31%; box-sizing: border-box;}
	#vysedaru #jinyDar label {width: 100%;}
	input#jdar:checked ~ #jinyDar {display: inline-block; width: 30%;}
	#zpusobdaru {display: flex; flex-wrap: wrap; justify-content: space-between;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 782px) and (max-width: 959px) {
	.flexslider-carousel ul.flex-direction-nav a.flex-prev {left: 20px;}
	.flexslider-carousel ul.flex-direction-nav a.flex-next {right: 20px;}
	.flexslider h3.slogan {font-size: 1.65em;}
	#header {padding-top: 0;}
	#main, #slider {top: 4em;}
	#logo {display: none;}
	#nav ul.main-menu > li > ul.sub-menu {
		padding-left: 9.5em; 
		background-position: 1.1em center; 
		background-size: 7.5em;
	}
	#nav ul.main-menu > li > ul.sub-menu > li {font-size: 0.875em;}
	#nav ul.main-menu > li.menu-item-has-children:hover > ul.sub-menu {height: 11em;}
	#nav ul.main-menu > li.menu-item-41453:hover > ul.sub-menu {height: 15em;}
	#nav ul.main-menu > li.menu-item-41255 > ul.sub-menu > li.menu-item-has-children,
	#nav ul.main-menu > li.menu-item-41693 > ul.sub-menu > li.menu-item-has-children,
	#nav ul.main-menu > li.menu-item-41595 > ul.sub-menu > li.menu-item-has-children {width: 40%;}
	#nav ul.main-menu > li.menu-item-41452 > ul.sub-menu > li.menu-item-has-children,
	#nav ul.main-menu > li.menu-item-41453 > ul.sub-menu > li.menu-item-has-children {width: 32%;}
	#nav ul.main-menu > li.menu-item-41453 > ul.sub-menu > li.menu-item-41610 {margin-left: -32%; }
	#nav ul.main-menu > li.menu-item-41453 > ul.sub-menu > li.menu-item-41612 {line-height: 1.5em;}
	#nav ul.main-menu > li.menu-item-41453 > ul.sub-menu > li.menu-item-41612 > ul {line-height: 2.5em; margin-top: 0.5em;}
	.link-table h3 {font-size: 1.2em;}
	iframe.videoframe {width: 763px; height: 430px;}
	#footer #footer1 {display: none;}
	#footer #footer2 {width: 32%; border-left: none;}
	#footer #footer3 {width: 36%;}
	#footer #footer4 {width: 31%;}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 782px) {
	/* layout */
	body.admin-bar #header {top: 0; position: relative;}
	#header {padding-top: 0;}
	body.menu-expanded #header {position: relative; top: 0;}
	body.menu-expanded #slider, body.menu-expanded #main {top: 0;}
	#slider, #main {top: 4em;}
	body.admin-bar #slider, body.admin-bar #main, body.admin-bar #footer {top: 0; margin-top: 0;}
	#main .container, #header .header-container {width: 100%; padding: 0 1.5em; box-sizing: border-box;}
	#logo {margin-top: 0;}
	#logo #logo-mobile, #nav .navbar-toggle {display: inline-block;}
	#logo img#logoimg, #nav ul.main-menu {display: none;}
	#header #logo {max-width: 50%;}
	#header .toggle-search img {content: url('../images/search-web-grey.svg');}
	.navbar-toggle.clicked, .navbar-toggle.clocked::before {color: #DF2636;}
	#nav ul.main-menu {width: 100%; padding-top: 0; background: rgb(248,248,248); border: 1px solid #dedede; border-top: none;}
	#nav ul.main-menu li.menu-item-has-children {width: 100%;}
	#nav > ul.main-menu > li a {display: block; width: 50%; padding: 0.3em 0;}
	#nav ul.main-menu > li > ul.sub-menu {position: relative; padding: 0; background: none; height: auto; clip: auto; box-shadow: none; border: none;}
	#nav ul.main-menu > li > ul.sub-menu > li.menu-item {width: 100%; padding-left: 1em !important; border: none !important;}
	#nav ul.main-menu > li > ul.sub-menu > li > ul.sub-menu {display: none;}
	#nav ul.main-menu > li.menu-item-has-children:hover > ul.sub-menu {height: auto !important;}
	#nav ul.main-menu > li.menu-item-41453 > ul.sub-menu > li {margin: 0 !important;}
	#header #searchform {width: 100%;}
	#searchform .screen-reader-text {position: static; left: 0; display: block; line-height: 1.5em;}
	#header #searchform #s {display: inline-block; position: relative; width: 90% !important; margin: 0; opacity: 1;}
	#header #searchform #s.clicked {margin-left: 0;}
	#header .searchbutton {width: 8%; background-color: #fdfdfd; border: 1px solid #edcccc;}
	#sidebar {margin-bottom: 0.5em;}
	#footer #footer1, #footer #footer4, li.oldweb {display: none;}
	#footer .fcolumn {width: 50%; min-height: auto; margin-bottom: 0.7em;}
	#footer #footer2 {border-left: none;}
	
	/* homepage */
	.society img.shadow {display: none;}
	.post-taste {width: 90%; padding: 0 5%;}
	.post-taste.slide2 {left: 100%;}
	.post-taste.slide3 {left: 200%;}
	.post-taste.slide4 {left: 300%;}
	.post-taste h3 {font-size: 1.2em;}
	.post-taste time {font-size: 0.95em;}
	
	/* Forms */
	.form-quickd input[type="text"], .form-quickd input[type="email"] {
		width: 95%;
		font-size: 1em;
	}
	.form-quickd .frm-input {margin: 0.5em 0;}
	.frm-amount input[type="number"] {font-size: 1em;}
	img.support {float: none; display: block; margin: 0 auto 0.75em;}
	div.formtable, div.formtable .row {display: block;}
	div.formtable .row {margin-bottom: 0.8em;}
	div.formtable .row div {display: block; margin: 0.3em 0;}
	
	/* other */
	.link-table a.imglink {width: 48%;} 
	.wp-pagenavi {margin-bottom: 30px;}
	.attachments .twocols div.attachlink {width: 100%;}
	.formtable .itext {width: 100%;}
	.missform .gifts .itext {width: 70%;}
	.missform select {max-width: 85%;}
	.subsection {width: 100%;}
	h1.title, h2, h3, h4, h5 {line-height: 1.2;}
	#popular-view .matbox, #katalog-view .matbox {width: 50%;}
	img.size-thumbnail {margin-right: 7px;}
	img.news-image {width: 240px; height: 135px;}
	.project-left-col, .project-right-col {width: 100%;}
	table.tableCart th .mod {width: 16%;}
	.order-matthumbs img.attachment-thumbnail {width: 100px;}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 540px) and (max-width: 767px) {
	#header {top: 0; position: relative; padding-top: 0;}
	#main, #slider {top: 0;}
	#footer {margin-top: 0;}
	.post-content img.size-thumbnail {width: 140px; margin-right: 10px;}
	.widget_mfoto_widget img.nggwi {width: 31%;}
	article.type-post iframe {width: 440px; height: 248px;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 539px) {
	#header h1 {width: 6em; margin-right: 0.5em;}
	#nav .navbar-toggle {margin: 0.5em 0.5em 0 1.2em; font-size: 1.15em;}
	.pictograms .society {width: 92%;}
	.navi {width: 3%;}
	#ourlinks .link-table {justify-content: center;}
	.link-table a.imglink {width: 85%; margin: 0.5em 1em !important;} 
	.link-table h3 {min-height: 2.5em; text-align: center;}
	h1.category-title {line-height: 1.2;}
	.post-content img.size-thumbnail {width: 140px; margin-right: 10px;}
	img.wp-image-52364 {display: none;}
	article.searchbox {width: 100%; min-height: auto;}
	.widget_mfoto_widget img.nggwi {width: 31%;}
	#footer .fcolumn {width: 100%; border-left: none;}
	#footer #footer3 {padding-top: 1em; border-top: 2px dotted #f4f4f4;}
	article .tags {float: left; margin-top: 0.75em;}
	article.type-post iframe {width: 340px; height: 191px;}
	.missform .gifts .itext {width: 90%;}
	img#gpe-logo {display: none;}
	.missform .submitButton {margin-left: 0;}
	.missform .submitButton .submit {float: none; font-size: 0.95em; text-transform: uppercase;}
	table.tableCart th .mod {width: 12%; word-break: break-word; color: #f5f5f5;}
	.cart-button {flex-wrap: wrap;}
	.backToKatalog, .confirmOrder, .cart-button input[type="submit"] {width: 100%; margin: 5px 0; padding: 10px; text-align: center;}
	form.cleanCart{width: 100%;}
	a.confirmOrder {text-transform: uppercase; font-weight: bold;}
	#vysedaru label {width: 50%;}
	#zpusobdaru label {width: 100%;}
	#objbuttons .buttons {flex-wrap: wrap;}
	.buttons .confirmOrder2 {width: 100%; margin-top: 0.5em;}
}

@media only screen and (max-width: 380px) {
	#header #logo {max-width: 40%;}
	#nav .navbar-toggle {margin-top: 0.75em; font-size: 1em;}
	#header .toggle-search {width: 2em; margin-right: 0.5em;}
	#header .searchbox {width: 88.5%;}
	.pictograms .society {width: 100%;}
	.society h3 {margin: 0.5em 0.2em 0.2em;}
	.pictograms .society .simg {width: 70%; min-height: 120px; margin: 0 auto;}
	.pictograms .society a:hover .simg {background-size: contain !important;}
	.link-table h3 {min-height: 1.5em;}
	.breadcrumbs span.current {display: none;}
	.tanbox a img.news-image {display: block; float: none; margin: 7px auto; width: 300px; height: 168px;}
	.frm-amount input[type="number"] {width: 5em;}
	#katalog-view .matbox {width: 100%; min-height: auto;}
	.matbox .mat-text {height: auto; min-height: 4.5em;}
}