/* -----------  Slider Off Frontpage ------------- */

@media only screen and (max-width: 500px){
    div#block-views-block-frontpage-slider-view-block-1 {
        display: none;
    }
    .page-node-type-portfolio .portfolio__obrazok-slider {
        display: none;
    }
}

@media only screen and (min-width: 501px){
    div#block-obrazoktitulnastranka{
        display: none;
    }
    .portfolio__titulny-obrazok-mobil{
        display: none;
    }
}

/* Zakazane klikania na obrazky */


@media only screen and (max-width: 480px){
    .portfolio__obrazok-galeria{
        pointer-events: none;
    }
    .typ_realizacnej_prace__obrazok{
        pointer-events: none;
    }
    .nasa_ponuka__obrazok > div{
        pointer-events: none;
    }
}
@media only screen and (max-width: 1400px){
    .frontpage__body{
        padding-left: 20px;
        padding-right: 20px;
    }
    #block-views-block-zahradna-architektura-block-1{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 1500px){
    #block-mytheme-main-menu .menu .menu-item a.is-active,
    #block-mytheme-main-menu .menu .menu-item a:hover{
        padding: 10px 5px;
    }
    nav#block-mytheme-main-menu .menu .menu-item a{
        padding: 0px 5px;
    }
}

@media only screen and (max-width: 1180px) and (min-width: 1150px){
    #block-mytheme-main-menu .menu .menu-item a.is-active,
    #block-mytheme-main-menu .menu .menu-item a:hover{
        padding: 5px 3px;
    }
    nav#block-mytheme-main-menu .menu .menu-item a{
        padding: 0px 3px;
    }
}

