#media-tab-section {
    padding-top: clamp(2.5rem, 1.55rem + 4.75vw, 7.25rem);
    padding-bottom: clamp(4.375rem, 4.125rem + 1.25vw, 5.625rem);
}

.media-tab__ul{
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.media-tab__ul li:first-child{
    padding-left: 0;
}

.media-tab__ul li:last-child {
    padding-right: 0px;
}
.media-tab__ul li {
    cursor: pointer;
    color: #B96346;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.4;
    padding-right: clamp(1.25rem, -0.707rem + 5.7455vw, 6.1875rem);
    padding-left: clamp(1.25rem, -0.707rem + 5.7455vw, 6.1875rem);
    font-family: Baskerville;
    position: relative;
}

.media-tab__ul li::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 41px;
    top: 0;
    right: 0;
    background-color: #B96346;
}

.media-tab__ul li span {
    opacity: 0.4;
}

.media-tab__ul li:last-child::before{
    width: 0;
}

.media-tab__ul li.active span{
    opacity: 1;
}

ul.media-item__ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.media-filter__message {
    font-size: 16px;
    line-height: 1.1;
}

.media-item-row {
    display: grid;
    grid-template-columns: 350px auto;
    gap: 28px;
}

.media-item-img img {
    width: 100%;
    object-fit: cover;
    max-width: 100% !important;
}

.media-item__list-layout .media-item-img img {
    height: auto !important;
}

.media-item__grid-layout .media-item-img img {
    height: auto !important;
    aspect-ratio: 16 / 9;
}

.media-item-img {
    display: flex;
}

.media-item__list-layout.media-item__ul li {
    padding-bottom: 40px;
    padding-top: 40px;
}

.media-item__ul.media-item__list-layout li{
    border-bottom: 1px solid #707070;
}

.media-item__list-layout.media-item__ul li:first-child {
    padding-top: 0px;
}

.media-item__list-layout.media-item__ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.media-item-date {
    display: flex;
    align-items: center;
    gap: 10px;
}

.media-item-date-span {
    color: black;
    opacity: 0.5;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
}

.media-item-date svg path {
    stroke: black;
    opacity: 0.5;
}

.media-item-content{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.media-tab__btn-style {
    display: inline-flex;
    background: url(../images/shape-top.png);
    position: relative;
    background-size: contain;
    width: 113px;
    height: 187px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.media-tab__btn-style-btn {
    color: white;
    display: flex;
    margin: auto;
    margin-top: 32px;
    text-align: center;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 23px;
    font-family: Baskerville;
}

.media-tab__btn-wrapper {
    display: flex;
    justify-content: right;
    margin-top: 55px;
}

.media-tab-response-wrapper{
    position: relative;
}

.ajax-loader {
    background: rgba(255,255,255,0.9);
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

span.loader-01 {
    margin: auto;
    margin-top: 0px;
}

.loader-01 {
    width: 48px;
    height: 48px;
    border: 3px dotted #000;
    border-style: solid solid dotted dotted;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    -webkit-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite;
}

.loader-01:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px dotted #b06347;
    border-style: solid solid dotted;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-animation: rotationBack 1s linear infinite;
    animation: rotationBack 1s linear infinite;
    transform-origin: center center;
}

.media-tab-flex-col {
    display: flex;
    flex-direction: column;
    gap: clamp(2.5rem, 1.6875rem + 4.0625vw, 6.5625rem);
}

.media-item-title{
    font-size: 28px;
    color: #B96346;
}

.media-item-img a {
    display: flex;
    width: 100%;
}

.media-item__grid-layout .media-item-row{
    grid-template-columns: 1fr;
}

.media-item__grid-layout.media-item__ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.media-item__grid-layout.media-item__ul li .media-item-box {
    padding: 54px 34px;
    height: 100%;
}

.media-item__grid-layout.media-item__ul li:nth-child(-n+3) .media-item-box {
    padding-top: 0px;
}

.media-item__ul.media-item__grid-layout li .media-item-box {
    border-bottom: 1px solid #707070;
}
  
.is-last-row .media-item-box {
    border-bottom: none !important;
}

.media-item__ul.media-item__grid-layout li:nth-child(3n + 1) .media-item-box,
.media-item__ul.media-item__grid-layout li:nth-child(3n + 2) .media-item-box {
  border-right: 1px solid #707070;
}

/* Remove border if total items ≤ 3 */
.media-item__ul.media-item__grid-layout:has(> li:nth-child(3):last-child) li .media-item-box,
.media-item__ul.media-item__grid-layout:has(> li:nth-child(2):last-child) li .media-item-box,
.media-item__ul.media-item__grid-layout:has(> li:only-child) li .media-item-box {
  border-bottom: none !important;
}

.media-item__grid-layout{
    margin-inline: -34px !important
}
.media-filter-items-response__wrapper{
    overflow: hidden;
}


/* CPT FILTER BLOCK */
.media-filter__container {
    padding-top: clamp(3.4375rem, 2.9875rem + 2.25vw, 5.6875rem);
    padding-bottom: 65px;
}
.media-filter__heading {
    font-size: clamp(1.75rem, 1.225rem + 2.625vw, 4.375rem);
    text-transform: uppercase;
    color: #B96346;
    line-height: 1.2;
    margin-bottom: 57px;
}

.media-filter__ul {
    list-style-type: none;
    padding: 0px;
    margin: 0;
    display: grid;
    grid-template-columns: 48% 1fr 1fr;
}

.media-filter__ul li {
    padding: 0px 20px;
}

.media-filter__ul li:first-child {
    padding-left: 0px;
}

.media-filter__ul li:last-child {
    padding-right: 0px;
}

.media-filter__ul-row {
    position: relative;
}

.media-load__more-btn[data-disabled="1"] {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}

#search__title {
    background: white;
    border: none;
    border-bottom: 1px solid #b06347 !important;
    font-size: 19px;
    color: #000000;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    font-family: 'Baskerville';
}

#search__btn {
    border: none;
    width: 23px;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    background: white;
    cursor: pointer;
    padding: 0;
    bottom: 0;
    margin: auto;
}

