@media screen and (max-width: 1080px){
    .container{
        width: 860px;
    }
    /*
    * TAXXONOMY.
    */
    .pro-list-table th:nth-child(n+2),
    .pro-list-table td:nth-child(n+2){
        display: none;
    }
    .pro-list-table th:nth-last-child(1),
    .pro-list-table th:nth-last-child(2),
    .pro-list-table th:nth-last-child(3),
    .pro-list-table th:nth-last-child(4),
    .pro-list-table td:nth-last-child(1),
    .pro-list-table td:nth-last-child(2),
    .pro-list-table td:nth-last-child(3),
    .pro-list-table td:nth-last-child(4){
        display: table-cell;
    }
    /*
    * SINGLE PRO.
    */
    .sgl-pro-desc,
    .sgl-pro-file{
        width: 100%;
    }
    .sgl-pro-file{
        margin-top: 20px;
    }
    .sgl-pro-file li:nth-child(n){
        float: left;
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-top: 0px;
    }
    .sgl-pro-file li:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .sgl-pro-file li:nth-child(n+3){
        margin-top: 10px;
    }
    /* Archive  */
    .archive-new-item{
        width: calc((100% - 30px) / 2);
    }
    .archive-new-item:nth-child(3n+3){
        float: left;
        margin-right: 30px;
    }
    .archive-new-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .archive-new-item:nth-child(n+3){
        margin-top: 30px;
    }
    .archive-new-item-thumb{
        height: 202px;
    }
    /**/
    .tax-pro-child-item.col-3{
        width: calc((100% - 20px) / 2);
    }
    .tax-pro-child-item.col-3:nth-child(3n+3){
        float: left;
        margin-right: 20px;
    }
    .tax-pro-child-item.col-3:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .tax-pro-child-item.col-3:nth-child(n+3){
        margin-top: 20px;
    }
}
@media screen and (max-width: 880px){
    .container{
        width: 540px;
    }
    /*
    * HEADER.
    */
    .logo{
        position: relative;
        top: 0px;
        margin-top: 30px;
        height: 50px;

    }
    .header-main-right,
    .header-hotline{
        display: none;
    }
    .toggle-nav-mobile,
    .header-mobile .header-main-right{
        display: block;
    }
    .header-mobile .toggle-nav-mobile{
        background-color:rgba(0, 0, 0, .1);
    }
    .header-mobile .toggle-nav-mobile:hover,
    .header-mobile .toggle-nav-mobile:focus{
        color: #fff;
        background-color: var(--th-color-red);
    }
    .header-mobile .toggle-nav-mobile i:nth-child(1){
        display: none;
    }
    .header-mobile .toggle-nav-mobile i:nth-child(2){
        display: inline-block;
    }
    .header-mobile{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999999;
        border-bottom: 1px solid #fff;
        background: rgba(255, 255, 255, .9);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .logged-in .header-mobile{
        top: 32px;
        height: calc(100% - 32px);
    }
    .header-mobile .header-main{
        background-color: transparent;
    }
    .header-mobile .header-main-right{
        width: 100%;
        margin-top: 30px;
    }
    .header-mobile .search-form{
        float: none !important;
        width: 100%;
        margin: 0px auto;
        height: 42px;
    }
    .header-mobile .search-input{
        background-color: #fff;
        border-radius: 5px;
        font-size: 16px;
        border: 1px solid #ddd;
    }
    .header-mobile .search-input:focus{
        border-color: var(--th-color-red);
    }
    .header-mobile .search-submit{
        height: 42px;
    }
    .header-mobile .main-nav{
        margin-top: 20px;
        padding-bottom: 80px;
    }
    .header-mobile .main-nav-inner>ul>li{
        float: none;
        width: 100%;
    }
    .header-mobile .main-nav-inner>ul>li:nth-child(n+2){
        border-top: 1px dotted #ddd;
    }
    .header-mobile .main-nav-inner>ul>li>a{
        padding: 0 10px;
    }
    .header-mobile .main-nav-inner>ul>li.menu-item-has-children>a{
        padding-right: 60px;
    }
    /* Sub menu level 2: open by default, level 3+ closed until toggle. */
    .header-mobile .main-nav-inner>ul>li>ul{
        position: relative;
        top: 0px;
        display: block;
        min-width: 0px;
        padding: 0px 0px 10px 10px;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        background-color: transparent;
    }
    .header-mobile .main-nav-inner>ul>li>ul:before{
        display: none;
    }
    .header-mobile .main-nav-inner>ul>li>ul li ul{
        position: relative;
        top: 0px;
        left: 0px;
        display: none;
        min-width: 0px;
        padding: 0px 0px 5px 15px;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        background-color: transparent;
    }
    .header-mobile .main-nav-inner>ul>li>ul li ul>li:nth-child(n){
        border-top: 1px dotted #ddd;
    }
    .header-mobile .main-nav-inner>ul>li>ul li a{
        padding: 10px 50px 10px 10px;
        font-size: 15px;
        line-height: 1.5;
    }
    .header-mobile .main-nav-inner>ul>li>ul li ul li a{
        font-size: 14px;
        font-weight: 400;
    }
    .header-mobile .main-nav-inner>ul>li>ul li:hover>a{
        color: #333;
    }
    .header-mobile .main-nav-inner>ul>li>ul li>a:hover,
    .header-mobile .main-nav-inner>ul>li>ul li>a:focus{
        color: var(--th-color-red);
    }
    .header-mobile .main-nav-inner>ul>li>ul li.menu-item-has-children:after{
        display: none;
    }
    /* Sub menu toggle button. */
    .header-mobile .menu-sub-toggle{
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 48px;
        height: 44px;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    .header-mobile .main-nav-inner>ul>li>.menu-sub-toggle{
        height: 50px;
    }
    .header-mobile .menu-sub-toggle:before{
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        margin: -7px 0px 0px -4px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        transform: rotate(45deg);
        transition: all ease-in-out .3s;
    }
    .header-mobile .menu-sub-toggle.open:before{
        margin-top: -2px;
        border-color: var(--th-color-red);
        transform: rotate(-135deg);
    }
    /*
    * FEATURED.
    */
    .featured .slick-dots{
        bottom: -35px;
    }
    .featured .slick-dots li button:before{
        background-color: #ddd;
    }
    /*
    * HOME UD.
    */
    .home-ud{
        margin-top: 60px;
    }
    .home-ud-item{
        width: calc((100% - 30px) / 2);
        margin-right: 30px;
    }
    .home-ud-item:nth-child(4n+4){
        float: left;
        margin-right: 30px;
    }
    .home-ud-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .home-ud-item:nth-child(n+3){
        margin-top: 20px;
    }
    /*
    * HOME CAT.
    */
    .home-cat-list-item{
        width: calc((100% - 20px) / 2);
    }
    .home-cat-list-item:nth-child(3n+3){
        float: left;
        margin-right: 20px;
    }
    .home-cat-list-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .home-cat-list-item:nth-child(n+3){
        margin-top: 20px;
    }
    /*
    * FOOTER.
    */
    .footer{
        background-color: #f9f9f9;
    }
    .footer-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .footer-item:nth-child(n+2){
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e8e8e8;
    }
    .footer-item-content{
        margin-top: 12px;
    }
    /*
    * TAXXONOMY.
    */
    .tax-filter-item:nth-child(n){
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-top: 10px;
        font-size: 14px;
    }
    .tax-filter-item:nth-child(3n+3){
        float: left;
        margin-right: 10px;
    }
    .tax-filter-item:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    /*
    * SINGLE PRO.
    */
    .sgl-pro-top-left{
        width: 100%;
    }
    .sgl-pro-top-right{
        width: 100%;
        margin-top: 25px;
    }
    .sgl-pro-tab-nav{
        display: flex;
        flex-flow: row wrap;
    }
    .sgl-pro-tab-nav li:nth-child(n){
        float: left;
        box-sizing: border-box;
        margin: 0px;
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        border: 1px solid #ddd;
        text-align: center;
        line-height: 1.5;
    }
    .sgl-pro-tab-nav li:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .sgl-pro-tab-nav li:nth-child(n+3){
        margin-top: 10px;
    }
    .sgl-pro-tab-nav li:nth-child(n).active{
        color: var(--th-color-red);
        border-color: var(--th-color-red);
    }
    .sgl-pro-tab-nav li:nth-child(n).active:after{
        display: none;
    }
    .sgl-pro-tab-panel{
        margin-top: 20px;
    }
    /* Archive  */
    .archive-new-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .archive-new-item:nth-child(n+2){
        margin-top: 30px;
    }
    .archive-new-item-thumb{
        height: 252px;
    }
}
@media screen and (max-width: 560px){
    .container{
        width: 96%;
    }
    /*
    * HOME UD.
    */
    .home-ud-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .home-ud-item:nth-child(n+2){
        margin-top: 20px;
    }
    /*
    * HOME CAT.
    */
    .home-cat-list-item:nth-child(n){
        width: 100%;
        margin-right: 0px;
    }
    .home-cat-list-item:nth-child(n+2){
        margin-top: 20px;
    }
    /* Archive  */
    .sub-wrap .container{
        width: 100%;
        padding-left: 3%;
        padding-right: 3%;
    }
    .archive-new-item-thumb{
        height: 200px;
    }
    /**/
    .tax-pro-child-item:nth-child(n){
        width: 100% !important;
        margin-right: 0px !important;
    }
    .tax-pro-child-item:nth-child(n+2){
        margin-top: 20px!important;
    }
}
@media screen and (max-width: 460px){
    
}