/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/
@media only screen and (max-width: 1800px), (max-device-width: 1800px) {

#logo-menu { left: -300px; }
#social { right: -300px; }

}

/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/
@media only screen and (max-width: 1715px), (max-device-width: 1715px) {

#logo-menu { left: -260px; }
#social { right: -220px; }
#menu li { --margin-right: 42px; }

}

/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/
@media only screen and (max-width: 1550px), (max-device-width: 1550px) {

#logo-slider { bottom: -55px; display: block; }
#logo-slider img { height: auto; width: 75%; }
#logo-menu, #social { display: none; }
.languages { right: -100px; }

.wrap-parallax { height: 350px; }
.content-parallax .text { font-size: 35px; height: 350px; }
#parallax1, #parallax2 { background-position: center center -75px; background-size: 120%; }

}

/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/
@media only screen and (max-width: 1340px), (max-device-width: 1340px) {

.close { }
.close1 { display: none; }
.close2 { display: block; }

.wrap-parallax { height: 350px; }
.content-parallax .text { font-size: 35px; height: 350px; }
#parallax1, #parallax2 { background-position: center center -75px; background-size: 150%; }

}


/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/
@media only screen and (max-width: 1240px), (max-device-width: 1240px) {

#menu { text-align: left; }
#menu li { margin: 0 20px 0 0; }
#menu li a { font-size: 15px; }
.languages { right: 0px; }

}

/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/
@media only screen and (max-width: 1040px), (max-device-width: 1040px) {

#content-menu { width: 94%; }
.content, .content-parallax, #foot { width: 800px; }
.wrap-content .content { width: 94%; }
.content-trophy { width: 100% !important; }
#menu li { margin: 0 20px 0 0; }
#menu li a { font-size: 15px; }
.portfolio, .portofilo.edge { margin: 0 14px 14px 14px; }
.portfolio1 .photo { min-height: 115px; }
.client, .client.edge { margin: 0 21px 15px 21px; }
.client img { height: auto; width: 100px; }
.block, #kontakt-mapa iframe { width: 700px; }

/* hp:newsletter */
.newsletter .title { display: block; font-size: 1.5em; margin-bottom: .75em; width: auto; }
.newsletter .nl-email { margin-right:0; width: 100%; }

/* instagram */
.ig { margin: 2px; vertical-align: top; width: calc(50% - 4px); }

}

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

.content, .content-parallax, #foot { width: 600px; }
#menu li { margin: 0 10px 0 0; }
#menu li a { font-size: 13px; }
.languages { font-size: 13px; }

}

/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/
@media only screen and (max-width: 840px), (max-device-width: 840px) {

.about { display: block; margin: 0 0 2em 0; width: auto; }
.content-parallax .text { font-size: 40px; }
.portfolio, .portofilo.edge { margin: 0 31px 31px 31px; }
.portfolio1 .photo { min-height: 85px; }
.client, .client.edge { margin: 0 14px 10px 14px; }
.client img { height: auto; width: 90px; }
.block  { width: 500px; }
.block h3 { font-size: 40px; }
#kontakt-mapa iframe  { height: 300px; width: 500px; }

/* kontaktní formulář */
#contact-form input[type="text"] { padding: 0.5em 4%; width: 92%; }
#contact-form textarea { padding: 0.5em 4%; width: 92%; }

}

/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/
@media only screen and (max-width: 700px), (max-device-width: 700px) {

/* instagram */
.ig { margin: 0; width: 100%; }
.ig:last-child() { margin: 0; }

}