#search__title::placeholder {
    opacity: 0.3;
}
.search-style__box {
    position: relative;
}

.search-select__box {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #b06347 !important;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: white;
    font-family: 'Baskerville';
}

.search-select__box option {
    font-size: 18px;
}

.search-style__box::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 17px;
    padding-left: 12px;
    background: white;
    color: #C8CACB;
    pointer-events: none;
    border-bottom: 1px solid #b06347;
    margin: auto;
    display: flex;
    align-items: center;
}

.search-select__box:focus-visible {
    outline: none;
}

#search__title:focus-visible {
    outline: none;
}

.media-filter__bar{
    margin-bottom: clamp(2.8125rem, 2.2625rem + 2.75vw, 5.5625rem);
}

.media-filter__response-wrapper {
    position: relative;
}

.load__more-loader .spinner {
    width: 48px;
    height: 48px;
    border: 5px dotted #707070;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    -webkit-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite;
}

.load__more-loader {
    display: none;
    justify-content: center;
    margin-top: 25px;
}

.media-tab__flex {
    display: flex;
    justify-content: space-between;
    gap: 18px;
}

.media-tab__view {
    display: flex;
    gap: 7px;
}

.media-tab__view-btn {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    padding: 6px;
    cursor: pointer;
}

.media-tab__flex-right {
    margin: auto 0;
}

.media-tab__view-btn.active {
    background-color: #e0e0e0;
}

.media-tab__flex-fil {
    display: grid;
    grid-template-columns: auto 10%;
    gap: clamp(1.125rem, 0.4125rem + 3.5625vw, 4.6875rem);
}

.media-tab__flex-fil-right {
    display: flex;
    justify-content: right;
    align-items: center;
}




@media only screen and (max-width: 1281px) {
    /* Filter */
    #search__title{
        font-size: 16px;
    }
    #search__btn{
        width: 32px;
        height: 48px;
    }
    .media-filter__ul {
        grid-template-columns: 50% 1fr 1fr;
    }
    .media-filter__ul li {
        padding: 0px 12px;
    }
    .search-select__box, .search-select__box option {
        font-size: 14px;
    }
    .search-style__box::after {
        font-size: 16px;
        padding: 9px 8px;
    }
}

