/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* .wrap2 { width: 95% !important; } */
.wrap2 { padding-left: 1em;padding-right: 1em; }
/* .wrap2 .content { padding: 2.5%; width: 95%; } */

/* hlavička, obsah */
/* #box-on-hp .content, #references .content, #content .content, #icon .content, #contact .content, #foot .content, #foot-first .content { padding-left: 2.5%; padding-right: 2.5%; width: 95%; } */
/* #lang .content, #head .content { padding-left: 2.5%; padding-right: 2.5%; width: 95%;  } */
#slider .content, #photo-on-hp .content, #map .content { padding: 0; width: 100% }

#head { padding: 20px 0px; }
#head .content {padding-left: 0;padding-right: 0;width: 100%;}

/* box on HP */
.box-on-hp .button-white { padding: 5px 15px; }

/* patička */
#foot-first .foot-box:first-child i { margin-left: 10px; }

.sortiment:nth-child(4n+4) { margin-right: 0; }

.head-box { display: inline-block; text-align: left; margin: 0 auto; }
.head-box:first-child {width: auto; }
.head-box:nth-child(2) { width: auto; margin: 10px 0px 10px 0px;}
#menu li { margin-right: 10px; margin-left: 10px; }
.head-box:last-child { width: auto; float: none; font-size: 1em; margin-left: 25px; /*margin-top: 30px;*/ width: calc(100% - 250px); }

/*.references { width: calc(50% - 33px); }*/
.reference-detail .photo { display: inline-block; margin: 6px 6px; width: calc(50% - 15px); }

#newsletter .foot-box:first-child { width: 100%; margin-bottom: 20px; }

/*#learn-to-negotiate .table-4-cols td { vertical-align: middle; }*/

.references-container {
    max-width: 1240px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    width: 100% !important;
    padding-left: 1em;
    padding-right: 1em;
}

.about-us-detail.top-perex .table-two-cols img {
  max-height: auto;
  width: 100%;
  min-height: auto;
  padding-right: 0;
}

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

    #logo { margin-right: 0; }

    /*
    .head-box:first-child { text-align: center; display: block; }
    .head-box:last-child { width: 100%; }
    */

    .contact-form .table-block td input.button { margin-top: 20px; display: block; float: none; }

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

/*
    .button1 { padding: 10px 20px; }
    a.button1 { padding: 10px 20px; }

    .button2 { padding: 10px 20px; }
    a.button2 { padding: 10px 20px; }
*/

/*    .contact-form .table-block td input.button1 { padding: 10px 50px; }*/

    table.training-detail ul li { margin-bottom: 0.5em; }

}


/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

#foot-first .foot-box:first-child .address { margin-right: 20px; }
#foot-first ul { padding-left: 75px; }


#slider {margin-top: 299px;}

/*#subpage #content { margin-top: 150px; }*/

#logo { margin-right: 0; }

.caption img { width: 280px;}

.about-us .button { float: left; }
.about-us img.signature { float: left; }

table.training-detail tr td:first-child { display: block; }
table.training-detail tr td:last-child { display: block; width: 100%; padding-left: 0; margin-top: 20px; }
table.training-detail-right { height: auto!important; }

/*.training-detail-top { padding: 10px 0; }*/

/*
table.table-know-how tr td h1 { font-size: 55px; }
*/

.table-our-bestsellers tr td:first-of-type { padding-right: 25px; }
.table-our-bestsellers tr td:last-of-type { padding-left: 25px; }
.table-our-bestsellers tr td:nth-of-type(2) img { margin-top: 0; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1050px), (max-device-width: 1050px) {
    #menu .icon { display: block; }
    #homepage #content { margin-top: 0; margin-bottom: 20px; }
    .media-tab { /*height: 50px;*/  padding: 0px; margin: 0px; }

    #newsletter { padding: 70px 40px; margin-right: 50px; }
    #step-ahead-competition { width: calc(100% - 520px); }

}


/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

