@media only screen and (max-width : 1250px) {
.project.list .category { flex: 3; }
.project-image-hover { display: none !important; }
}

@media only screen and (min-width : 992px) {
  #sidebar { display: block !important; }
}


@media only screen and (max-width : 992px) {
  
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
  
  #related-projects .related-project .title { font-size: 16px; line-height: 18px; padding-top: 10px; }
  #related-projects .related-project .subtitle { font-size: 13px; line-height: 15px; }
  .container-fluid { padding-left: 20px; padding-right: 20px; }
  .navbar { padding-top: 30px; }
  .footer { padding-bottom: 15px; }
  #wrapper.projects { margin: 155px 0 40px; }
  #sidebar { display: none; }
  #cross { display: block; }
  .project.grid { padding-bottom: 65px; }
  .project.grid .title { padding-top: 14px; }
  .menu-items a { font-size: 44px; }
  #wrapper.project #project-title { padding-top: 35px; }
  #wrapper.project #project-description { padding-bottom: 60px; }
  .project-item { padding: 65px 0; }
  #related-projects { padding-top: 65px; }
  #related-projects .related-project .subtitle { padding-top: 5px; padding-bottom: 0; }
  #wrapper.editions .flex { display: block; }
  .edition { padding-bottom: 155px; }
  .edition .title { padding: 14px 0 5px; }
  #wrapper.editions h2 { padding-bottom: 60px; }
  #wrapper.about .about-slider { margin-bottom: 65px; }
  .press-section, .awards-section { padding-top: 42px; }
  .collaborators-section { padding-top: 6px; }
  #wrapper.about h2 { padding-bottom: 30px; }
  #wrapper.about { padding: 155px 0 100px; }
  .copyright { padding-top: 14px; }
  .navbar .hamburger { left: 15px; }
  .project.grid img { width: 100%; }
  .project.grid img.half { width: 100%; }
  .footer .align-right { text-align: left; }
/*   .p28 { padding-top: 55px; }  */
  .category-and-year { padding-bottom: 52px }
  
  #sidebar {
    width: 100% !important;
    height: 100vh;
    background: color(srgb 1 1 1 / 0.95);
    z-index: 100;
    position: fixed;
    top: 0;
    overflow-y: auto;
    padding-bottom: 35px;
   }
   
  #sidebar ul li { font-size: 18px; padding-bottom: 6px; }
  #sidebar ul.sidebar-view { padding: 0 0 26px 0; margin: 155px 0 0px; }
  #sidebar > ul.sidebar-view > li:first-child,
  #sidebar > ul.sidebar-categories > li.menu-all-projects { padding-bottom: 12px; }

}

@media only screen and (max-width : 768px) {
 
 #wrapper.project h1 { font-family: "DomaineTextRegular", 'Times New Roman', Times, serif; letter-spacing: -0.02em; font-size: 22px; line-height: 22px; }
 #wrapper.project .title.p28 { padding-top: 45px; }
 .p28 { padding-bottom: 22px; }
 a.logo img { height: 37px; }
 .navbar { padding-top: 20px; }
 #wrapper.projects { margin: 97px 0 0; }
 .edition { padding-bottom: 90px; }
 .project.grid .title { font-size: 16px; line-height: 13px; padding-top: 10px; }
 .edition .title { font-family: "DomaineTextRegular", 'Times New Roman', Times, serif; letter-spacing: -0.02em; font-size: 13px; line-height: 20px; padding: 14px 0 0; }
 .edition .subtitle { font-size: 13px; line-height: 19px; }
  #wrapper.editions { padding: 110px 0 0; }
  .press-section, .services-section { padding-top: 42px; }
  .awards-section { padding-top: 0 !important; }
 
  #wrapper.about ul li { font-size: 13px; line-height: 20px; }
  #wrapper.about ul li.title { font-size: 13px; line-height: 20px; }
  #wrapper.about .about-slider { margin-bottom: 0; }
  
  .project .category, .project .year, .year-label { font-size: 13px; line-height: 21px; }
  .project.list .title { font-size: 16px; line-height: 17px; } 
  .project.grid .category, .project.grid .year { padding-top: 4px; }
  .project.list div.category { padding: 4px 0 28px; }
  .project.grid { padding-bottom: 40px; }
  .menu-items a { font-size: 28px; line-height: 28px; }
  .project.list .category { flex: 4; }
  .copyright { padding-top: 28px; }
  #sidebar ul.sidebar-view {  padding: 0 0 26px 0; margin: 96px 0 0px; }
  .fullscreen-menu { background: color(srgb 1 1 1 / 0.95) }
  .footer ul li.title { font-size: 13px; line-height: 20px; }
  .footer ul li { font-size: 13px; line-height: 20px; }
  .swiper .swiper-title { font-size: 16px; line-height: 13px; bottom: 20px; left: 20px; }
  .lazy-bg { height: 75vh; }
  #wrapper.project #project-title { padding-top: 26px; padding-bottom: 8px; }
  h1 { font-size: 22px; line-height: 22px; }
  h2 { font-size: 22px; line-height: 25px; }
  p { font-size: 18px; line-height: 25px; }
  .title { font-size: 13px; line-height: 20px; }
  #wrapper.project #project-description { padding-bottom: 15px; }
  .project-item { padding: 58px 0; }
  .project-item .second { padding-top: 120px; }
  #related-projects { padding-top: 60px; }
  #related-projects .p30 { padding-bottom: 36px; }
  #related-projects .related-project .subtitle { padding-bottom: 36px; }
  .space-80 { height: 40px }
  .footer { padding-bottom: 10px; } 
  .footer ul li.title { padding-top: 12px; }
  #wrapper.about { padding: 110px 0 80px; }
  #wrapper.about h2, #wrapper.editions h2 { padding-bottom: 52px; }
  #wrapper.about .about-slider { padding-bottom: 30px; }
  .cross { top: 20px; }
}
 
@media only screen and (max-width : 580px) {
}