.container-expander{
    margin-left: calc((100vw - 1140px) / -2);
    margin-right: calc((100vw - 1140px) / -2);
}

.ai-modern-single-archive{
    width: 100%;
    margin-top: 100px;
}
    .ai-classic-single-images{
        float: left;
        width: 70%;
        position: relative;
        margin-left: -21%;
        margin-bottom: 10%;
        margin-right: 2%;
    }
        .ai-classic-single-images:after{
            display: block;
            content: "";
            background: #fff;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 76px;
            height: 85%;
            z-index: 7;
        }
        .ai-classic-single-images:before{
            display: block;
            content: "";
            background: var(--primary);
            position: absolute;
            bottom: -9%;
            left: -10%;
            width: 45%;
            height: 95%;
            z-index: 2;

        }
        .ai-classic-single-images canvas{
            display: block;
            width: 100%;
            position: relative;
            z-index: 6;
            background-size: cover;
            background-position: center;
        }

    .ai-classic-single-content{
        padding-top: 170px;
        font-size: 15px;
        line-height: 1.7;
        letter-spacing: 0.025em;
    }
        .ai-classic-single-content .ai-classic-single-share{
            font-size: 15px;
            display: flex;
            padding: 40px 0;
            align-items: center;
            position: relative;
            margin-bottom: 20px;
        }
            .ai-classic-single-content .ai-classic-single-share:after{
                display: block;
                content: '';
                width: 133px;
                height: 2px;
                background: var(--primary-color);
                position: absolute;
                left: 0;
                bottom: 4px;
            }
             .ai-classic-single-content .ai-classic-single-share span{
                margin: 0 11px 0 0;
             }
            .ai-classic-single-content .ai-classic-single-share a{
                margin: 0 11px;
                font-size: 21px;
            }
                .ai-classic-single-content .ai-classic-single-share a:hover{
                    color: var(--primary-color)
                }
        .ai-classic-single-content h1{
            font-size: 75px;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 1;
        }
        .ai-classic-single-content p{
            padding: 10px 0;
        }

    .ai-classic-single-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 50px 0;
    }
         .ai-classic-single-pagination .ai-classic-prev{
            font-size: 0;
            margin: 0 5px;
        }
            .ai-classic-single-pagination .ai-classic-prev a{
                content: '';
                width: 72px;
                height: 62px;
                border: 1px solid #000;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all .25s ease-in-out;

            }
                .ai-classic-single-pagination .ai-classic-prev a:hover{
                    color: var(--primary-color);
                    border-color: var(--primary-color) !important;

                }
                .ai-classic-single-pagination .ai-classic-prev a:after{
                    content: "\b0205";
                    font-size: 20px;
                    font-family: agentimage!important;
                }
         .ai-classic-single-pagination .ai-classic-next{
            font-size: 0;
            margin: 0 5px;
        }

            .ai-classic-single-pagination .ai-classic-next a{
                    content: '';
                    width: 72px;
                    height: 62px;
                    border: 1px solid #000;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: all .25s ease-in-out;

            }
                .ai-classic-single-pagination .ai-classic-next a:hover{
                    color: var(--primary-color);
                    border-color: var(--primary-color) !important;
                }
                .ai-classic-single-pagination .ai-classic-next a:after{
                    content: "\b0206";
                    font-size: 20px;
                    font-family: agentimage!important;
                }
/*******************************************************
 *
 * 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) {
    .ai-classic-single-content h1 {
        font-size: 50px;
    }
}
/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
    .ai-classic-single-images {
        margin: 0 0 40px 0;
        width: 100%;
    }
        .ai-classic-single-images:before{
            display: none;
        }
        .ai-classic-single-images:after{
            display: none;
        }
}
/* 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) {
    .ai-classic-single-content h1 {
        font-size: 26px;
    }
}