/*@media only screen and (max-width: 910px), (max-device-width: 910px) {*/
@media only screen and (max-width: 1050px), (max-device-width: 1050px) {

    #logo { margin-right: 0; }
    .head-box { /*display: block; text-align: center; margin: 0 auto;*/ }
    .head-box:first-child {/*width: 200;*/ /*margin-top: 0;*/ }
    .head-box {display: grid;}

    .head-box:nth-child(2) { width: 100%; margin: 20px 0px 20px 0px;}
    .head-box:last-child { width: 100%; text-align: center; float: none; margin-top: 0; margin-bottom: 0; }


    /* hlavička */
    #wrap-head { position: static;}
    #wrap-head.open { position: static; }
    #head .content { /*text-align: center;*/ }
    /* #head { position: unset; } */

    #head.scroll { border: none; }

    /* logo */
    #logo { display: block; /*margin-bottom: 15px;*/ }
    .head-box img { width: 150px; }

    /* menu */
    #menu { text-align: left; }
    #menu { display: block; float: none; min-height: 0; padding: 0 2%; width: 100%; line-height: 1.5em; position: inherit; box-sizing: border-box; }
    #menu li { display: none; margin: 0; width: 100%; } /* display: block; */
    #menu li a { background: none; display: block; padding: 15px 0; text-align: left; font-size: 18px; }
    #menu li:first-of-type { padding-top: 25px; }
    #menu li a.active, #menu li a:hover { background: none; /*font-weight: bold;*/ color: var(--gold2); border-bottom: 1px solid var(--gold2)!important; }
    #menu li .three::before, #menu li .three::after { content: ''; height: 0px; }
    #menu li:not(.active) { display: none; }
    #menu .menu-divider {display: none;}
    #menu li.icon a { font-size: 1em; text-decoration: none; }

    /* pomocné nastavení, že se jedná o responsivním designu */
    .responsive-design { font-size: 1px; }

    /* submenu */
    #menu li ul { background: none; position: static; visibility: visible; display: none; }
    #menu li ul li { list-style: circle; }
    #menu li ul li a { color: #666; }
    #menu li ul li a:hover, #menu li ul li a.active { color: var(--yellow); }

    /* ikona hamburgerového menu */
    #menu li.icon { display: inline-block; font-size: 1.25em; padding: 0 0 0 25px; position: absolute; right: 0; top: 0; width: auto; }
    #menu li.icon a { border: none !important; }
    #menu .menu-bar-text { vertical-align: top; font-weight: 500; }

    /* menu otevřené */
    #menu.open li { display: block; }
    /*#menu.open li a, #menu li ul li a:hover, #menu li ul li a.active { border-bottom: 1px solid #1c1c1c; }*/
    #menu.open li.icon a { border: 0; }

    .scroll { position: static; }
    #about-us { margin-top: 0; padding-top: 0; }

    #banner { margin-top: 0px; }
    #subpage #banner { margin-bottom: 0px; }
    /*#subpage #content { margin-top: 0px; }*/
    #subpage .caption { font-size: 25px; }

    #menu-top { position: relative; margin-bottom: 0; }
    #menu-top input { width: auto; }

    #menu-top .menu-top:first-child { text-align: center; margin-bottom: 20px; }
    #menu-top .menu-top:last-child { text-align: center; margin-top: 20px; }
    #menu-top .menu-top { display: block; width: 100%; }

    /* skrýt sociální sítě */
    #menu-top .menu-top:nth-child(2) { display: none; }

    .ac-block { float: left; margin-bottom: 1em; width: 100%; }

    #indentation { height: 135px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

#slider {margin-top: 270px;}

#pricelist .caption-up { font-size: 2em; }
#pricelist .right { margin-top: 0px; }

.goal { margin: 0 50px 50px 0; width: calc(33% - 35px); }
.goal:nth-of-type(3n+3) { margin-right: 0; }
.goal:last-child, .goal:nth-of-type(4n) { margin-right: 50px; }
.goal:last-child { margin-top: 0; }

/* Cíle */
.goal:last-of-type, .goal:nth-last-of-type(2) { width: calc(50% - 65px); }

.goal:last-child { margin-top: 0; width: calc(33% - 35px); margin-right: 0; text-align: left; }
.goal:last-child .left { margin-right: 0; width: auto; }
.goal:last-child .right { width: auto; }
/*.goal:nth-last-of-type(2) { width: calc(33% - 35px); }*/
.goal:nth-last-of-type(2) img { width: 100%; left: 0; top: 0; }

#cil .goal:last-child { margin-top: 20px; }
/*#cil .goal:last-child { width: 100%; }*/
#cil .goal:last-child { background: rgba(0,0,0,0.8); }

#cil .goal:last-child .left { display: block; }
#cil .goal:last-child .right { width: 100%; }



/* Reference */
/*#reference .img-background-reference { top: -200px; }*/

/* Video */
#video { padding: 50px 0; }
.video-opening video { height: auto; }

#subpage #goal { margin-top: 0; }
#subpage #goal .img-background { display: none; }

.development-of-managers table.table-two-cols-photo-right tr td:last-child img { margin-top: 0; margin-left: 0; max-width: none; }

.upcoming-training-book-detail { right: 0; }

.references-container { column-gap: 50px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

    /*.sortiment { width: calc(50% - 33px); }*/

    #contact-form .table-block:first-child { width: 100%; margin-bottom: 35px; }
    #contact-form .table-block:nth-child(2) { width: 100%; }
    #contact-form .table-block:last-child { width: 100%; }
    #contact-form .table-block:last-child td .button_layer { text-align: left; }
    #contact-form .table-block:last-child .button { /*width: 190px;*/ margin-top: 20px; /*float: left;*/ width: fit-content; }
}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 950px), (max-device-width: 950px) {
    /*.book-detail table.table-know-how tr td:first-child table tr td { padding-bottom: 20px; }*/
    .book-detail table.table-know-how tr td:first-child, table.table-know-how tr td:last-child { width: 100%; display: block;}
    .book-detail table.table-know-how tr td:last-child img { position: relative; bottom: auto; right: auto; display: block; margin-bottom: 10px; }
    /*.book-detail table.table-know-how tr td:first-child table tr:last-child td { padding-bottom: 15px; width: 100%!important; }*/
    /*.book-detail table.table-know-how tr td:first-child table tr:last-child td:last-of-type { padding-bottom: 8px; }*/
    .book-detail table.table-know-how tr td:last-child .button2 { position: relative; bottom: auto; right: auto; display: flex; }
    .book-detail table.table-know-how tr td:first-child table tr td { }
    .book-detail table.table-know-how table { height: auto!important; }
    table.table-book-format tr td { padding-bottom: 10px; }

    table.table-know-how tr td:first-child table tr td { padding-bottom: 20px; }
    table.table-know-how tr td:first-child, table.table-know-how tr td:last-child { width: 100%; display: block;}
    table.table-know-how tr td:last-child img { position: relative; bottom: auto; right: auto; display: none; }
    table.table-know-how tr td:first-child table tr:last-child td { padding-bottom: 0px; }

}

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

    /*
    #learn-to-negotiate .table-4-cols td { width: calc(50% - 60px); padding-bottom: 50px; }
    #learn-to-negotiate .table-4-cols td:nth-last-child(1), #learn-to-negotiate .table-4-cols td:nth-last-child(2) { padding-bottom: 0px; }
    */
}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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


/* e-shop pláště */
.wrap-left, .wrap-right { margin: 0; width: 100%; }
.wrap-left { margin-bottom: 1em; }

