@media(max-width:1290px){
  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog img{
    width: 350px !important;
    object-fit: cover;
  }
}



/*

================================================================================

														 PAD VERSION HZ

================================================================================

*/

@media (max-width:1024px){


/*

================================================================================
                                preloader
================================================================================

*/

/* PRELOADER */
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fefefe;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
   width: 300px;
   height: 300px;
   position: relative;
   left:0;
   top: 0;
   background-image: url(/images/preloaders/preloader.gif);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;
   /*margin: -50px 0 0 -50px;*/
    margin: 45% auto;
}






  .main-nav{
    padding: 10px 0px !important;
  }

  .main-nav .main-container{
    width: 100%;
  }

  .main-container{
    padding: 0px 30px;
  }


  /*
  ================================================================================
                                  LIBRARY MAIN HEADER STYLE
  ================================================================================
  */



.main-header .main-header-content .main-header-content-area .info-blog-area .info-box:first-child{
  display: none;
}

  /*
  ================================================================================
                                  LIBRARY SECTION ABOUT STYLE
  ================================================================================
  */

  .library-section-about .library-section-about-content .content-director-column{
    padding: 20px 40px;
  }

  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog{
    flex-direction: column;
  }

  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog img{
    width: 100% !important;
  }

  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog .inner-blog-main-content{
    max-width: 100%;
    padding: 0px;
    margin: 10px 0px 0px 0px;
  }


  /*
  ================================================================================
                                  LIBRARY KABIBOLA STYLE
  ================================================================================
  */


  .kabibola-section{
    padding: 60px 40px;
  }

  /*
  ================================================================================
                                  LIBRARY WEB LINK STYLE
  ================================================================================
  */

  .weblink-section .weblink-section-content .weblink{
    width: 50%;
  }


  /*
  ================================================================================
                                  LIBRARY FOOTER STYLE
  ================================================================================
  */

  .library-main-footer{
    padding: 0px;
  }


  .library-main-footer .footer-content-column .footer-content-area{
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    padding: 50px 15px;
    float: none !important;
  }


  .library-main-footer .footer-content-column .footer-content-area .footer-column{
    width: 100%;
  }

  .library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget{
    margin-bottom: 20px;
  }

  .library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .contact-info{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
  }

  .library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .contact-info li{
    display: flex;
    align-items: center;
    padding: 0px;
    margin-right: 30px;
  }

  .library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .contact-info li .icon{
    position: relative;
    margin-right: 5px;
    top: 0;
  }

  .library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .list-info li{
    width: 25%;
  }




}



/*

================================================================================

														 PAD VERSION HZ END

================================================================================

*/









/*

================================================================================

														 PAD VERSION VR

================================================================================

*/