/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/
@media only screen and (max-width: 750px), (max-device-width: 750px) {

.responsive-design { font-size: 1px; }

/* body */
body { font-size: 13px; }

/* strouhanková navigace */
#breadcrumbs a, #breadcrumbs span { padding: 3px 5px; }

/* slider*/
#slider-text { background: none; left: 0; text-align: center; top: 0; width: 100%; }
#st-up { background-color: rgba(255,255,255,0.6); background: none; display: block; font-size: 13px; margin: 0; padding: 15px 0 0 0; position: static; }
#st-down { background-color: rgba(255,255,255,0.6); background: none; display: block; font-size: 32px; padding: 0 0 15px 0 !important; position: static; }
#logo-slider { background-color: rgba(0,0,0,0.5); background: none; display: block; padding: 15px 15px 10px 15px; position: static; }
#logo-slider img { margin-left: -40px;  width: auto; }

/* menu */
#wrap-menu-static { height: auto; }
#wrap-menu { height: auto; }
#content-menu, .content, .content-parallax, #foot { width: 400px; }
#foot { padding: 3% 3%; width: 94%; }
#menu li { display: inline-block; margin: 0; width: 49%; }
#menu li a { border-bottom: 0px solid #020000; border-top: 0px solid #020000; display: block; font-size: 13px; height: 1em; padding: 15px 0 15px 0; text-align: center; }

#menu li a:hover, #menu li a.active { border-bottom: 0px solid #020000; border-top: 0px solid #6eb43f; }
#menu.menu-top li a:hover, #menu.menu-top li a.active { border-bottom: 0px solid #6eb43f; border-top: 0px solid #020000; }

/* jazykové mutace */
.languages { background: #020000; padding: .25em 0; position: relative; text-align: center; top: -220px; width: auto; }

/* obsah */
.wrap-content .content { padding: 20px; width: auto; }
.content .content { padding: 0; }

/* pomocná třída pro správné pozicování */
.hashtag-position { top: 0; }

/* o nas */
#o-nas table tr td { display: block; text-align: justify !important; width: 100% !important; }
#o-nas table tr td:before { }

/* parallax */
.wrap-parallax { height: 200px; }
.content-parallax .text { font-size: 1.5em; height: 200px; }
#parallax1, #parallax2 { background-position: center center -25px; background-size: 300%; }

/* portfolio */
#menu-portfolio { display: none; }
.portfolio, .portofilo.edge { display: block; height: auto; margin: 0 0 30px 0; width: 100%; }
.portfolio .photo { background: none; height: auto; width: 100%; }
.portfolio .photo img { height: auto; width: 100%; }
.jcarousel-title { font-size: 2em !important; top: 25px; }
.jcarousel-text { display: none; }
.jcarousel-pagination { display: block !important; }
.jcarousel-navigation { display: none !important; }

/* portfolio */
#breadcrumbs { margin: 0; }
.close { position: relative; top: 0px }
.portfolio1 { width: calc(100%/2 - 15px); }
.portfolio1 .photo { min-height: 115px; }
.portfolio2 { width: calc(50% - 20px); }
.portfolio-img { width: calc(50% - 20px); }
.portfolio-text { float: none; padding: 10px 0 25px 0; width: 100%; }

/* ocenění */
.table-trophy { }
.table-trophy td:nth-child(1) { display: none; float: left; padding-right: 0; }
.table-trophy td { display: block; text-align: justify !important; width: 100% !important; }

/* klienti */
.client, .client.edge { height: auto; margin: 0 2% 10% 0; text-align: center; width: 45%; }
.client img { height: auto; width: 50%; }

/* patička */
#kontakt { padding: 20px; }
.block  { margin: 0; padding: 5%; width: 90%; }
.block h3 { font-size: 2.5em; }
#foot-menu {margin: 0; }
#foot-menu li a { margin-bottom: 1em; }
#kontakt-mapa iframe  { height: 300px; width: 100%; }
#foot-social a { margin: 0 18px; }

.blog-container-list { grid-template-columns: repeat(2, 1fr); }

}

/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/

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

#st-down { font-size: 22px; padding: 5px 15px; }
#content-menu, .content { width: 250px; }
.wrap-content .content, .content, #portfolio-pointer.content.level2 { padding: 20px; width: auto; }
.content-trophy { padding: 0 !important; }

/* parallax */
.wrap-parallax { height: 200px; }
.content-parallax .text { font-size: 1.25em; height: 200px; }
#parallax1 { background-size: 300%; }
#parallax2 { background-size: 150%; }

/* portfolio */
.portfolio1 { margin: 15px 5px 30px 5px; width: calc(100%/2 - 10px); }
.portfolio1 .photo { min-height: auto; }

.portfolio2 { margin: 5px 0; position: relative; text-decoration: none; width: 100%; }
.portfolio-img { margin: 5px 0; position: relative; text-decoration: none; width: 100%; }

#newsletter { padding: 0 20px; }

}

/*******************************************************************************
 * smaller than 1500px - start
 *******************************************************************************/

@media only screen and (max-width: 400px), (max-device-width: 400px) {

.ig:hover .ig-hover-layer { display: none; }

}