/* menu - e-shop kategorie */
.menu-ec { padding: 5px 10px; min-height: 35px;}
.menu-ec .menu-divider {display: none;}
.menu-ec li a { background: none; border: 0; margin: 0; padding: 0px; }
.menu-ec li a.home { display: block; }
.menu-ec li a:not(.active) { display: none; }
.menu-ec li a:hover, .menu-ec li a.active { border: none; }

.menu-ec li.icon { display: block; font-size: 1.25em; padding: 7px 10px 0 10px; position: absolute; right: 0; top: 4px; width: auto; }
.menu-ec li.icon a { border: 0; color: #87b43b; display: block; padding: 0; padding-right: 5px;}
.menu-ec li.icon a:hover { background: none; }
.menu-ec.open li a { display: block; }
.menu-ec li { display: block; text-align: left; margin-left: 10px; }

/* e-shop skupiny - text */
.ec.title { display: block; }
.ec.perex { display: none; }

.ul-ep.list0 .li, .ul-ep.list0 .li.edge { margin: 0px 15px 100px 15px; width: calc(50% - 30px); }

#foot-first .foot-box:nth-child(2) .phone-mail { text-align: left; margin: 0 auto; }

/* vlastnosti na hlavní stránce */
.properties { /*width: calc(20% - -60px);*/ }

/* proč lepící pásku od nás */
.why_us { width: calc(50% - 18px); }
.why_us:nth-child(3) { margin-right: 0px; }

/* text ve spodním banneru mimo obrázek */
#foot-first .caption-bottom { position: relative; background: #eee; margin-top: 30px; margin-bottom: 85px; }
#foot-first .foot-box:first-child .address, #foot-first a { color: #1c1c1c; }
#foot-first { margin-bottom: -60px; }
#foot-first .foot-box:nth-child(2) .phone-box { margin-right: 20px; }
#foot-first .caption-up { top: 15%; }

/*#contact-form .foot-column { width: 100%; display: block; }*/
#contact-form .foot-column:first-of-type { width: 100%; display: block; }
#contact-form .foot-column:last-of-type { width: 100%; display: block; }

#contact-form { padding: 70px 0 0 0; }
/*.contact-form .table-block td input.half:first-of-type, .contact-form .table-block td input.half:last-of-type { width: 100%; margin-right: 0; }*/
/*.contact-form .table-block td input.half:first-of-type { margin-bottom: 45px; }*/


/* úvodní fotka - Pařík */
.about-us:first-child { width: 100%; display: block; margin: 0 auto; }
.about-us:first-of-type img { width: 100%; position: relative; left: 0; }
.about-us:last-child { width: 100%; margin-top: -350px; position: relative; }
.about-us .text { width: 100%; margin: 0 auto; }
.about-us img.signature { float: right; max-width: 125px; }

/* Cíl */
#cil { margin-top: 20px; }
#cil .img-man02 { right: 0; top: -65px; }
/*#cil .img-background { margin-bottom: -600px; }*/
#cil .img-background { top: 0; }

/* Subpage */
#subpage .img-parik { right: -65px; width: 500px; height: auto; }
#subpage .subpage-image-background { display: none; }
.table-two-cols tr td:first-child { padding-right: 25px; }
.table-two-cols tr td:last-child { padding-left: 25px; }

#newsletter { padding: 70px 20px; margin-right: 30px; }

.know-how-item { flex-basis: calc(50% - 20px); }
.know-how-item:nth-child(2n) { margin-right: 0; }

.table-our-bestsellers td { display: block; width: 45%!important; }
.table-our-bestsellers tr { display: flex; flex-wrap: wrap; align-items: center; }
.table-our-bestsellers td:nth-child(1),
.table-our-bestsellers td:nth-child(2) { order: 1; padding-bottom: 25px; }
.table-our-bestsellers td:nth-child(3),
.table-our-bestsellers td:nth-child(4) { order: 2; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

    .caption { font-size: 35px; }

    .about-us:first-child, .about-us:last-child { display: block; width: 100%; font-size: 1em; }
    .about-us:first-child { margin: 0; text-align: center; }
    /*.about-us:last-child { margin-top: 30px; }*/
    .about-us img.podpis { max-width: 200px; margin-top: 20px; }
    /*.about-us:last-child img { width: 100%; margin-top: 50px; }*/

    #about-us { margin-top: 0; }
    .about-us .text { width: 100%; }
    .about-us img { width: 200px; }
    /*.about-us .button { float: right; }*/

    #cil { margin-top: 50px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* nadpisy */
h1, .h1 { font-size: 30px; margin-bottom: 30px; /*margin: 0 0 0 0;*/  }
h2, .h2 { font-size: 25px; margin-bottom: 1em; }
.negotiation-help .h1 { font-size: 25px; }
/*h1::before { top: 35px; }*/

/* hlavička */
#head { position: static; }
#lang { position: static; }

/* kontakt */
.co1 { display: none; }
.co2 { width: 45%; }
.co3 { padding-left: 25px; width: calc(55% - 30px); }


/*.sortiment { width: calc(50% - 17px); }*/
.sortiment:nth-child(4n+4), .sortiment:nth-child(3n+3) { margin: 0 30px 30px 0; }
.sortiment:nth-child(3), .sortiment:nth-child(5n+5), .sortiment:last-child { margin-right: 0; }
/*.sortiment { width: calc(50% - 33px); }*/
.sortiment .comment { font-size: 1.3em; }

#slider { margin-top: 280px; }

#video { padding: 20px 0; }
#video h1 { margin-bottom: 20px; }

.wrap-photo .photo2 { width: calc(50% - 15px); }
.wrap-photo .photo2:nth-of-type(2n) { margin-right: 0px; }

table.training-detail tr td:first-child { width: 100%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* box on HP */
#box-on-hp .content { text-align: center; }
.box-on-hp { margin: 0 0 1em 0; width: 100%; }

/* reference */
#references .content { text-align: center; }
.references { margin: 0 0 1em 0; width: 100%; }

/* ikony */
.icon { margin: 0 0 3em 0; width: 100%; }
.icon:last-child { margin: 0; }

.icon-circle:last-child { margin-right: 10px; }

/* kategorie na hlavní stránce */
.properties { /*width: calc(50% - 67px);*/ margin-left: 50px; }
.properties:nth-child(2), .properties:nth-child(4) { margin-right: 0px; }
.properties:last-child { margin-right: 0px; }

#lang { min-height: 0; }

.online-demand-block { padding: 20px 0px; }

#schema { }
.schema:first-child, .schema:last-child { width: 100%; }
.schema:last-child { margin-top: 40px; }

#goal h1 { margin-bottom: 40px; }


.development-of-managers table.table-two-cols-photo-right tr td:first-child { display: block; width: 100%; margin-bottom: 50px; padding-right: 0; }
.development-of-managers table.table-two-cols-photo-right tr td:last-child { display: block; width: 100%; text-align: center; padding-left: 0; }
.development-of-managers table.table-two-cols-photo-right tr td:last-child img { max-width: 250px;}

.table-press-interested-container tr td:first-child { display: block; width: 100%; margin-bottom: 25px; padding-right: 0; }
.table-press-interested-container tr td:last-child { display: block; width: 100%; text-align: center; padding-left: 0; }

.table-press-interested { max-width: 500px; }
.table-press-interested tr td { display: block; width: 100%; text-align: left!important; padding-left: 50px!important; margin-bottom: 0!important; padding: 15px 25px !important;  }

.table-quote tr td { padding: 75px 75px; }
.about-us-detail-gallery-container { padding: 50px; }
.about-us-detail-gallery-container .owl-carousel .owl-nav button.owl-prev { left: -50px; }
.about-us-detail-gallery-container .owl-carousel .owl-nav button.owl-next { right: -50px; }

.references-container { column-count: 3; column-gap: 50px; }

/* CSS pro malé obrazovky, kde se obrázek nastaví jako pozadí */
@media (max-width: 800px) {
  .know-how #content.wrap1 {
    background: no-repeat center center;
    background-size: cover;
    position: relative;
  }

  .table-know-how img {
    display: none;
  }

  .know-how.wrap2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7); /* Průhledný bílý overlay */
    z-index: 1;
  }

  .know-how.wrap2 {
    position: relative;
    z-index: 2;
  }
}


}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* pomocné nastavení, že se jedná o responsivním designu */
.responsive-design { font-size: 1px; }