@media (max-width:801px){

  .global-page-wrapper .global-page-content-area{
    flex-direction: column;
  }




  /*
  ================================================================================
                                  LIBRARY MAIN HEADER STYLE
  ================================================================================
  */



.main-header .main-header-content .main-header-content-area .info-blog-area .info-box:first-child{
  display: none;
}


.global-page-wrapper .global-page-content-area .page-content-column{
  width: 100%;
}


.global-page-wrapper .info-column{
  width: 100%;
}

.global-page-wrapper .info-column .info-column-content{
  padding: 0px;
}


/*
================================================================================
                                LIBRARY ABOUT STYLE
================================================================================
*/

.library-section-about .library-section-about-content{
  flex-direction: column;
}


.library-section-about .library-section-about-content .content-welcome-column{
  width: 100%;
    justify-content: center;
}

.library-section-about .library-section-about-content .content-welcome-column .content-area{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.library-section-about .library-section-about-content .content-director-column{
  width: 100%;
  padding: 40px !important;
}


.library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog{
  justify-content: center;
  align-items: center;
  flex-direction: row !important;
}


.library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog img{
  width: 300px !important;
}



.library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog .inner-blog-main-content{
  max-width: 100% !important;
  padding: 0px;
  margin: 10px 0px !important;
}

/*
================================================================================
                                KABIBOLA STYLE
================================================================================
*/

.kabibola-section{
  padding: 60px;
}

.kabibola-section .kabibola-section-content{
  padding: 0px !important;
  flex-direction: column;
}


.kabibola-section .kabibola-section-content .content-kabibola-image-column{
  width: 100%;
}

.kabibola-section .kabibola-section-content .content-kabibola-image-column .content-area img{
  height: 250px;
}


.kabibola-section .kabibola-section-content .content-kabibola-about-column {
  width: 100%;
}

.kabibola-section .kabibola-section-title{
  margin: 0px;
}

.kabibola-section .kabibola-section-content .content-kabibola-about-column .content-area .inner-blog-main-content a {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*
================================================================================
                                LIBRARY BOOK STYLE
================================================================================
*/

/*
.library-book-section .library-book-section-blog .swiper-slide{
  width: 50% !important;
} */

/*
================================================================================
                                LIBRARY NEWS STYLE
================================================================================
*/
.library-news-section .library-news-section-content .swiper-slide{
  flex-direction: column;
}

.library-news-section .library-news-section-content .swiper-slide .image-column{
  width: 100%;
}

.library-news-section .library-news-section-content .swiper-slide .image-column .image img{
  height: 300px;
}

.library-news-section .library-news-section-content .swiper-slide .content-column{
  width: 100%;
}


/*
================================================================================
                                LIBRARY GOS SYMBOLS STYLE
================================================================================
*/


.symbols-section-content-area .symbols img{
  height: 60px;
}


/*
================================================================================
                                LIBRARY WEB LINKS STYLE
================================================================================
*/

.weblink-section .weblink-section-content .weblink{
  width: 50%;
  padding: 10px;
}

/*
================================================================================
                                LIBRARY FOOTER STYLE
================================================================================
*/

.library-main-footer .footer-content-column .footer-content-area{
  padding: 20px 15px !important;
}



.library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget{
  margin: 0px;
}

.library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .contact-info{
  margin-bottom: 10px;
  flex-direction: column;
  flex-wrap: nowrap;
}

.library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .list-info li{
  width: 50% !important;
}


.library-main-footer .footer-map-column{
  max-height: 100%;
}

/* .library-main-footer .footer-map-column .map-canvas p ymaps:first-child{
  height: 100% !important;
} */



}

/*

================================================================================

														 PAD VERSION VR END

================================================================================

*/







/*

================================================================================

														 MOBILE VERSION VR

================================================================================

*/

@media(max-width:440px){

.global-page-wrapper .global-page-content-area{
  flex-direction: column;
}


.global-page-wrapper .global-page-content-area .page-content-column{
  width: 100%;

}

.global-page-wrapper .info-column{
  width: 100%;
}

.global-page-wrapper .info-column .info-column-content{
  padding: 0px;
}

.d-none{
  display: none !important;
}

/*
================================================================================
														 DEFAULT PAGE STYLE
================================================================================
*/

.page-content-column .page-posts{
  flex-direction: column;
  padding: 0px 0px 30px 0px;
}

.page-posts .image-column{
  width: 100%;
}

.page-posts .content-column{
  width: 100%;
}

/* .page-content-column .post-content-view .swiper-slide .inner-blog-box .overlay-inner-blog .image-link{
  display: none;
} */

.page-content-column .post-content-view .swiper-slide .inner-blog-box .overlay-inner-blog .content{
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
  align-items: center;
}

.page-content-column .post-content-view .swiper-slide .image-box img{
  height: 250px;
}


.post-text-content{
  display: none;
}




/*
================================================================================
														 EVENTS PAGE STYLE
================================================================================
*/

.page-content-column .post-content-view .event-block .event-content .content-area{
  padding: 30px;
}


.page-content-column .post-content-view .event-block .event-content .content-area .event-text-content{
  font-size: 1.25em;
}

.page-content-column .event-block .event-content .content-area{
  padding: 30px;
}

.page-content-column .event-block .event-content .content-area .event-text-content{
  font-size: 1.25em;
}


/*
================================================================================
														 ASK PAGE STYLE
================================================================================
*/


.page-content-column .question-area .question-area_info-card .question-area_info-card-body .question-area_info-card_text-punkt{
  flex-direction: column;
}

.page-content-column .question-area .question-area_warning-card .question-area_warning-card-body .question-area_warning-card_text-punkt{
  flex-direction: column;
}







/*
================================================================================
														 MAIN HEADER STYLE
================================================================================
*/


  .main-header .main-header-top .main-header-top-content{
    justify-content: space-between;
  }

  .main-header .main-header-top .main-header-top-content .social-network a span{
    margin: 0px 2px;
  }


  .main-header .main-header-content .main-header-content-area{
    justify-content: center;
  }



  .main-header .main-header-content .main-header-content-area .info-blog-area{
    display: none;
  }


/*
================================================================================
														 MAIN SLIDER STYLE
================================================================================
*/

.library-main-slider[mainAfisha]{
  display: block;
}

.library-main-slider{
  display: none;
}





/*

================================================================================
														 LIBRARY SECTION ABOUT STYLE
================================================================================

*/



  .library-section-about .library-section-about-content{
    flex-direction: column;
  }

  .library-section-about .library-section-about-content .content-welcome-column{
    width: 100%;
  }

  .library-section-about .library-section-about-content .content-welcome-column .content-area .content-title h2{
    font-size: 22px;
  }


  .library-section-about .library-section-about-content .content-director-column{
    width: 100%;
  }

  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog{
    flex-direction: column !important;
    padding: 20px;
  }


  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog img{
    width: auto !important;
    height: 150px;
    object-fit: cover;
  }

  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog .inner-blog-main-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    text-align: center;
  }

  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog .inner-blog-main-content .main-content-title{
    text-align: center;
    margin: 5px 0px;
  }

  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog .inner-blog-main-content .main-content-text{
    display: none;
  }

  .library-section-about .library-section-about-content .content-director-column .content-area .content-area-inner-blog .inner-blog-main-content .more-info{
    text-align: center;
  }


  /*

  ================================================================================
  														 KABIBOLA SECTION  STYLE
  ================================================================================

  */

.kabibola-section {
  padding: 60px 30px;
}

.kabibola-section .kabibola-section-title{
  margin-bottom: 0px;
}


.kabibola-section .kabibola-section-title h2{
  font-size: 22px;
}

.kabibola-section .kabibola-section-content{
  flex-direction: column;
  padding: 0px;
}

.kabibola-section .kabibola-section-content .content-kabibola-image-column{
  width: 100%;
}

.kabibola-section .kabibola-section-content .content-kabibola-image-column .content-area img{
  height: 200px;
}

.kabibola-section .kabibola-section-content .content-kabibola-about-column{
  width: 100%;
}

.kabibola-section .kabibola-section-content .content-kabibola-about-column .content-area{
  justify-content: center;
}


.kabibola-section .kabibola-section-content .content-kabibola-about-column .content-area  .inner-blog-main-content .main-content-text{
  display: none;
}

/*

================================================================================
                             LIBRARY STAT SECTION  STYLE
================================================================================

*/


.library-stat-section{
    background-size: 200%;
  }

/* .library-stat-section .library-stat-section-overlay{
  padding: 205px 0px;
} */

.library-stat-section .library-stat-section-title h2{
  font-size: 22px;
}

.library-stat-section .content-stat-column{
  flex-direction: column;
}

.library-stat-section .content-stat-column .content-area{
  justify-content: center;
}

.library-stat-section .content-stat-column .content-area h2{
  font-size: 40px;
}



/*

================================================================================
                             LIBRARY BOOK SECTION  STYLE
================================================================================

*/


.library-book-section .library-book-section-title h2{
  font-size: 22px;
}


/*

================================================================================
                             LIBRARY EVENT SECTION  STYLE
================================================================================

*/


.library-events-section .library-section-content .content-column{
  width: 100%;
}

.library-events-section .library-section-content .content-column .content-area .event-block .inner-blog-box{
  padding: 30px ;
  /* justify-content: center; */
}

.library-events-section .library-section-content .content-column .content-area .event-block .inner-blog-box .title-box{
  padding: 15px 0px;
}



.library-events-section .library-section-content .content-column .content-area .event-block .inner-blog-box .text{
  font-size: 1.25em;
  font-size: 18px;
}


/*

================================================================================
                             LIBRARY NEWS SECTION  STYLE
================================================================================

*/

.library-news-section{
  padding: 40px 0px;
}

.library-news-section .library-news-section-content{
  margin: 0px;
}



.library-news-section .library-news-section-content .swiper-slide{
  flex-direction: column;
}



.library-news-section .library-news-section-content .swiper-slide .image-column{
  width: 100%;
}


.library-news-section .library-news-section-content .swiper-slide .image-column .image img{
  height: 200px;
}




.library-news-section .library-news-section-content .swiper-slide .content-column{
  width: 100%;
}

.library-news-section .library-news-section-content .swiper-slide .content-column .content-column-area .main-title{
  /* text-align: center; */
  margin: 10px 0px;
}

.library-news-section .library-news-section-content .swiper-slide .content-column .content-column-area .main-title h3{
  font-size: 18px;
}


.library-news-section .library-news-section-content .swiper-slide .content-column .content-column-area .main-content{
  /* text-align: center; */
}

.library-news-section .library-news-section-content .swiper-slide .content-column .content-column-area .main-content .text-content{
  display: none;
}


/*

================================================================================
                             SYMBOLS SECTION  STYLE
================================================================================

*/


.symbols-section{
  padding: 40px 0px 20px 0px;
}


.symbols-section-content-area{
  flex-direction: column;
}


.symbols-section-content-area .symbols{
  margin: 20px 0px;
}


.symbols-section-content-area .symbols img{
  height: 60px;
}


/*

================================================================================
                             WEBLINK SECTION  STYLE
================================================================================

*/


.weblink-section{
  display: none;
}



/*

================================================================================
                             LIBRARY INFO SECTION  STYLE
================================================================================

*/

.library-info-section .library-info-section-content{
  flex-direction: column;
}

.library-info-section .library-info-section-content .library-info-section-content-area{
  width: 100%;
}



.library-info-section .library-info-section-content .library-info-section-content-area .work-time{
  border:none;
}


/*

================================================================================
                             MAIN FOOTER  STYLE
================================================================================

*/


.library-main-footer  .library-main-footer-content{
  flex-direction: column;
}


.library-main-footer .footer-content-column{
  width: 100%;
}

.library-main-footer .footer-content-column .footer-content-area{
  width: 100%;
  flex-direction: column;
  padding: 20px 40px;
  text-align: center;
}

.library-main-footer .footer-content-column .footer-content-area .footer-column{
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .contact-info{
  flex-direction: column;
  flex-wrap: nowrap;
}

.library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .contact-info li{
  padding: 0px;
  flex-direction: column;
  margin: 0px;
}

.library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .contact-info li .icon{
  position: relative;
}


.library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .list-info li{
  width: 50%;
}


.library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .list-info li a{
  text-align: center;
  padding: 0px;
}

.library-main-footer .footer-content-column .footer-content-area .footer-column .footer-widget .list-info li a::before{
  position: relative;
  margin: 0px 5px 0px 0px;
}


.library-main-footer .footer-map-column{
  width: 100%;
  position: relative;
}


.library-main-footer .footer-map-column .map-canvas #map {
  height: 400px !important;
}


.library-main-footer .footer-bottom .footer-bottom-content{
  flex-direction: column;
  text-align: center;
}

.footer-bottom .footer-bottom-content .developer-column .developer li{
  text-align: center;
}








}

/*

================================================================================

														 MOBILE VERSION VR END

================================================================================

*/