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

   /* #wrapper {
      max-width: 960px;
	  margin:0 auto;
    }*/
	.logged-in #navbar-administration .navbar-bar .navbar-icon{
	  text-indent: -9999px;
	} 
	.front.panel-title{
	  font-size:1.7rem;
	  }
	#site-title{
	  top:1.6em;
	  letter-spacing:3px;
	  }
	#site-description {

	  letter-spacing:1px;
    }	  
    #logo{
	  top:4.8em;
	  left:12%;
	  }	
      
    	  
  }

@media screen and (max-width: 980px) {
	#navbar-administration .navbar-bar .navbar-icon{
	  text-indent:-9999px!important;
	}
	#navbar-administration ul.clear.kudainfo {
	  padding:0;		
	}	  
    #container {
	  width:90%;
	  margin:0 auto;
	  }
    .menu_wrapper {
      padding-left:5px;
      padding-right:5px;
    }
    body.two-sidebars #sidebar-first {
      padding: 5px;
      width: 23%;
    }
    body.two-sidebars #sidebar-second {
      padding: 5px;
      width: 18%;
    }
	#site-title{	  
	 
	  width:100%;
	  }
	#site-description { 
	  width:100%;  
	  } 	
    /*-----------node-book-----------*/
    #book-column-left {
	   width:100%;
	   }	
	#book-column-right{
	   width:100%;
	   }   
	#book-block-menu {
       width: 100%;
    }	
} 
  
@media screen and (max-width: 960px) {
	
    #navbar-administration.navbar-oriented .navbar-tray-vertical  {
	   width:100%;
	   position:fixed;
	   box-shadow: 0px 1px 5px #C8C8C8;
}
#navbar-administration.navbar-oriented .navbar-tray-vertical .navbar-lining{
	background:#fff;	
}
 /*-------------isotope----------*/ 
    .pane-frontpage-frontpage-projects .item-list ul li.isotope-element,
    .pane-frontpage-frontpage-isotope-books .isotope-element
   	{
	  width:100%;
	  margin:5% 0;
	 }
	.pane-frontpage-frontpage-projects .item-list ul li.isotope-element a img{
	  width:100%;
	}
    .wide .isotope-element, .wide .item-list ul li.isotope-element,
    .wide .isotope-element, .wide .item-list ul li.isotope-element a img	{
      width:100%;
	 }
    .panel-3col-33-stacked .panel-col-first{
	  margin-left:1%;
	 }
    .panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col-last,
	.panel-3col-33-stacked .panel-col {
	  width:100%;  
	  float:none;
	  }
	.front .panel-col-bottom .panel-pane.pane-frontpage-frontpage-texts-translations{
	  width:100%;
	  float:none;
	 }
	.front .panel-pane.pane-frontpage-frontpage-biblio {
	  width:100%;
	  display:inline;
	 }
	 
	.pane-frontpage-frontpage-events-news .pane-title, .pane-frontpage-frontpage-texts-translations .pane-title, .front .pane-aggregator-feed-7 .pane-title {
	  font-size:1.6rem;
	  }
    .content-sidebar-wrap,
    #content,
    #sidebar-first,
    #sidebar-second {
      /*float: left;*/
      width: auto !important;
    }

    #sidebar-first {
      clear: both;
    }

    #sidebar-first,
    #sidebar-second,
    #head,
    #foot {
      padding: 0 3.52%;
    }
    #copyright {
      padding: 0 3%;
    }
	#site-title{
	  font-size:2.444rem;
	  letter-spacing:3px;	  
	  }
	#site-description {
	  font-size:1.2rem;	  
	  }  
    .page-node-tag {
	  width:100%;
	  margin-left:1%;
	  }	
    .scrollup-top {
	  right:-1%;
	  }	
    .node-type-blog h2 {
	  font-size:1.5em;
	  font-weight:normal;
	  }
	.node-blog #book-block-menu{
	   width:100%;
	   margin-bottom:6%;	   
	 }	
/*----------text-node-----------*/
    #column-left-text {
	   width:100%;
	   }
    #column-right-text{
	   width:100%;
	   }	