/*#subpage #content { margin-top: 0px; }*/

/*.head-box img { width: 200px; }*/

/* jazyky */
#lang .content { padding-left: 5%; padding-right: 5%; width: 90%; }

/* hlavička */
/*
#wrap-head { position: static;}
#wrap-head.open { position: static; }
#head .content { text-align: center; }
*/

/* logo */
/*
#logo { display: block; margin-bottom: 15px; }
*/

/* menu */
/*
#menu { display: block; float: none; min-height: 0; padding: 0 5%; width: calc(90%); line-height: 1.5em; }
#menu li { display: block; margin: 0; width: 100%; }
#menu li a { background: none; display: block; padding: 15px 0; }
#menu li a.active, #menu li a:hover { background: none; }
#menu li .three::before, #menu li .three::after { content: ''; height: 0px; }
#menu li:not(.active) { display: none; }
#menu .menu-divider {display: none;}
*/

/* submenu */
/*
#menu li ul { background: none; position: static; visibility: visible; display: initial; float: none; }
#menu li ul li { list-style: circle; }
#menu li ul li a { color: #666; }
*/
/*#menu li ul li a:hover, #menu li ul li a.active { color: #87b43b; }*/

/* ikona hamburgerového menu */
/*
#menu li.icon { display: inline-block; font-size: 1.25em; padding: 0 0 0 25px; position: absolute; right: 15px; width: auto; }
#menu li.icon a { border: none !important; }
/*

/* menu otevřené */
/*
#menu.open li { display: block; }
#menu.open li a, #menu li ul li a:hover, #menu li ul li a.active { border-bottom: 1px solid #1c1c1c; }
#menu.open li.icon a { border: 0; }
*/

/* foto */
.wrap-photo { position: static; width: auto; }


#banner { margin-top: 0px; }

#contact_us i { margin-top: -50px; }

.goal { margin: 0 30px 0 0; width: calc(33% - 21px); }

/* newsletter */
/*
#newsletter .foot-box:nth-child(2) { width: 100%; }
#newsletter .foot-box:last-child { text-align: left; float: none; margin-top: 20px; }
*/
#newsletter { padding: 30px; width: 100%; margin-right: 0; display: block; box-sizing: border-box; }
#step-ahead-competition { width: 100%; }

.upcoming-training-book-detail { display: none; }

