@media (min-width:1441px){
    .template1-container{
        margin: auto;
    }
    .thumbnail-container {
        position: relative;
        width: 100%;
        height: 550px;
        overflow: hidden;
    }

    .thumbnail-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; 
        display: block;
    }
    .header-title{
        padding-top: 117px;
        text-align: center;
    }
    .header-title h1{
        font-size: 26px;
    }
    .line-border{
        margin: 25px auto 60px;
        border-bottom: 3px solid #000000;
        width: 6%;
    }
    /* Left container */
    .static-content, .static-category, .top-search, .search-results-pc{
        width: 1440px;
        padding: 0 140px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        gap: 40px;
    }
    .align-column-list{
        width: 877px;
        display: flex;
        flex-direction: column;
        border-bottom: 3px solid #D9D9D9;
    }
    .left-article-list{
        width: 100%;
        margin-bottom:80px;
        display: flex;
        flex-direction: row;
        gap: 40px;
    }
    .left-header-img img{
        width:300px;
        height: auto;
    }
    .right-text-articles p{
        margin: 5px 0;
    }
    .solid-text-bg {
        display: inline-block;
        background-color: #3E3D3F;
        padding: 5px 15px;
        margin-bottom: 10px;
    }
    .solid-text-bg p{
        margin: 0;
        color: #ffffff;
    }
    .middle-red-text p{
        margin-bottom: 10px;
    }
    .middle-red-text a{
        color: red;
    }
    /* Pagination design */
    .pagination-wrapper.pagination-sp{
        display: none;
    }
    .pagination-wrapper {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
        font-family: sans-serif;
        font-size: 18px;
        margin: 80px 0;
    }
    .pagination-wrapper .page-numbers {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 40px;
        text-decoration: none;
        color: #333;
        background-color: #f0f0f0;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }
    .pagination-wrapper .page-numbers.current {
        background-color: #333;
        color: #fff;
        border-color: #333;
    }
    .pagination-wrapper .page-numbers:not(.current):not(.next):not(.dots) {
        background-color: #e0e0e0;
        color: #555;
        border-color: #ccc;
    }
    .pagination-wrapper .next.page-numbers {
        background-color: #fff;
        color: #333;
        border: 1px solid #333;
        padding: 0 15px;
    }
    .pagination-wrapper .prev.page-numbers {
        background-color: #fff;
        color: #333;
        border: 1px solid #333;
        padding: 0 15px;
    }
    .pagination-wrapper .page-numbers.dots {
        background-color: transparent;
        border: none;
        cursor: default;
        min-width: auto;
        color: #555;
        padding: 0;
        line-height: 1;
    }
    .pagination-wrapper .page-numbers:not(.current):not(.dots):hover {
        background-color: #d0d0d0;
        border-color: #bbb;
        cursor: pointer;
    }
    .pagination-wrapper .next.page-numbers:hover {
        background-color: #f5f5f5;
        cursor: pointer;
    }
     /* Sidebar Design */
    .sidebar {
        width: 267px;
        height: auto;
        background: #D9D9D9;
    }
    .widget-title{
        text-align: center;
        color: #FFFFFF;
        padding: 10px;
        margin: 0;
        font-size: 18px;
        background-color: #000000;
    }
    .category-list {
        list-style: none;
        padding: 0;
    }
    .category-list li {
        margin: 0 auto 8px auto;
        padding: 15px 5px;
        border-bottom: 3px solid #FFFFFF;
        width: 90%; 
    }
    .category-list li:last-child {
        margin: 0 auto 8px;
        border-bottom: none;
    }
    .category-list a {
        font-size: 16px;
        text-decoration: none;
        color: #000000;
    }
    /* WP-CONTENT-PAGE-PART 
    *same layout with front-page */
    .align-column-list{
        border-bottom: none;
    }
    .left-header-title{
        background-color: #3E3D3F;
        border-radius: 5px;
        color: #ffffff;
        padding: 10px;
    }
    .left-header-title h3{
        padding-left: 15px;
        font-size: 18px;
        margin-bottom:0px;
    }
    .left-content-list{
        width: 100%;
        gap: 30px;
        padding: 30px 0px 30px 20px;
        border-bottom: 1px solid black;
        align-items: center;
        display: flex;
        flex-direction: row;
    }
    .left-content-btn{
        width: 25%;
    }
    .left-content-btn button{
        width: 100%;
        padding: 15px;
        border: none;
        /* background-color: #B85151; */
        /* color: #ffffff; */
        border-radius: 10px;
    }
    .left-content-description{
        width: 100%;
    }
    .left-content-description p{
        font-size: 18px;
        margin-bottom:0;
    }
    /* CATEGORY PAGE PART */
    .search-results-pc{
        text-align: left;
        padding: 0 0 40px 50px;
    }
    
    .search-results-pc p{
        font-size: 18px;
        margin-bottom:0;
    }
    .static-category{
        padding: 20px 40px 50px;
        display: flex;
        justify-content: space-between;
        gap: 0px;
    }
    .align-category-list{
        columns: 2;
        column-gap: 0;
        padding: 0 50px 0 0;
        width: 100%;
    }
    .left-category-list{
        column-gap: 40px;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .category-two-column{
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 20px;
        border-bottom: 3px solid #D9D9D9;
        display: flex;
        flex-direction: row-reverse;
    }
    .left-category-img {
        width: 153px;
        height: 90px; 
        overflow: hidden; 
    }
    .left-category-img img {
        width: 100%;
        height: 100%;
        display: block;
    }
    .middle-category-text p{
        margin-bottom: 0;
    }
    .middle-category-text p a{
        color: red;
        font-size: 16px;
    }
     /*Category Colors*/
    .cat_btn-purple{
        background-color: #e6cff2;
        color: purple;
    }
    .cat_btn-green{
        background-color: #D4EDBC;
        color: green;
    }
    .cat_btn-orange{
        background-color: #FFC8AA;
        color: darkorange;
    }
    .cat_btn-blue{
        background-color: #0A53A8;
        color: #C6DBE1;
    }
    .cat_btn-gray{
        background-color: #E8EAED;
        color: #000000;
    }
    .cat_btn-lightblue{
        background-color: #C6DBE1;
        color: #0A53A8;
    }
    .align-cat-date{
        display: flex;
        gap: 10px;
    }
}
@media (max-width:1440px){
     .template1-container{
        margin: auto;
    }
    .thumbnail-container {
        position: relative;
        width: 100%;
        height: 550px;
        overflow: hidden;
    }

    .thumbnail-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; 
        display: block;
    }
    .header-title{
        padding-top: 117px;
        text-align: center;
    }
    .header-title h1{
        font-size: 26px;
    }
    .line-border{
        margin: 25px auto 60px;
        border-bottom: 3px solid #000000;
        width: 6%;
    }
    /* Left container */
    .static-content, .static-category{
        width: 1440px;
        padding: 0 140px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        gap: 40px;
    }
    .align-column-list{
        width: 877px;
        display: flex;
        flex-direction: column;
        border-bottom: 3px solid #D9D9D9;
    }
    .left-article-list{
        width: 100%;
        margin-bottom:80px;
        display: flex;
        flex-direction: row;
        gap: 40px;
    }
    .left-header-img img{
        width:300px;
        height: auto;
    }
    .right-text-articles p{
        margin: 5px 0;
    }
    .solid-text-bg {
        display: inline-block;
        background-color: #3E3D3F;
        padding: 5px 15px;
        margin-bottom: 10px;
    }
    .solid-text-bg p{
        margin: 0;
        color: #ffffff;
    }
    .middle-red-text p{
        margin-bottom: 10px;
    }
    .middle-red-text a{
        color: red;
    }
    /* Pagination design */
    .pagination-wrapper.pagination-sp{
        display: none;
    }
    .pagination-wrapper {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
        font-family: sans-serif;
        font-size: 18px;
        margin: 80px 0;
    }
    .pagination-wrapper .page-numbers {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 40px;
        text-decoration: none;
        color: #333;
        background-color: #f0f0f0;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }
    .pagination-wrapper .page-numbers.current {
        background-color: #333;
        color: #fff;
        border-color: #333;
    }
    .pagination-wrapper .page-numbers:not(.current):not(.next):not(.dots) {
        background-color: #e0e0e0;
        color: #555;
        border-color: #ccc;
    }
    .pagination-wrapper .next.page-numbers {
        background-color: #fff;
        color: #333;
        border: 1px solid #333;
        padding: 0 15px;
    }
    .pagination-wrapper .prev.page-numbers {
        background-color: #fff;
        color: #333;
        border: 1px solid #333;
        padding: 0 15px;
    }
    .pagination-wrapper .page-numbers.dots {
        background-color: transparent;
        border: none;
        cursor: default;
        min-width: auto;
        color: #555;
        padding: 0;
        line-height: 1;
    }
    .pagination-wrapper .page-numbers:not(.current):not(.dots):hover {
        background-color: #d0d0d0;
        border-color: #bbb;
        cursor: pointer;
    }
    .pagination-wrapper .next.page-numbers:hover {
        background-color: #f5f5f5;
        cursor: pointer;
    }
     /* Sidebar Design */
    .sidebar {
        width: 267px;
        height: auto;
        background: #D9D9D9;
    }
    .widget-title{
        text-align: center;
        color: #FFFFFF;
        padding: 10px;
        margin: 0;
        font-size: 18px;
        background-color: #000000;
    }
    .category-list {
        list-style: none;
        padding: 0;
    }
    .category-list li {
        margin: 0 auto 8px auto;
        padding: 15px 5px;
        border-bottom: 3px solid #FFFFFF;
        width: 90%; 
    }
    .category-list li:last-child {
        margin: 0 auto 8px;
        border-bottom: none;
    }
    .category-list a {
        font-size: 16px;
        text-decoration: none;
        color: #000000;
    }
    /* WP-CONTENT-PAGE-PART 
    *same layout with front-page */
    .align-column-list{
        border-bottom: none;
    }
    .left-header-title{
        background-color: #3E3D3F;
        border-radius: 5px;
        color: #ffffff;
        padding: 10px;
    }
    .left-header-title h3{
        padding-left: 15px;
        font-size: 18px;
        margin-bottom:0px;
    }
    .left-content-list{
        width: 100%;
        gap: 30px;
        padding: 30px 0px 30px 20px;
        border-bottom: 1px solid black;
        align-items: center;
        display: flex;
        flex-direction: row;
    }
    .left-content-btn{
        width: 25%;
        
    }
    .left-content-btn button{
        width: 100%;
        padding: 15px;
        border: none;
        /* background-color: #B85151; */
        /* color: #ffffff; */
        border-radius: 10px;
    }
    .left-content-description{
        width: 100%;
    }
    .left-content-description p{
        font-size: 18px;
        margin-bottom:0;
    }
    /* CATEGORY PAGE PART */
    .search-results-pc{
        text-align: left;
        padding: 0 0 40px 50px;
    }
    
    .search-results-pc p{
        font-size: 18px;
        margin-bottom:0;
    }
    .static-category{
        padding: 20px 40px 50px;
        display: flex;
        justify-content: space-between;
        gap: 0px;
    }
    .align-category-list{
        columns: 2;
        column-gap: 0;
        padding: 0 50px 0 0;
        width: 100%;
    }
    .left-category-list{
        column-gap: 40px;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .category-two-column{
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 20px;
        border-bottom: 3px solid #D9D9D9;
        display: flex;
        flex-direction: row-reverse;
    }
    .left-category-img {
        width: 153px;
        height: 90px; 
        overflow: hidden; 
    }
    .left-category-img img {
        width: 100%;
        height: 100%;
        display: block;
    }
    .middle-category-text p{
        margin-bottom: 0;
    }
    .middle-category-text p a{
        color: red;
        font-size: 16px;
    }
     /*Category Colors*/
    .cat_btn-purple{
        background-color: #e6cff2;
        color: purple;
    }
    .cat_btn-green{
        background-color: #D4EDBC;
        color: green;
    }
    .cat_btn-orange{
        background-color: #FFC8AA;
        color: darkorange;
    }
    .cat_btn-blue{
        background-color: #0A53A8;
        color: #C6DBE1;
    }
    .cat_btn-gray{
        background-color: #E8EAED;
        color: #000000;
    }
    .cat_btn-lightblue{
        background-color: #C6DBE1;
        color: #0A53A8;
    }
    .align-cat-date{
        display: flex;
        gap: 10px;
    }
}
@media (min-width: 769px) and (max-width: 1439px) {
.template1-container{
        margin: auto;
    }
    .thumbnail-container {
        position: relative;
        width: 100%;
        height: clamp(15.625rem, -5.8955rem + 44.7761vw, 34.375rem);
        overflow: hidden;
    }
    .thumbnail-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; 
        display: block;
    }
    .header-title{
        padding-top: 117px;
        text-align: center;
    }
    .header-title h1{
        font-size: clamp(1.25rem, 0.8202rem + 0.8942vw, 1.625rem);
    }
    .line-border{
        margin: 25px auto 60px;
        border-bottom: 3px solid #000000;
        width: 6%;
    }
    /* Left container */
    .static-content, .static-category{
        width:  clamp(48.0625rem, 5.2367rem + 89.1045vw, 85.375rem);
        padding: 0 clamp(3.125rem, -3.3215rem + 13.4128vw, 8.75rem);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        gap: 40px;
    }
    .align-column-list{
        width: 877px;
        display: flex;
        flex-direction: column;
    }
    .left-article-list{
        width: 100%;
        margin-bottom:80px;
        display: flex;
        flex-direction: row;
        gap: 40px;
    }
    .left-header-img img{
        width: clamp(11.25rem, 2.6546rem + 17.8838vw, 18.75rem);
        height: auto;
    }
    .right-text-articles p{
        font-size: clamp(0.75rem, 0.4635rem + 0.5961vw, 1rem);
        margin: 5px 0;
    }
    .solid-text-bg {
        display: inline-block;
        background-color: #3E3D3F;
        padding: 5px 15px;
        margin-bottom: 10px;
    }
    .solid-text-bg p{
        margin: 0;
        color: #ffffff;
    }
    .middle-red-text p{
        margin-bottom: 10px;
    }
    .middle-red-text a{
        color: red;
    }
    @media (max-width:1063px){
        .right-txt p{
            display: none;
        }
    }
    /* Pagination design */
    .pagination-wrapper.pagination-sp{
        display: none;
    }
    .pagination-wrapper {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
        font-family: sans-serif;
        font-size: clamp(0.875rem, 0.5885rem + 0.5961vw, 1.125rem);
        margin: 80px 0;
    }
    .pagination-wrapper .page-numbers {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 40px;
        text-decoration: none;
        color: #333;
        background-color: #f0f0f0;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }
    .pagination-wrapper .page-numbers.current {
        background-color: #333;
        color: #fff;
        border-color: #333;
    }
    .pagination-wrapper .page-numbers:not(.current):not(.next):not(.dots) {
        background-color: #e0e0e0;
        color: #555;
        border-color: #ccc;
    }
    .pagination-wrapper .next.page-numbers {
        background-color: #fff;
        color: #333;
        border: 1px solid #333;
        padding: 0 15px;
    }
    .pagination-wrapper .prev.page-numbers {
        background-color: #fff;
        color: #333;
        border: 1px solid #333;
        padding: 0 15px;
    }
    .pagination-wrapper .page-numbers.dots {
        background-color: transparent;
        border: none;
        cursor: default;
        min-width: auto;
        color: #555;
        padding: 0;
        line-height: 1;
    }
    .pagination-wrapper .page-numbers:not(.current):not(.dots):hover {
        background-color: #d0d0d0;
        border-color: #bbb;
        cursor: pointer;
    }
    .pagination-wrapper .next.page-numbers:hover {
        background-color: #f5f5f5;
        cursor: pointer;
    }
     /* Sidebar Design */
    .sidebar {
        width: clamp(11.25rem, 5.0183rem + 12.9657vw, 16.6875rem);
        height: auto;
        background: #D9D9D9;
    }
    .widget-title{
        text-align: center;
        color: #FFFFFF;
        padding: 10px;
        margin: 0;
        font-size: clamp(0.875rem, 0.5885rem + 0.5961vw, 1.125rem);
        background-color: #000000;
    }
    .category-list {
        list-style: none;
        padding: 0;
    }
    .category-list li {
        margin: 0 auto 8px auto;
        padding: 15px 5px;
        border-bottom: 3px solid #FFFFFF;
        width: 90%; 
    }
    .category-list li:last-child {
        margin: 0 auto 8px;
        border-bottom: none;
    }
    .category-list a {
        font-size: clamp(0.75rem, 0.4635rem + 0.5961vw, 1rem);
        text-decoration: none;
        color: #000000;
    }
    /* WP-CONTENT-PAGE-PART 
    *same layout with front-page */
    .left-header-title h3{
        font-size: clamp(0.875rem, 0.5885rem + 0.5961vw, 1.125rem);
    }
    .left-content-btn{
        width: 40%;
    }
    .left-content-list{
        gap: clamp(0.9375rem, -0.1369rem + 2.2355vw, 1.875rem);
        padding:clamp(0.9375rem, -0.1369rem + 2.2355vw, 1.875rem) 0px clamp(0.9375rem, -0.1369rem + 2.2355vw, 1.875rem) clamp(0.9375rem, 0.5794rem + 0.7452vw, 1.25rem);
    }
    .left-content-btn button, .left-content-description p{
        font-size: clamp(0.75rem, 0.4635rem + 0.5961vw, 1rem);
    }
     /* CATEGORY PAGE PART */
    .align-category-list{
        columns: 2;
        column-gap: 0;
        padding: 0;
        width: 100%;
    }
    @media (max-width:1208px){
        .align-category-list{
            columns: 1;
        }
        .left-category-img {
            width: 223px;
            height: 100%;
        }
         .left-category-img img {
            width: 100%;
            height: 100%;
            display: block;
        }
    }
    .solid-text-bg p, .article-date p{
        font-size: 12px;
    }
    .middle-category-text p{
        margin-bottom: 0;
    }
    .middle-category-text p a{
        color: red;
        font-size: clamp(0.875rem, 0.7317rem + 0.2981vw, 1rem);
    }
    .category-two-column{
        padding: 20px 10px;
    }
    .align-cat-date{
        display: flex;
        gap: 10px;
    }
}
@media (min-width: 320px) and (max-width: 768px) {
    /**/
    .thumbnail-container {
        position: relative;
        width: 100%;
        height: clamp(6.25rem, -0.4464rem + 33.4821vw, 15.625rem);
        overflow: hidden;
    }
    .thumbnail-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; 
        display: block;
    }
     .result-message{
        margin: 0;
        padding: 0 25px;
    }
    .header-title{
        padding-top: 30px;
    }
    .header-title h1{
        font-size: 18px;
    }
    .line-border{
        margin: 10px auto 0;
    }
    /* Left container */
    .static-content, .static-category{
        width: auto;
        padding: 5px;
        flex-direction: column;
        gap: 0px;
    }
    .left-article-list{
        width: 100%;
        margin-bottom: 5px;
        padding: 15px;
        display: flex;
        flex-direction: row;
        gap: 5px;
        border-bottom: 2px solid #D9D9D9;
    }
    .left-header-img img{
        width: 153px;
        height: auto;
    }
    .right-text-articles{
        padding: 0 0 0 15px;
    }
    .solid-text-bg {
        display: inline-block;
        background-color: #3E3D3F;
        padding: 5px 10px;
        margin-bottom: 10px;
    }
    .solid-text-bg p{
        margin: 0;
        font-size: 14px;
        color: #ffffff;
    }
    .right-txt p{
        display: none;
    }
    .middle-red-text p{
        margin-bottom: 10px;
        font-size: 12px;
    }
    .align-column-list{
        width: auto;
        border-bottom: none;
    }
    /* Sidebar Design */
    .sidebar {
        width: 90%;
        height: auto;
        margin: 25px auto 0px;
        background: #FFF8F8;
        max-width: 400px;
    }
    .widget-title{
        text-align: center;
        color: #FFFFFF;
        padding: 8px 10px;
        margin: 0;
        font-size: 12px;
        background-color: #3E3D3F;
    }
     .category-list {
        list-style: none;
        padding: 0;
    }
    .category-list li {
        margin: 0 auto 8px auto;
        padding: 5px;
        border-bottom: 1px solid #B85151;
        width: 90%; 
    }
    .category-list li:last-child {
        margin: 0 auto 8px;
        border-bottom: none;
    }
    .category-list a {
        font-size: clamp(0.75rem, 0.6067rem + 0.2981vw, 0.875rem);
        text-decoration: none;
        color: #000000;
    }
    /* WP-CONTENT-PAGE-PART 
    *same layout with front-page */
    .left-header-title{
        margin: 20px auto 0;
        width: 95%;
        border-top:6px solid #D9D9D9;
        border-radius: 0px 0px 5px 5px;
    }
    .left-header-title h3{
        padding-left:0;
    }
    .left-content-list{
        width: 95%;
        padding: 20px 0;
        margin: 0 auto;
        gap: 20px;
        align-items: center;
        border-bottom: 1px solid #D9D9D9;
    }
    .left-content-btn{
        width: 35%;
    }
    .left-content-btn button{
        padding: 8px;
        width: 100%;
        font-size: 10px;
    }
    .left-content-description{
        padding-left:0px;
        width: 90%;
        font-size: 10px;
    }
    /* Reverse Sidebar and Pagination */
    .pagination-wrapper.pagination-sp{
        display: block;
        display: flex;
        margin: 20px auto 0;
    }
    .pagination-wrapper .page-numbers {
        min-width: 35px;
        height: 35px;
    }
    .pagination-wrapper.pagination-pc{
        display: none;
    }
    /* CATEGORY PAGE PART */
    .left-category-img {
        padding: 0 15px;
        width: 193px;
        height: 100%; 
        overflow: hidden; 
    }
    .category-two-column{
        padding: 30px 20px;
        display: flex;
        justify-content: space-between;
    }
    .solid-text-bg{
        margin-top: 0;
        margin-bottom: 0;
    }
    .solid-text-bg p, .article-date p{
        font-size: clamp(0.75rem, 0.6067rem + 0.2981vw, 0.875rem);
    }
    .middle-category-text p a{
        color: red;
        font-size: clamp(0.75rem, 0.6067rem + 0.2981vw, 0.875rem);
    }
    .align-category-list{
        padding: 0;
        columns: 1;
    }
    .search-results-pc{
        display: none;
    }
    .align-cat-date{
        display: flex;
        gap: 10px;
    }
    @media (max-width:434px){
        .align-cat-date{
            display: block;
        }
    }
}