/* custom 21.01.2022 */
.socNet_mobile{
    display: none;
}

.socNet_mobile ul{
    display: flex;
}
.socNet_mobile ul li{
    margin-right: 10px;
}

@media screen and (max-width: 960px){
    .socNet_mobile{
        display: block;
        width: 100%;
        margin-top: 17px;
        background-color: #373a43;
        padding: 15px;
    }

}
.journal_h1{
    font-size: 32px !important;
}
@media screen and (max-width: 961px) {
    .center_content ._grid-section._margin-top {
        overflow-y: scroll;
    }
}

.custom_author_mobile{
    display: none;
}

@media screen and (max-width: 961px) {
    .custom_author_mobile{
        display: block;
    }
    .custom_author_mobile_none{
        display: none !important;
    }
    .video-content{
        display: flex;
        flex-wrap: wrap;
    }
    .video-content .video-face{
        width: 100%;
    }
    .video-content .video-list{
        width: 100%;
        margin-left: 0 !important;
        margin-top: 45px;
    }
}
@media screen and (max-width: 961px){
    .main-top .medium-block .grid-item {
        width: 100% !important;
    }

    section.blog, section.blog_detail{
        display: flex !important;
        flex-wrap: wrap;
    }

    section.blog .bunner{
        order: 2 !important;
    }

    section.blog .news-block{
        order: 1 !important;
    }
}
@media screen and (max-width: 778px){
    .main-top .medium-block {
        display: block !important;
    }
}
@media screen and (max-width: 961px) {
    section.podpiska {
        display: flex !important;
        flex-wrap: wrap;
    }

    section.podpiska .print_ .var_1, section.podpiska .print_ .var_2{
        font-size: 15px !important;
        padding-left: 15px;
    }
    section.podpiska .print_ .var_1{
        width: 300px !important;
    }

    section.podpiska #buySub select{
        width: 278px !important;
    }

    section.podpiska .hidden_h3, section.pordiska_yr #tabs-1 form{
        margin-left: 0px;
    }

    section.podpiska form input[type="text"] {
        width: 205px;
    }
    section.podpiska form textarea{
        max-width: 205px;
    }
    section.podpiska .buttons_to_submit > div:nth-child(1){
        flex-wrap: wrap;
    }

    section.podpiska .buttons_to_submit .desc_{
        margin-left: 0;
    }

    section.podpiska .site-info div{
        padding-right: 0;
    }

    section.podpiska .buttons_to_submit .account, section.podpiska .buttons_to_submit .robocassa{
        height: auto;
        width: 100%;
        margin-left: 0px;
        padding: 10px !important;
    }

    section.podpiska .buttons_to_submit .robocassa{
        margin-top: 20px;
    }
    section.podpiska .site-info p{
        margin-left: 30px !important;
    }

    section.podpiska ul.rklite-banners-v, section.electro ul.rklite-banners-v{
        margin: 0;
    }

    section.podpiska .grid-item.grid-item-col-1, section.electro .grid-item.grid-item-col-1{
        width: 100%;
    }
    section.podpiska .rklite-banners-v img, section.electro .rklite-banners-v img{
        width: 100%;
    }


    section.electro{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    section.electro .var_1.more{
        width: 320px !important;
    }

    section.electro .Sub_begin{
        width: auto;
        margin-top: 0px;
    }
    section.electro .select{
        width: 280px !important;
    }
    section.electro .icon1{
        float: inherit;
    }

    section.electro .site-info div{
        padding-right: 0px;
    }
    section.electro .buttons_to_submit .account, section.electro .buttons_to_submit .robocassa{
        height: auto;
        width: 100%;
        margin-left: 0px;
        padding: 10px !important;
    }

    .pordiska_yr .select.yourid{
        width: 280px !important;
    }
    .pordiska_yr .div_.show a{
        display: none;
    }

    .pordiska_yr .new_target.your{
        top: 100px;
        font-size: 19px;
    }
	.pordiska_yr #tabs-1 table.form-table{
		margin-left: -30px;
	}
	.pordiska_yr .new_target.your{
		font-size: 17px;
		padding-left: 10px;
		padding-right: 10px;
	} 
    .grid-item.grid-item-col-3.news-three > div:last-child{
        height: auto !important;
    }
    header .menu ul li a{
        line-height: 25px;
    }
	.subt{
		margin-left: auto !important;
		margin: auto;
	}
	._margin-top.purchase-buttons a{
		margin-left: -11px;
	}
	.journal-text .button-group form{
		height: auto !important;
	}
	.all-news .news-list li .photo{
		margin-top: 0px !important;
	}
	.fakultet{
		display: flex;
		flex-wrap: wrap;
	}
	.fakultet > div:nth-child(2){
		order: 1;
	}
	.fakultet > div:nth-child(1){
		order: 2;
		margin-top: 20px;
	}
	.grid-col.blog{
		width: 100% !important;
	}
	._grid-section.books{
		order: 2;
		width: 100%;
	}
	._grid-section.books > div{
			width: 100%;
		}
	}
	._grid-section.talks{
		display: flex;
		flex-wrap: wrap;
	}
	.books_detail{
		display: flex;
		flex-wrap: wrap !important;
	}
	.books_detail .faculty img{
		width: 100%;
	}
	.blog_detail i{
		width: 100%;
	}
	#blog-posts-content img{
		height: auto !important;
	}
	.blog_detail .viewers i{
		width: 12px;
	}
	.mess_blog{
		display: flex;
		flex-wrap: wrap;
	}
	.mess_blog img{
		height: auto !important;
	}
	.journal_news .grid-col.all-news{
		order: 2;
		width: 100%;
		margin-top: 20px;
	}
	.news-three .news-list li .photo{
		margin-top: 0px !important;
	}
	.glav_book{
		display: flex;
		flex-wrap: wrap;
	}
	.glav_book img{
		height: auto;
	}
	.buy_button{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.buy_button > div{
		padding-left: 0px !important;
	}
    .blog_detail #blog-posts-content > i ._margin-bottom.author{
		display: none;
	}
}

@media screen and (max-width: 425px){

    .pordiska_yr .new_target.your{
        top: 100px;
        font-size: 17px;
        padding-left: 20px;
        padding-right: 20px;
    }
    section.podpiska .hidden_h3, section.pordiska_yr #tabs-1 form{
        margin-left: -30px;
    }
    .center_content .bunner img{
        max-width: 100% !important;
    }
	.new-book .new-book-content .book-info{
		margin-left: 20px !important;
	}

}
@media screen and (max-width: 425px){
	.pordiska_yr #tabs-1 table.form-table {
		margin-left: -13px !important;
	}
}
@media screen and (max-width: 320px){
	section.podpiska form input[type="text"], section.podpiska form textarea{
		width: 150px;
	}
	.pordiska_yr .select.yourid {
    	width: 256px !important;
	}
	.new-number-wide .new-journal-body-wide .journal-text h1{
		font-size: 27px !important;
	}
	.new-number-wide .new-journal-body-wide .journal-face{
		width: 310px !important;
	}
	.new-book .new-book-content .book-info{
		margin-left: 10px !important;
	}
}