table.table-know-how tr td:first-child table.table-book-format tr:last-child td { padding-bottom: 10px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* box on HP */
#box-on-hp .content { text-align: center; }
.box-on-hp { margin: 0 0 1em 0; width: 100%; }

/* reference */
#references .content { text-align: center; }
.references { margin: 0 0 1em 0; width: 100%; }

/* foot box */
#foot .content, #foot-first .content { text-align: left; }
#foot .content { padding: 20px 0; }
.foot-box { margin: 0 0 1em 0; width: 100%; }

/*#foot .foot-box:last-child { text-align: center; }*/

.ac-block { float: none; max-width: 100%; width: 100%; }
#contact-form .table-block { /*max-width: 100%;*/ width: 100%; }
#contact-form .table-block td input[type="text"], .table-block td input[type="email"], .table-block td input[type="tel"] { width: 100%; box-sizing: border-box; }
#contact-form .table-block input[type="submit"] { margin-left: 0px; width: 175px; }
#contact-form .table-block textarea { width: 100%; box-sizing: border-box; }
#contact-form p, #demand-form p { margin: 0; }

#foot-first .foot-box { min-height: auto; margin-left: 10px; }
#foot-first .foot-box:nth-child(2), #foot-first .foot-box:first-child { border-right: none; }
#foot-first .foot-box:nth-child(2) { display: inline-block; }
/* #foot-first .wrap2 { width: 90% !important; } */

#foot { padding: 20px 0; }
/*#foot .foot-box:first-child { text-align: center; }*/
#foot .foot-box { display: block; width: 100%; }
#foot .foot-box:nth-child(2) { display: block; width: 100%; }

.foot-box img { margin-bottom: 20px; }

.slider-box { font-size: 1em; width: 220px; margin-left: -110px; top: 60px; }

#contact-form .table-block:last-child { width: 100%; margin-left: 0; }
#contact-form .table-block:first-child { margin-bottom: 25px; }

#pricelist .caption-up { font-size: 1em; }
#pricelist .right { margin-top: 20px; }

/* sortiment */
.sortiment, .sortiment .text { width: 100%; }
/*.sortiment img { width: 80%; }*/
.sortiment p { font-size: 1em; }
.sortiment .text { font-size: 15px; }
.sortiment:last-child { margin-top: 80px; }

/* subpage banner */
#subpage .caption {top: 25%; }
#subpage .caption .layer { margin-bottom: 25px; }

#cil .goal:last-child { background: none; }
#references { margin-top: 0; }

#background-podcast .podcast-left { display: block; width: auto; }
#background-podcast .podcast-right { width: 100%; margin-left: auto; }

.our-clients { margin-bottom: 100px; width: calc((100% - 50px) / 3); }
.our-clients:nth-last-of-type(4) { margin-bottom: 100px; }

table.table-book-format tr td { width: 100%; display: block; }

.references-container { column-count: 2; }

.book-detail.top-perex .table-know-how tr:first-of-type td:first-of-type table tr:last-of-type { display: none; }

}

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

    .training-cards { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* kontakt */
.co1, .co2, .co3 { display: block; margin-bottom: 1em; padding: 0; width: auto; }
.co1 { text-align: center; }
.co1 .title br { display: none; }
.co1 .title span { margin-left: 7px; }

/* fotografie */
.photo { margin: 0 0 1em 0; }
.photo img { width: 100%; }

#foot-first .caption-bottom { margin-top: 125px; margin-bottom: 20px; }

.caption { font-size: 30px; top: 30%; }

/* Cíle */
#cil .img-man02 { width: 100%; }

/* Videa */
.podcast-video { width: 100%; }


.goal .photo img, .goal:last-child .left img { max-width: 100px; }
.goal { text-align: left; }


.media-tab-box {
/*
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  */
  grid-gap: 0px;
  /*
  justify-items: center;
  */
}

#about-us .table-two-cols p { font-size: 17px; }

.h1-bigger { font-size: 45px; }
.h1-bigger .link-gold-underline { border-bottom: 2px solid var(--gold); }

.table-text-middle-border td { padding: 50px 30px; }
.table-text-middle-border td * { width: calc(100%); }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

#subpage .caption {position: relative; background: var(--yellow); left: 0; width: 100%; color: #000; padding: 25px 0px 35px 0; }
#subpage .caption .button { border: 5px solid #000; }


.goal { margin: 20px 0; width: 100%; }
#cil .goal:last-child { background: none; display: block; width: 100%; }
.goal:nth-last-of-type(2) { width: 100%; }
.goal:last-child .left { width: 100%; }
.goal:last-of-type { width: 100%; }
.goal:nth-last-of-type(2) img { position: relative; }
.goal img.arrow { margin-top: 20px; }

.contact-form .table-block td input.half:first-of-type, .contact-form .table-block td input.half:last-of-type { width: 100%; margin-right: 0; }
.contact-form .table-block td textarea.half, .contact-form table.table-block td select.half { width: 100%; margin-right: 0; }
/*.contact-form .table-block td .ic { width: calc(100% - 141px); }*/

/*.media-tab img { min-height: 50px; }*/

#training-form  .wrap2 {padding-left: 0em;padding-right: 0em;}
#training-form .content {padding-left: 1em;padding-right: 1em;;box-sizing: border-box;}

#our-clients {
    background: var(--dark-gray-background);
    /* margin-bottom: 75px;  */
    /*margin-bottom: var(--space-between-section-bigger, 75px);*/
    padding-bottom: 25px;
}
#our-clients .wrap2 .content { width: 100%; padding: 0; }
.our-clients-reference-box { padding: 10px 0px; }
.our-clients-reference { padding: 0 10px; }
.owl-carousel .owl-nav button.owl-prev { left: -35px; width: 50px; }
.owl-carousel .owl-nav button.owl-next { right: -35px; width: 50px; }

/*.training-detail-top { padding: 1em 0; }*/
table.training-detail-gray-background tr td { padding: 50px; }

table.table-two-cols tr td:first-child { padding: 1em 0; padding-top: 0; }
table.table-two-cols tr td:last-child { padding-top: 1em; padding-bottom: 0; }
table.training-detail-gray-background tr td { padding: 1.5em; }


#learn-to-negotiate .table-4-cols td { /*width: 100%;*/ padding-bottom: 75px; padding-right: 0; }
#learn-to-negotiate .table-4-cols td:nth-last-child(2) { padding-bottom: 75px; }

#learn-to-negotiate .table-4-cols td p {height: auto !important;}
#learn-to-negotiate .table-4-cols td p:nth-child(1) {margin-bottom: 1em !important;}
#learn-to-negotiate .table-4-cols td p:nth-child(3) {margin-top: 1em !important;}