/*----------lounge---------------*/
    #lounge-column-left,
        #lounge-column-right{
	   width:100%;
	   }	

    #lounge-column-right {   
      margin-right: 0;  
    }
  }

  @media screen and (max-width: 800px) {
/*-------------front-page----------*/
    .links li a{
	  padding:3px;
	 }
	.fixed-top-menu ul li, .fixed-top-menu nav.breadcrumb li{
	  width:16%;
	  margin:0px 0.3rem;
	 } 
	.fixed-top-menu ul li a, .fixed-top-menu nav.breadcrumb li a{
	  font-size:1rem;
	  }
    #content {
      float:none !important;
    }
    .menu_wrapper {
      padding-left:5px;
      padding-right:5px;
    }
	#site-title{	   
	  letter-spacing:1px;
	}
	#site-description {
	  font-size:90%;
	  line-height:100%;
	  letter-spacing:1px;
	  }    
  .page-search .view-search.view-id-search.view-display-id-page .item-list ul#isotope-instance-1 li.isotope-element {
	   width:100%;
} 
/*--------node--blog---------*/
    .node-type-blog  #container{
      margin-top:18%;
	}
	.top-menu,.mid-menu,.bottom-menu{
	  width:38px;
	 }
	.node-type-blog h2{
	  font-size:1.5em;
	 }
    #logo-name{ 
	  top:4%;
	  left:2%;
	 }
	.icon{
	  top:3.5%;
	  }
	#column-left, #column-right{
	  width:100%;
	  float:none;
	  height:auto;
	  } 
    	  
}

@media screen and (max-width: 768px) {
   
    .front.pane-title{
	  font-size:1.4rem;
	  padding:0.2em 0.4em;
	  font-weight:200;
	  }	 
    .front.lounge-description{
	  font-size:1.1rem;
	  }	  
	.fixed-top-menu ul li, .fixed-top-menu nav.breadcrumb li{
	  width:18%;
	  margin:0 0.1rem;
	  }

    #identity #logo {
        padding: 0;
      }
	.node-type-book #container {
		margin:7% auto;
	}  
}	
@media screen and (max-width: 736px){
   
	#container{
	  margin: 20% auto;
	 } 
    .front .pane-title{
	  font-weight:200;
	  font-size:1.3rem;
	  padding:0.3em 0.4em;
	 }	 
}  
@media screen and (max-width: 600px) {
	
    .front.pane-title{
	  font-size:1.4rem;
	  }	    
}
@media screen and (max-width: 640px) {
    #column-left, #column-right{
	  width:100%;
	  float:none;
	  height:auto;
	  } 
 	  
