/* Quick.Cms.Ext v6.x responsive stylesheet */

/* Small screens only */ 

 body.is-active #body,   body.is-active #foot,  body.is-active #powered {display:none;}
#menu {height:auto;width:auto;}
#menu .widgets-list.widgets-9{display:none;}
.m-slider {display:none;}
.mobile, .menu-2 li#page-1 a{display:none;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .q-select-option {padding-right:18px}}







@media screen and (max-width:1920px){
.authorsList{column-count:2;margin:0 auto;width:80%;}
.is-page-description #page{width:80%;margin:0 auto;}
#logo{padding:1rem 0 1rem 2em;width:170px;}
.menu-2{padding-top: 1em;}
#header .menu-2 #page-17 a{height: 56px;}

}


@media screen and (max-width:1280px){
.newsList li, .exhibitions li{width:45%;margin: auto;margin-bottom:5em;}
.widget.menuOferta{width:100% ;}
.aboutList li{width:45%;margin:3em auto;padding:2em;}
.authorsList{column-count:2;margin:0 5em;width:80%;}
#logo{padding:1rem 0 1rem 2em;width:170px;margin:0 ;}
.menu-2 {padding-right:0em;padding-top:0;}
#header .menu-2 #page-17 a{height: 56px;}
#slogan{font-size:1.2em;text-align:center;}
#slogan img{padding-bottom:3px;}
      
    
}

@media screen and (max-width:1023px){
#comments .msg{background-image:none;}
.news #page, .publishing #page{padding:0 10%;}
.publishingList li{width:45%;margin:0;}
#logo{padding:1rem 0 0 2em;width:200px;margin:0 auto;}
.is-page-description #page{width:80%;margin:0 auto;}
.logoBottom img{width:100px;}
        
}