#learn-to-negotiate .button2 { display: none; }
#learn-to-negotiate .table-4-cols td, #learn-to-negotiate .table-4-cols td:nth-last-child(2) { padding-bottom: 25px; }

.owl-carousel { width: 100%; }
/*
.swipe-hint { position: absolute; top: 25%; left: 50%; transform: translate(-25%, -50%); width: 100px; height: 100px; opacity: 0.5; background: url('../img/swipe-left-gold.png') no-repeat center center; background-size: contain; animation: swipe 1.5s infinite; }
@keyframes swipe {
    0% { transform: translate(-50%, -50%) translateX(0); opacity: 1; }
    50% { transform: translate(-50%, -50%) translateX(-50px); opacity: 0; }
    100% { transform: translate(-50%, -50%) translateX(0); opacity: 1; }
}
*/
.owl-carousel-our-clients .owl-nav button.owl-prev { left: -15px; top: -75px; }
.owl-carousel-our-clients .owl-nav button.owl-next { right: -15px; top: -75px; }

.development-of-managers-contact-form .wrap2 { padding-left: 0; padding-right: 0; }
.development-of-managers-contact-form { /*margin-bottom: 75px;*/ }
.negotiation-help-form { margin-top: 0; margin-bottom: 0; padding: 40px; }
.negotiation-help-form .table-block td { margin-bottom: 10px; }

.know-how-item { flex-basis: calc(100%); }
.know-how-item:nth-child(1n) { margin-right: 0; }

