.dncattit h1{font-size: 22px;font-weight: 700;margin-bottom:5px;}
.dncattit-tag {margin-top:5px}
.dncattit-tag a{margin-right:5px;}
.dncattit-tag a:before {content: "#";}



.dnmcattitlc2{margin-bottom: 20px;padding: 0 0 10px 0;color: #424242;font-weight: 600;border-bottom: 5px solid #d1d1d0;}
.dncattit h1{text-transform:uppercase;font-size: 16px;}
.dncattitp {font-size: 14px;}
.dnshortstory-rek{border-radius: 2px;width: 100%;background-color: #eaeaea;padding: 20px;margin-bottom: 20px;border-radius: var(--dnrad10);}
.dnreload{font-size: 10px;color: #9d9d9d;margin-bottom: 12px;}
.dncard-ssmeta{align-items: baseline;display: flex;margin-bottom: 15px;}
.dncard-ssmeta-ico{width: 30px;height: 30px;border-radius: 3px;margin-right: 5px;position: absolute;overflow: hidden;}
.dncard-ssmeta-icoa{margin-right: 10px;display: flex;align-items: center;font-weight: 600;}
.dncard-ssmeta-icotit{margin-left: 38px;font-weight: 500;}
.dncard-ssmeta-login{margin-left: 10px;}
.dncard-ssmeta-save {margin-left: auto;display: flex;align-items: center;}
.dnssttitle {margin-bottom: 10px;font-size: 20px;font-weight: 500;}
.dnssttitle a{color: #000;}.dnssttitle a:hover {color: #000000;text-decoration:none;}
.dnshorttext {line-height: 24px;font-size: 15px;overflow: hidden;margin-bottom: 15px;word-break: break-word;}
.dnshortimg{margin:0 -20px;}
.dnshortimg img{width: 100%;height: auto;margin: 0 auto;display: block;float: none;vertical-align:top;object-fit: cover;}
.imgblur {max-height: 500px;overflow: hidden;position: relative;margin-top: 15px;}
.imgblur-side {max-height: 500px;overflow: hidden;margin-top: 15px;}
.imgblur img, .imgblur-side img {filter: blur(30px);max-height: 450px;}
p.nsfwcontent {display: inline-block;position: absolute;z-index: 1;font-size: 18px;text-align: center;color: #fff;left: 0;bottom: 0;top: 40%;right: 0;margin: auto;text-shadow: 1px 1px 2px rgb(0 0 0 / 39%);}
.nsfwcontent i{display: block;margin-bottom: 20px;font-size: 40px;font-weight: lighter;}
.dnshorttag{line-height:20px;margin-top: 15px;font-size: 14px;}
.dnshorttag a{color:#000000;margin: 0 10px 0 0;} 
.dnshorttag a:hover{color:#474747;text-decoration:none;} 
.dnshorttag a:before {content: "#"}.pmshorttag a:first-child {margin-left: 0;}
.dnsortstoryfix{font-size:10px;color: #d05c01;text-transform: uppercase;}
.dnssf{display: flex;align-items: center;margin-top: 15px;}


.d-post-foot-right{margin: 0 0 0 auto;}


.short-rs-l a{background-color: #9fd3001c;border-radius: 3px;font-size: 12px;font-weight: 500;color: #8dbb00;padding: 7px 10px;}
.short-rs-l a:hover{background-color: #95d91e;color: #ffffff;}
.short-rs-d a{background-color: #ef53501c;color: #ef5350;border-radius: 3px;font-size: 12px;font-weight: 500;margin-left: 5px;padding: 7px 10px;}
.short-rs-d a:hover{background-color: #ff0b3c;color: #ffffff;}
.more {border-radius: 3px;font-size: 12px;font-weight: 500;margin-left: 5px;padding: 7px 10px;}
.more:hover {text-decoration:none;}




  

.full-rs{overflow: hidden;width: 100%;padding-bottom: 20px;display: flex;border-bottom: 1px dashed #d6d6d6;margin-top: 20px;}  
.full-rs span{margin-right: 6px;}

.full-rs-l{width: 58%;margin-right: 2%;}
.full-rs-l a{background-color: #9fd3001c;border-radius: 3px;padding: 0 10px;font-size: 14px;font-weight: 600;line-height: 28px;height: 40px;color: #8dbb00;width: 100%;display: flex;align-items: center;justify-content: center;}
.full-rs-l a:hover{background-color: #95d91e;color: #ffffff;text-decoration:none;}

.full-rs-d {width: 24%;}
.full-rs-d a{border-radius: 3px;background-color: #ef53501c;color: #ef5350;border-radius: 3px;padding: 0 10px;font-size: 14px;font-weight: 600;line-height: 28px;height: 40px;width: 100%;display: flex;align-items: center;justify-content: center;}
.full-rs-d a:hover{background-color: #ff0b3c;color: #ffffff;text-decoration:none;}

.full-rs-c {width: 24%;margin-left: 2%;}
.full-rs-c a{background-color: #ae753921;color: #ae7539;border-radius: 3px;padding: 0 10px;font-size: 14px;font-weight: 600;line-height: 28px;height: 40px;width: 100%;display: flex;align-items: center;justify-content: center;}
.full-rs-c a:hover{background-color: #ae7539;color: #ffffff;text-decoration:none;}



/* TOP SIDE 5.0
----------------------------------------------- */





.pminfousm {margin-bottom: 5px;font-size:14px;display: flex;/* margin-top: 15px; */align-items: center;}
.pminfousm span{margin-right: 5px;}.pminfousm i{
    margin-right: 10px;
    line-height: 20px;
    color: #9d9d9d;
    }

.pminfousm a{color: #0e93f9;font-weight:600;}


.pminfousava{background-color: #f3f3f6;background-position: 50%;background-repeat: no-repeat;background-size: cover;width: 20px;border-radius: 3px;height: 20px;margin-right:5px;}
.pminfouscomm{background-color: #f5f4f2;border-radius: 3px;margin-top: 5px;padding: 5px 10px;font-size: 13px;margin-bottom: 15px;}
.pminfouslink{font-size: 13px;color: #000000;font-weight: 700;}









.pmgreen{color: #49bb1a !important;}
.pmred{color: #ff0033 !important;}

.submenu > a:after {content:"\f107"; font-weight: 400; font-family:'Font Awesome 5 Pro'; margin-left:7px; 
transition: all .2s; display: inline-block;}





.pmlogin{
    background: #98ca00;
    border-radius: 3px;
    padding: 4px 10px;
    color: white;
    font-size: 14px;
    margin-left: 15px;
    }.pmlogin:hover{background: #ff0033;color:#fff;}







 .pmadspost{max-width:740px;}

/* SECTION, SIDE
----------------------------------------------- */
.sect {margin-bottom: 0;}
.sect-header {margin-bottom: 20px;}
.sect-title {font-size: 28px; font-weight: 700;}
.sect-title-small {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 3px solid #ff0033;
    padding: 10px 0 10px;
    color: #3c3c3c;
    text-transform: uppercase;
    }
.sect-link {display: inline-block; margin-left: 20px; font-size: 14px;
padding-bottom: 8px; border-bottom: 3px solid #ffcc00;}
.sect-link:hover {border-bottom-color: #06c;}
.sect-grid {display: grid; grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(2,180px);
	grid-gap: 20px 20px; grid-auto-flow: row dense;}
.sect-bg {background-color: #d7e8f1; padding: 20px;}
.sect-border {border: 5px solid #d7e8f1; padding: 20px;}
.mb-remove {margin-bottom: -20px;}
.mb-remove2 {margin-bottom: -20px;}
.side-box + .side-box {margin-top: 0;}
.side-bt {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: 3px solid #db0047;
    padding: 10px 0 10px;
    color: #3c3c3c;
    text-transform: uppercase;
    }
.side-bc .small-item {width: 100%; margin-bottom: 20px;}
.side-bc .small-item::last-child {margin-bottom: 0;}
.side-sticky {position: sticky;left: 0;top: 10px;}
.content > .sect-bg:first-child {margin: -20px; margin-bottom: 20px;}
.sect-last {margin: 20px -20px -40px -20px;}





/* TILE ITEM
----------------------------------------------- */
.tile-item {grid-column: span 1; grid-row: span 1; display: block;}
.tile-item-big {grid-column: span 2; grid-row: span 2;}
.tile-item-tall {grid-column: span 1; grid-row: span 2;}
.tile-item img {position: absolute; left: 0; top: 0;}
.tile-item::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; 
height: 70%; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);}
.tile-item-text {position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; padding: 20px; color: #fff; 
text-shadow: 1px 1px rgba(0,0,0,0.3); line-height: 1.5; padding-bottom: 15px;}
.tile-item-desc {margin-top: 20px; font-size: 14px; opacity: 0.9;}
.tile-item:hover::before {height: 200%;}
.tile-meta {margin-top: 15px;}
.tile-views, .tile-comms {color: #ccc; margin-left: 10px; font-size: 12px;}
.tile-cat {font-size: 14px; color: #ffcc00;}
.tile-in-flow {width: 49.2%; min-height: 340px; margin-bottom: 20px;}
.tile-item-big .tile-item-title, .tile-item-tall .tile-item-title, .tile-in-flow .tile-item-title 
{font-size: 24px; display: inline; line-height: 1.5; padding: 5px 0; 
	outline:#ffcc00 solid 0px; background-color: #ffcc00; color: #000; text-shadow: none;}
.tile-item-small .tile-item-title {font-size: 16px; line-height: 1.3;}
.tile-item-tall .tile-item-title {font-size: 20px;}
.tile-item-small .tile-meta, .tile-item-tall .tile-meta {margin-left: -10px;}



/* podborka 5/0
----------------------------------------------- */
.d-body-podporki{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    border-radius: 8px;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgb(56 50 48 / 5%), 0 1px 0 rgb(56 50 48 / 8%);
    }
.d-tit-pod{
    color: #515151;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
    font-size: 18px;
    overflow: hidden;
    display: inline-block;
    flex-basis: 100%;
    }


.d-tit-pod:before {content: "";height: 3px;width: 15px;background-color: #ce2486;border-radius: 4px;position: absolute;left: 0;bottom: 0;}
.d-tit-pod:after {content: "";height: 3px;width: 40px;background-color: #2992d7;border-radius: 4px;position: absolute;left: 20px;bottom: 0;}

.choose {display: block;flex: 1 0 150px;height: 200px;border-radius: 10px;}
.choose-sb{display: block;flex: 1 0 150px;height: 210px;border-radius: 5px;margin-bottom: 20px;}

.choose_title {
	color: #fff;
	z-index: 4;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	-webkit-line-clamp: 4;
	line-height: 1.3;
	font-weight: 600;
	font-size: 16px;
	}
       .choose_coll {
    z-index: 4;
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    background: #00000073;
    padding: 7px 12px;
    border-radius: 0 0 0 10px;
    font-size: 12px;
    }
.choose_coll i{margin-right:3px;}
    
    .img-fit-cover {
    position: relative;
    overflow: hidden;
}
    .img-fit-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .img-mask::before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 66%;
    background: linear-gradient(to top, #000 0%, transparent 100%);
    opacity: 1;
}
/* SMALL ITEM, LINE ITEM 5/0
----------------------------------------------- */



.line-item {margin-bottom: 20px;}
.line-item::before {content: ''; width: 20px; height: 2px; background-color: #06c; margin: 9px 15px 0 0;}
.line-item-title {font-size: 16px;}





/* SHORT ITEM
----------------------------------------------- */
.topcomm{display: flex;margin-bottom:10px;width: 100%;align-items: center;}
.postedit{background-color: #ff0033;padding: 3px 7px;border-radius: 3px;color: white;float: left;font-size: 14px;} 
.pixaddcomm{margin: 0 10px;border-top: 3px dotted #eaeaea;margin: 16px 0;padding: 8px 0;}
.facfa{margin: 0 15px}

.wseditor {
    border: 1px solid #e3e3e3;
    /* overflow: hidden; */
    border-radius: 5px;
    margin-bottom: 10px;
    }
    .ac-submit{float: right;}




.shoright{float: right;color: #7f7f7f;font-size: 12px;margin-left: 10px;}



.shoright2{float: right;color: #7f7f7f;padding: 0;margin: 0;font-size: 12px;font-weight: 600;line-height: 29px;height: 28px;}

.shorightimg{color: #797979;} .shorightvid{color: #ff3358;}


.smotret {float: right;background-color: #0e93f917;color: #0e93f9;}
.smotret:hover {float: right;background-color: #0e93f9;color:#fff;}

.jaloba {float: right;background-color: #5353531c;color: #8e8e8e;}
.short-rs-l a:hover, .short-rs-d a:hover, .smotret:hover, .jaloba:hover{text-decoration:none;}
.share{float: left;display: inline-block;/* border-bottom:1px solid #dbdbdb; */}

.relimg{color: #2992d7;}.relvid{color: #ff3358;}


/* --BOTTOM SHORTSTORY, FULLSTORY NAVIGATION--- */


.pixlikedis {margin-left: 10px;font-size: 15px;color: #505050;display: flex;align-items: center;justify-content: center;height: 40px;}
.pixlikedis span{margin-right: 6px;} 
.pixshortbottomviews{margin: 0 7px 0 0;font-size: 14px;color: #797979;display: flex;align-items: center;justify-content: center;}
.pixshortbottomviews span{margin-right: 10px;}   
.pixfootbot{display: flex;justify-content: space-between;align-items: center;}   


.pixbootcomm, .pixbootcomm a, .pixbootcomm p{background-color: #fbfbfb !important;height: 30px !important;}
.pixbootcomm a:hover{background: #efefef !important;}
.pixmobfootfullb {margin-top: 20px;}
.pixfulbotl{margin-right: 10px;}.pixfulbotr{margin-left: 10px;}
.pixbotlike{color: #98ca00;margin-right: 10px;}.pixbotlike2{color: #ababab;margin-right: 10px !important;}
.pixbotdis{color: #ff0033;margin-right: 10px;}
        




/* cat 5.0
----------------------------------------------- */


.catdn{
    display:
    flex;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--dnborder);
    border-radius: var(--dnrad10);
    }    
.catdnimg  {height: 80px;width: 80px;margin-right: 16px;display: flex;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 5px;overflow: hidden;}
.catdnbody{}    
.catdnbody h1{font-size: 20px;font-weight: 700;margin-bottom: 5px;} .catdnbody p{/* margin-bottom:10px; */}
.catdn a{margin-right:10px;font-size: 14px;}
.catdn a:before {content: "#";}


.catdn2{width: 100%;background-color: #fff;padding: 15px;margin-bottom: 20px;border: 1px solid #e9e9e9;border-radius: 2px;}
.catdn2-but{width: 100%;align-content: center;display: flex;}
.catdn2-but a{font-weight: 600;  width: 100%;background-color: #0e93f917;color: #0e93f9;justify-content: center;display: flex;align-items: center;padding: 10px;margin: 5px;font-size: 14px;border-radius: 3px;}
.catdn2-but a:hover{background-color: #0e93f9;color: #fff;text-decoration:none;}
.catdn2-but i{margin-right:3px;}





.fimg-btm {position: absolute; left: 60px; right: 60px; bottom: 20px; color: #fff; z-index: 10;}
.fmeta {width: 100% !important; margin-bottom: 0 !important;}
.fmeta .small-item-img {width: 40px; height: 40px; border-radius: 50%;}
.fmeta .small-item-title {margin: 0 0 -2px 0;}
.fmeta .small-item-meta {color: #fff; opacity: 0.6;}
.fheader {
    /* margin-bottom: 20px; */
}
.fcat {padding: 8px 15px; background-color: #ffcc00; color: #000; font-size: 14px; 
position: absolute; z-index: 10; left: 60px; top: 0;}
.fheader h1 {font-size: 30px;line-height: 1.1;font-weight: 700;margin: 0 0 10px 0;width: 100%;}
.fheader h1 a {font-size: 18px; margin-left: 10px;}
.fimg {width: calc(100% + 60px); margin: 0 0 20px -60px; height: 400px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.1);}
.fimg::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; 
height: 50%; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);}
.fshort {font-size: 14px; color: #949494; line-height: 1.7; margin: -20px 0 40px 0px;}

.fmeta a {margin-left: 10px;}

box-shadow: inset 0 0 0 1px #e3e3e3; border-radius: 50%; font-size: 14px; margin-bottom: 10px; 
background: transparent !important;}

.frels .mb-remove {margin-bottom: -40px;}
.frels .small-item {width: 48%; margin-bottom: 20px;}


.frating .far {margin: 0 10px 0 0; font-size: 18px; color: #27ae60;}
.frating .fdislike .far {color: #ff0033;}
.frating a {margin-left: 15px; display: block; height: 36px; line-height: 36px; padding: 0 10px; 
border: 1px solid rgba(0,0,0,.1); border-radius: 1px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); font-size: 14px; 
color: #919191; font-weight: 700; background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f5f6f8 100%);}
.frating-counter {display: inline-block; border-left: 1px solid rgba(0,0,0,.1); padding-left: 10px; margin-left: 10px;}
.frating a:hover {background: linear-gradient(to top, #fff 0%, #fff 30%, #f2f2f2 100%);}




.ffav a {margin: 0 15px; padding-left: 50px; position: relative; display: block; 
	font-size: 14px; color: #949494;}
.ffav .far {margin: 0; position: absolute; left: 0; top: -5px;}




/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{max-width:100% !important; display:block; width:100%; height:400px;}
.mejs-container {max-width:100% !important;}



/* COMMENTS
----------------------------------------------- */
.add-comms {margin-bottom: 10px;overflow:hidden;}
.ac-inputs input {width: 48.5%; margin-bottom: 15px;}
.ac-textarea textarea {height: 100px; margin-bottom: 15px;}
.add-comms input, .add-comms textarea, .ac-submit button {/* box-shadow: 3px 3px 6px rgba(0,0,0,0.1); */}
.ac-protect, .ac-textarea .bb-editor + br {display: none;}
.comments_subscribe input {margin-right: 10px;}
.comments_subscribe {display: block;}
.mass_comments_action {display: none;}
.last-comm-link a{display:block;padding-bottom: 10px; color: #474747; font-size: 18px;font-weight:600;}
.last-comm-link a:hover{text-decoration:none;color:#2992d7;}


.d-comm-complaint{margin-left: auto;}
.d-comm-complaint a{color: #e1e1e1;}.d-comm-complaint a:hover{color: #a09b9b;}
.comm-one {display: flex;padding: 0 0 7px 0;font-size:14px;align-items: center;}
.comm-one > span {margin-right: 10px;line-height: 20px;}
.comm-one > i {margin-right: 10px;line-height: 20px;color: #8c8c8c;}
.comm-author {font-weight:500;}
.comm-two {margin-bottom: 7px;background: #fbfbfb;padding: 10px;border-radius: 3px;font-size: 14px;line-height: 24px;color: black;border: 1px solid #ededed;}

.d-comm-otvet{
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    font-weight: 400;
    margin-left: auto;
}

.comm-author a{color:#0e93f9;font-weight:600;}.comm-author a:hover{color:#0d7cd0;font-weight:600;}
.comm-item {/* margin-top:10px; */}
.comm-left {width: 30px;height: 30px;margin-right:10px;border-radius: 3px;}
.comm-right {width:100%;float:right;margin-bottom: 10px;position:relative;}








.side-bc.rand .comm-two {font-size: 14px;}
.signature {font:italic 12px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;}
.comm-three {margin-top:10px; font-size:12px; text-align:right;}
.comm-three li {display:inline-block; margin-left:10px;}
.comm-three a, .comm-three span, .comm-three li {color:#bcbcbc;}
.comm-three li:first-child {margin-left:0px; float:left;}
.comm-one > span:nth-child(3) {color: #919191;font-size: 12px;}
.comm-one > span:nth-child(5) {color: #bcbcbc;}
.rate3-comm .ratingzero {color: #757575;}
.comm-item:hover .comm-three a, .comm-item:hover .comm-three span {color: #757575;}
div#dle-comments-list {margin: 20px;}
.commentslink a {color: #757575;font-size: 12px;}
.comm-right:hover .commentslink {display: block;}
.commentslink {display: none;float: right !important;position: absolute;right: -10px;}




#dlereplypopup form {margin-top: 10px;}
.comm-right p {margin: 0;}



/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display: none;}
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto;background-color: #2992d7;
padding:15px; z-index:9999; position:fixed; left:-320px; top:0; transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:9998; display:none;}
.btn-close {cursor:pointer; display:block; left: 280px; top: -40px; position: fixed; z-index: 9999;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; 
background-color: #ff0033; color: #fff; transition:top .4s; -webkit-transition:top .4s;}
.btn-close.active {top:0px;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .header-menu {display: block;}
.side-panel .header-menu > li {margin: 0;}
.side-panel .header-menu > li > a {text-shadow: 0 1px rgb(0 0 0 / 30%);height: 40px;line-height: 40px;background: #0000000d;padding-left: 25px;color: #ffffff;margin-bottom: 5px;border-radius: 3px;}
.side-panel .hidden-menu {background-color: #2992d7;box-shadow: none;position: static;width: calc(100% + 30px);pointer-events: auto;opacity: 1;transform: translateY(0);/* margin: 0 0 5px 0; */padding: 0;}
.side-panel .hidden-menu li a {padding: 10px 15px;font-size: 14px;color: #fff;border-radius: 3px;width: 100%;background: #0000000d;padding-left: 25px;}

.side-panel .hidden-menu {width: 100%;}
.side-panel .hidden-menu li {color: white;width:100%;}
.hidden-menu li a:hover {background:#fff;color:#1373b1;text-decoration:none;}





@media screen and (max-width: 1220px) {
.wrap {padding: 0;}
.content {padding: 20px 5px 40px 5px;}

.header .header-menu, .sect-grid .tile-item-desc, .sect-grid .tile-cat {display: none !important;}
	.header-in {
    padding: 0 20px 0 0 !important;
}
.logo {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	min-width: 50px;
	margin: 0 20px;
	position: relative;
	height: 60px;
	line-height: 60px;
	}
	.logo img {
    /* width: 116px; */
    position: absolute;
    left: 0;
    /* height: 25px; */
    top: 50%;
    transform: translateY(-50%);
}

.d-addpost-mob {
    display: block !important;
}

	

.sect-grid {display: block; white-space: nowrap; overflow-y: hidden; overflow-x: auto;}
.sect-grid > * {display: inline-block; vertical-align: top; width: 300px; height: 200px; margin-right: 8px;}
.sect-grid .tile-item-title {font-size: 16px !important; white-space: normal; color: #fff;
background-color: transparent; padding: 0; line-height: 1.3; text-shadow: 1px 1px rgba(0,0,0,0.3);}
.sect-grid .tile-meta {margin-left: -10px; justify-content: flex-start;}



.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:400px;}
}

@media screen and (max-width: 950px) {
.wrap-center {/* max-width:768px; */}
.col-right {
  display: none; 
}	
.short-item {width: 48.6% !important;}
.tile-in-flow {width: 100%;}
.footer-col-desc {width: 100%; margin-bottom: 30px;}
.col-left {padding: 0;}

.speedbar {margin-bottom: 20px;}
.fcat {left: 20px;}
.fimg-btm {left: 20px; right: 20px; bottom: 20px;}
.fimg {width: calc(100% + 40px); margin-left: -20px; margin-right: -20px;}
.fheader h1 {font-size: 28px; margin: 0 0 20px 0;}
.fshort {margin: -20px 0 15px 0;}
.fctrl, .fshare {width: 100%; position: static; -ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fshare > * {margin: 20px 8px 0 0;}


.dnshortstory{margin-bottom: 10px;}
.dncard-ssmeta-ico img {left: 0 !important;width: 100% !important;}
.dnshortstory img {left: calc(-50vw + 50%);width: 100vw;max-width: 100vw !important;position: relative;}
.imgblur{left: calc(-50vw + 50%);width: 100vw;max-width: 100vw !important;}	
}

@media screen and (max-width: 760px) {
.content {padding: 20px 0;}
.wrap-center {/* max-width:640px; */}
.sect-title {font-size: 24px;}
.sect-link {font-size: 13px;}
.sect-link .far {display: none;}
.tile-in-flow {height: 350px; min-height: 350px;}
.not-logged .login-avatar {display: none;}
.login-close {top: -5px;}
.login-title {font-size: 18px;}
.login-box {max-width: calc(100% - 60px);}
	.dosuga-login-box{padding:20px !important;}.dosuga-login-box p{font-size:13px;}
	.login-soc-title{margin: 12px 40px;}

.fimg {height: 200px;}
.fbtm {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}

.frating a {font-size: 0;}
.frating-counter {margin-left: 0; font-size: 14px;}



.dcont button {font-size:12px; padding:0 15px !important;}
.comments-tree-list .comments-tree-list {/* padding-left:0px !important; */}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
    
   .dnshorttitle {
  font-size: 18px;
}  
.dnshorttitle h1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.12;
  color: #1d1d1d;
  word-break: break-word;
}  




.dncattit {margin: 0 20px 20px 20px;text-align: center;}
	


.pixmttop {display: block;align-items: center;}.pixmtt {display: block;}.pixmtto{margin: 0;}
 
    


.catdn {
    font-size: 12px;
    margin-bottom: 10px;
}

.mob-dn {display:none !important;}


p.nsfwcontent {font-size: 14px;}
.nsfwcontent i{margin-bottom: 10px;font-size: 30px;}	

}

@media screen and (max-width: 590px) {
.wrap-center {/* max-width:480px; */}
.small-item {width: 100%;}
.speedbar {padding: 0 20px;}
.footer-in{padding:20px;}

.fimg .tile-meta {width: 100%; margin-left: -10px; margin-top: 10px; justify-content: flex-start;}
.fimg::before {height: 100%;}
.frels .small-item {width: 100%;}

.ac-inputs input {width: 100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}


@media screen and (max-width: 470px) {
.wrap-center22 {max-width:360px;}
.logo {height: 60px;line-height: 60px;overflow: hidden;}
	.short-item-fs {width: 100%;/* margin:10px 10px; *//* border: 1px solid #e9e9e9; */}
}