@media only screen and (min-width:1600px){
    .catalog-img {width: 100%;height: 450px;overflow: hidden;}
}
@media only screen and (max-width: 1300px) {
	#top-menu-holder{display:none;}
	.no-mobile{display:none;}
	
#logo-top-menu {display: flex;flex-direction: row;}  
#left-bar{float:left;width:100%;position:relative;}
.lang-holder-mobile{display:block;}

#mobile-menu-toggle {
    display: block;
  }

  #nav-links {
    display: none;
  }
  
  #mobile-menu-links-holder {
      display: none;
  }
  
  .mobile-sub-menu {
  display: none;
}

  #mobile-menu-holder{display:block;float:right;width:45px;height:50px;/*margin:30px 15px 0 0;*/ z-index: 999999;}
    #mobile-menu-bar{display:block;float:right;margin-top:10px;width:35px;height:35px;padding:5px 0 10px 0;background:#fff;border:1px solid rgba(25, 53, 90, 0.3);box-shadow:0 2px 10px rgba(25, 53, 90, 0.1);border-radius:5px;cursor:pointer;}
    #mobile-menu-bar:hover{background:#111;border:1px solid #111;}
    #mobile-menu-bar:hover .menu-bar{background:#fff;}
    
    .menu-bar{width:80%;height:2px;margin:4px auto;background:#111;}
    
    /* AKTÄ°F DURUM (X) */
#mobile-menu-bar.active .menu-bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

#mobile-menu-bar.active .menu-bar:nth-child(2) {
  opacity: 0;
}

#mobile-menu-bar.active .menu-bar:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

   #mobile-menu-links-holder {
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  width: 80%;
  margin-left: 10%;
  background: #fff;
  border: 1px solid #eee;
  padding: 10px;
  box-sizing: border-box;
}

/* ANA LİNKLER */
a.mobile-menu-link:link,
a.mobile-menu-link:visited {
  display: block;
  width: 100%;
  box-sizing: border-box;

  text-decoration: none;
  color: #111;
  font-weight: 600;

  padding: 12px 10px;
  border-bottom: 1px solid #f1f1f1;
}

a.mobile-menu-link:hover {
  border-bottom: 1px solid #111;
}

/* ACTIVE ANA LINK */
a.mobile-menu-link-active:link,
a.mobile-menu-link-active:visited {
  display: block;
  width: 100%;
  box-sizing: border-box;

  text-decoration: none;
  color: var(--red);
  font-weight: 600;

  padding: 12px 10px;
  border-bottom: 1px solid #f1f1f1;
}

/* KATEGORİ BAŞLIĞI */
.mobile-menu-main-category {
  display: block;
  width: 100%;
  box-sizing: border-box;

  font-weight: 600;
  color: #111;

  padding: 12px 10px;
  border-bottom: 1px solid #f1f1f1;

  background: #fafafa;
}

/* SUB MENU CONTAINER */
.mobile-sub-menu {
  display: none;
  width: 100%;
}

/* SUB ITEM WRAPPER */
.mobile-menu-sub-holder {
  width: 100%;
  box-sizing: border-box;

  background: #f5f5f5;
}

/* SUB LINK */
a.mobile-menu-link-sub:link,
a.mobile-menu-link-sub:visited {
  display: block;
  width: 100%;
  box-sizing: border-box;

  text-decoration: none;
  color: #111;
  font-weight: 500;

  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}

a.mobile-menu-link-sub:hover {
  border-bottom: 1px solid #111;
}

/* ACTIVE SUB */
a.mobile-menu-link-sub.active {
  color: var(--red);
}

.lang-holder {display:none;}

#right-content-area {
    float: left;
    width: 95%;
    margin-left:5%;
}
}/*1300px ends*/


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

#white-space-top{height:30px;}

#right-content-area {float: left;width: 90%;margin-left: 5%;}