table.table-two-cols-center tr td:first-child { width: 100%; display: block; padding-right: 0px; }
table.table-two-cols-center tr td:last-child { width: 100%; display: block; padding-left: 0px; }
table.table-two-cols-center tr td:last-child img { max-width: 100%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

body {
    --space-between-section-bigger: 50px;
    --space-between-section-smaller: 50px;
}

/* hlavička */
#wrap-head { position: static; }

/* slider + obsah */
/*#slider, #subpage #content { margin-top: 0; }*/

/* e-shop produkty */
.ul-ep.list0 .li, .ul-ep.list0 .li.edge { margin: 0 0 100px 0; width: 100%; }
.list1 .left, .list2 .left, .list1 .right, .list2 .right { margin: 0; width: 100%; }

.ul-ep .li .title { text-align: center; }
.ul-ep .li .perex { text-align: center; }
.ul-ep .li .price { text-align: center; }

/* e-shop - detail produktu */
.ep-left, .ep-right { float: none; width: 100%; text-align: center;}
.ep-detail .wrap-basket .item { display: block; margin: 5px 0; }
.ep-detail .wrap-basket .button-shoping-cart { display: block; }

/* skryj rychlé ikonky */
.fast-phone { display: none; }
.fast-mail { display: none; }
.fast-calculator { display: none; }

/* parallax */
.parallax h1 { font-size: 40px; margin-bottom: 0px; }
.parallax h2 { font-size: 20px; }

/* kategorie */
.properties { width: 100%; margin: 0 auto; }
.properties .text .responsive-description { display: block; text-align: left; }
.non-responsive-description { display: none; }

/* originální a odolná */
.caption img { width: 100px;}

/* doladění pozice textu přes obrázek */
#foot-first .caption-up { top: 15%; }

#banner { margin-top: 0px; }

#breadcrumbs { margin-top: 0; }

#foot-first .caption-up input { font-size: 2.5vw; }
#foot-first .caption-up { top: 10%; }
#foot-first .caption-bottom { margin-top: 80px; }

.sortiment .text { font-size: 11px; }

#pricelist .caption-up { top: 65%; right: 0; }
#pricelist .caption-up { position: relative; transform: none; top: 0; right: inherit; text-align: center; margin: 0 auto; padding: 20px 0 35px 0; background: var(--gray); }
#pricelist .right { text-align: center; margin-top: 25px; }

.reference-detail .photo { display: block; margin: 20px 6px; width: 100%; }

.about-us .button { float: left; }

/* subpage */
#subpage .table { width: 100%!important; }
#subpage .img-parik { position: relative; float: none; left: 0; top: 0; width: 100%; margin-top: 30px; }

.media-tab { height: 30px; padding: 0px; margin: 0px; }

.hidden-content { display: none; margin-top: 20px; }
.content-block i {display: block;}

/* .content-block { padding: 20px 10px; } */
.content-block {padding: 20px 1em;margin-left: -1em;margin-right: -1em;}
.content-headline { margin-bottom: 0px; }

/* #subpage #content.training-detail { padding: 0px 0; } */
#demand-form, #contact-form { padding: 20px 0; }
#demand-form .demand-form-section { font-size: 25px; }

/* #media-tab { padding-bottom: 50px; }
#learn-to-negotiate { padding: 50px 0; }
.training-list-introduction { padding: 50px 0; }
#subpage #content.training-list { margin-top: 50px; }
.divide-line { padding: 0; }
.training-detail-top { padding: 50px 0; }
#subpage #content.training-detail { padding: 50px 0; }
.negotiation-help-head  { padding: 50px 0; }
#our-team { padding: 50px 0; }
#our-clients-logos { padding: 50px 0 0 0; }
.our-clients-box {padding: 50px 0;}
#our-clients { margin-bottom: 50px; }
#step-ahead-competition {padding-top: 50px;}
#above-foot {padding-bottom: 50px;} */

.training-email { width: 200px; padding: 10px; }
.submit-training-information { margin-left: 0; display: block; margin-top: 20px; }

#subpage #content.training-detail { padding: var(--space-between-section-bigger, 75px) 0 0 0; }

.table-text-middle td * { width: calc(100% - 50px); }

.table-our-bestsellers tr td:first-of-type { padding-right: 15px; }
.table-our-bestsellers tr td:last-of-type { padding-left: 15px;}
.table-our-bestsellers img { width: 100%; height: auto; }

.book-detail .content-block { margin-bottom: 5px; }

.order-form { background: var(--dark-gray-background); }

.block-voucher input[type="submit"], #order-form .ares-button { display: block; margin-top: 10px; width: 255px; box-sizing: border-box; max-width: initial; }

.block-voucher input[name="submit_voucher_delete"] { float: left; }

.block-voucher input[name="submit_voucher_delete"], .block-voucher input[name="submit_voucher_training_delete"] { float: none; }

.training-detail .about-us-detail-gallery-container { margin-bottom: 50px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 500px), (max-device-width: 500px) {
    .table-block td input.ares { position: relative; right: 0; }

    .table-two-cols-photo-left tr td:first-child { padding-right: 10px; }
    .table-two-cols-photo-left tr td:last-child { padding-left: 10px; }

    .our-clients { margin-bottom: 50px; width: calc((100% - 0px) / 2); }
    .our-clients:nth-last-of-type(4), .our-clients:nth-last-of-type(3) { margin-bottom: 50px; }

    #demand-form .block-voucher .submit-button-2 { display: block; margin-top: 10px; width: 220px; box-sizing: border-box; }
    #demand-form .ares-button { display: block; margin-top: 10px; width: 220px; box-sizing: border-box; }
    #demand-form .block-voucher input[name="code_training"] { width: 220px; }
    .contact-form .table-block td .ic { width: 220px; }

    .training-cards { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 1em; }
    .negotiation-help-form { padding: 15px; }

    .training-filter { flex-wrap: wrap; }
    .training-choose { margin-left: 0; margin-top: 20px; }

    #newsletter { padding: 20px; }

    table.training-block { background: none; }
    table.training-block tr:first-child td { padding: 0; padding-bottom: 10px; }
    table.training-block tr:nth-child(2) td { padding: 0; padding-bottom: 10px; }
    .media-output table.training-block tr:nth-child(3) td { padding: 0; padding-bottom: 20px; }
    table.training-block tr:last-child td { padding: 0; padding-bottom: 10px; }
    table.training-block tr { height: auto!important; }
    .training-card { margin-bottom: 20px; }

    table.training-detail-gray-background { background: none; }
    table.training-detail-gray-background tr td { padding: 0; }

    .contact-form-container-outer { padding: 20px; }

    .table-quote tr td { padding: 50px 50px; }
    .about-us-detail-gallery-container .owl-carousel .owl-nav button.owl-prev { left: -60px; }
    .about-us-detail-gallery-container .owl-carousel .owl-nav button.owl-next { right: -60px; }

    .about-us-detail .table-two-cols-photo-right tr td img { max-height: 225px; }

    .certificate-gallery-container .training-block tr:nth-child(2) td { text-align: left; }
    .certificate-gallery-container .training-block img.portrait { max-width: 150px; }
    .certificate-gallery-container .training-block img.landscape { max-width: 300px; }

    .podcast-card { background: none; }
    .podcast { padding: 0; margin-bottom: 50px; }

    .podcast { display: inline-block; }
    .podcast-content-wrapper { width: calc(100% - 175px); display: inline-block; vertical-align: top; margin-left: 25px; }
    .podcast-list-image { max-width: 150px; height: auto; display: inline-block; }

    .book-list .training-cards .training-card .training-block tr:last-child { display: inline-block; width: calc(100% - 175px); display: inline-block; vertical-align: top; margin-left: 25px; }
    .book-list .training-cards .training-card .training-block tr:nth-last-child(2) { display: inline-block; max-width: 150px; height: auto; vertical-align: top; }
    .book-list .training-cards .training-card .training-block img { margin-top: 0; }

    .order-container #order-form.table-basket { overflow-x: unset; border-top: 1px solid #222; }
    .order-container #order-form.table-basket tr td { vertical-align: top; }
    .order-container #order-form.table-basket tr td:nth-of-type(1) { border-top: none; }
    .order-container #order-form.table-basket tr td:nth-of-type(2) { display: block; width: calc(100% - 20px); border-bottom: none; border-top: none; }
    .order-container #order-form.table-basket tr td:nth-of-type(3) { display: block; width: calc(100% - 20px); text-align: left; border-top: none; margin-bottom: -0.5px; }
    .order-container #order-form.table-basket .price-per-piece { display: block; }
    .order-container #order-form.table-basket tr:last-of-type td:last-of-type { text-align: left; }

    /*
    .order-container #order-summary.table-basket tr:first-of-type { display: none; }
    .order-container #order-summary.table-basket tr:not(.total) td:first-of-type { display: block; width: calc(100% - 0px); float: none; }
    .order-container #order-summary.table-basket tr:not(.total) td { display: inline-block; }
    */

    .order-container #order-summary.table-basket tr:first-of-type { display: none!important; }

    .order-container #order-summary.table-basket tr:not(.total) td:nth-child(2),
    .order-container #order-summary.table-basket tr:not(.total) td:nth-child(3),
    .order-container #order-summary.table-basket tr:not(.total) td:nth-child(4) { display: none; }


    /*
    .order-container #order-summary.table-basket tr:not(.total) {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 80px);
    }

    .order-container #order-summary.table-basket tr:not(.total) td {
        text-align: right;
        margin: 0 5px;
    }

    .order-container #order-summary.table-basket tr:not(.total) td.title {
        text-align: left;
        flex-basis: 100%;
        border-bottom: none;
        margin-left: 0;
        margin-right: 0;
    }

    .order-container #order-summary.table-basket tr:not(.total) td:not(.title) {
        text-align: right;
        margin-left: auto;
        font-size: 12px;
        border-top: none;
        border-bottom: none;
        margin-bottom: 20px;
        margin-right: 0;
    }
    */

    .order-container #order-summary.table-basket .table-basket-mobile { display: flex; flex-wrap: wrap; width: 100%; margin-top: 15px; }
    .order-container #order-summary.table-basket .table-basket-mobile-item { text-align: right; margin-left: auto; font-size: 12px; border-top: none; border-bottom: none; margin-bottom: 20px; margin-right: 0; }

    .order-container #order-summary.table-basket .basket-title-mobile-only,
    .order-container #order-summary.table-basket .table-basket-mobile { display: flex; }

    .order-container #order-summary.table-basket tr.total td { border-bottom: none; border-top: none; }
    .order-container #order-summary.table-basket tr.total:nth-last-of-type(2) td  { border-bottom: 1px solid #222; }
    .order-container #order-summary.table-basket tr.total:nth-last-of-type(4) td { border-top: 1px solid #222; }



}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* .wrap2 { width: 90% !important; } */

/* fotografie na homepage */
.photo-on-hp { display: block; height: 100px; margin: 0.5em 0; width: 100%; }

.ul-ep .li .wrap-amount { display: block; margin-bottom: 0.5em; text-align: center; }
.ul-ep .li .amount { width: calc(100% - 30px); }
.ul-ep .li .button-shoping-cart { width: 100px; }

.slider-box { font-size: 1em; width: 220px; margin-left: -110px; top: 20px; }

.custom-select { margin-bottom: 15px; }

/* proč lepící pásku od nás */
.why_us { width: calc(100%); margin-bottom: 75px; }

#foot-first .thumbnail-image { margin-bottom: 70px; }
#foot-first .caption-up { top: 10%; }

.online-demand .table-block td input[name="submit_ares"] { padding: 2px 7px; top: -10px; font-size: 15px; }

.caption { position: relative; background: var(--yellow); left: 0; width: 100%; color: #000; text-align: center; padding: 25px 0px; }
.caption .layer { background: none; margin-bottom: 25px; }

#reference .button { display: block; }

#menu-top .menu-top:first-child { float: none; }
#menu-top .menu-top { display: block; margin-top: 20px; }

#about-us { }
.about-us:last-child { margin-top: -270px; }
.about-us .text { text-align: center; background: rgba(0, 0, 0, 0.8); }
.about-us .button { float: none; display: block; max-width: 120px; margin: 0 auto; }
.about-us img.signature { float: none; display: block; margin: 0px auto 20px auto; }

.ul-properties li a { padding: 5px 8px; font-size: 15px; }

/* foto z akcí */
.wrap-photo .photo2 { width: 100%; }

.table-two-cols tr td:first-child, .table-two-cols tr td:last-child { width: 100%; display:block; box-sizing:border-box; clear:both; padding: 20px 0; }

.newsletter-register-mail { width: calc(100% - 50px); }
.newsletter-register input[type="submit"] { width: 140px; padding: 5px; }

#about-us table.table-two-cols tr td:first-child { width: 50%; display: inline-block; }
#about-us table.table-two-cols tr td:last-child { width: calc(50% - 10px); padding-left: 25px; display: inline-block; }
#about-us table.table-two-cols tr td:last-child tr td { width: 100%; padding: 0; }

table.table-two-cols tr td:first-child { width: 100%; }
table.table-two-cols tr td:last-child { width: 100%; padding-left: 0; }

.training-detail table.table-4-cols td {
  padding-right: 0px;
  width: calc(50% - 5px);
  display: inline-block;
  text-align: center;
  margin-bottom: 25px;
}

table.table-know-how tr td:last-child img { width: 100%; height: auto;}
table.table-know-how tr td h1 { font-size: 40px; }

.references-container { column-count: 1; }
.reference { margin-bottom: 50px; }

.table-our-bestsellers td { width: 100%!important; }
.table-our-bestsellers img { max-width: 150px; }
.table-our-bestsellers tr td:nth-of-type(2) { text-align: left; }
.table-our-bestsellers tr td:last-of-type { padding-left: 0; padding-top: 25px; }

.table-our-bestsellers tr td:first-of-type { padding-bottom: 25px; }
.table-our-bestsellers tr td:nth-of-type(2) { padding-bottom: 0; }
.table-our-bestsellers tr td:nth-of-type(3) img { margin-left: 25%; margin-top: -10%; }

.about-us-detail.top-perex .table-two-cols tr { display: flex; flex-direction: column-reverse; }

/* modální okno */
.modal_window-content { padding: 10px; }
.mw-table, .mw-table tr, .mw-table td { display: block; }
.mw-table { margin: .5em 0 0 0; }
.mw-left { margin: 0 0 1em 0; }
.mw-right { text-align: left; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

#menu-top .menu-top:first-child { text-align: left; }

#fast-basket a:first-child { display: block; }

#logo img {/*width: calc(100% - 110px);*/image-rendering: -webkit-optimize-contrast;}

/*
.our-clients-reference-box { padding: 50px 15px; }
.our-clients-reference { padding: 0 0px; }
.owl-carousel .owl-nav button.owl-prev { left: -31px; }
.owl-carousel .owl-nav button.owl-next { right: -31px; }
*/

#newsletter { padding: 1em; width: 100%; }

.negotiation-help-form { padding: 20px; }

.table-text-middle-border td { border: none; padding: 0; }


}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

/* email, telefon */
@media only screen and (max-width: 330px), (max-device-width: 330px) {

    /* .wrap2 { width: 85% !important; } */

    /*#head a { display: block; }*/
    .contact-box a { margin-left: 0; }
    #head .search-contact .search-box input { min-width: 150px; }

    #contact_us .title { font-size: 1.5em; }
    #contact_us .title2 { font-size: 1.5em; }

}