/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1020px) {
	.wr_sch_foot{
		display: none;
	}
    .topnav,
    .tophead .linesocialmenu .registrationbutton a.logout{
        display: none;
    }
    .yandexform{
	    width: 433px !important;
    }
    .footblock{
        min-width: 0px;
    }
    .footblock nav{
        display: none;
    }
    .footblock .footcopy{
        margin-top: 0px;
    }
    .wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
    .tophead .logoblocknews .newsregsocialblock .topline p{
        float: right;
        margin-left: 0px;
        margin-right: 50px;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview .etazhitop{
        display: none;
    }
    .menu_mobile{
        display: block;
    }
    /*
    .linesocialmenu{
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        background-color: #ffffff;
        z-index: 800;
    }
    .tophead{
        padding-top: 65px;
    }
    .tophead .logoblocknews{
        margin-top: 0px;
    }*/
    
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(6n-5),
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(6n-1),
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(6n-4),
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(6n-2),
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(3n){
        float: none;
        width: 100%;
        border: none;
        border-bottom: 1px solid #efefef;
    }
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(6n-4) .text img{
        float: right;
        width: 220px;
        border-radius: 7px;
        margin-left: 15px;
        margin-bottom: 6px;
    }
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(6n-2) .text img{
        float: left;
        width: 220px;
        border-radius: 7px;
        margin-right: 15px;
        margin-bottom: 6px;
    }
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(6n-4) .author .left,
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(6n-2) .author .left{
        float: left;
        margin-right: 10px;
    }
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(3n) img,
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(3n) .right1{
        width: 100%;
        float: none;
    }
    .contentnewsindex .newslist .leftnews .contentblock:nth-child(3n) img{
        margin-bottom: 15px;
    }
    .contentnewsindex .newslist .leftnews .contentblock:last-child,
    .contentnewsindex .newslist .leftnews .contentblock:nth-last-child(2){
        border-bottom: none;
    }
    .contentnewsindex .newslist .leftnews,
    .contentnewsindex .videoinfoindex .leftblock{
        width: -moz-calc(100% - 255px);
        width: -webkit-calc(100% - 255px);
        width: calc(100% - 255px);
    }
    .contentnewsindex .hblocklink h1,
    .contentnewsindex .videolinkhblock a.leftblock{
        width: -moz-calc(100% - 294px);
        width: -webkit-calc(100% - 294px);
        width: calc(100% - 294px);
    }
    .contentnewsindex .newslist .leftnews .catlist{
        width: -moz-calc(100% - 42px);
        width: -webkit-calc(100% - 42px);
        width: calc(100% - 42px);
    }
    .contentnewsindex .newslist .leftnews .catlist .text .txtblock{
        width: -moz-calc(100% - 184px);
        width: -webkit-calc(100% - 184px);
        width: calc(100% - 184px);
    }
    .contentnewsindex .videoinfoindex .leftblock a{
        float: none;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important
    } 
    .contentnewsindex .videoinfoindex .leftblock{
        padding-right: 25px;
    }
    .contentnewsindex .videoinfoindex .leftblock a .img{
        width: 100%;
        height: 300px;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .txtblock img,
    #fullstorydiv .imgtitlespan,
    .contentnewsindex .newslist .leftnews .contentfullnews .txtblock iframe{
        max-width: 100% !important;
        height: auto !important;
    }
    .bookingaff{
        display: none;   
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock{
        padding-bottom: 0px;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .relatnewsblock a{
        margin-bottom: 20px !important;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .txtblock p{
        overflow: hidden;
    }
    #__utl-buttons-2.utl-mobile,
    .utl-mobile-padding{
        display: none !important;
    }
    .contentnewsindex .newslist .leftnews .videoblock{
        height: 300px;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .txtblock .videoblock iframe{
        height: 260px !important;
    }
    .sale_priceproduct .right{
        float: left;
        margin-top: 15px;
        width: 100%;
    }
    .sale_priceproduct .left,
    .sale_priceproduct .left img{
        width: 100%;
        max-width: 300px;
    }
    .buybutton a{
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .contentnewsindex .newslist .leftnews .redactionlist .txtstart{
        max-width: 100%;
        overflow-x: auto;
    }
    .orderButton{
        margin-left: auto;
        margin-right: auto;
    }
    .customerDataInput input{
        width: 100%;
        max-width: 300px;
    }
    .contentnewsindex .newslist .leftnews  .bookscontent .right{
        float: none;
        width: 100%;
    }
    .contentnewsindex .newslist .leftnews  .bookscontent .left{
        float: none;
        width: 240px;
        margin-left: auto;
        margin-right: auto;
    }
    .bookslist .booksnamelist{
        width: 100%;
        text-align: center;
    }
    .bookslist .booksnamelist .booksbl_by{
        text-align: left;
    }
    .contentnewsindex .newslist .leftnews .kollegiyablock .right{
        width: -moz-calc(100% - 265px);
        width: -webkit-calc(100% - 265px);
        width: calc(100% - 265px);
    }
    .contentnewsindex .newslist .leftnews .redactionlist .contlistimg h3{
        width: -moz-calc(100% - 92px);
        width: -webkit-calc(100% - 92px);
        width: calc(100% - 92px);
    }
    .contentnewsindex .newslist .leftnews .redactionlist .contlistimg{
        margin-right: 0px;
    }
    .txtfinish img{
        max-width: 100% !important;
        height: auto !important;
    }
    .cd-top{
        right: 20px;
        bottom: 20px;
    }
    .contentnewsindex .newslist .leftnews .contentblock img{
        display: none;
    }
    .contentnewsindex .newslist .leftnews .contentblock .img_index_news{
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 350px;
        width: 100%;
        margin-bottom: 15px;
        border-radius: 7px;
    }
    .booksblock{
	    min-width: 0px;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li > div > .comment1level .right{
        width: -moz-calc(100% - 64px);
        width: -webkit-calc(100% - 64px);
        width: calc(100% - 64px);
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li > ol > li > div > .comment1level .right, 
    .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li #dlefastreplyesponse ol > li > div > .comment1level .right{
        width: -moz-calc(100% - 51px);
        width: -webkit-calc(100% - 51px);
        width: calc(100% - 51px);
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li  #dlefastreplycomments{
	    width: 100%;
	    margin-left: 0px;
    }
    
    
	#grid > ul{
		text-align: center;
	}
	
	#grid > ul li{
		margin: 0 12px 25px 12px;
	}
	#grid li.end { margin-right: 12px; }
	#grid li:nth-child(4n) { margin-right: 12px; }
}
@media only screen and (max-width : 992px) {
    .footblock .footcopy p{
        float: none;
        text-align: center;
        text-align: center;
        padding-top: 50px;
        width: auto;
    }
    .footblock .footcopy a.mailfoot,
    .footblock .footcopy .socialfoot{
        float: left;
    }
    .booksblock .wrblock{
	    width: 100%;
    }
    .booksblock .bookslide{
	    width: 684px;
    }
    .booksblock .wrblock #leftbookslide{
	    left: 25px;
    }
    .booksblock .wrblock #rightbookslide{
	    right: 43px;
    }
}
@media only screen and (max-width : 916px) {
    .contentnewsindex .newslist .leftnews .navigation a:first-child,
    .contentnewsindex .newslist .leftnews .navigation a:last-child,
    .contentnewsindex .newslist .leftnews .navigation > span:first-child,
    .contentnewsindex .newslist .leftnews .navigation > span:last-child{
        display: none;
    }
    
}
/* Small Devices, Tablets */
@media only screen and (max-width : 880px) {
    .tophead .logoblocknews .newsregsocialblock .topline p{
         display: none;
    }
    .tophead .logoblocknews .newsregsocialblock .topline{
        padding-left: 0px;
        text-align: center;
    }
    .tophead .logoblocknews .newsregsocialblock .topline span{
        float: none;
    }
    .contentnewsindex .newslist .leftnews .catlist .text .img{
        width: 100%;
        height: 250px;
        float: none;
        margin-bottom: 10px;
    }
    .contentnewsindex .newslist .leftnews .catlist .text .txtblock{
        width: 100%;
        float: none;
        text-align: justify;
    }
    .contentnewsindex .videoinfoindex .leftblock a .img{
        height: 260px;
    }
}
@media only screen and (max-width : 850px) {
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews{
        float: none;
        margin-left: auto;
        margin-right: auto;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview{
        height: auto;
        background-size: cover;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview .socialblock{
        display: none;
        float: none;
        width: 100%;
        text-align: center;
    }
    .tophead .logoblocknews .newsregsocialblock .topline{
        min-height: 36px;
        height: auto;
    }
    .tophead .logoblocknews .newsregsocialblock .topline span{
        margin-top: 0px;
        padding: 4px 10px 4px 10px;
    }
    .contentnewsindex .videoinfoindex .leftblock a .img{
        height: 230px;
    }
}
@media only screen and (max-width : 822px) {
    .contentnewsindex .newslist .leftnews .contentfullnews .relatnewsblock a{
        float: none;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .booksblock .bookslide{
	    width: 514px;
    }
}
@media only screen and (max-width : 804px) {
    .tophead .linesocialmenu .podpistopblock .vk-like{
        display: none;
    }
    .contentnewsindex .newslist .leftnews .redactionlist .contlistimg{
        background: none;
    }
    .contentnewsindex .newslist .leftnews .redactionlist .contlistimg h3{
        width: 100%;
    }
    .contentnewsindex .newslist .leftnews .kollegiyablock .right{
        width: -moz-calc(100% - 173px);
        width: -webkit-calc(100% - 173px);
        width: calc(100% - 173px);
    }
}
@media only screen and (max-width : 768px) {
    .contentnewsindex .videoinfoindex .leftblock a .img{
        height: 200px;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .datesocial .sociallike{
        float: none;
        padding-top: 35px;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .authorblock > span{
        display: block;
        float: none;
    }
    .padding_dop_1{
        padding-bottom: 20px;
    }
    .contentnewsindex .newslist .leftnews .contentblock .img_index_news{
        height: 250px;   
    }
}
@media only screen and (max-width : 756px) {
	.contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li > ol, 
	.contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li #dlefastreplyesponse ol{
		margin-left: 0px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 680px) {
	.booksblock .bookslide{
		width: 344px;
	}
}
@media only screen and (max-width : 650px) {
    .contentnewsindex .hblocklink a.rightblock,
    .contentnewsindex .videolinkhblock a.rightblock{
        display: none;
    }
    .contentnewsindex .hblocklink h1,
    .contentnewsindex .videolinkhblock a.leftblock{
        float: left;
        width: 100%;
        margin-left: 0px;
    }
    .contentnewsindex .newslist .leftnews,
    .contentnewsindex .videoinfoindex .leftblock{
        width: 100%;
        min-height: auto !important;
    }
    .contentnewsindex .newslist .rightnews,
    .contentnewsindex .videoinfoindex .rightblock{
        display: none;
    }
    .contentnewsindex .newslist .leftnews{
        border-right: none;
    }
    .tophead .logoblocknews .newsregsocialblock .topline{
        display: none;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview{
        background: none;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews,
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews .img{
        height: 230px;
    }
    .contentnewsindex .videoinfoindex .leftblock a .img{
        height: 260px;
    }
    .contentnewsindex .newslist .leftnews .contentblock .img_index_news{
        height: 350px;
    }
    .wr_left_news_mobile{
	    display: block;
	    height: auto;
	}
	.contentnewsindex .newslist .leftnews > div:first-child > .contentblock:last-child{
		border-bottom:1px solid #efefef;
	}
    
    .footer_donate {
        display: block;
    }
}
@media only screen and (max-width : 610px) {
	.yandexform{
		width: 438px;
		overflow: hidden;
	}
}
@media only screen and (max-width : 568px) {
    .footblock .footcopy a.mailfoot{
        float: none;
        width: 131px;
        margin: 25px auto 0 auto;
    }
    .clear_media_1{
        clear: both;
        display: block;
    }
    .footblock .footcopy p{
        padding-top: 20px;
    }
    .contentnewsindex .newslist .leftnews .contentblock .img_index_news{
        height: 300px;
    }
}
@media only screen and (max-width : 568px) {
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews{
        width: 100%;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview{
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
    }
    .contentnewsindex .newslist .leftnews .catlist .lineautor{
        overflow: hidden;
    }
    .contentnewsindex .newslist .leftnews .catlist .lineautor > span{
        display: block;
        float: left;
    }
}
@media only screen and (max-width : 520px) {
    .tophead .linesocialmenu .podpistopblock{
        display: none;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews .img{
        float: none;
        width: 100%;
        background-size: cover;
        margin-right: 0px;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews{
        padding-right: 0px;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews{
        position: relative;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews .text{
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 100;
        background-color: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
        padding: 10px;
        color: #ffffff;
        text-align: center;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews a.h1,
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews p.authorpopularrightlist,
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews span.date{
        color: #ffffff;
    }
    .tophead .logoblocknews .newsregsocialblock .contentview .textnews span.date a{
        color: #ffffff;
        text-decoration: underline;
    }
    .contentnewsindex .newslist .leftnews .navigation{
        padding-left: 10px;
        padding-right: 10px;
    }
    .contentnewsindex .newslist .leftnews .navigation a{
        margin-bottom: 10px;
    }
    
    .contentnewsindex .newslist .leftnews .contentblock .img_index_news{
        height: 260px;   
    }
}
@media only screen and (max-width : 480px) {
    .contentnewsindex .videoinfoindex .leftblock a .img{
        height: 170px;
    }
    .contentnewsindex .newslist .leftnews .videoblock{
        height: 240px;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .txtblock .videoblock iframe{
        height: 200px !important;
    }
    .contentnewsindex .newslist .leftnews .kollegiyablock .right{
        float: none;
        width: 100%;
    }
    .contentnewsindex .newslist .leftnews .kollegiyablock .img{
        float: none;
        width: 100%;
        height: 300px;
        margin-bottom: 15px;
    }
    .contentnewsindex .newslist .leftnews .redactionlist .contlistimg h3{
        height: auto;
        padding-bottom: 10px;
    }
    .contentnewsindex .newslist .leftnews .contentblock .img_index_news{
        height: 220px;
    }
	.booksblock .bookslide{
		width: 160px;	
	}
	.contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li > div > .comment1level .img{
		float: none;
	}
    .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li > div > .comment1level .right{
	    float: none;
	    width: 100%;
	    margin-top: 15px;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li > div > .comment1level .right  .txtcomment{
	    font-size: 12px;
	    text-align: justify;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li > ol > li > div > .comment1level .right  .txtcomment, 
    .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li #dlefastreplyesponse ol > li > div > .comment1level .right  .txtcomment{
	    font-size: 11px;
	    text-align: justify;
	}
	.contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li > ol > li > div > .comment1level .right, 
	.contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li #dlefastreplyesponse ol > li > div > .comment1level .right{
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	.contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li > ol > li > div > .comment1level .img, .contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li #dlefastreplyesponse ol > li > div > .comment1level .img{
		float: none;
	}
}
@media only screen and (max-width : 476px) {
	.yandexform{
		display: none;
	}
}
@media only screen and (max-width : 420px) {
    .contentnewsindex .newslist .leftnews .contentblock .text img{
        float: none !important;
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }
    .contentnewsindex .newslist .leftnews .contentblock .text{
        text-align: justify !important;
    }
    .contentnewsindex .newslist .leftnews .catlist .text .img{
        height: 170px;
    }
    .contentnewsindex .newslist .leftnews .kollegiyablock .img{
        height: 230px;
    }
    .contentnewsindex .newslist .leftnews .contentblock .img_index_news{
        height: 180px;
    }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 400px) {
    .footblock .footcopy .socialfoot{
        float: none;
        margin-right: 0px;
        width: 132px;
        margin: 20px auto 0 auto;
    }
    .footblock .footcopy .schetchik{
        float: none;
        width: 185px;
        margin: 0 auto 0 auto;
    }
    .contentnewsindex .newslist .leftnews .videoblock{
        height: 180px;
    }
    .contentnewsindex .newslist .leftnews .contentfullnews .txtblock .videoblock iframe{
        height: 140px !important;
    }
    .bookslist .searchbooks{
        width: 100%;
    }
    .bookslist .searchbooks  input[type="text"]{
        width: -moz-calc(100% - 32px);
        width: -webkit-calc(100% - 32px);
        width: calc(100% - 32px);
    }
    .bookslist .sortblock .left select{
        display: block;
        width: 100%;
        margin-top: 5px;
    }
    .bookslist .sortblock .left{
        float: none;
        margin-right: 0px;
        width: 100%;
    }
    .contentnewsindex .newslist .leftnews .contentblock .img_index_news{
        height: 160px;
    }
}
@media only screen and (max-width : 376px) {
	.contentnewsindex .newslist .leftnews .contentfullnews .commentsblock .commidblock div > ol > li  #dlefastreplycomments input[type="text"]{
		width: 111px;
	}
}
@media only screen and (max-width : 360px) {
    .tophead .logoblocknews .newsregsocialblock .topline span{
        letter-spacing: 0px;
        font-weight: 400;
    }
    .contentnewsindex .videoinfoindex .leftblock a .img{
        height: 150px;
    }
}
@media only screen and (max-width : 320px) {
	
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}