/* АДАПТИВНАЯ ВЕРСИЯ */

    #profile-subscription-button {
        display: none;
    }


@media screen and (max-width: 1100px) {
    .dialog-box {
        float: none;
        margin: 0 auto;
        display: block;
        width: 490px;    }
    .dialog-box-left-annotation {
        float: none;
        margin: 0 auto;
        display: block;
        width: 600px;
    }
    .dialog-box-left-annotation h1{
        text-align: center;
    }
    .dialog-box-left-annotation p {
        text-align: center;
    }

}


@media screen and (max-width: 650px) {
    
    .magazine-title {
        margin-top: 0;
        margin-bottom: .3em;
        margin-left: .5em;
        font-size: 1.7em;
    }

    .magazine-description, .magazine-properties {
        margin-left: 1em;
    }


    .issn-divider { display: none; }
    .magazine-properties-divider { display: none; }
    
    .magazine-description { font-size: .8em; }
    .info-page-text { text-align: left; }
    
    .magazine-article-topic { 
        text-align: left; 
        Font-size: .92em;
    }
    .magazine-article-author { text-align: left; }
    
    .magazine-properties-number {
        display: block;
        line-height: 1.2em;
        text-align: center;
    }
    .magazine-properties-issn {
        display: block;
        text-align: center;
    }
    .magazine-properties-pubdate {
        display: block;
        text-align: center;
        margin-left: -1.5em;
    }
    .magazine-divider { margin: -.5em 0 1.5em 0; }
    
    .magazine-covers-container { justify-content: center; }

    .magazine-cover {
        margin: 1em;
        float: none;
        justify-content: center;
        
    }

    .magazine-showcase-cover-small {
        float: none;
        margin-bottom: 2em;
/*        clear: both;*/

    }

    .magazine-link {
        text-align: center;
        margin-right: .3em;
    }
    
    .magazine-year-description { text-align: left; }
    .magazine-showcase-container { height: auto; }
    .magazine-showcase-cover { 
        float: none;
        height: auto;
        width: 50%;
        margin-left: .2em;
    }
    .magazine-showcase-title { margin-top: .5em }
    .magazine-showcase-right-msg {
        /*margin-top: -1em;*/
        margin-top: 1em;
        text-align: left;
    }
    
    .column-menu { display: none; }
    .column-whitespace { display: none; }
    .column-content { 
        box-sizing: border-box;
        background: none;
        padding: 1em .7em;
        min-width: 100px;
    }
    .mobile-menu {
        display: block;
        box-sizing: border-box;
        height: 73px;
        background: url(background/menubar.png), darkslategray; 
    }
    .mobile-footer{
        display: block;
        box-sizing: border-box;
        height: 5px;
        background: #d51317;
    }
    
    p.article-button { 
        margin: 1em 0; 
    }
    
    .dialog-box {
        width: 250px;
        padding: 1em;
    }
    
    .dialog-box h1 { font-size: 1.4em; }
    
    #profile-subscription-table-button-column {
        display: none;
    }
    #profile-subscription-button {
        display: block;
        margin-bottom: 1em;
    }
    
    .magazine-info {margin-top: -1em; }
    
    .profile-user img {
        float: none;
        margin-bottom: 0;
    }
    
    .profile-user {
        margin: 0;
    }
    
    #fp-table-1 { display: none; }
    #fp-gadgets-img { display: none; }

    .no-left-margin { margin-left: 0; }

    .dialog-box {
        float: none;
        width: 250px;
        margin: 0 auto;
        display: block;
		/*margin-left: 30px;*/
    }
    .dialog-box-left-annotation {
        float: none;
        display: block;
        width: 250px;
		/*margin-left: 30px;*/
    }

    .dialog-box-left-annotation h1{
        Font-size: 1.4em;
    }
	td.one-column-content{
		padding-left: auto !important;
		padding-right: auto !important;
	}

}
/*@media screen and (max-width: 590px) {
    .t-container, .layout {
        max-width: 500px;
    }

}
@media screen and (max-width: 500px) {
    .t-container, .layout {
        max-width: 400px;
    }

}
@media screen and (max-width: 400px) {
    .t-container, .layout {
        max-width: 320px;
    }

}*/