@media only screen and (max-width: 1020px){
    #block-mytheme-main-menu .menu .menu-item a.is-active,
    #block-mytheme-main-menu .menu .menu-item a:hover {
        padding: 10px 20px;
    }
}


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

    header#header + #main {
        padding-top: 80px;
    }
    
    #header .container {
        height: 80px;
    }

    #block-mytheme-main-menu{
        display: none;
        }
    
    .menu_open #block-mytheme-main-menu {
        display: block;
        background-color: #000;
        animation: 0.3s ease-out 0s 1 FadeIn;
        text-align: center;
        top: 0;
        right: 0;
        border-radius: 0;
        padding: 0;
        height: 100vh;
        width: 100%;
        position: fixed;
        z-index: 200;
    }


    .menu_open #block-mytheme-main-menu ul.menu {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .menu_open #block-mytheme-main-menu ul.menu li {
        display: inline-block;
        margin: 0 15px;
        line-height: 45px;
        animation: 0.6s ease-out 0s 1 slideInFromRight;
    }

    .menu_open #block-mytheme-main-menu .menu-item a {
        font-size: 18px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }


   

    .menu_open #block-mytheme-site-branding {
        top: 23px;
        left: 25px;
        z-index: 2222;
        position: fixed;
        width: initial;
        text-align: left;
    }

    .menu_open .site-name a {
        font-size: 40px;
        color: #fff;
    }

    .menu_open{
        position: fixed;
    }

    .menu_open #toggle_icon {
        position: fixed;
    }

    #toggle_icon {
        width: 25px;
        height: 25px;
        background-image: url(/themes/mytheme/images/menu.svg);
        display: block;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px;
        position: absolute;
        top: 25px;
        right: 25px;
        z-index: 202;
    }

    .menu_open #toggle_icon {
        position: fixed;
    }


  }

  @media only screen and (max-width: 1019px){
    .page-node-type-frontpage .oznacenie_karty_portfolia,
    .page-portfolio .oznacenie_karty_portfolia {
        position: unset !important;
        left: unset !important;
        top: unset !important;
        transform: unset !important;
        width: 100%;
        text-align: center;
    }

    .page-node-type-frontpage .oznacenie_karty_portfolia,
    .page-portfolio .oznacenie_karty_portfolia {
        opacity: 1;
        transition: all 0.4s;
        padding: 20px 20px;
    }

    .page-node-type-frontpage .portfolio__nadpis-pod-sliderom h2,
    .page-portfolio .portfolio__nadpis-pod-sliderom h2 {
        font-size: 22px;
        margin: 0;
    }

  }
  
  @media only screen and (min-width: 1019px){

    .page-node-8 .kategoria_text,
    .page-node-28 #block-views-block-nasa-ponuka1-block-1 .kategoria_text {
        background-color: initial;
        padding: initial;
       
    }

    .page-node-8 .views-row > div,
    .page-node-28 #block-views-block-nasa-ponuka1-block-1 .views-row > div {
        position: relative;
    }

    .page-node-8 .kategoria_text a,
    .page-node-28 #block-views-block-nasa-ponuka1-block-1 .kategoria_text a {
        color: #fff;
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 1;
        font-size: 28px;
    }

  }


  @media only screen and (max-width: 1020px){
    .front_slider__obrazok-front-slider img{
        height: auto;
      }

    .slick-list .draggable{
        height: auto;
    }

    .front_slider__video video{
        height: auto;
        object-fit: contain;
    }

    .slick-slider, .slick-track {
        height: auto;
    }

    .media.media--blazy.media--slick.media--image.is-b-loaded img {
        height: auto;
        object-fit: contain;
    }

    .page-node-type-portfolio .blazy .media--blazy img.b-blur, .blazy .media--blazy img.media__element {
        height: auto;
    }

    .page-node-type-portfolio .slick-list.draggable {
        position: relative;
    }

  }
  
  @media only screen and (max-width: 1099px){
    .page-eshop #block-mytheme-content > div > div > div > div {
        flex-basis: calc(100%/3);
        padding: 10px;
    }

    .page-node-type-frontpage #block-views-block-novinky-block-1 > div > div .views-row{
        flex-basis: calc(100%/2);
        padding: 10px;
    }

    .page-node-type-frontpage #block-views-block-novinky-block-2 > div > div .views-row,
    .page-node-65 #block-views-block-novinky-block-2 > div > div .views-row {
        flex-basis: calc(100%/3);
        padding: 5px;
    }

    .page-node-type-frontpage .novinky__title h2{
        min-height: 115px;
    }

    .page-node-65 .novinky__title h2{
        min-height: 115px;
    }

    .page-node-type-frontpage .block-views-block-portfolio-view-block-1 .views-row {
        flex-basis: calc(100%/3);
    }

  }
  

  @media only screen and (max-width: 1000px){
    .page-node-8 #block-views-block-nasa-ponuka1-block-1 >div{
        padding-left: 20px;
        padding-right: 20px;
    }
   
    /* .page-projekcne-prace #block-mytheme-content, .page-produkcna-skolka #block-mytheme-content{
        padding-left: 20px;
        padding-right: 20px;
    } */

    .nasa-ponuka-podstranka .nasa_ponuka__description{
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-node-type-produkt .obrazok_s_popisom, .page-node-type-produkt .produkt__produkt-galeria, .page-node-type-produkt .produkt__body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-node-8 div#block-mytheme-page-title, .page-node-8 div#block-mytheme-content{
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-node-8 div#block-mytheme-page-title{
        text-align: center;
    }

    .page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__body{
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-node-type-typ_realizacnej_prace .nadpis_a_motto{
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-node-type-portfolio .portfolio__body,
    .page-media .page__body{
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-node-65 #block-mytheme-content .page__body{
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-node-type-novinky .novinky__body {
        padding-left: 20px;
        padding-right: 20px;
    }
    ul.flexni-ma-rastliny > li{
        width: calc(100%/3 - 14px);
    }

  }



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

    

    .page-o-nas #block-mytheme-content .content {
        display: block;
    }

    .page-o-nas .left_side, .page-o-nas .right_side{
        width: 100%;
    }

    .page-o-nas .right_side {
        padding: 50px 20px;
    }

    .page-o-nas .left_side{
        min-height: initial;
    }

    .page-portfolio .views-row {
        flex-basis: calc(100%/2);
    }

    #block-views-block-pdf-view-block-2 .views-row,
    #block-views-block-pdf-view-block-1 .views-row {
        flex-basis: calc(100%/2);
    }

    .page-node-type-video .video__videogaleria > div{
        width: 48%;
    }

   
    .page-kontakt #block-mytheme-content .content{
        display: block;
    }

    .page-kontakt #block-mytheme-content .content > div {
        width: 100%;
    }

    .kontakt_left {
        position: relative;
    }

    .kontakt__nadpis-obsahu {
        background-color: #f2f2f2;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .kontakt_right {
        padding: 50px 10px;
    }

    .kontakt__body {
        border: 0;
        padding: 0;
        text-align: center;
    }

    .page-node-type-page .page__obrazok-galeria > div{
        width: calc(100% / 3 - 8px);
    }
   
  }

  @media only screen and (max-width: 780px){
    .page-node-type-frontpage #block-views-block-novinky-block-1 > div > div .views-row,
    .page-node-type-frontpage #block-views-block-novinky-block-2 > div > div .views-row,
    .page-node-65 #block-views-block-novinky-block-2 > div > div .views-row {
        flex-basis: calc(100%/2);
        padding: 10px;
    }
  }
  

  @media only screen and (max-width: 1000px){
    .osoba__osoba-obrazok{
        width: 100%;
        margin-right: initial;
        margin-bottom: 50px;
        justify-content: initial;
    }
    
    .osoba_informacie{
        width: 100%;
    }

    .o_nas__osoby > div{
        padding: initial;
    }

    .o_nas__osoby{
        gap: 30px;
    }

  }

  @media only screen and (max-width: 850px){
    .rastlina_group{
        flex-direction: column-reverse;
    }
    .rastlina_group > div{
        width: 100%;
    }
    .rastlina_right h1{
        text-align: center;
    }
    .slovensky-nazov,
    .rastlina__rastlina-obrazok{
        text-align: center;
    }
    .rastlina__dlhy-popis{
        margin-top: 50px;
    }
    .cena_rastliny{
        text-align: center;
        margin-bottom: initial;
    }

    .rastlina__momentalne-nedostupne{
        text-align: center;
    }

  }

  @media only screen and (max-width: 750px){
    .page-realizacne-prace .wrap .item {
        flex-basis: calc(100%/2);
    }
  }

  @media only screen and (max-width: 500px){
    .page-realizacne-prace .wrap .item {
        flex-basis: calc(100%/1);
        padding-left: initial;
        padding-right: initial;
    }
  }


  @media only screen and (max-width: 720px){
    
    .page-realizacne-prace #block-mytheme-content > div > div{
        justify-content: center;
    }
    
    .page-node-8 .views-row,
    .page-node-28 #block-views-block-nasa-ponuka1-block-1 .views-row{
        flex-basis: calc(100%/2);
    }

  }


  @media only screen and (max-width: 680px){
    .portfolio__body {
        width: 100%;
    }

    .nasa-ponuka-podstranka .nasa_ponuka__obrazok{
        display: block;
    }

    .nasa_ponuka__obrazok > div {
        margin-bottom: 10px;
    }

    .page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__obrazok{
        display: block;
    }

  }


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


    .page-portfolio #views-exposed-form-portfolio-view-page-1{
        position: relative;
    }

    .page-portfolio div#block-mytheme-content > div > div form{
        text-align: center;
    }

    .bef-link{
        background-color: #ffffff;
        padding: 5px 10px;
        width: 90%;
        display: block;
        margin: 10px auto;
        transition: all 0.3s;
    }
    .page-node-161 .bef-link:not(.bef-link--selected){
        background-color: #f2f2f2;
    }
    .page-node-161 .bef-link{
        text-align: center;
    }

    .bef-link--selected {
        background-color: #363636;
        color: #cacaca;
    }

    #edit-tid ul,
    [id^="edit-tid-1"] ul,
    [id^="edit-tid-2"] ul{
        display: block;
    }

    .page-portfolio #content-area{
        padding: 10px 0px;
    }

    #edit-tid ul > li,
    [id^="edit-tid-1"] ul > li,
    [id^="edit-tid-2"] ul > li {
        margin-bottom: 15px;
        font-size: 22px;
    }
    ul.flexni-ma-rastliny > li{
        width: calc(100%/2 - 10px);
    }

    .page-node-type-frontpage .block-views-block-portfolio-view-block-1 .views-row {
        flex-basis: calc(100%/2);
    }

    #edit-tid-1-22.bef-link--selected::after{
        content: none;
    }

  }