/*---------front-page-----------*/
    .fixed-top-menu ul li a, .fixed-top-menu nav.breadcrumb li a{
	 letter-spacing:1px;
	 }
	.fixed-top-menu ul li, .fixed-top-menu nav.breadcrumb li{
	 width:20%;
	 margin:0 0.3rem;
	 } 
	.fixed-top-menu ul, .fixed-top-menu nav.breadcrumb{
	 margin-left:0;
	 width:100%;
	 }
	.fixed-top-menu ul:last-child li:last-child a{
	  position: absolute;
      right: 15%;
      top: 2em;
	  padding:7px;
	  background:transparent;
	 }
	.front.lounge-description{
	  font-size:1.1rem;
	  }
    body {
      margin-top: 0;
    }
    .lang-switch.fixed {
	   width:10%;
	   right:1%;
   }
   #sticky_header {
      display: none !important;
    } 
   #menu-icon {
	  display:inline-block;
	}
    /*
	nav ul, nav:active ul { 
	  display: none;
	  position: absolute;
	  padding: 20px;
	  background: #fff;
	  border: 5px solid #444;
	  right: 20px;
	  top: 60px;
	  width: 50%;
	  border-radius: 4px 0 4px 4px;
	}
	nav li {
	  text-align: center;
	  width: 100%;
	  padding: 10px 0;
	  margin: 0;
	}
	nav:hover ul {
	  display: block;
	}
*/	
	.front.pane-title{
	  font-size:1.4rem;
	  }	
    #socialbar {
      float: none;
    }
    #main-menu ul {
      display: none;
    }
    #main-menu li ul {
      position: static;
    }
    #main-menu li ul ul {
      margin: 0 !important;
    }
    #main-menu ul,
    #main-menu li {
      float: none;
      max-width: 100%;
    }
    #main-menu a {
      width: 100%;
      padding: 10px 0;
      color: #343434;
      background: rgb(0, 169, 157);
      background: -moz-linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
      background: -webkit-linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
      background: -o-linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
      background: -ms-linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
      background: linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
      border-bottom: 1px solid rgb(3, 153, 140);
    }
    #main-menu a:hover ,#main-menu a.active {
      color: #fff !important;
    }
    #main-menu li li a {
      text-align: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 3% 5%;
    }
    #main-menu li li li a {
      background: rgb(0, 169, 157);
    }
    #main-menu a:hover,
    #main-menu li > a.active {
      background: rgb(3, 153, 140);
      background: -moz-linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
      background: -webkit-linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
      background: -o-linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
      background: -ms-linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
      background: linear-gradient(rgb(3, 153, 140),rgb(0, 169, 157));
    }
    #main-menu li:hover > ul,
    #main-menu li li:hover > ul,
    #main-menu li li li:hover > ul {
      display: none;
    }
    .drop-down-toggle {
      display: block;
    }
    #main-menu li li .drop-down-toggle {
      top: 5px;
    }
    #main-menu .nav-toggle {
      display: block;
      font-size: 15px;
      font-weight: bold;
    }
    .flex-control-nav li {
      margin: 0 0 0 10px;
    }
    .flex-control-nav li:first-child {
      margin: 0;
    }
    #slider .entry-container {
      position: absolute;
      left: 4%;
      bottom: 6.3%;
    }
    #slider .entry-header,
    #slider .entry-summary {
      margin: 0;
    }
    #slider .entry-title {
      margin-bottom: 0;
    }
    #slider .entry-title a,
    #slider .entry-summary {
      display: inline-block;
      padding: 1% 3%;
      background: rgba(255, 255, 255, 0.75);
    }
    #slider .entry-summary {
      max-width: 61.8%;
    }
    #slider .entry-summary p {
      max-height: 84px;
      overflow: hidden;
    }
    #slider .slide-image {
      float: none;
      display: block;
      max-width: 100%;
      padding: 0;
      margin: 0;
      box-shadow: none;
    }
    .content-sidebar-wrap,
    #sidebar-first,
    #sidebar-second {
      width: auto;
    }
    #sidebar-first .block,
    #sidebar-second .block,
    #footer-area .column,
    #top-area .column {
      float: none;
      width: auto !important;
      margin-left: 0;
    }
    #sidebar-first {
      clear: both;
    }
    #footer-area .column,
    #top-area .column {
      margin: 10px 0;
    }
    .copyright,
    .credits {
      float: none;
      text-align: center;
    }
    #copyright{
      padding: 0 3%;
    }
    #footer-area .column, #top-area .column{
      padding: .5em;
    }
/*-------------node--blog -------------------*/

	.node-type-blog > #container{
	  margin-top:21%;
	}
    .node-type-blog h2{
	  font-size:1em;
	}
	.icon{
	  top:4.5%;
	  right:7%;
	 }
    #column-left, #column-right{
	  width:100%;
	  float:none;
	  height:auto;
	  } 
	.scrollup-top{
	  right:-6.5%;
	  }  
}

