/*media*/


/*delete mid column in header*/
@media (min-width: 1025px) {
.bhfb-row.bhfb-cols-layout-equal-desktop.bhfb-cols-3 { grid-template-columns: repeat(2, 1fr);}
}

/*big screens*/
@media only screen and (min-width: 1800px) {
    
        body {font-size: 16px;}
        .illu1 {left: auto; right: 45%;  width: 370px; }
    
  }


  @media only screen and (max-width: 1200px) {
  #primary-menu li {font-size: .75em;}
  .botiga-dropdown li  {margin-right: 28px;}
  
  

  }


  /*tablet*/
  @media only screen and (max-width: 1100px) {
    
        body {font-size: 16px;}
      .intro-text h1 {font-size: 2.6em; line-height: 1.2em;}
      .intro-text {width: 48%;}
      #video2, #video1 {display: none;}
      section.ovodiku { display: block;}
      .section-pozice {padding: 7em 5% 8em;}
      
      .illu1 {top: 17.6em; left: 59%; width: 41%; }
      .ovodiku .col1 { width: 100%;}
      .ovodiku .col2 {margin-top: 0; width: 100%;}
      .ovodiku .col1 h2 { width: 100%; font-size: 2.4em;}
      .ovodiku2 {display: block; }
        .ovodiku2 {display: block; }
      .ovodiku2 .col1 button {border:2px solid black}
      .ovodiku2 .col1 {width: 100%; background: white;}
      .ovodiku2 .col2 {width: 100%;    padding: 8em 16em 6em 12%;
        background: rgb(241,234,236);
        background: linear-gradient(296deg, rgb(232 233 247) 0%, rgb(232 234 253) 13%, rgb(208 244 255) 23%, rgba(232,226,251,1) 50%, rgb(232 237 244) 81%);}
        .grid-how {grid-template-columns: repeat(2, 1fr); gap: 3% 12%;}
        .pronajem { padding: 0 1rem 0 1rem;}
        .pronajem-text {padding: 0 12%; position: static; transform: none;margin-top: 4em; width:100%}
        .circle { top: 0.7em; left: 12.9%; width: 37%;}
        .shop-columns-tablet-3 ul.products, .shop-columns-tablet-3 .wc-block-grid .wc-block-grid__products {grid-template-columns: repeat(2, 1fr);}
        .section-foot2 {display: block;}
        .section-foot3 {display: block;}
        .page-template-page-pronajem .entry-content {width: 100%;}

        .foot-col1 {width: 100%;}
        .foot-col2 {width: 100%; margin-top: 2em;}
        .foot-col3 {width: 100%; margin-top: 3em;}
        .foot-h {text-align: left;}
        .visas {float: left;}
        .section-foot3 .foot-col3 {margin-top: 0; margin-bottom: 5em;}

        .ovodiku2.onas-section .col2 {height: 20em; background-image: url('../imgs/bg-onas.jpg'); background-size: cover;}
    
  }


  /*mobile*/
  @media only screen and (max-width: 800px) {
    h2 { font-size: 2em; line-height: 1.1em;}
    h3 {font-size: 2.1em;}
    button {width: 100%;}
    .intro-text button {margin-bottom: 0.5em;}
    .bhfb-header .bhfb-column.bhfb-column-1 {display: none;}
    .bhfb-row.bhfb-cols-layout-equal-tablet.bhfb-cols-3 {grid-template-columns: 1fr 1fr}
    .bhfb-header .bhfb-main_header_row .bhfb-column-2 { justify-content: left; padding-left: 5%;}
    .intro {height: auto;}
    .intro-text {width: 100%; position: relative; left: 0; padding: 5em 10%; top:0; transform: translateY(0);}
    .intro-text h1 {font-size: 2.2em;line-height: 1.1em;}
    .intro-text p {width: 100%;}
    .partners { position: static; padding: 0 10%; display: block; margin: auto; margin-bottom: 2em;}
    .intro .arrow-down {display: none;}
    .sidekick {display: none;}
 
    .bhfb-column {
        min-width: 67px;}
    /* } */
    
    .section-pozice { padding: 2em 1em;}
    .pozice h3 { font-size: 1em; width: 60%;}
    .pozice .category {display: none;}
    .pozice {padding: 0.9em;}
    .pozice .location-cont { width: 35%; font-size: 0.7em;}
    .pozice .arrow-cont {width: 5%;}
    .pozice .arrow-right { width: 0.5em; margin-top: 0.3em;}
    .pozice .pin {}
    


    section.ovodiku {padding: 0 }
    .ovodiku .col1 { width: 100%; padding: 3em 10% 6em;}
    .ovodiku p.super-text {margin-bottom: 1.3em;}
    .ovodiku .col2 {display: block; }
    .ovodiku .col1 h3 {width: 100%;}
    .ovodiku .col1 p { width: 100%; margin-top: 1.7em; margin-bottom: 2.3em;}
    .illu1 { position: relative; top: 0; left: 0; width: 100%;}
    .ovodiku .col2 {padding: 1em 10% 6em; width: 90%;margin: auto;}
    .illu1 {width: 90%; margin:auto; display: block;}
    .ovodiku .col2 p {width: 100%;}
    .ovodiku .line2 { margin-top: 3em; width: 50%;}
    .ovodiku2 { padding: 0;}
    .ovodiku2 .col1 {padding: 4em 10% 4em;}
    .ovodiku2 .col2 { padding: 3em 10% 2em 10%;}
    .how {padding: 6em 10% 5em;}
    .grid-how {display:block}
    .grid-how .icon {margin: auto; width: 3em;}
    .pro-kandidaty .how { padding-bottom: 0em;}
    .process {padding: 4em 4% 3em;}
    .grid-process { display: block;}
    .foreigners { padding: 7em 4% 4em;}
    .foreigners > p { width: 90%;}
    .grid-foreigners {display: block;}
    .grid-foreigners div {margin-bottom: 3em;}
    .foreigners {margin-bottom: 0;}
    .pro-kandidaty .grid-how.grid-ukrajince { padding-bottom: 1em;}

    .header-sub { width: 210%; margin-left: -60%; max-width: 230%;}
    

    .how h2 {margin-bottom: 1.5em; font-size: 2em;}
    .grid-how h5, .grid-how p {text-align: center;}
    .grid-how div {margin-bottom: 4em;}
    .pronajem {padding: 0;}
    .pronajem-flex { display: block;}
    .pronajem-flex .illu2 { width: 100%; padding:5%}
    .circle { top: -6.3em; left: 32.9%; width: 53%;}
    .pronajem-text { padding: 0 10%;}
    .products {padding: 5em 10% 5em;}
    .shop-columns-tablet-3 ul.products, .shop-columns-tablet-3 .wc-block-grid .wc-block-grid__products {display: block!important;}
    li.product {margin-bottom: 1em;}
    
    table.table td,     table.table th {line-height: 1.3em; padding: 0.5em; font-size: 0.8em;}
    article.page {margin-top: 0;}

    .single .attributes {font-size: 1em;}
    .formular1 {width: 100%;}

    /*foot*/
    .visas {width: 100%;}


  

  }