@media only screen and (max-width: 1025px) {
    .media-tab__ul li {
        font-size: 18px;
    }
    .media-tab__ul li::before {
        height: 29px;
    }
    .media-item-row {
        grid-template-columns: 220px auto;
        gap: 25px;
    }
    .media-item-title {
        font-size: 22px;
    }
    .media-item-content {
        gap: 14px;
    }
    .media-tab__btn-wrapper {
        margin-top: 40px;
    }
    .media-tab__btn-style-btn {
        font-size: 14px;
        margin-top: 25px;
    }
    .media-tab__btn-style {
        width: 81px;
        height: 138px;
    }
    .media-item-img img {
        min-height: 160px;
    }
    .media-item__grid-layout.media-item__ul li .media-item-box {
        padding: 35px 15px;
    }
    .media-item__grid-layout{
        margin-inline: -15px !important;
    }
    .media-tab__view-btn svg {
        width: 15px;
    }

    .media-tab__view-btn {
        padding: 3px 7px;
    }

    /* Filter */
    #search__title{
        font-size: 16px;
    }
    #search__btn{
        width: 19px;
        height: 45px;
    }
    .media-filter__ul {
        grid-template-columns: 38% 1fr 1fr;
    }
    .media-filter__ul li {
        padding: 0px 10px;
    }

}

@media only screen and (max-width: 767px) {
    .media-item__grid-layout.media-item__ul {
        grid-template-columns: 1fr;
        margin-inline: 0 !important;
    }
    .media-item__grid-layout.media-item__ul li:nth-child(2)  {
        border-left: none;
        border-right: none;
    }
    .media-item__grid-layout.media-item__ul li .media-item-box {
       padding: 40px 0;
    }

    .media-item__ul.media-item__grid-layout li:nth-child(3n + 1) .media-item-box, .media-item__ul.media-item__grid-layout li:nth-child(3n + 2) .media-item-box {
        border-right: none;
    }

    .media-item__grid-layout.media-item__ul li:nth-child(-n+3) .media-item-box {
        padding-top: 40px;
    }

    .media-item__grid-layout.media-item__ul li:first-child .media-item-box{
        padding-top: 0;
    }

    .media-item__grid-layout.media-item__ul li {
        padding-left: 0;
        padding-right: 0;
    }


    .media-item__ul.media-item__grid-layout:has(> li:nth-child(3):last-child) li .media-item-box,
    .media-item__ul.media-item__grid-layout:has(> li:nth-child(2):last-child) li .media-item-box,
    .media-item__ul.media-item__grid-layout:has(> li:only-child) li .media-item-box {
        border-bottom: 1px solid #707070 !important;
    }

    /* Filter */
    .media-filter__ul{
        grid-template-columns: 1fr;
    }
    .search-select__box{
        font-size: 15px;
        height: 44px;
    }
    .search-select__box option {
        font-size: 15px;
    }
    #search__title{
        font-size: 15px;
        height: 44px;
    }
    #search__btn{
        width: 17px;
        height: 28px;
    }
    .media-filter__ul li {
        padding: 5px 0;
    }
    .search-style__box::after{
        font-size: 15px;
        padding: 6px 8px;
    }

    .media-filter__heading {
        margin-bottom: 25px;
    }

    .load__more-loader .spinner {
        width: 36px;
        height: 36px;
        border: 3px dotted #707070;
    }

    .media-tab__flex-fil {
        grid-template-columns: 1fr;
    }

    /* List and Grid view */
    .media-tab__view {
        display: none;
    }

    .media-item-row {
        grid-template-columns: 1fr;
    }

}

@media only screen and (max-width: 545px) {
    .media-tab__ul {
        flex-wrap: wrap;
        gap: 18px;
        justify-content: center;
    }
    .media-tab__ul li  span {
        opacity: 1;
    }
    .media-tab__ul li {
        font-size: 16px;
        border-bottom: 1px solid #B96346;
        padding: 5px 15px !important;
        opacity: 0.4;
    }
    /* .media-item-row {
        grid-template-columns: 1fr;
    } */
    .media-tab__ul li::before{
        width: 0;
    }
    .media-tab__ul li.active{
        opacity: 1;
    }
    .media-item-img img {
        min-height: 155px;
    }
    .media-item-row {
        gap: 12px;
    }
    .media-item-title {
        font-size: 20px;
        line-height: 1.2;
    }
    .media-item-content {
        gap: 16px;
    }
    .media-tab__btn-style-btn {
        font-size: 13px;
        margin-top: 21px;
    }
    .media-tab__btn-style {
        width: 71px;
        height: 119px;
    }

    .media-item-date-span {
        font-size: 13px;
    }

    .media-tab__flex {
        flex-direction: column;
    }

    .media-tab__view {
        justify-content: right;
        gap: 4px;
    }

    .media-tab__view-btn svg {
        width: 15px;
    }

    .media-tab__view-btn {
        padding: 3px 7px;
    }

}