#articles-autoload {   
    min-height: 1px; 
    .art-additional {
        display: none;
    }
    .element-next-area {   
        margin: 40px 0 60px 0;     
        .element-article { 
            border-top: #AAA 1px solid;       
            margin: 40px 0;   
            padding: 28px 0 0 0;  
        }  
        .art-text,
        .art-text-inner {    
            position: relative;
        }   
        .art-text .art-text-inner:after {    
            background-image: linear-gradient(rgba(255, 255, 255, 0), #FFF);  
            position: absolute;
            content: "";  
            display: block;
            bottom: 0;   
            right: 0;   
            left: 0; 
            top: 40%;
        }        
        .art-next-button {    
            text-align: center;
            padding: 20px 0 0 0;
        }       
        .right-column {    
            min-height: 450px;
            margin-top: 230px;
            .page-rectangle-inner {    
                margin-bottom: 40px;
            }     
        }     
        .element-next-temp { 
            min-height: 1550px;
        }                                          
    }             
}
#articles-autoload.shown .element-next-area { 
    .element-next-temp { 
        background: transparent url(/_i/temp-layout-article.png) no-repeat center top;
    }        
    .element-next-temp.element-next-temp-center { 
        background-image: url(/_i/temp-layout-article-center.png);
    }         
}         

@media (min-width: 1195px) { 
    #articles-autoload .art-image img, 
    #articles-autoload .art-image .art-image-inner {
        width: 100%;
        height: auto;
    }
}            
@media (max-width: 1195px) {  
    #articles-autoload .element-next-area {  
        .right-column {  
            display: none;
        }                                     
        .element-next-temp.element-next-temp,
        .element-next-temp.element-next-temp-center { 
            background-image: url(/_i/temp-layout-article-center.png);
        }    
        .element-next-temp.element-next-temp {
            position: relative;
        }     
        .element-next-temp.element-next-temp::before,
        .element-next-temp.element-next-temp::after {
            background-color: #FFF;
            content: "";
            position: absolute;   
            top: 20px;
            left: 0;
            bottom: 0;
            width: 40px;
        }     
        .element-next-temp.element-next-temp::after {
            left: auto;
            right: 0;
        }                                         
    }         
}        
@media (max-width: 840px) {                       
    #articles-autoload.shown .element-next-area .element-next-temp.element-next-temp,
    #articles-autoload.shown .element-next-area .element-next-temp.element-next-temp-center { 
        background-image: url(/_i/temp-layout-article-mob.png);
    } 
}        
@media (max-width: 480px) {  
    #articles-autoload .element-next-area {
        margin: 30px 0 50px 0;
        .element-article {
            margin: 0;
        }
        .art-text {
            .art-text-inner {
                max-height: 155px;
                overflow: hidden;
            }
            .arrows-bar {
                padding: 0;                        
                .art-next-button {
                    padding: 20px 0 0 0;
                }                            
                .art-next-button:first-child {
                    padding: 10px 0 0 0;
                }    
            }            
        }
        .element-next-temp.element-next-temp::before,
        .element-next-temp.element-next-temp::after {
            width: 20px;
        }    
    } 
}