.sponsor-wrapper{position: relative;margin: 30px 0 30px 0;float: left;width: 100%;height: 100%;border-top: 0px solid #ccc;}
.section-title-bordered{width:100%;}
.sponsor-label::before, .sponsor-label::after {content: "";position: absolute;top: 50%;width: 30%;height: 1px;background: #ccc;}

.banner-container {float: left;width: 100%;display: block;}
.banner-box {width: 98%;margin-bottom: 30px;}

.about-strip {border-top: 0 solid #e8e8e8;padding:10px;}
.about-img {width: 50%;}
    
.blog {width: 100%;margin: 10px 0;margin-bottom:30px;padding-top: 10px;display: flex;flex-direction: column;justify-content: center;height: 100%;}
.blog-img {width: 100%;height: auto;overflow: auto;}
.blog-text {float:left;width:100%;margin-top:15px;padding: 0 20px 20px 20px;display: flex;flex-direction: column;justify-content: flex-end;background: #f9f9f9;transition: all 0.3s;}

.book-name{font-size:26px;}
/*
.exhibition-boxes-holder{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;width: 90%;margin: 40px auto;}
*/

.exhibition-boxes-holder{
  width:90%;
  margin:40px auto;

  overflow:hidden;
}



#copyright {width: 90%;}


.slide{
  position:absolute;

  top:0;
  left:0;
  right:0;
  bottom:0;

  width:100%;
  height:100%;

  opacity:0;

  transition:opacity 1s ease;
}

.slide.active{
  opacity:1;
  z-index:2;
}

/* BACKGROUND */

.slide-bg{
  position:absolute;

  top:0;
  left:0;
  right:0;
  bottom:0;

  width:100%;
  height:100%;

  text-align:center;
}

/* IMAGE HOLDER */

.slide-pattern{
  width:100%;
  height:100%;
}

/* IMAGE */

.slide-pattern img{
  width:100%;
  height:auto;

  display:block;
}

/* CAPTION */

.slide-caption{
  position:absolute;
  left:0;
  bottom:0;

  z-index:5;

  width:100%;

  padding:20px;

  box-sizing:border-box;

 /* background:rgba(0,0,0,0.25);*/
}

/* TITLE */

.slide-title{
  font-family:'Cormorant Garamond', serif;
  font-weight:300;
  font-size:28px;
  color:#fff;

  margin-bottom:6px;
}

/* META */

.slide-meta{
  font-size:10px;
  font-weight:200;
  letter-spacing:0.2em;
  text-transform:uppercase;

  color:rgba(255,255,255,0.6);
}

/* NUMBER */

.slide-num{
  position:absolute;
  right:20px;
  bottom:20px;

  font-family:'Cormorant Garamond', serif;
  font-size:42px;
  font-weight:300;

  color:rgba(255,255,255,0.2);
}

/* CONTROLS */

.slider-controls{
  position:absolute;

  top:50%;
  left:0;

  width:100%;

  z-index:10;
}

/* BUTTONS */

.ctrl-btn{
  position:absolute;

  width:26px;
  height:26px;

  border:1px solid rgba(255,255,255,0.2);

  background:rgba(0,0,0,0.3);

  cursor:pointer;
}

/* LEFT */

.ctrl-prev{
  left:10px;
}

/* RIGHT */

.ctrl-next{
  right:10px;
}

/* DOTS */

.slider-dots{
  position:absolute;

  left:50%;
  bottom:20px;

  z-index:10;

  margin-left:-50px;
}

/* DOT */

.sdot{
  float:left;

  width:24px;
  height:2px;

  margin:0 4px;

  background:rgba(255,255,255,0.25);

  cursor:pointer;
}

.sdot.active{
  background:rgba(255,255,255,0.85);
}

.ctrl-prev{
  left:10px;
}

.ctrl-prev svg{position: absolute;left: 5px;top: 5px;}

.ctrl-next{right:10px;}
.ctrl-next svg{position: absolute;left: 5px;top: 5px;}

}/*1100px ends*/



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

.slider-section {width:100%;height: 215px;}

.banner-box {width: 100%;height: 100%;}

.about-strip {float: left;display: block;}
.about-photo {display:block;position:relative;float:left;width:90%;height:100%;}
.about-text {display:block;position:relative;float:left;width:90%;margin-top:10px;}

.photo-grid {column-count: 2;}

/*
.exhibition-boxes-holder{display: grid;grid-template-columns: repeat(1, 1fr); gap: 10px;width: 90%;margin: 40px auto;}
.catalog-boxes-holder{display: grid;grid-template-columns: repeat(1, 1fr); gap: 10px;width: 100%;margin: 40px auto;}
.book-boxes-holder {display: grid;grid-template-columns: repeat(1, 1fr);gap: 10px;width: 90%;margin: 40px auto;}
*/

.exhibition-boxes-holder,
.catalog-boxes-holder,
.book-boxes-holder{
  width:90%;
  margin:40px auto;
  overflow:hidden;
  display:block;
}

.catalog-boxes-holder{
  width:100%;
}

/* iç kutular */

.exhibition-box,
.catalog-box,
.book-box{
  float:left;
  width:100%;
  margin-bottom:10px;
}

/*
#book-gallery {float: left;width: 90%;margin: 30px 0 30px 10px;display: flex;flex-wrap: wrap;gap: 15px;}
.book-sub-img {width: 90%;height: 200px; object-fit: cover;display: block;cursor: pointer;}
*/
#book-gallery{
  float:left;
  width:90%;

  margin:30px 0 30px 10px;

  overflow:hidden;
}

 #book-gallery a,
  #book-gallery .gallery-item{
    width:100%;
    margin-right:0;
  }
  
.catalog-sub-img {width: 90%;margin:10px auto;height: 100%;display: block;}
.book-name{font-size:21px;}

#article-content-holder{float:left;width:90%;margin:30px 0 30px 0;font-size: 16px;line-height: 1.7;color:#111;font-weight:300; text-align: justify;
text-justify: inter-word;}
#article-gallery {float:left;width:90%;margin:30px 0 30px 0;}

#iletisim-bilgileri-holder{float:left;width:80%;margin:2% 0;height:100%;}
#iletisim-form-holder{float:left;width:87%;margin:30px 0;height:100%;}

}/* 800px ends */


@media only screen and (max-width: 600px) {
    .about-img {width: 80%;}
    .photo-grid {column-count: 1;}
    .section-title-bordered {width: 100%;margin: 10px auto;margin-bottom:0;font-size:26px;border: 1px solid #333;}
	
	.book-name{font-size:16px;}

	.cookie-box{left:15px;right:15px;bottom:15px;width:auto;padding:20px;}
}