@media only screen and (max-width: 630px){
    .kontakt__nadpis-obsahu h1 {
        font-size: 30px;
    }

    .kontaktne_udaje {
        display: block;
        text-align: center;
    }

    .kontaktne_udaje > div {
        line-height: 30px;
    }

    .prefooter__adresa{
        border: 0;
    }

    .ooucookies_group{
        display: block;
        text-align: center;
    }

    .page-node-type-page .page__obrazok-galeria > div{
        width: calc(100% / 2 - 8px);
    }

  }

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

    .page-node-type-video .video__videogaleria > div{
        width: 100%;
    }

    .page-eshop #block-mytheme-content > div > div > div > div {
        flex-basis: calc(100%/2);
    }

    .page-node-type-produkt .obrazok_s_popisom{
        display: block;
    }

    .page-node-type-produkt .obrazok_s_popisom > div {
        width: 100%;
    }

    .page-node-type-produkt .nazov_a_cena{
        padding: 0px 10px;
    }

    .page-node-type-produkt .produkt__produkt-uputavka{
        display: none;
    }
    ul.flexni-ma-rastliny > li{
        width: 100%;
    }

  }

  @media only screen and (max-width: 530px){
    .page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__nadpis- h1{
        font-size: 28px;
    }
    
    .page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__motto{
        font-size: 22px;
    }
  }

  

  @media only screen and (max-width: 500px){
    .page-node-type-frontpage #block-views-block-novinky-block-1 > div > div .views-row,
    .page-node-type-frontpage #block-views-block-novinky-block-2 > div > div .views-row,
    .page-node-65 #block-views-block-novinky-block-2 > div > div .views-row {
        flex-basis: calc(100%/1);
        padding: 10px;
    }

    div#block-scrolltoid{
        padding: 15px 0px 0px;
    }

  }
  


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

    .page-node-type-frontpage #block-views-block-pdf-book-mobile-block-1 .views-row, 
    .page-media #block-views-block-pdf-book-mobile-block-2 .views-row {
        width: 100%;
    }

    .page-node-type-frontpage #block-views-block-pdf-view-block-2 > h2,
    .page-node-type-frontpage #block-views-block-portfolio-view-block-1 > h2,
    .page-node-type-frontpage #block-views-block-novinky-block-1 > h2,
    .page-node-type-frontpage #block-views-block-novinky-block-2 > h2,
    .page-node-type-frontpage #block-views-block-pdf-book-mobile-block-1 > h2,
    .frontpage__body h2{
        font-size: 28px;
    }

    .page-node-8 #block-mytheme-page-title h1,
    .page-eshop h1,
    .page-portfolio #block-portfoliotitle h1,
    .nasa-ponuka-podstranka .nasa_ponuka__name h1{
        font-size: 28px;
    }

    .page-node-type-frontpage #block-views-block-pdf-view-block-2 > h2:before,
    .page-node-type-frontpage #block-views-block-portfolio-view-block-1 > h2:before {
        width: 30px;
        height: 20px;
    }

    .page-node-type-frontpage .block-views-block-portfolio-view-block-1 .views-row {
        flex-basis: 100%;
    }

    .page-portfolio .views-row {
        flex-basis: calc(100%/1);
    }

    #block-views-block-pdf-view-block-1 .views-row,
    #block-views-block-pdf-view-block-2 .views-row {
        flex-basis: calc(100%/1);
    }

    .o_nas__maly-obrazok {
        float: none !important;
        width: 100% !important;
        margin-left: 0px !important;
        text-align: center;
        margin-bottom: 50px;
    }

    .o_nas__nadpis-onas h1{
        text-align: center;
    }

    .novinky__body{
        min-height: initial;
    }
    .page-node-65 .novinky__title h2,
    .page-node-type-frontpage .novinky__title h2{
        min-height: initial;
    }

    .page-node-type-frontpage #block-views-block-novinky-block-2 > div > div,
    .page-node-65 #block-views-block-novinky-block-2 > div > div{
        padding-left: initial;
        padding-right: initial;
    }

    .page-node-type-frontpage .block-views-block-portfolio-view-block-1 .views-row,
    .page-node-type-frontpage #block-views-block-novinky-block-1 > div > div .views-row, 
    .page-node-type-frontpage #block-views-block-novinky-block-2 > div > div .views-row,
    .page-node-65 #block-views-block-novinky-block-2 > div > div .views-row {
        padding-left: initial;
        padding-right: initial;
    }

    .page-portfolio .views-row {
        padding-left: initial;
        padding-right: initial;
    }

  }


  @media only screen and (max-width: 485px){
    .kontakt__nadpis-obsahu h1 {
        font-size: 24px;
    }
    .page-projekcne-prace .nasa_ponuka__description p, 
    .page-produkcna-skolka .nasa_ponuka__description p,
    .novinky__body p,
    .page-o-nas .o_nas__body p,
    .page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__body p,
    .portfolio__body p,
    .page-node-8 .nasa_ponuka__body p,
    .page-node-type-produkt .produkt__body p{
        font-size: initial;
        text-align: initial;
    }
    .portfolio__tlacidlo-spat p,
    .frontpage_motto__body p{
        text-align: center !important;
    }
    .frontpage_motto__body p{
        font-size: 22px !important;
    }
    #edit-tid ul > li,
    [id^="edit-tid-1"] ul > li,
    [id^="edit-tid-2"] ul > li {
        font-size: 16px;
    }
    .page-node-type-portfolio h1,
    .page-node-type-novinky h1{
        font-size: 28px;
    }
    .rastlina_right h1{
        font-size: 28px;
    }
    .bottom_info p{
        font-size: initial;
    }
    .cena_rastliny{
        font-size: 22px;
    }
  }
   


    @media only screen and (max-width: 450px){
        .page-node-8 .views-row,
        .page-node-28 #block-views-block-nasa-ponuka1-block-1 .views-row{
            flex-basis: calc(100%/1);
        }
        .page-node-8 #block-views-block-nasa-ponuka1-block-1 >div,
        .page-node-28 #block-views-block-nasa-ponuka1-block-1 >div{
            padding-left: initial;
            padding-right: initial;
        }
        .page-node-8 .views-row,
        .page-node-28 #block-views-block-nasa-ponuka1-block-1 .views-row{
            padding: 0px 0px 20px;
        }
        .page-node-8 .nasa_ponuka__ponukaobrazok > a img,
        .page-node-28 #block-views-block-nasa-ponuka1-block-1 .nasa_ponuka__ponukaobrazok > a img {
            object-fit: cover;
            max-height: 300px;
        }
    }
    

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

    .page-eshop #block-mytheme-content > div > div > div > div {
        flex-basis: calc(100%/1);
    }

    .kontakt__nadpis-obsahu h1 {
        font-size: 20px;
    }

    #block-mytheme-site-branding {
        text-align: left;
        left: 25px;
    }

   
  }

  @media only screen and (max-width: 380px){
    /*#block-mytheme-site-branding img {
        max-height: 28px;
    }*/

    .page-node-type-page .page__obrazok-galeria > div{
        width: 100%;
    }
  }
  


  @media only screen and (min-width: 1100px){
    .page-eshop #block-mytheme-content > div > div > div > div {
        padding: 50px;
        flex-basis: calc(100%/4);
    }
  }


  @media only screen and (min-width: 801px){
    
    
    #edit-tid > ul li a,
    [id^="edit-tid-1"] > ul li a,
    [id^="edit-tid-2"] > ul li a{
        transition: all 0.4s;
        padding: 10px 20px;
        display: inline-block;
    }
    
    #edit-tid > ul li a:hover,
    [id^="edit-tid-1"] > ul li a:hover,
    [id^="edit-tid-2"] > ul li a:hover{
        transition: all 0.4s;
        background-color: #363636;
        color: #fff;
        font-weight: initial;
    }

    #edit-tid > ul li .bef-link--selected,
    [id^="edit-tid-1"] > ul li .bef-link--selected,
    [id^="edit-tid-2"] > ul li .bef-link--selected{
        background-color: #363636;
        color: #fff;
    }
    
  }

  
  @media only screen and (min-width: 1020px){

    .page-portfolio .portfolio__obrazok-ukazka > a img{
        transition: all 0.4s;
        filter: contrast(1) brightness(1);
    }
    
    .page-portfolio .views-row .content:hover .portfolio__obrazok-ukazka > a img {
        transition: all 0.4s;
        filter: contrast(0.4) brightness(0.6);
    }

    .page-node-type-frontpage .views-row .portfolio__obrazok-ukazka > a img{
        transition: all 0.4s;
        filter: contrast(1) brightness(1);
    }

    .page-node-type-frontpage .views-row .content:hover .portfolio__obrazok-ukazka > a img {
        transition: all 0.4s;
        filter: contrast(0.4) brightness(0.6);
    }
    
    .page-portfolio .oznacenie_karty_portfolia {
        opacity: 0;
        transition: all 0.4s;
    }
    
    .page-portfolio .views-row .content:hover .oznacenie_karty_portfolia {
        opacity: 1;
        transition: all 0.4s;
    }

    .portfolio__nadpis-pod-sliderom a{
        color: #fff;
    }
    
    .portfolio__nadpis-pod-sliderom a {
        position: absolute;
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    /* ------------- Realizacne prace----------------*/
    

    .page-realizacne-prace .typ_realizacnej_prace__title {
        padding: 20px 0px;
        position: absolute;
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    
    .page-realizacne-prace .typ_realizacnej_prace__title a {
        color: #fff;
        position: absolute;
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: 28px;
    }

    .typ_realizacnej_prace__title{
        opacity: 0;
        transition:  all 0.4s;
    }

    .page-realizacne-prace .wrap .item .content:hover .typ_realizacnej_prace__title {
        opacity: 1;
        transition: all 0.4s;
    }

    .page-realizacne-prace .typ_realizacnej_prace__obrazok-uputavka > a img{
        transition: all 0.4s;
        filter: contrast(1) brightness(1);
    }

    .page-realizacne-prace .wrap .item .content:hover .typ_realizacnej_prace__obrazok-uputavka > a img {
        transition: all 0.4s;
        filter: contrast(0.4) brightness(0.6);
    }

    .page-node-8 .nasa_ponuka__ponukaobrazok > a img,
    .page-node-28 #block-views-block-nasa-ponuka1-block-1  .nasa_ponuka__ponukaobrazok > a img{
        transition: all 0.4s;
        filter: contrast(1) brightness(1);
    }

    .page-node-8 .views-row:hover .nasa_ponuka__ponukaobrazok > a img,
    .page-node-28 #block-views-block-nasa-ponuka1-block-1  .views-row:hover .nasa_ponuka__ponukaobrazok > a img {
        transition: all 0.4s;
        filter: contrast(0.4) brightness(0.6);
    }

  }
  
  @media only screen and (max-width: 1200px){
    .page-media #block-views-block-pdf-book-block-2 .views-row {
        flex-basis: calc(93.7%/3);
    }
  }
  

  @media only screen and (max-width: 915px){
    #block-views-block-pdf-book-block-2,
    #block-views-block-pdf-book-block-1{
        display: none;
    }

  }
  

  @media only screen and (min-width: 916px){
    #block-views-block-pdf-book-mobile-block-1,
    #block-views-block-pdf-book-mobile-block-2{
        display: none;
    }

  }