@media screen and (max-width:800px){
    
.pages-gallery.listView li a, .publishingList.listView li a{padding: 0 1em;}
.back-to-top-widget a{width:40px;}
.back-to-top-widget a:before{height:40px;background-position:center top;}
.back-to-top-widget a:hover:before{border-color:#0093dd;}
.back-to-top-widget .description{display:none;}
.publishingList li{width:45%;}
    
    
            
       
}

@media screen and (max-width:640px){ 
    
.menu-2 .level-0-menu{flex-flow:column wrap;}
.menu-2 a{font-size:1.063rem;line-height:2em;border-bottom:1px dotted #eee;margin:3px auto;}
.menu-2 a:before{}
.menu-2 a:hover:before, .menu-top .selected a:before, .menu-top .selected-parent a:before{}
.menu-top ul ul{top:10%;left:5px;}
.menu-top li:hover > .level-2-menu{display:none;}
.widget{flex:0 0 25%;}

}

@media screen and (max-width:600px){
  #download-list tr{display:block;border-top:1px solid #e8eaee;}
  #download-list td{display:inline-block;border:0;}
  #download-list tbody td.name{display:block;}
  #download-list tbody td.date-file{min-width:50%;text-align:left;}
  #download-list tbody td.size{min-width:50%;}
  
}


@media screen and (max-width:799px){ 
.m-slider {display:block;width:100%;}
.m-slider li {width:100%;}

    .contact-panel{width:90%;}
    .reservation{font-size:1em;}
    #sorting {flex-direction:column !important;text-align:center;width:100%;padding:0;margin:0 auto;}
    #sorting ul li{margin:0;}
    #sorting span{padding:0;}
    .viewAll a{margin:0;}
      .sorting{flex-direction:column !important;}
    .pages-gallery.listView li a, .publishingList.listView li a{padding: 0 1em;}
    .pages-gallery.listView li .image, .publishingList.listView li .image{margin-left:0 !important;max-width:35%;}
    .pages-gallery.listView .page, .publishingList.listView .page{padding: 20px 0;}
    .pages-gallery.listView li .title, .publishingList.listView li .title{font-size:0.8em;clear:both;}
    .pages-gallery.listView li .price,  .publishingList.listView li .price{width:70px;font-size:1em;}
   .pages-gallery.listView li .order-box, .publishingList.listView li .order-box{display:none;}
  .widget.type-4 li{width:auto;text-align:center;padding:0;}  
.widget.type-4 .level-0-menu li{text-align:center;}
#features {display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;}
#features li {display: flex;flex-direction: column;text-align: center;width:80%;}
.features{margin-top:2em;}
#product{width:100%;display: flex;flex-direction:column;padding:0;justify-content:center;}
#productBox {margin: 0 auto;align-items:center;justify-content:center;display:flex;width:90%;flex-wrap: initial;}
#productPreview{width:90%;display:block;}
#productPreview img{width: 100%;margin: 0 auto;}
  .menu-2{display:none;bottom:0;left:0;justify-content:center;background:rgba(255,255,255,1);z-index:300;} 
  .menu-2 a{} 
  .menu-2 .level-0-menu{width:70%;height:100%;flex-flow:column wrap;margin-bottom:0;padding:2em 0 0;background:#fff;text-align: center;justify-content:flex-start;} 
  .hamburger{position: fixed;right:0;background: #fff;z-index: 1000;}
  .hamburger.is-active{position:fixed;left:0;width:15vw;padding-left:0;padding-right:0;background:rgba(255,255,255,1);z-index:3001;overflow: hidden;} 
  .hamburger.is-active ~ #menu{display:flex;position:fixed;z-index: 2500;top:0;width:100%;height:100%;background:#fff;flex-direction:column;height:100vh;width:100vw;}
  .hamburger.is-active ~ #menu .menu-2{display:flex;z-index:3000;} 
  .hamburger.is-active ~ #menu .widgets-list.widgets-10{display: flex;z-index:3000;font-size: .8em;}
  .hamburger.is-active ~ #menu .widgets-list.widgets-9{display: flex;z-index:3000;font-size: .8em;}
  .hamburger.is-active ~ #menu .widget.type-4 nav ul{width:100%;}
   .hamburger.is-active ~ #menu .menu-6 li{margin: 0 auto;display:flex;flex-direction:column;}
  .hamburger.is-active ~ #menu .menu-2 li#page-1{padding:1em;}
  .hamburger.is-active ~ #menu .menu-2 li#page-1 a{content:'';display:block;width:100%;height:30px;margin-bottom:7px;background:#fff url('img/Artemis_logo2_b.svg') no-repeat center center;font-size:0;border:none; }
  .hamburger.is-active ~ #menu .menu-6 li#page-20  { margin: 1em auto;}
  .hamburger.is-active ~ #menu .menu-6 li#page-20 a{content:'';display:block;width:40px;height:40px;margin-bottom:7px;background:#1c4e8b url('img/fb.svg') no-repeat center center;font-size:0;margin: 0 auto;}
  .hamburger.is-active ~ #menu .menu-6 li#page-18{content:'';display:block;width:40px;height:40px;margin-bottom:7px;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);margin:1em auto;}
  .hamburger.is-active ~ #menu .menu-6 li#page-18 a{content:'';display:block;width:40px;height:40px; background:url('img/insta.svg') no-repeat center center; font-size:0;}
.cc-nb-main-container{height:auto;}
  .reset div{flex-direction:column;}
       .hamburger.is-active ~ #menu {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {  0% {  -webkit-transform: translateX(-100%);  transform: translateX(-100%);  visibility: visible;  }  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 
  
  .hamburger.is-active ~ #body{display:none;}   
   .menu-2 li#page-6 {padding-bottom:2em}
   .menu-2 a{font-size:1.2em;padding:.1em;}
   .menu-2 a:before{background:none;}
   #search_top{display:none;}
   #logo{width:100px;padding: 1rem 0 1rem 0em;}
   h2.heading-1{font-size:0.9em;}
   h1{font-size:1.2em;text-align:center;}
     .newsList li, .exhibitions li{width:100% ;margin: auto;margin-bottom:5em;padding-bottom:1em;}
     .publishingList li, .newsList li{width:50%;margin: 0 auto ;}
     .aboutList li{width:90%;margin:3em auto;padding:2em;}
     .authorsList{column-count:1 !important;width:95% !important;margin:0 auto;text-align:center;}
     .widgets-3 ul, .widgets-8 ul{flex-direction:column;}
     .widgets-3 > ul > li,  .widgets-8 > ul > li{width:90%;margin:2em auto;}
   #header .menu-2 #page-17{display:none;}
  .publishingList h2{font-size:1em;margin-top:2em;}
   #page{margin:0 0em 4em;}
   #slogan{font-size:1em;}
   #slogan img{padding-bottom:2px;}
   .is-page-date #page{padding:0;}

   .widget div.head {font-size:2em ;display:flex;flex-direction:column;}
   .widget.menuOferta.type-4 {display:flex;flex-direction:column !important;}
   .widget.menuOferta.type-4 a{font-size:1em !important;text-align:center;}
   .widget.type-4 nav ul{padding:0 0 !important;}
   .widget.menuOferta.type-4 nav ul{display:flex;flex-direction:column !important;font-size:1.em;}
   .widget.menuOferta.type-4 li{margin:.2em auto;}
   .news #page, .publishing #page{padding:0;}
  .widgets-list.widgets-9 ul{padding: 0;flex-direction: column;    justify-content: center;    display: flex;text-align:center; }
   #widget-13{margin-top:2em;}
  .publishingList li img, .is-parent-page-135 #productPreview img{width:100%;}
  .widget.contact{width:100% !important;}
  .contact .widgets-list.widgets-8 ul{flex-direction:column;}
  .menuBottom div.head{margin-top:2em;}
  .widgets-list.widgets-10 ul{list-style:none;font-size:1.3em;line-height:1.5em;justify-content: center;margin:0 auto;}
     .widget.mobileContact div.head {font-size:1em!important;}
     .is-page-description #page{width:90%;margin:0 auto;}
        .authorsList li {text-transform:uppercase;font-size:1.2em;font-weight:300;margin:1em 0;line-height:.8em;padding:0;line-height:1em;}
        .menu-2 a:before{float:none;}
        .side-tab-widget {display:none;}
       
        .news ul.newsList li{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
 #content .widget.type-4 {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.aboutList li .title {font-size: 2em;text-align:center;margin-top:2em;}
.newItems .widget div.head, .theOffer .widget div.head{font-size:1.7em;line-height:1em;display:flex;flex-direction:column;margin:0 auto;margin-top:2em;}
.is-parent-page-7 #productPreview img, .is-parent-page-14 #productPreview img, .is-parent-page-11 #productPreview img, .is-parent-page-13 #productPreview img, .image.is-image.inBasketList img, .news ul.newsList li{box-shadow:none;}
.widget.menuBottom {width:100%;align-content: center;justify-content: center;align-items: center;text-align: center;margin: 0 auto;}
   .aboutList li .image{float:none;margin-right: auto;margin-bottom: 4em;} 
   #author #description{width:90%;}
   #checkout{width:100%;}
   .msg.error{width:100%;}
#slider-1{height:800px;display:none !important;}   
.viewAll{margin: 2em 0;font-size:0.8em;}
.pagination{display:flex;flex-direction:column;}
.basketTab{display:none;}
.images-1{float:none;align-items: center;margin:0 auto 3em;flex-direction: row;justify-content: center;}
.slider .description{position: absolute;bottom: 0;}
div.easel{width:330px;margin:0 30%;}
.about #pages-related h2{padding-top:0;}
.widget.menuOferta.type-4 nav{width:100%;}
.is-page-description #page div.content{text-align: justify;}
.contact .widgets-11 ul {width:100%;flex-direction:column;}
#productBox span a {font-size:1.1em;}
.type-4 nav ul{width:100%;}
.widget.menuBottom.type-4 .level-0-el{font-size:1.2em;}
.widgets-9 .widget.menuBottom.type-4 li{width:100%;}
.widget.menuOferta.type-4 .level-0-el {font-size:1.3em;}
.widget.menuOferta.type-4 .level-0-el a{font-weight:300;}
#productBox h1{text-align:center;}
.logoBottom img{width:200px;}
.contact .widget div.head{font-size:1.2em;}
 .newsList li{width:100%;margin: auto;margin-bottom:5em;}
 .promote {display:none;}
 .mobile{display:block;}
 .widgets-list.widgets-8{display:flex;flex-direction:column;}
 .offer .title{text-align:center;text-transform:uppercase;}
  .offer li{width:100%;display:flex;flex-direction:column;}
 .adminInfo{top: -43px;}
input{-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}
.newItems .widget div.head span a, .theOffer .widget div.head span a, .widget div.head span a{margin:0 auto;}
#content li img{width:100%;}
.news .noPrice, .news .noOrder{display:none;}
[class|="pages"]{margin: .5rem 3em;}
.is-subpages-type-5 .pages-gallery.listView{margin: .5rem 0em;}
.widgets-9 .widget.type-4 li{padding: 0.2rem 0 0.2rem;}
.justified-gallery{justify-content: center !important;display: flex !important;}    
}

@media screen and (max-width:460px){
  .youtube{max-width:100%;height:240px;}
  .home .widgets-list.widgets-8{padding:0;} 


}


@media screen and (min-width:641px){
  .menu-top ul ul{position:absolute;top:100%;left:-1px;z-index:10;width:auto;height:auto;}
  .menu-top .level-1-el a{font-size:1.063rem;}
  .menu-top .level-2-el a{font-size:0.875rem;}
  /* third level submenu */
  .menu-top .level-2-menu{top:0;left:100%;border-left:5px solid #0093dd;}
    .menu-2 li{position:relative;}
  .menu-2 li:after{content:'';display:block;position:absolute;bottom:0;width:10%;height:5px;transition:all 0.5s ease;}
  #page-17:after{content:'';display:none;position:absolute;bottom:0;width:10%;height:5px;transition:all 0.5s ease;}
  .menu-2 li:hover:after, .menu-top .selected:after, .menu-top .selected-parent:after{width:99%;background:none;}
  .menu-2p a{font-size:1.25rem;}
  #slider-1{height:800px;}  
}

@media screen and (min-width:600px){
  .pages-gallery .page{flex:0 0 48%;}
  div.easel{width:226px;font-size:80%;}

  #slider-1{height:800px;}  
}


@media screen and (max-height:390px){
#logo{width:100px;padding-bottom:.4rem;}
.hamburger{position: fixed;top:0; right:0;background: #fff;z-index: 1000;height:50px;}
     .hamburger.is-active ~ .menu-2 li{border:none;}
     .widgets-list.widgets-10 ul{justify-content: start;    margin: 0;    width: 300px;    align-items: start;    text-align: left;}
     .menu-2 a{border-bottom:0;text-align:right;padding-right:1em;padding:0;}
     .menu-2 .level-0-menu{    justify-content: space-between;    align-items: center;}
 #menu {height:50px;width:70%;} 
 #slider-1{max-height: 73vh;}
 #logo{margin:0;    padding: 0.5rem 0 1rem 2em;}
 #slogan{    font-size: 0.9em;}
 #menu a{font-size:0.8em;width:100%;}
 #header .menu-2 #page-17{background-size:50%;}
#head1 .container{display:flex;flex-direction:row !important;}
.widget.type-4 nav ul{padding: 0 2em;}
}



@media screen and (min-height:800px){
.hamburger{position: fixed;top:0; right:0;background: #fff;z-index: 1000;height:50px;}

}





@media screen and (min-width:800px){ 
  #head1 .hamburger{display:none;} 
  #search_top{display:block;width:250px;}
  #productPreview{width:50% }
  #productBox{width:50%;padding-left:4em;}
    #search-form{max-width:330px;margin-left:auto;padding:2rem 1.5rem 0 0;background:none;}
    #head1 .hamburger{display:none;} /* Hide hamburger */ 
  #search_top{display:block;width:250px;}
        .news #page, .publishing #page{padding:0 5%;}
 .menu-2 .level-0-menu{padding: 0em 0 0 1em;justify-content: space-around;}
 #head1 .container{flex-direction:column;}
 .mobileContact{display:none;}
.publishingList h2{font-size:1em;margin-top:2em;}
.publishingList li{width:33%;}
  div.easel{width:266px;}
#product{width:80%;display: flex;flex-direction:row;margin: auto;}
#product .images-6.justified-gallery img{max-height:50%;max-width:50%;}
} 

@media screen and (min-width:960px){
.menu-2 .level-0-menu{padding-right:.6rem;    line-height: 3em;}
#page > time{}
.pages-gallery .page{flex:0 0 25%;}
.menu-2 a{    font-size: 1em;  line-height: 1em; }
.publishingList li{width:27%;}
.publishingList li img, .is-parent-page-135 #productPreview img {box-shadow: -36px 33px 24px -35px rgba(66, 68, 90, 0.25);}
#head1 .container{flex-direction:row;}
  div.easel{width:366px;}

    
}


@media screen and (min-width:1280px){
#container{width:100%;margin-bottom:3em;}
.back-to-top-widget{right:1.5%;}
.back-to-top-widget a{opacity:0.6;}
.widgets-1{width:1200px;}
#logo #title a{font-size:3.25rem;margin:0;}
.authorsList{margin:0 auto;width:80%;}
.publishingList li{width:23%;}
.pages-gallery .page{flex:0 0 19%;margin: 1%;}
.menu-2 a{    font-size: 1.5em;    padding: 0.6em 0.5em;  line-height: 1em; }
.publishingList li{width:24%;}
div.easel{width:395px;}
.widget.type-4 nav ul{padding: 0 2em;width:100%;}
#product .images-6.justified-gallery img{max-height:100%;max-width:100%;}
 .home .widgets-list.widgets-8{width:1200px;margin:0 auto;}   
}


@media screen and (min-width:1920px){
.aboutList li{width:33%;margin:3em auto;padding:2em;}
.pages-gallery {justify-content:center;}
.pages-gallery .page{flex:0 0 18%;}
.authorsList{column-count:3;margin:0 auto;width:80%;}
.menu-2 a{    font-size: 1.7em;    display: block;    padding: 1em 0.5em;    color: #333;    text-decoration: none;font-weight:200;line-height:2em;}
#header .menu-2 #page-17 a{    height: 100px;}

 #logo{padding:1rem 0 1rem 2em;width:253px;}
.widget.menuOferta{width:50%;}
.publishingList li{width:18%;}
  div.easel{width:566px;font-size:200%;}


@media screen and (min-width:2560px){
.aboutList li{width:33%;margin:3em auto;padding:2em;}
.pages-gallery {justify-content:center;}
.pages-gallery .page{flex:0 0 15%;margin: 2%;}
.authorsList{column-count:4;margin:0 auto;width:80%;}

.publishingList li{width:13%;}
}