@media screen and (max-width: 480px) {
	#identity #site-name{
	  text-align:left;
	  padding-left:5%;
     }
    #container{
	  max-width:100%;
	  margin:5% auto;
	  }
    .front.pane-title{
	  font-size:1.5rem;
	  }	 
    .front.lounge-description{
	  font-size:1.1rem;
	  }
}
    @media screen and (max-width: 440px) {
	 #site-name{
	  word-break:break-all;
	 }
	.fixed-top-menu ul li, .fixed-top-menu nav.breadcrumb li{
	  width: 32%;
      margin-left: 6%;
	  margin-top:2%;
	 }
	.fixed-top-menu ul li a, .fixed-top-menu nav.breadcrumb li a{
	  display:inline-block;
	 }
	.fixed-top-menu ul:last-child li:last-child a{
	  position: absolute;
      right: 1%;
      top: 3.2em;
      padding: 7px;
      background: none repeat scroll 0% 0% transparent;
	 } 	
	ul {
	  margin-bottom:-2%;
	 }
	.links li a{
	  padding:5px;
	 }
	#container{
	  margin:26% auto;
	  max-width:100%;
	 }
	.front.pane-title {
	  text-align:center;
	  font-size:1.5em;
	  } 
    .front.lounge-description{
	  font-size:1.1rem;
	  }	  
      input.form-text, select.form-select {
        width: 93%;
      }
      textarea.form-textarea {
        width: 100%;
      }
/*-------------node--blog -------------------*/

	.node-type-blog  #container{
	  margin-top:5%;
	}
    .node-type-blog h2{
	  font-size:1em;
	}
	.icon{
	  top:5%;
	  right:6%;
	 }
	.top-menu,.mid-menu,.bottom-menu{
	  width:25px;
	  }
	#column-left, #column-right{
	  width:100%;
	  float:none;
	  height:auto;
	  } 
    .field-name-body{
	  padding:1em;
	  font-size:0.9em;
	  line-height:1.2;
	  margin-bottom:1em;
	  }	
    .page-node-tag{
	   margin-left:5%;
	   } 	  
    .page-node-tag ul li a{
	  padding:0.3em;
	  font-size:0.9em;
	  }	 
    #copyright p	  {
	  font-size:0.7em;
	  }
	.copyright, .credits{
	   text-align:center;
	   }    
    }
	
@media screen and (max-width: 360px) {
    body{
	  line-height:1;
	  }
	a{
	  font-size:1rem;
	  }
	  #header{
	  height:auto;
	  }	
    .lang-switch{
	 top:4%;
	 }	 
	.front .pane-title{
	 padding:0.3em 0.4em;
	 font-size:1.5rem;
	 }  
    .block > h2 {
      font-size: 18px;
    }
	.front .lounge-description{
	 font-size:1rem;
	 }
	.front .item-list ul.pager-load-more li a{
	 font-size:1rem;
	 }
	  .pane-frontpage-frontpage-events-news .pane-title, .pane-frontpage-frontpage-texts-translations .pane-title, .front .pane-aggregator-feed-7 .pane-title,
	.pane-frontpage-frontpage-isotope-books .more-link a{
	 font-size:1rem;
	 }
	.fixed-top-menu ul:last-child li:last-child a{
	  top:2.5em;
	  }
	/*-------------node--blog -------------------*/
    #post-content{
	 padding:0;
	 }
	.node-type-blog  #container{
	max-width:100%;
	}
    .node-type-blog h2{
	font-size:1em;
	} 
	.icon{
	 top:7.5%;
	 right:8%;
	 }
	.top-menu,.mid-menu,.bottom-menu{
	  width:25px;
	  }
	#column-left, #column-right{
	  width:100%;
	  float:none;
	  height:auto;
	  } 
    .field-name-body{
	  padding:1.3em;
	  font-size:0.9em;
	  line-height:1.2;
	  margin-bottom:1em;
	  }	
    .page-node-tag{
	   margin-left:5%;
	   }	  
    .page-node-tag ul li a{
	  padding:0.3em;
	  font-size:0.9em;
	  }	 
    #copyright p	  {
	  font-size:0.7em;
	  }
	.copyright, .credits{
	  text-align:center;
	   } 
	.blog-pdf{
	  padding:1.3em;
	  } 
	.scrollup-top{
	  right:-10.5%;
	  }  
  }
@media screen and (max-width: 320px) {
    #container{ 
	  margin:5% auto;
	  max-width:93%;
	  }
    
}