.profile-img {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            overflow: hidden;
            border: 1px solid #64d97b;
            padding: 3px;
        }


         .authors-img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            overflow: hidden;
            border: 2px solid #64d97b;
        } 


        /*post list css*/
        .blog-img-left {
            background-color: #fff;
            width: 40%;
            float: left;
            height: auto;
        }

        .post {
            margin-bottom: 20px;
        }
        .post .post-meta {
            margin-top: 15px;
            margin-bottom: 15px;
        }
        .post:after {
            content: "";
            display: block;
            clear: both;
        }
        .post .post-body {
            margin-left: calc(40% + 30px);
        }
        .post-body-title{
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: border-bottom 0.5s ease;
        }

        .post-body-title:hover {
          border-bottom: 2px solid white;
        }

        .post .post-meta {
            margin-top: 0;
        }


        /***pagination***/
        .pagination {
            display: -ms-flexbox;
            display: flex;
            padding-left: 0;
            border-radius: 0.25rem;
        }
        .pagination li{
            list-style: none;
        }
        .pagination .page-item:first-child .page-link {
            margin-left: 0;
            border-top-left-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }
        .pagination .page-item.active .page-link {
            z-index: 1;
            color: #fff;
            background-color: #64d97b;
            border-color: #64d97b;
        }
        .pagination .page-link {
            position: relative;
            display: block;
            padding: 0.5rem 0.75rem;
            margin-left: -1px;
            line-height: 1.25;
            color: #515151;
            background-color: #fff;
            border: 1px solid #dee2e6;
        }
        .pagination .page-item:last-child .page-link {
            border-top-right-radius: 0.2rem;
            border-bottom-right-radius: 0.2rem;
        }

        @media (min-width: 480px) and (max-width: 991px) {
            .authors-img {
                width: 75px;
                height: 75px;
            } 

            .blog-img-left {
                float: unset;
                display: block;
                width: 100%;
                height: auto;
            }
            .post .post-body{
                margin-left: 0;
                margin-top: 10px;
            }
            .post{margin-bottom: 20px;}
        }  

        @media (min-width: 320px) and (max-width: 479px) {
            .authors-img {
                width: 70px;
                height: 70px;
            } 

            .blog-img-left {
                float: unset;
                display: block;
                width: 100%;
                height: auto;
            }
            .post .post-body{
                margin-left: 0;
                margin-top: 10px;
            }
            .post{margin-bottom: 20px;}
        }