/*
Theme Name: DeySong - دی سانگ
Theme URI: https://wintheme.ir
Description: پوسته اشتراکی دی سانگ - طراحی و توسعه توسط وین تم
Author: wintheme.ir
Author URI: https://wintheme.ir
Version: 1.2
*/

*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	border:0
}
body{
	direction:rtl;
	background:#f1f1f1;
	color:#2C2E3E;
	overflow-x:hidden;
	cursor:default;
	font-size:14px;
}
body,input,button,textarea,h1,h2,h3,h4,h5,h6{
	font-family:win_fonts;
}
input,button,textarea{
	font-size:13px;
	background:none;
	outline:0;
	color:RGBA(0,0,0,0.9)
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal
}
a{
	text-decoration:none;
	color:#2C2E3E;
	transition:all 300ms ease-out
}
a:hover {
    text-decoration: none;
    color: #e82b47;
}
img{
	border:0;
	max-width:100%;
	height:auto
}
ul,li{border:0;padding:0;margin:0;list-style:none}
button,label{cursor:pointer}
b,strong{font-weight:normal}
img,:before,:after{transition:all .3s ease-out}
.dey-w{max-width:1280px;margin:0 auto;width:95%}
.dey-flex{display:flex;flex-wrap:wrap;align-items:center}
.dey-right{width: 17%;order: 1;}
.dey-center{width: 49.5%;order: 2;}
.dey-left{width: 31%;order: 3;}
.dey-row {padding: 2em 1em 1em;border-radius: 0 0 1em 1em;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -1em;z-index: 0;position: relative;}
.dey-head {background: #f6f6f6;height: 120px;width: 100%;padding: 0em 4em 1em;justify-content: space-between;}
.dey-head .logo {width: 200px;height: 80px;background: url(dmi/logo.png) no-repeat;text-indent: -200%;overflow: hidden;background-size: cover;}
.dey-head form {background: #030d45;height: 48px;position: relative;border-radius: 1em;overflow: hidden;width: 33%;}
.dey-head form input {width: 100%;height: 48px;padding: 0 1.5em 0 4em;color: #fff;}
.dey-head form button,.dey-headm form button{position: absolute;left: 1em;top: 50%;transform: translate(0,-50%);}
.dey-head form button svg,.dey-headm form button svg{display:flex;}
.dey-head form input:focus + button path,.dey-head form:hover button path,
.dey-headm form input:focus + button path,.dey-headm form:hover button path{fill:#EE2B47}
.dhpdng {padding: 69px 0 0;}
.dey-nav, .dnavm {background: #030D45;padding: 1em 3em 1em;margin-top: -1em;position: relative;width: 100%;margin-bottom: 1em;}
.dey-nav li {margin-right: 0.5em;}
.dey-nav li a {color: #f8f8f8;padding: 0.5em 1em;display: flex;border-radius: 0.5em;font-size: 15px;align-items: center;}
.dey-nav li a:hover {background: #fff;color: #030D45;}
.dey-nav ul ul {position: absolute;right: auto;top: 4.2em;background: #030d45;width: 170px;border-radius: 8px;opacity: 0;visibility: hidden;z-index: 99;transition: all .3s ease-out;display: flex;flex-wrap: wrap;padding: .6em 1.2em;line-height: 2.5;}
.dey-nav ul ul li{width:90%}
.dey-nav ul ul li a{color:#fff;font-size:13px;display:flex;align-items:center}
.dey-nav ul > li:hover ul{opacity:1;visibility:visible}
.dey-contact{display:flex;justify-content:space-between}
.dey-contact div {background: #fff;color: #333;border-radius: 15px;padding: 1em;width: 49.5%;display: flex;justify-content: space-between;border: 2px solid #d1d8fd;}
.dey-contact span{display:flex;align-items:center}
.dey-contact span a {color: #333;}
.dey-contact .qanon span::before {content: '';background: url(dmi/iran.svg) no-repeat;width: 30px;height: 30px;margin-left: .7em;}
.dey-contact .tamas span::before {content: '';background: url(dmi/ringer-volume.svg) no-repeat;width: 30px;height: 30px;margin-left: .7em;}
.dey-contact .number {background: #030d45;padding: 4px 10px;border-radius: 9px;font-size: 15px;color: #fff;animation-duration: 2s;animation-delay: 300ms;animation-iteration-count: infinite;animation-name: bounce;transition: all 300ms ease-out;}
@keyframes bounce {
from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}
40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-5px,0)}
70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-5px,0)}
90%{transform:translate3d(0,-2px,0)}
}
.dey-vip.dey-vipm{margin-top:1em}
.dey-vip{margin:2em auto}
.dey-vip ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.dey-vip li{width:15%}
.dey-vip li a{display:block;border-radius:5px;overflow:hidden;position:relative;box-shadow:0 5px 15px RGBA(0,0,0,0.1)}
.dey-vip li a:hover{box-shadow:0 5px 15px RGBA(0,0,0,0.17)}
.dey-vip li img {display: block;width: 100%;height: auto;transition: all 300ms ease-out;}
.dey-vip li a i{position:absolute;right:1em;top:1em;font-style:normal;font-size:11px;background:#7755b9;color:#fff;padding:3px 6px;border-radius:12px;transition:all 300ms ease-out}
.dey-vip li a:hover i{background:#000}
.dey-vip li a span{display:flex;flex-direction:column;color:#000;background:#fff;padding:1em .7em;transition:all 300ms ease-out;justify-content:center;align-items:center;text-align:center;height:76px}
.dey-vip li .dey-name{color:#b7b7b7;font-size:15px;margin:.5em 0 0;transition:all 300ms ease-out}
.dey-vip li .dey-track{color:#000;font-size:13px}
.dey-vip li a:hover span,.dey-vip li a:hover .dey-track{color:#db253f}
.dey-vip h4{display:flex;align-items:center;color:#323232;padding:1em;background:#fff;border:2px solid #ece8f6;border-radius:12px;margin:-.5em 0 1em}
.dey-vip h4 span{color:#7755b9;margin-right:5px}
.dey-vip h4 svg{margin-left:.4em}
.dey-heading {text-align: center;line-height: 2;}
.dey-heading h1 {font-size: 17px;}
.dey-heading p, .dey-heading h2, .dey-heading h3 {color: #828282;font-size: 13px;}
.dey-heading figure {margin: .4em 0 .1em;border-radius: 1em;}
.dey-box, .dey-post, .dey-heading,.delsacm, .dey-404, .single-repost {margin: 0px 0px 1em;border-radius: 1em;overflow: hidden;border: 1px solid #ECECEC;background: #fff;padding: 1em;}
.dey-box header, .delsacm header, .single-repost header {border-bottom: 2px solid #d2d2d7;background: #fff;display: flex;padding: 1em;}
.dey-box header svg,.dey-box header span,.delsacm header svg,.single-repost header svg{margin-left:0.5em}
.dey-box header h4,.delsacm header h4.single-repost header h4,{font-size: 16px;color:#393C53;}
.delsacm header h4{display: flex;align-items: center;}
.dey-box.category {background: #ffffff;border-color: #ffffff;}
.dey-box.category header {background: #ffffff;border-color: #d2d2d7;}
.dey-box.category header h4 {color: #333;}
.dey-box.category ul li span {background: #e5e5e5;color: rgba(0, 0, 0, 0.7);}
.dey-box.artists {background: #2C2E3E;border-color: #262836;}
.dey-box.artists header {background: #2c2e3e;border-color: #4a4c5a;}
.dey-box.artists header h4 {color: #fff;}
.dey-box.artists ul li a{color:#fff;}
.dey-box.artists ul li span {background: rgba(246, 246, 246, 0.15);color: rgba(246, 246, 246, 0.7);}
.dey-box.artists ul li{border-color: #262836;}
.dey-left .dey-box ul{font-size: 14px;}
.dey-box > ul{line-height:2.2;font-size:13px}
.dey-box > ul > li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efeff0;padding:.5em .7em}
.dey-box.category > ul > li{border-color:#d2d2d757;flex-wrap:wrap}
.dey-box > ul > li > a{color:#2c2e3e;font-size:14px}
.dey-box.category > ul > li > a{color:#333}
.dey-box > ul > li ul{width:100%;background:#f2f2f2;margin:1em 0;border-radius:.5em;padding:.2em .5em}
.dey-box > ul > li ul li span{display:none}
.dey-box > ul > li:last-child{border:0;}
.dey-left .dey-box ul li a{display: flex;align-items: center;}
.dey-left .dey-box ul li a::before {content: "";width: 9px;height: 9px;background: RGB(241, 241, 241);border-radius: 2em;margin-left: 0.5em;}
.dey-box ul li a:hover{color: #EE2B47;}
.dey-box ul li span {background: #f6f6f6;display: flex;justify-content: center;align-items: center;height: 20px;font-size: 11px;border-radius: 1em;color: rgba(57, 60, 83, 0.3);transition: all 300ms ease-out;padding: 0 0.7em;margin-right: 0.5em;}
.dey-box ul li a:hover + span{background:#EE2B47;color: #fff;}
.dey-404{padding:1em;text-align: center;line-height: 2.1;color: #515469;}
.dey-404 h1,.dey-404 h2{font-size:18px;}
.dey-404 svg {max-width: 100%;height: auto;margin: 1em auto;display: flex;}
.dey-post header {border-bottom: 2px solid #d2d2d7;padding: 1em;display: flex;padding-left: 1em;position: relative;overflow: hidden;align-items: center;}
.dey-post header.dey-soon{padding-left: 5em;}
.dey-post header > .dey-post-icon {background: rgba(208, 2, 2, 0.15);width: 42px;height: 42px;margin-left: 0.7em;border-radius: 1em;display: flex;justify-content: center;align-items: center;float: right;}
.dey-post header > .dey-post-icon::before, .delsacr p::before {content: "";width: 28px;height: 28px;background: url(dmi/music-note.svg) no-repeat;background-size: cover;}
.delsacr p::before{margin-left:0.5em;}
.dey-post header > .dey-loading {margin-left: 0.7em;width: 25px;height: 25px;float: right;}
.dey-post header i {background: RGBA(238, 43, 71, 0.11);font-style: normal;font-size: 13px;padding: 2px 8px 3px;border-radius: 1em;color: #EE2B47;left: 1em;position: absolute;top: 30%;transform: translate(0, -50%);animation: bounce 2s cubic-bezier(.08,.82,.17,1) infinite;}
.dey-post header .dey-post-title {font-size: 16px;color: #393C53;display: flex;flex-direction: column;}
.dey-post header .dey-post-title a {font-size: 17px;color: #393C53;}
.dey-post header .dey-post-title a:hover{color: #EE2B47;}
.dey-post header .dey-post-title span {font-size: 13px;color: RGBA(57, 60, 83, 0.6);}
.dey-contents {padding: 1em;text-align: center;line-height: 2.1;color: #515469;}
.dey-contents a{color:#2C2E3E}
.dey-contents a:hover {color: #DB253F;}
.dey-contents audio {margin: 1em auto 0;display: flex;width: 100%;}
.dey-post footer {display: flex;flex-direction: column;align-items: center;border-top: 2px solid #F6F6F6;padding: 1em;}
.dey-post.dey-post-single footer {padding: 1em 1em 0;margin-top: 1em;}
.dey-post footer ul {color: RGBA(57, 60, 83, 0.5);font-size: 13px;width: 100%;justify-content: center;}
.dey-post footer li {margin: 0 0.5em 1em;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.dey-post footer li::before {content: "";width: 18px;height: 18px;margin-left: 0.5em;background: url(dmi/dcon.svg) no-repeat;background-size: cover;}
.dey-post footer .d-time::before {background-position: 0 0;}
.dey-post footer .d-category::before {background-position: -16px 0;}
.dey-post footer .d-comments::before {background-position: -34px 0;}
.dey-post footer .d-view::before {display:none;}
.dey-post footer li:first-child{margin-right:0}
.dey-post footer li:last-child{margin-left:0}
.dey-post footer li a{color:#8d96a7}
.dey-post footer li a:hover{color:#000}
.dey-post footer > a {border-radius: 14px;color: #fff;font-size: 15px;display: flex;align-items: center;justify-content: center;padding: .8em 1em;width: 100%;background: #DB253F;}
.dey-post footer > a:hover{background:#34374C}
.dey-side-tabs {position: relative;margin: 1em 0 0;}
.dey-side-tabs > input, .dey-side-tabs > span {width: 32%;height: 40px;line-height: 40px;position: absolute;top: 0;}
.dey-side-tabs > input{cursor:pointer;opacity:0;position:absolute;z-index:99}
.dey-side-tabs > span {color: #2c2e3e;background: #fff;overflow: hidden;display: flex;justify-content: center;align-items: center;border-radius: 14px;}
.dey-side-tabs > span:nth-child(1){border-radius:0}
.dey-side-tabs > span i,.dey-side-tabs > span{transition:all .5s}
.dey-side-tabs > input:checked{cursor:default}
.dey-side-tabs > input:checked + span {color: #db253f !important;background: #fde7eb !important;border-radius: 14px;}
.dey-side-tabs > input:hover + span{background:rgba(255, 162, 0, 0.07);}
#dey-tab-item1, #dey-tab-item1 + span {right: 0;}
#dey-tab-item2, #dey-tab-item2 + span {left: 50%;transform: translate(-50%, 0);}
#dey-tab-item3,#dey-tab-item3 + span{left:0}
.dey-tabs-content {padding: 55px 0 0;width: 100%;line-height: 2.7;}
.dey-tabs-content section{width:100%;display:none}
#dey-tab-item1:checked ~ .dey-tabs-content #dey--item1{display:block}
#dey-tab-item2:checked ~ .dey-tabs-content #dey--item2{display:block}
#dey-tab-item3:checked ~ .dey-tabs-content #dey--item3{display:block}
.dey-loading {border: 2px solid #fff;border-top: 3px solid #db253f;border-radius: 100%;width: 18px;height: 18px;animation: spin 2.2s linear infinite;}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
.dey-pagenavi{justify-content:center;width:100%;box-shadow:0 0 10px RGBA(0,0,0,0.1);background:#fff;border-radius:1em;padding:1em;flex-direction: row-reverse;}
.dey-pagenavi a,.dey-pagenavi span{font-size:15px;height:40px;display:flex;align-items:center;width:40px;justify-content:center;margin:5px;border-radius:1em}
.dey-pagenavi .current,.dey-pagenavi a:hover{color:#fff;background:#db253f}
.dey-pagenavi .next,.dey-pagenavi .prev{width:auto;padding:0 15px;background:none!important;color:#737373!important}
.dey-footer{background:#1c1c1c;margin:1.5em 0 0}
.dey-footer ul{justify-content:center;padding:1.5em 0}
.dey-footer li{display:flex}
.dey-footer li a{background:#272727;color:#a2a2a2;margin:5px;padding:1em 1.5em;border-radius:1em}
.dey-footer li a:hover {background: #db253f;color: #fff;}
.dey-copyright{border-top:1px solid #4b4b4b;padding:1.5em 0;color:#707070}
.dey-copyright a{color:#fff}
.dey-copyright .dey-flex{justify-content:space-between}
.dey-social{display:flex;align-items:center}
.dey-social a{display:flex;margin:10px}
.dey-social a svg path{transition:all 300ms ease-out}
.dey-social a svg path:hover{fill:#fff}
.theme-switch {margin-right: auto;margin-left: 10px;}
.theme-switch .switch {position: relative;display: inline-block;width: 85px;height: 35px;}
.theme-switch .switch input {width: 0;height: 0;opacity: 0;}
.theme-switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background: #030d45;transition: 0.4s;border-radius: 10px;border: 1px solid #030d45;}
.theme-switch .slider:before {content: "";position: absolute;height: 25px;width: 25px;background: url(dmi/moon.svg);left: 6px;bottom: 5px;border-radius: 50%;transition: 0.3s cubic-bezier(0.42, 0, 0, 1.68);}
.theme-switch input:checked+.slider {background-color: #34374C;}
.theme-switch input:checked + .slider::before {transform: translateX(45px);background: url(dmi/sun.svg);}
.header-ads{margin-top:1.5em}
.header-ads a,.header-ads img{display:block;margin:0 auto;border-radius:14px}
.msf2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1.5em}
.gmsvg{display:none}
.fombody {padding-top: 6em;}
.fohdrm{height:70px;position:fixed;width:100%;top:0;z-index:99;justify-content:center;background:#fff;box-shadow:0 0 25px RGBA(0,0,0,0.1)}
.dey-mob {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 120px;height: 46px;background: url(dmi/logo.png) no-repeat;text-indent: -200%;overflow: hidden;background-size: cover;}
.poopen{cursor:pointer;right:1.5em;top:50%;position:absolute;transform:translate(0,-50%)}
.pocls{position:absolute;cursor:pointer;right:1.5em;top:19px;z-index:999}
.pocls svg,.poopen svg{display:flex}
.fombg{width:100%;height:100%;background:#000;position:fixed;z-index:9999;top:0;right:0;cursor:default;opacity:0;visibility:hidden;transition:all .3s ease-out}
.fohdrm nav{margin:1.1em;display:block;position:fixed;top:0;left:auto;opacity:0;visibility:hidden;height:100%;z-index:9999;width:70%;overflow-x:hidden;overflow-y:auto;background:#fff;margin:0;padding-top:70px}
.fohdrm nav ul{float:right;width:100%}
.fohdrm nav ul::before{content:"";position:absolute;top:0;width:100%;height:70px;background:#607d8b;right:0}
.fohdrm nav li{float:right;width:100%;border-bottom:1px solid #dbe1e5}
.fohdrm nav li:last-child{border:0}
.fohdrm nav li a{font-size:15px;color:#000;display:block;transition:.3s all ease;display:block;padding:1em}
.poosrch,.fomsrch button{cursor:pointer;left:1.5em;top:50%;transform:translate(0,-50%);position:absolute}
.pocsrch svg,.poosrch svg,.fomsrch button svg{display:flex}
.pocsrch{position:absolute;cursor:pointer;right:1.5em;top:50%;transform:translate(0,-50%)}
.fomsrch{visibility:hidden;opacity:0;width:100%;position:absolute;left:0;top:0;height:70px;background:#607d8b;transition:all .3s ease-out;overflow:hidden}
.fomsrch input{width:100%;background:none;height:auto;color:rgba(255,255,255,0.6);line-height:70px;padding:0 4.5em}
.fomsrch input::placeholder{color:#fff}
.dey-next, .dey-prev {position: fixed;height: 86px;top: 60%;text-decoration: none;z-index: 9;cursor: pointer;transform: translate(0,-50%);width: 34px;right: 1em;border-radius: 50px;background: RGB(253, 232, 235);color: #EE2B47;}
.dey-next:hover,.dey-prev:hover{background:#EE2B47;color:#fff;}
.dey-next{right:initial;left:1em}
.dey-next span,.dey-prev span{transform:rotate(-90deg) translate(-50%,0);position:absolute;width:67px;text-align:center;font-size:12px}
.dey-next span{left:-17px}
.dey-prev span{right:-15px}
.dey-heart {animation: heartBeat 2s cubic-bezier(.08,.82,.17,1) infinite;}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.25)}70%{transform:scale(1)}}
.dey-svg{display:flex;position:absolute;width:0;height:0}
.mifati a{display:flex;justify-content:center;align-items:center;padding:.7em 1em;border-radius:1em;color:#fff;font-size:15px;fill:#fff;margin-right:1em}
.mifati a.mftg{background:linear-gradient(90deg,rgba(1,206,253,1) 0%,rgba(57,123,213,1) 100%)}
.mifati a.mfis{background:linear-gradient(90deg,rgba(196,48,147,1) 0%,rgba(226,98,75,1) 100%)}
.mifati svg{margin-left:.7em}
.mifati a:hover{opacity:.9}
.mit2{justify-content:space-between;max-width:95%;margin:1.5em auto}
.mit2 a{width:49%;margin:0}
.mit2 a:hover{opacity:.8}

/* Respnsive */
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {
.dey-w {width: 100%;}
}
@media screen and (max-width: 960px) {
.dey-left,.dey-right,.dey-center{width: 100%;}
.dey-center{order: 1;}
.dey-right{order: 2;margin-top:1em;}
.dey-left{order: 3;}
.dey-contact{flex-direction:column}
.dey-contact div{width:100%}
.dey-contact div {margin: 1em 0 0;font-size: 12px;}
.dey-footer{margin:1em 0 0}
.dey-w {width: 97%;}
.mifati{margin:1.5em 0 0}
.mifati.mit2{margin:1.5em auto}
}
@media screen and (max-width: 810px) {
.theme-switch {margin-right: auto;}
.dey-head .logo {width: 142px;height: 55px;}
}
@media screen and (max-width: 800px) {
.dey-row {padding: 2em 0.5em 1em;}
.theme-switch {margin-right: auto;}
}
@media screen and (max-width:720px) {
.dey-copyright .dey-flex{justify-content:center}
.dey-social{margin-top:1em}
.dey-copyright .dey-flex p{text-align:center}
}
@media screen and (max-width: 640px) {
.dey-vip li{width:31%;margin:0 0 1.5em}
.dey-vip{margin-bottom:.5em!important}
.dey-head form {width: 97%;}
.theme-switch {top: 1em;position: absolute;left: 0;margin-left: 2em;}
.dey-head {margin-bottom: 3em;}
}
@media screen and (max-width: 520px) {
.dey-nav ul{justify-content: center;}
.dey-nav li {margin-bottom: 0.5em;}
.dey-footer li a{padding:.5em 1em}
.header-ads,.msf2{margin-top: 1em;}
}
@media screen and (max-width: 480px) {
.dey-contact span::before{display:none}
.dey-post header .dmsh1 {display: block;}
.dey-post header > .dmldng{width: 20px;height: 20px;}
.dey-post header > .dmscon::before, .delsacr p::before {width: 17px;height: 16px;background-position: -79px 0;}
.dey-post header > .dmscon {width: 30px;height: 30px;border-radius: 0.5em;}
.dey-mp3box.dey-flex a {width: 100%;}
.gshres.dey-flex a {width: 100%;margin-bottom: 0.5em;}
.dey-head form {width: 100%;}
}
@media screen and (max-width: 425px) {
.mifati.mit2{flex-direction:column}
.mit2 a{width:100%}
.mit2 a:nth-child(2){margin:1em 0 0}
}
@media screen and (max-width: 414px) {
.dey-mp3box.dey-flex a {width: 100%;}
.gshres.dey-flex a {width: 100%;margin-bottom: 0.5em;}
.dey-head form {width: 100%;}
.playlist--list {list-style: none;font-size: 12px;line-height: .95;color: #565D64;}
}
@media screen and (max-width: 412px) {
.playlist--list {list-style: none;font-size: 12px;line-height: .95;color: #565D64;}
.playlist--list a {font-size: 12px;}
.mifati,.mfcb{flex-direction:column;margin:0}
.mifati a{margin:1em 0 0}
}
@media screen and (max-width: 375px) {
.dey-vip li a span,.dey-vip li .dey-name{font-size:13px}
.dey-vip li .dey-track{font-size:12px}
.dey-vip li{margin:0 0 1em}
.msarta a, .dey-mp3box a{width:100%}
.gshres a{width:100%}
.gshres a:nth-child(2){margin:1em 0 0}
.gshres{flex-direction:column}
.dey-head form {width: 100%;}
.dey-head .logo {width: 140px;height: 56px;}
.playlist--list a {font-size: 12px;padding: 5px 5px;margin: 2px;}
}
@media screen and (max-width: 360px) {
.gshres a{width:99%;}
.playlist--list a {font-size: 12px;padding: 6px 8px;margin: 3px;}
.dl-box-cstom {width: 95%;margin: 0 auto;}
}
@media screen and (max-width: 320px) {
.dey-nav li a {padding: 0.3em 0.5em;font-size: 13px;}
.dvipost a {font-size: 13px;}
.dchold {flex-direction: column;}
.delsacm form input{width:100%;}
.delsacm form input[id="author"]{margin:0 0 1em;}
.dnavm li a {font-size: 12px;}
.dheadm form input {padding: 0 1em;padding-left: 3.5em;}
.dey-post footer > a {width: 100%;text-align: center;font-size: 14px;}
.playlist--list li{height:auto;flex-direction:column;padding:.7em 0 .5em}
.playlist--list a{margin-top:.5em}
}
@media screen and (max-width: 280px) {
.dvipost a:nth-child(2){margin-top:1em;}
.dvipost a{width:100%;}
}