/* Obrazky v clancich
----------------------------------------------- */
@media only screen and (max-width: 480px) {

.article .article-img-fly-left {float: none; margin: 10px 0;}
.article .article-img-fly-left img {width: 100%; margin-bottom: 10px;}

.article .article-img-fly-right {float: none; margin: 10px 0;}
.article .article-img-fly-right img {width: 100%; margin-bottom: 10px;}

}



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

#container {width: 100%;}

#menu .nav-collapse ul {width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left: 0; border-right: 0;}

.openBtn {left: auto; right: 20px; margin: 0;}

.cart {left: auto; right: 60px; margin: 0; }

.home-img {margin: 10px 0 10px;}

#section .section {width: calc(33.3% - 21px); height: 292px; margin: 0 25px 25px 0;}

}



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

#kontakt {width: 100%;}
#kontaktmapa {width: 100%;}

}



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

#menu .nav-collapse ul li {font-size: 0.75em;}
#menu .nav-collapse ul li a {padding: 16px 20px 17px;}

}



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

#formular form .input-input {height: auto; margin-bottom: 10px;}
#formular form .input-antispam input.field {width: calc(100% - 8px);}

}



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

#section .section {width: calc(33.3% - 17px);}
#section .section:first-child {margin-left: 0;}

#section .section a.section-link, #section .section a.section-link:visited {left: 0; width: calc(100% - 40px); text-align: center;}

}



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

.home-img {display: none; visibility: hidden;}
.home-img-smaller {display: block; visibility: visible; margin: 10px 0 15px;}

}



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

#header {height: 85px;}

#header h1, #header h2 {width: 250px; height: 52px; background-size: 250px 52px;}
#header h1 a, #header h2 a {width: 250px; height: 52px;}

#header .header-phone {right: 105px; top: 33px; color: #bbb; font-size: 1.125em;}

.openBtn {right: 270px; top: 29px;}

.cart {left: auto; right: 65px; top: 27px; margin: 0;}

#content-home {padding: 20px 20px 0;}
#content {width: 96%; float: left; padding-top: 0;}

#sidebar {display: none; visibility: hidden;}

#footer {width: 96%; padding: 20px 2%; text-align: center; height: auto;}

#formular form .input-input {margin-bottom: 0;}
#formular form .input-antispam input.field {width: calc(100% - 113px);}

.overlay input[type=text] {width: calc(70% - 30px);}
.overlay button {width: calc(30% - 30px);}

}



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

#section .section {width: calc(50% - 14px); max-width: 300px; height: 292px; margin: 0 25px 45px 0;}
#section .section:nth-child(1) {margin-right: 25px;}
#section .section:nth-child(2) {margin-right: 0;}
#section .section:nth-child(3) {margin-right: 0;}

}



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

.home-img-smaller {display: block; visibility: visible; margin: 20px 0 15px;}

}



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

.home-img-smaller {display: none; visibility: hidden;}
.home-img-small {display: block; visibility: visible; margin: 20px 0 15px;}

}



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

.openBtn {display: none; visibility: hidden;}

}



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

#header h1, #header h2 {left: 15px;}

#header .header-phone {display: block; visibility: hidden;}

.article { margin: 0;}

.article .article-column-2 {column-count: 1;}
.article .article-column-3 {column-count: 1;}
.article .article-column-4 {column-count: 1;}

.overlay-content {width: 90%;}
.overlay-content form {width: 100%;}
.overlay input[type=text] {width: 60%; margin: 0;}
.overlay button {width: calc(40% - 30px); margin: 0;}

}



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

.home-img-small {display: none; visibility: hidden;}
.home-text {width: 100%; padding: 0;}

#section .section {width: 100%; max-width: 300px; height: auto; margin: 0 0 45px 0;}
#section .section:nth-child(1) {margin-right: 0;}
#section .section:nth-child(2) {margin-right: 0;}
#section .section:nth-child(3) {margin-right: 0;}

}



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

.itemunder .itemunder-text {width: calc(100% - 30px); padding: 15px 15px 0;}

}



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

.fotokosik .fotokosik-left {width: 100%;}
.fotokosik .fotokosik-right {width: 100%;}

.fotokosik input, .fotokosik textarea {width: calc(100% - 4px);}

.item {width: calc(100% - 20px); height: auto; margin: 40px 0 0 10px; padding: 0 0 15px 0;}

}



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

#header {height: 75px;}

#header h1, #header h2 {width: 200px; height: 42px; background-size: 200px 42px;}
#header h1 a, #header h2 a {width: 200px; height: 42px;}

.cart {top: 23px;}

}