@media (max-width: 1199px) and (min-width: 991px) {
  .header .content .main_header .list_links {
    gap: 1.2rem;
  }

  .modal-info h3 {
    font-size: 33px;
  }

  .modal-info .desc {
    font-size: 21px;
    line-height: 32px;
  }

  .homepage .subscribe .content .popup_gallery .thumbnails {
    left: unset;
  }
}

@media (min-width: 1199px) {
  .popup_gallery .thumbnails {
    left: unset;
  }
}

@media (max-width: 599px) {
  .footer .grid_container {
    width: 90%;
  }

  .event_gallery_page .gallery-item-artist .artist-images {
    grid-template-columns: repeat(1, 1fr);
  }

  .program-overview .details .detail {
    font-size: 14px !important;
  }

  .modal-content {
    width: 75% !important;
  }

  .filter-bar {
    flex-direction: column;
  }

  .Events .events-swiper .swiper-slide .grid-container {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 990px) {
  .event_gallery_page .gallery-item-artist .artist-images {
    grid-template-columns: repeat(2, 1fr);
  }

  .modal-info h3 {
    font-size: 30px;
  }

  .modal-info .desc {
    font-size: 19px;
    line-height: 27px;
  }

  .modal-info .job {
    margin-bottom: 11px;
  }

  .modal-img {
    width: 100%;
  }

  .Events .events-swiper .swiper-slide .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .homepage .subscribe .content .form_flex .input_container {
    width: 41%;
  }

  .footer .grid_container {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }

  .art_program .grid_container .flex_col {
    width: 100%;
  }

  .art_program .grid_container .flex_col .title {
    font-size: 37px;
  }

  .homepage .subscribe .content {
    background-size: contain;
    gap: 1rem;
  }

  .cards .init-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .banner {
    position: relative;
    height: calc(80vh - 98px);
  }
  .banner .content {
    top: calc(-50% + 8vh);
  }
  .cards .init-cards .card-details .des{
    height: 85px;
  }
  .banner .content .text_content .title,
  .banner .content .text_content .desc {
    width: 80%;
  }

  .Events .banner .custom_banner.custom-nav,
  .banner .custom_banner.custom-nav,
  .Residency .banner .custom_banner.custom-nav {
    top: calc(50% + 8vh);
  }
  .footer .grid_container .flex_col.links_footer a {
    padding: 0;
  }
  .homepage .subscribe .content .form_flex .input_container {
    height: 35px;
  }
  .cards .init-cards .card-details .des {
    padding: 0;
  }
  .flex_col .img-footer {
    width: 100%;
  }

  .container.exhibitions.testimonials .slide_exhibition .desc.author {
    margin-top: 3rem;
  }

  .btn_link {
    width: 138px !important;
  }

  /* .subscribe-msg.toast{
    top: 86% !important;
  } */
  .toast {
    font-size: 17px;
  }

  /* .contact.toast{
    top: 73%;
  }
  .residency.toast{
    top: 45%;
  } */
  .popup_gallery .thumbnails .images {
    justify-content: unset;
    width: 100%;
  }

  .popup_gallery .thumbnails .images {
    margin-left: 0.6rem;
  }

  .not_found_page {
    font-size: 18px;
  }

  .homepage_only.main_page .container.exhibitions .custom-nav {
    top: calc(-5rem - 32px);
  }

  .project_details .project-images .swiper-slide {
    width: 90%;
  }

  .project-images .swiper-button-next-custom {
    right: 1rem;
  }

  .project-images .swiper-button-prev-custom {
    left: 1rem;
  }

  .popup_gallery .main-image {
    width: 65% !important;
    height: max-content;
  }

  .popup_gallery .thumbnails {
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 15px 0;
    scrollbar-width: none;
    margin: 0 auto;
  }

  .event_gallery_page .filter-bar {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .event_gallery_page .filter-bar .input_container input {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0.7rem 1rem;
    font-size: 18px;
    color: #b6b6b6;
    width: calc(100% - 2rem);
  }

  .event_gallery_page .filter-bar .input_container {
    border: 1px solid #fff;
    width: 200px;
  }

  .event_gallery_page .filter-bar form {
    display: flex;
    align-items: center;
    gap: 0.6rem;
  }

  /* .event_gallery_page .filter-bar form button {
    height: 44px;
    font-size: 20px;
    background-color: #ffffff;
    color: #000000;
    padding: 0 1rem;
    border: none;
    outline: none;
    width: 68px;
  } */
  .event_gallery_page h3 {
    font-size: 33px;
  }

  .modal-info a img {
    width: 25px;
  }

  .modal-info .links {
    padding-top: 1%;
  }

  .popup-artist .modal-content {
    grid-template-columns: repeat(1, 1fr);
  }

  .artist-modal {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .modal-content {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    gap: 0;
  }

  .popup-artist .modal-img {
    width: 100%;
    height: 40vh;
    object-fit: contain;
  }

  .close-btn {
    top: 7%;
    right: 3%;
  }

  .modal-info h3 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 7px;
  }

  .modal-info .desc {
    font-size: 19px;
  }

  .modal-info .job {
    margin-bottom: 5px;
  }

  .popup-artist .modal-info {
    padding: 0px;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .popup-artist .modal-info h3 {
    margin-left: 0 !important;
  }

  .program-overview .main-desc {
    font-size: 19px;
  }

  .program-overview .overview .title {
    font-size: 33px;
  }

  .program-overview .details {
    padding: 2rem 0.5rem;
  }

  .program-overview .details .detail {
    font-size: 17px;
  }

  .container.exhibitions.testimonials .swiper-slide {
    width: 100% !important;
  }

  .Residency .w-img .container.exhibitions .swiper-slide {
    width: 100% !important;
  }

  .Residency .w-artist .container.comingEvents .swiper-slide {
    width: 100% !important;
  }

  .Residency .w-artist .container.comingEvents .slide_exhibition img {
    width: 100% !important;
  }

  .Residency .container.exhibitions .text_container {
    align-items: center;
    justify-content: space-between;
  }

  .modal-content {
    width: 85%;
  }

  /* .modal-img {
      padding-top: 1.5rem;
    } */
  .modal-info {
    padding-top: 25px;
    padding-left: 0;
  }

  .container.exhibitions.popup-artist .swiper-slide {
    width: 100% !important;
  }

  .container.exhibitions.popup-artist .slide_exhibition img {
    width: 100%;
    height: 427px;
  }

  .popup_gallery .custom-nav {
    top: unset !important;
  }

  /* .popup_gallery .image-viewer-overlay .custom-nav {
    display: none;
  } */
  .popup_gallery .main-image {
    width: 100%;
  }

  .popup_gallery .thumbnails {
    left: unset;
  }

  .popup_gallery .image-viewer-overlay .close-btn {
    right: 10%;
  }

  .residency_form_container #residency_form {
    width: 100%;
  }

  .residency_form_container {
    width: 90%;
  }

  .articles .article h1,
  .events_details .partners h1 {
    font-size: 33px;
  }

  .partners .partner-details {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    gap: 1.5rem !important;
  }

  .partners .partner-details .description .title {
    font-size: 25px !important;
  }

  .events_details .partners .partners-logo .partner img {
    height: 75px;
  }

  .partners .partner-details .description {
    gap: 2rem;
  }

  .events_details .partners .partner-details .description .desc {
    font-weight: 300;
    font-size: 19px !important;
  }

  .partners .partner-details .description .link {
    display: flex;
    justify-content: center;
  }

  .Events.events_details .about-event {
    grid-template-columns: repeat(1, 1fr);
  }

  .about-event .details .title {
    font-weight: 400;
    font-size: 25px;
  }

  .about-event .details .desc {
    font-weight: 200;
    font-size: 18px;
    opacity: 0.9;
  }

  .container.comingEvents .slide_exhibition img,
  .events_details .container.comingEvents .slide_exhibition img {
    width: 590px !important;
    height: 344px;
  }

  .about_event_com .about-description .title {
    font-size: 33px;
  }

  .about_event_com .about-description .text {
    font-size: 19px;
  }

  /* .container.exhibitions.comingEvents .swiper-slide{
      width: 100% !important;
  } */

  .Events .container.comingEvents .slide_exhibition img,
  .Events .container.exhibitions .swiper-slide,
  .Events .container.comingEvents .swiper-slide {
    width: 100% !important;
  }

  .EventsCard-type .container.comingEvents .slide_exhibition {
    width: 100% !important;
  }

  /* .EventsCard-type .container.comingEvents .slide_exhibition .card-img img {
  width: 460px !important;
} */

  .EventsCard-type .container.comingEvents .swiper-slide {
    width: 100% !important;
  }

  .EventsCard-type .container.comingEvents .slide_exhibition .swiper_img {
    width: 100% !important;
  }

  .banner .content .text_content .desc {
    font-size: 20px;
  }

  .hr-init {
    margin: 0rem 0 6rem;
  }

  .art_program .grid_container {
    padding: 2rem 0 4rem;
  }

  .cards .init-cards {
    grid-template-columns: repeat(1, 1fr);
  }

  .cards .init-title .main-title,
  .filter-bar label,
  .main-title-website {
    font-size: 33px;
  }

  .cards .init-cards {
    justify-content: center;
  }

  .cards .init-cards .card-details {
    padding-top: 2rem;
  }

  .container.exhibitions .swiper-slide {
    width: 100% !important;
  }

  /* .container.exhibitions .slide_exhibition img {
    width: 280px;
  } */

  .container.exhibitions .text_container .title {
    font-size: 33px;
  }

  .homepage .subscribe .content {
    width: 100%;
  }

  .homepage .subscribe .content .form_flex {
    flex-direction: column;
  }

  .homepage .subscribe .content {
    height: 250px;
  }

  .not_found_page {
    font-size: 18px;
  }

  .homepage .subscribe .content .form_flex .input_container input {
    height: 35px;
  }

  .homepage .subscribe .content .form_flex .input_container,
  .homepage .subscribe .content .title,
  .homepage .subscribe .content .form_container {
    width: 90%;
    margin: 0 auto;
  }

  .homepage .subscribe .content .form_flex .input_container {
    width: 97% !important;
  }

  .homepage .subscribe .content {
    padding: 2rem 0;
  }

  .footer .grid_container {
    grid-template-columns: repeat(1, 1fr);
  }

  .footer .grid_container .flex_col.first_col {
    justify-content: flex-start;
    align-items: center;
  }

  .art_program .grid_container .flex_col .title {
    font-size: 35px;
  }

  .art_program .grid_container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }

  .art_program .img_container img,
  .art_program .grid_container .flex_col {
    width: 100%;
  }

  .art_program .img_container img {
    height: 450px;
    object-fit: cover;
  }

  .banner .content .text_content .title br,
  .banner .content .text_content .desc br {
    display: none;
  }

  .banner .content .text_content .title {
    font-size: 32px;
  }

  /* .WhoAre .flex-div .title {
    font-size: 30px;
  } */
  .WhoAre .flex-div .desc {
    font-size: 16px;
  }

  .WhoAre .flex-div img {
    height: 150px;
  }

  .WhoAre .about-us .title {
    font-size: 30px;
  }

  .WhoAre .about-us .desc {
    font-size: 17px;
  }

  .toast {
    top: 50%;
  }

  .homepage .subscribe .content .title {
    padding-top: 30px;
  }

  .art_program ul {
    line-height: 33px;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .cards .init-cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .footer .grid_container .flex_col.first_col {
    align-items: flex-start !important;
  }

  .cards .init-cards .card-img img {
    width: 100%;
  }

  .event_gallery_page .gallery-item-artist .artist-images {
    grid-template-columns: repeat(2, 1fr);
  }

  .Events .events-swiper .swiper-slide .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 990px) {
  .footer .grid_container .links_footer span {
    text-align: left;
  }

  .residency_form_container #residency_form .grid_container {
    grid-template-columns: repeat(1, 1fr);
  }

  .residency_form_container #residency_form .grid_container .col,
  .residency_form_container #residency_form .grid_container .col.col_2 {
    grid-column: span 1;
  }

  .articles .flex-articles {
    display: block;
  }

  .articles .article {
    display: none !important;
  }

  .scrollable-articles.horizontal {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .scrollable-articles.horizontal .col {
    scroll-snap-align: start;
  }

  .articles .articles-col.horizontal {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
  }

  .articles .article .col .desc,
  .articles .articles-col .desc {
    font-weight: 300;
    font-size: 17px;
    margin-top: 0.6rem;
  }

  .articles .articles-col .col .get_tickets {
    display: block;

    margin: 0 5%;
  }

  .articles .articles-col.horizontal .scrollable-articles {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    height: auto;
    width: 100%;
    scrollbar-width: none;
  }

  .articles .articles-col.horizontal .col {
    width: 332px;
    flex-shrink: 0;
    gap: 2rem;
  }

  .articles .articles-col .col img {
    width: 80%;

    margin: 0 auto;
  }

  .articles .article .col .desc,
  .articles .articles-col .desc,
  .articles .article .col .date,
  .articles .articles-col .date {
    width: 100%;
    margin: 0 auto;
  }
  .articles .articles-col .btn_link {
    display: block;
  }
  .scroll-track {
    display: none;
  }

  .Events .banner .custom_banner.custom-nav {
    width: 87%;
    margin: 0 auto;
  }

  .footer .grid_container .flex_col.links_footer a {
    text-align: left;
    margin: 0;
  }

  .header.desktop {
    display: none;
  }

  .header.mobile {
    display: block;
  }

  .banner .content .text_content .desc {
    width: 80%;
  }
  /* 
  .banner .content {
    width: 75%;
  } */

  /* .banner .content .text_content {
    width: 75% !important;
  } */

  .header .content .top_header.bg_white .flex {
    flex-direction: column;
  }

  .header .content .top_header.bg_white .flex .light_color {
    text-align: center;
  }

  .popup_gallery .thumbnails {
    left: unset !important;
  }

  .popup_gallery .main-image {
    width: 100%;
  }

  .popup_gallery .main-image {
    max-width: 75%;
    width: 75% !important;
  }

  /* .popup_gallery .image-viewer-overlay .custom-nav {
    display: none;
  } */
}

@media (max-width: 380px) {
  .event_gallery_page .filter-bar .input_container {
    width: 185px !important;
  }

  .btn_link {
    width: 138px !important;
  }

  .filter-bar .btn_link {
    width: 122px !important;
  }
}
@media (min-width: 2000px) and (max-width: 3000px) {
  .banner .content .text_content .desc {
    width: 46%;
  }
}
@media (min-width: 3000px) and (max-width: 3500px) {
  .banner .content .text_content .desc {
    width: 33%;
  }
}
@media (min-width: 2000px) and (max-width: 3500px) {
  .container.exhibitions .swiper-slide,
  .EventsCard-type .container.comingEvents .swiper-slide {
    width: 700px !important;
  }
  .container.exhibitions .swiper-wrapper {
    gap: 90px;
  }
  .container.exhibitions .slide_exhibition img,
  .EventsCard-type .container.comingEvents .slide_exhibition .swiper_img {
    width: 700px !important;
  }
  .container.exhibitions .slide_exhibition img {
    height: 460px;
  }

  .contact-form,
  .project_details .project-images {
    margin-top: 16rem;
  }

  .Events .events-swiper .swiper-slide .event-card .allevents-card-image {
    height: 600px;
  }

  .container.comingEvents .slide_exhibition img {
    height: 600px;
  }

  .residency_form_container #residency_form {
    width: 100%;
  }

  .scrollable-articles {
    width: 50%;
  }

  .scrollable-articles {
    height: 2000px;
  }

  .Events.projects_page .all-projects-img .events-swiper .swiper-slide img {
    height: 100%;
  }

  .articles .articles-col .col {
    margin-bottom: 16rem;
  }

  .project_details .project-images {
    margin-bottom: 16rem;
  }

  .WhoAre .flex-div {
    justify-content: flex-start;
  }

  .container.WhoAre {
    align-items: flex-start;
  }

  .EventsCard-type .container.comingEvents .slide_exhibition {
    width: 700px !important;
  }

  .residency_form_container
    #residency_form
    .grid_container
    .col
    .input_container
    input {
    height: 60px;
  }

  .residency_form_container
    #residency_form
    .grid_container
    .col
    .input_container
    select {
    height: 90px;
  }

  .residency_form_container
    #residency_form
    .grid_container
    .col
    .input_container
    textarea {
    height: 250px;
  }
}

@media (min-width: 2500px) and (max-width: 3500px) {
  .banner {
    height: calc(815px - 0px);
  }

  .events_details .partners .partner-details {
    padding: 6.5rem;
  }
}