.ai-classic-blog-wrapper{
    position: relative;
}
.ai-classic-blog-list {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
}
    .ai-classic-blog-section{
        width: 50%;
        padding: 15px;
    }
        .ai-classic-blog-section:first-child{
            width: 100%;
        }
        .ai-classic-blog-wrapper .ai-classic-blog-image{
            position: relative;
        }
            .ai-classic-blog-wrapper .ai-classic-blog-image canvas{
                display: block;
                width: 100%;
            }
            .ai-classic-blog-wrapper .ai-classic-blog-image img{
                object-fit: cover;
                object-position: center center;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
        .ai-classic-blog-wrapper  .ai-classic-blog-content{
            background: #f5f4f4;
            padding: 42px 46px;
        }
        #content .ai-classic-blog-wrapper .ai-classic-blog-content h2 {
            margin: 0;
            font-size: 26px;
            font-weight: 400;
            font-family: var(--font-family-title);
            color: var(--primary);
            line-height: 1;

        }
            #content .ai-classic-blog-wrapper .ai-classic-blog-content h2 a{
                color: var(--primary);
            }

        #content .ai-classic-blog-wrapper .ai-classic-blog-content p{
            color: #757575;
            font-size: 14px;
            line-height: 1.7;
        }

        #content .ai-classic-blog-wrapper .ai-classic-blog-content .ai-classic-blog-bttn {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
            #content .ai-classic-blog-wrapper .ai-classic-blog-content .ai-classic-blog-bttn .archive-more{
                width: 186px;
                height: 49px;
                color: #fff;
                background: var(--primary);
                text-align: center;
                font-size: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-style: normal;
                text-decoration: none;
                text-transform: uppercase;
                transition: var(--transition);
            }
                #content .ai-classic-blog-wrapper .ai-classic-blog-content .ai-classic-blog-bttn .archive-more:hover{
                    background: var(--accent);

                }
            #content .ai-classic-blog-wrapper .ai-classic-blog-content .ai-classic-blog-bttn ul li {
                display: inline-block;
                vertical-align: middle;
                font-size: 15px;
                text-transform: uppercase;
            }
                #content .ai-classic-blog-wrapper .ai-classic-blog-section:first-child .ai-classic-blog-content .ai-classic-blog-bttn ul li:first-child {
                    margin-right: 25px;
                }
                #content .ai-classic-blog-wrapper .ai-classic-blog-section:first-child  .ai-classic-blog-content .ai-classic-blog-bttn ul li{
                    font-size: 22px;
                }
                #content .ai-classic-blog-wrapper .ai-classic-blog-content .ai-classic-blog-bttn ul li a {
                    width: 28px;
                    height: 28px;
                    background: var(--primary);
                    color: #fff;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: var(--transition);
                }
                    #content .ai-classic-blog-wrapper .ai-classic-blog-section:first-child .ai-classic-blog-content .ai-classic-blog-bttn ul li a{
                        width: 39px;
                        height: 39px;
                    }
                    #content .ai-classic-blog-wrapper .ai-classic-blog-content .ai-classic-blog-bttn ul li a i {
                        font-size: 15px;
                        font-style: normal;
                    }
                        
                    #content .ai-classic-blog-wrapper .ai-classic-blog-content .ai-classic-blog-bttn ul li a:hover{
                        background: var(--accent);
                    }

/** Pagination **/
.ai-classic-blog-page-links {
    width: 100%;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .ai-classic-blog-page-links a,
    .ai-classic-blog-page-links span{
        font-weight: 700;
        font-size: 15px;
        color: #d7d7d7;
        margin: 0 25px;
        transition: all .25s ease-in-out;
    }
        .ai-classic-blog-page-links a:hover{
                color: var(--primary-color);
        }
    .ai-classic-blog-page-links a.next.page-numbers {
        width: 72px;
        height: 72px;
        border: 1px solid var(--primary);
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: agentimage!important;
        font-size: 0;
        color: var(--primary);
    }
        .ai-classic-blog-page-links a.next.page-numbers:after{
            content: "\b0206";
            font-size: 20px;
        }
    .ai-classic-blog-page-links a.prev.page-numbers {
        width: 72px;
        height: 72px;
        border: 1px solid var(--primary);
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: agentimage!important;
        font-size: 0;
        color: var(--primary);
    }
        .ai-classic-blog-page-links a.prev.page-numbers:after{
            content: "\b0205";
            font-size: 20px;
        }

        .ai-classic-blog-page-links a.page-numbers:hover{
            border-color: var(--accent);
            color: var(--accent);
        }

/** Pagination **/
/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {

}
/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
    .ai-classic-blog-section{
        width: 100%;
    }
    #content .ai-classic-blog-wrapper .ai-classic-blog-content .ai-classic-blog-bttn {
        flex-flow: column;
        padding-top: 20px;
    }
    .ai-classic-blog-wrapper .ai-classic-blog-content{
        padding: 42px 15px;
    }
    #content .ai-classic-blog-wrapper .ai-classic-blog-section:first-child .ai-classic-blog-content .ai-classic-blog-bttn ul li {
        margin: 0 !important;
        font-size: 15px;
    }
}
/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {

}
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {


}