.ktk-archive {
    position: relative;
}

.ktk-archive__item {
    margin-bottom: 20px;
    background-color: #fff;
    min-height: 17rem;
 }
 
 .ktk-archive__img {
     width: 35%;
 }
 
 .ktk-archive__img img {
     width: 100%;
     height: 17rem;
     object-fit: cover;
 }

 .ktk-archive__text_area {
     width: 65%;
     color: #0B0B0B;
     padding: 16px 20px 27px 20px;
 }
 
 .ktk-archive__text_area a { 
     color: #F75B19;
 }
 
 .ktk-archive__text_area .ktk-post-info {
     padding-bottom: 10px;
     color: #414141;
     font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
 }
 
 .ktk-archive__text_area .title-tertiary__main {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    color: #0B0B0B;
 }
 
 .ktk-archive__read_more {
     position: absolute;
     bottom: 37px;
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 150%;
 }

 .ktk-pg-archive {
     text-align: center;
     margin: 5rem auto;
 }

 .ktk-pg-archive > a , .ktk-pg-archive > span{
    padding: 10px 17px;
    border: 1px solid #fff;
    height: 35px;
    width: 35px;
    color: #414141;
    margin-left: 25px;
    background-color: #ffffff;
}

.ktk-pg-archive > span.current {
   padding: 10px 17px;
   border: 1px solid #F75B19;
   height: 35px;
   width: 35px;
   color: #fff;
   background-color: #F75B19;
   margin-left: 25px;
}

@media (max-width: 767px) {
    .ktk-archive__item {
       /* flex-direction: column; */
    }


    .ktk-archive__img {
        width: 100%;
        margin-bottom: -6px;
    }

    .ktk-archive__img img{
        /* height: 95px; */
        width: 100%;
    }

    .ktk-archive__text_area {
        width: 100%;
    }

    .ktk-archive__nav div {
        display: none;
    }

    .ktk-pg-archive {
        display: flex;
		justify-content: center;
    }

    .ktk-pg-archive .prev>span, .ktk-pg-archive .next>span {
        display: none;
    }

    .ktk-pg-archive > span, .ktk-pg-archive > a  {
        padding: 5px 5px !important;
    } 
   
	.ktk-pg-archive > span, .ktk-pg-archive > a {
	   margin-left: 10px;
	}

}