/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.slick-dotted.slick-slider {
   	margin-bottom: 0!important;
   }
   .banners-wrap .slick-slide img {
    margin: 0 auto;
   }
   .top-menu .last-event a img {
    display: none!important;
   }
   .flexwrap-center__item .glyphicon-eye-open {
   	margin-bottom: 20px;
   }

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.top-menu {
		display: none;
	}
  .imHeader__logo img {
    top: 14px;
  }
  .flex-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .pisateli-yubilari__list, .knigi-yubilari__list{
    display: flex;
    -webkit-display: flex;
    -moz-display:  flex;
    flex-direction: column;
    justify-content: center;
  }
   .docs.page {
    display: none;
    visibility: hidden;
  }
}

@media  screen and (min-width : 769px) and (max-width : 925px) {
  #imMenuMain .menu .menu-logo a img, #menu-container .menu-container__logo a img{
    display: none;
  }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	h2 {
		margin: 30px 0;
	}
  ul{
    padding-left: 0!important;
  }
  .imHeader__logo img {
    top: 22px;
    max-width: 32px;
  }
  #imMenuMain .menu .menu-logo a img {
    position: absolute;
    top: -37px!important;
    right: 20px!important;
    left: 87%;
    width: 100%;
    height: auto;
    max-width: 29px!important;
    z-index: 6;
    display: block!important;
  } 

  .booksec-container {
    flex-direction: column;
  }
  .booksec-container__header  {
    margin-right: 0;
  }

  #menu-container .menu-container__logo a img {
    position: absolute;
    top: 2px!important;
    right: 20px!important;
    left: 87%;
    width: 100%;
    height: auto;
    max-width: 29px!important;
    z-index: 7;
    display: block!important;
  }
    /*submenu level 2*/
	.main-menu ul.sub-menu li.mlevel-two > ul.level-two,.main-menu ul.sub-menu li.mlevel-two > ul.level-two:active {
	    position: relative;
	}
	.main-menu ul.sub-menu li.mlevel-two > ul.level-two, .main-menu ul.sub-menu li.mlevel-two > ul.level-two:active {
	  left: 0%;
	  border-bottom: 1px solid #245e84;
	}
	.main-menu ul.sub-menu li.mlevel-two:hover::after {
	  transform: rotate(90deg);
	  top: 21px;
	}
	.main-menu .sub-menu a {
	  padding: 18px 8px;
	}
	/*submenu level 2*/

/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	.imHeader__title {
		z-index: 10!important;
		/*max-width: 320px;*/
    	text-align: center;
   		margin: 0 auto;
   		padding: 52px  0;
	}
    .imHeader__title h1, .menupad h2,.imHeader__title h3, .menupad h3 {
 		z-index: 10!important;
    }
    #imMenuMain {    
	  background: #5cade2;
	  top: 39px;
	  height: auto;
	  min-height: 100vh;
      display: none;
	  position: absolute;
	  z-index: 9999!important;
    }
    .menu {
    	display: flex;
    	flex-direction: column;
    	justify-content: flex-start;
    	align-items: flex-start;
    	min-height: 49px;
    }
    .main-menu {
   		width: 100%;
	}

	.main-menu > li {
		display: inline;
	}
	.main-menu .sub-menu::before {
		display: none;
	}

	.main-menu .sub-menu {
		top: 0;
		position: relative;
	}
	.main-menu a {
		line-height: 1!important;
		/*padding: 15px 10px;*/
		padding: 18px 8px;
		color: #fff;
	}
	.main-menu > li .sub-menu {
		width: 100%;
	}
	.main-menu > li:hover .sub-menu {
		display: none;
	}
	/*Burger mobile menu*/
	.m-menu {
        display: block;
        visibility: visible;
    }
    
    #menu-container {display: block;}
	/*Burger mobile menu*/

    /*news main page styles*/
    #imPage {
    	max-width: 100%;
    	margin: 0;
    	padding: 0 20px;
    }
    .last__news h2 {
     margin: 30px 0;
     
    }
    .news_container {
    	margin: 0;
 		  padding: 0;
    }
    .news__card {
    	margin: 0;
    	margin-bottom: 10px;
    	padding: 15px 10px
    	box-shadow: 0 0px 0px 0 rgba(10,10,10,.05), -1px 14px 54px -34px rgba(0,0,0,.47);
    	max-width: none;
    }
    /*full news content*/
    .news_container__content img {
    	float: none!important;
    	width: 100%!important;
    	height: auto;
    	margin: 0!important;
    	padding-top: 0px;
    	padding-bottom: 0!important;	
    }
    .news_container__title-news h2 {
    	line-height: 1.3;
    }
    /*full news content*/

    .news__pagination {
    	margin: 20px 0;
    }
    /*news main page styles*/

   /*banners section*/ 
   .banners-wrap .photo img{
   	padding: 0;
   	margin: 0;
   }
   /*banners section*/ 
   /*#imPage div,*/
   #imPage img {
   	width: 100%;
   	height: auto;
   	float:none!important;
   }
   .news__pagination_btn  {
      text-align: center;
   }
   .ml115,.ml65,.ml35,.ml25,.ml55,.db{
   	margin-left: 0;
   	padding-left: 0;
   }
   .wrapper-flex  {
   	flex-direction: column;
   	justify-content: center;
   	align-items: center;
   	margin: 10px 0;
   }

   .scroll-table {
   	  overflow-x: scroll;
   }
   .slick-dotted.slick-slider {
   	  margin-bottom: 0!important;
   }
   .bibllist {
     margin: 10px 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
   }
   .bibllist ul {
   	padding-left: 0;
   }
   ul.tematichvistavki {
   	width: 100%;
   }
   .calendar-wrap {
   	display: flex;
   	flex-direction: column;
   }
   .banners-wrap .slick-slide img {
      padding: 0 3px;
      margin: 0 auto;
   }

   .flex-row-start, .fx-center {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;
      justify-content: center;
      -ms-align-items: center;
      align-items: center;
   }
   .flex-row-start__item, .fx-center__item {
      padding: 5px 0;
    }
       
   .flex-row-start__item img, .fx-center__item img{
      width: 100%;
      max-width: 100%;
      margin: 0;
   }

}
@media only screen and (max-width : 656px) {
	.persons-container {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
}

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

.accordion-container .set > a {
    font-size: 12px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
	
	.imFooter__title p {
		font-size: 13px;
    padding: 30px 20px!important;
    text-align: left!important;
	}
	.flexwrap-center__item {
		padding: 5px 0;
	}	
  .accordion-container .set > a {
    font-size: 9px;
  }
  
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.imHeader__logo img {
		top: 22px;
		max-width: 32px;
	}
  .flexwrap-center__item .glyphicon-save, .flex-row-start__item .glyphicon-save,
  .flexwrap-center__item .glyphicon-eye-open  {
    float: left;
    margin-bottom: 20px;
  }

  .main-menu > li .sub-menu  {
     width: 100%;
     min-width: 318px;
     max-width: 318px;
  }

  .accordion-container > h2 {
    font-size: 18px;
  }
 
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
/*@media only screen and (min-width : 320px) {

}
*/
/* Extra Small Devices, Phones */
/*@media only screen and (min-width : 480px) {

}*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .flexwrap-center .flexwrap-center__item {
      max-width: 85%!important;
  }
}

/* Medium Devices, Desktops */
/*@media only screen and (min-width : 992px) {

}*/

/* Large Devices, Wide Screens */
/*@media only screen and (min-width : 1200px) {


}*/