.gallery_page--wrapper { overflow: hidden; } .category_tab--wrapper { position: relative; } .category_tab--wrapper .button-iso { text-align: center; padding-top: 25px; padding-bottom: 30px; width: 100%; display: flex; flex-wrap: wrap; } .category_tab--wrapper .btn-iso-menu { font-family: var(--poppins); font-style: normal; font-weight: 600; font-size: 11px; line-height: 19px; letter-spacing: 0.04em; text-transform: uppercase; color: #15213D; border: 1px solid #D3D7DB; background: var(--white); padding: 10px 15px; margin-left: 0px; margin-right: 0px; width: 50%; outline: none; } .category_tab--wrapper .button-iso .is-active { background: var(--primary-color); color: var(--white); border-color: var(--primary-color); } .category_tab--wrapper .btn-iso-menu:nth-child(1) { border-bottom: none; } .category_tab--wrapper .btn-iso-menu:nth-child(2) { border-left: none; border-bottom: none; } .category_tab--wrapper .btn-iso-menu:nth-child(4) { border-left: none; } .category_tab--wrapper .btn-iso-menu:first-child { margin-left: 0; } .category_tab--wrapper .btn-iso-menu:last-child { margin-right: 0; } .category_tab--wrapper .category_image--wrapper { margin-bottom: 30px; } .category_tab--wrapper .load-more-wrapper { display: flex; align-items: center; justify-content: center; padding: 2.5625rem 0rem 1.6875rem; } .load-more-wrapper .btn_common { display: block; max-width: 135px; width: 100%; } @media ( min-width: 576px ) { .category_tab--wrapper .button-iso { flex-wrap: nowrap; padding-top: 35px; padding-bottom: 35px; } .category_tab--wrapper .btn-iso-menu { padding: 5px 15px; margin-left: 5px; margin-right: 5px; border: 1px solid #D3D7DB!important; } .btn-iso-menu.is-active { border-color: var(--primary-color); } } @media ( min-width: 768px ) { .category_tab--wrapper { margin-top: -12rem; } .category_tab--wrapper .btn-iso-menu { font-size: 11px; padding: 7px 20px; margin-left: 5px; margin-right: 5px; } .category_tab--wrapper .load-more-wrapper { padding-top: 3.5625rem ; } .category_tab--wrapper .dotted_map_before::before { left: -15rem; top: 42rem; } .category_tab--wrapper .dotted_map_after::after { right: -15rem; bottom: 15rem; } } @media ( min-width: 992px ) { .category_tab--wrapper { position: relative; margin-top: -22rem; } .category_tab--wrapper .button-iso { padding-bottom: 63px; justify-content: center; } .category_tab--wrapper .btn-iso-menu { font-size: 13px; padding: 11px 0px; margin-left: 16px; margin-right: 16px; max-width: 143px; width: 100%; } .category_tab--wrapper .load-more-wrapper { margin-bottom: 7rem; } .load-more-wrapper .request_join { width: 100%; } } /* ====== gallery-page-css ======= */ .gallery_page--wrapper .take_action--wrapper { margin-top: 0rem; position: relative; } .gallery_page--wrapper .take_action--wrapper.dotted_map_before::before { left: 0rem; } @media ( min-width: 1680px) { .gallery_page--wrapper .take_action--wrapper.dotted_map_before::before { left: 10rem; } }