/*
Theme Name: پوسته اشتراکی موزیک نما
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:#fff;color:#333;overflow-x:hidden;cursor:default;font-size:14px}
body,input,button,textarea,h1,h2,h3,h4,h5,h6{font-family:win_fonts;-moz-font-feature-settings:ss02;-webkit-font-feature-settings:ss02;font-feature-settings:ss02}
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:400}
a{text-decoration:none;color:#333;transition:all 300ms ease-out}
a:hover{text-decoration:none;color:var(--redcolor)}
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:400}
img,:before,:after{transition:all .3s ease-out}
.nama-svg{display:flex;position:absolute;width:0;height:0}
.drw{max-width:1280px;margin:0 auto;width:95%}
.dvf{display:flex;flex-wrap:wrap;align-items:center}
.dvf2{display:flex;flex-wrap:wrap}
.dvf3{display:flex;flex-flow:column}
.dvf4 {height: 410px;display: flex;flex-flow: column;overflow-y: scroll;padding-left: 10px;scrollbar-color: #bec9d7 #F2F3F4;scrollbar-width: thin !important;padding-top: 0;}
.d-right{width:18%;order:1}
.d-center{width:48.5%;order:2}
.d-left{width:31%;order:3}
.header{background:var(--bg--header);padding:2.5em 0;border-bottom:4px solid #ebebeb}
.header .dvf{justify-content:space-between}
.dmulogo svg{fill:#adadad;display:flex}
.dmulogo span{display:none}
.search{background:#ebebeb;position:relative;border-radius:1em;overflow:hidden;width:400px}
.search input{padding:1em;width:100%}
.search button{position:absolute;left:6px;background:var(--redcolor);color:#fff;padding:8px 12px;border-radius:1em;top:5px}
nav{background:var(--redcolor);padding:.8em 0}
nav ul{width:100%}
nav li{display:flex}
nav li a{color:#fff;padding:6px 7px;margin:0 3px;font-size:15px;border-radius:.4em}
nav li a:hover{background:#1a1a1a;color:#fff}
.iranorder{background:#ebebeb;padding:1em;width:100%}
.iranorder svg{margin-left:.5em;width:28px;height:28px}
.vip{margin:1.5em 0}
.vip ul li{width:16.66%;padding:.4em}
.vip ul li a img{width:100%;display:block}
.vip ul li a{overflow:hidden;border-radius:14px;display:block;position:relative}
.vip ul li a span{background:#ebebeb;display:flex;flex-direction:column;padding:1em;height:84px;line-height:2}
.vip ul li a:hover span strong{color:var(--redcolor)}
.vip ul li a:hover{box-shadow:0 12px 46px -33px #000;transform:translateY(-3px)}
.vip ul li a span strong{color:#000;transition:all 300ms ease;font-size:15px}
.vip ul li a span i{font-style:normal;font-size:13px;color:#737373}
.vipleft{position:absolute;bottom:0;left:0}
.vipleft svg{fill:var(--redcolor);width:39px;height:78px;margin-left:-.6em}
.drow{padding:2em 1em 1em;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-1em;z-index:0;position:relative}
.irbox,.dposts{background:#fff;border-radius:7px;box-shadow:0 0 12px RGBA(45,45,45,0.14);overflow:hidden;margin-bottom:1.5em}
.ir-box-h4{padding:1em;border-bottom:1px solid RGBA(0,0,0,0.07);display:flex;align-items:center;font-size:15px;color:#888}
.ir-box-h4 svg{margin-left:.6em;width:24px;height:24px;fill:var(--redcolor)}
.isbody{padding:1em;line-height:2}
.irbox .isbody > ul > li > a,.irbox.isbody > ul > li > ul li a{color:RGBA(0,0,0,0.7)}
.isbody > ul > li > a,.isbody > ul > li > ul li a{display:flex;align-items:center}
.irbox .isbody > ul > li > a:hover,.irbox .isbody > ul > li > ul li a:hover{color:var(--redcolor)}
.isbody a:hover{color:#13a4e8}
.isbody > ul > li > a::before,.isbody > ul > li > ul li a::before{content:"";width:7px;height:5px;background:RGBA(0,0,0,0.1);margin-left:.5em;transition:all 300ms ease-out}
.isbody > ul > li > a:hover{color:#13a4e8}
.isbody > ul > li > a:hover:before{border-color:#13a4e8}
.isbody > ul > li > ul{font-size:13px;margin-right:1em}
.isbody > ul > li > ul li a::before{width:10px;border-width:1px;height:6px}
.irbox .isbody > ul > li > a,.irbox .isbody > ul > li > ul li a{color:RGBA(0,0,0,0.7)}
.irbox .isbody > ul > li > a:hover,.irbox .isbody > ul > li > ul li a:hover{color:var(--redcolor)}
.irbox .isbody > ul > li > a:hover:before,.irbox .isbody > ul > li > ul li a:hover:before{background:var(--redcolor)}
.box-posts{background:#fff;box-shadow:0 0 10px RGBA(0,0,0,0.1);border-radius:4px;border:1px solid RGBA(0,0,0,0.13);margin-bottom:1em;overflow:hidden}
.postinfo{font-size:15px;border-bottom:1px solid RGBA(0,0,0,0.05);padding:1em}
.postinfo .hding{font-size:16px;display:flex;align-items:center}
.dposts header h2 i,.dposts header h1 i{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-left:.3em;position:relative}
.dposts header h2 i svg,.dposts header h1 i svg{width:24px;height:24px;fill:var(--redcolor)}
.postinfo ul{font-size:12px;margin-top:1em;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap}
.postinfo ul li{color:#999;margin-left:1em;display:flex;align-items:center}
.postinfo ul li svg{margin-left:.5em;width:25px;height:25px;fill:#b4b5b6}
.postinfo ul li a{color:#999;margin:0 3px}
.postinfo ul li a:hover{color:#333}
.mocontent{padding:1em 1em .5em;text-align:center;line-height:2.2}
.mocontent a{color:var(--redcolor)}
.mocontent a:hover{color:#333}
.postftr{margin:5px;padding:1em;background:#fff;border-radius:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.postftr > a{background:var(--redcolor);border-radius:5px;height:43px;display:flex;align-items:center;overflow:hidden;color:#fff;position:relative;padding:1em;z-index:999;box-shadow:0 0 12px var(--box-shadow-color)}
.postftr > a:hover{background:#333}
.lks{display:flex}
.lks .icon{color:#6d6e70;background:#f0f1f3;font-size:12px;padding:7px 10px 5px 29px;transition:.3s all ease;border-radius:5px;position:relative;display:inline-block;border:1px solid transparent;cursor:pointer;margin-left:1em}
.lks .counter{margin-left:5px}
.lks .icon.like::before{background-position:62%}
.lks .icon::before{content:'';position:absolute;top:2px;left:5px;background:url(dimg/like-dislike.png) no-repeat;background-position-x:18%;background-position-y:57%;width:25px;height:25px}
.lks .icon.like:hover{border:1px solid #54c024;background:#FFF}
.lks .icon.dislike:hover{border:1px solid #db2d8e;background:#FFF}
.ibpagenum{display:flex;flex-wrap:wrap;align-items:center;padding:.5em}
.ibpagenum .pages{background:#f4f4f4;border-radius:4px}
.ibpagenum a,.ibpagenum span{background:#fcfcfc;border-bottom:2px solid #f2f2f2;margin:5px;padding:5px 10px}
.ibpagenum a:hover,.ibpagenum .current{background:#f4f4f4;border-color:var(--redcolor)}
.irfoot{background:#333}
.footer-list{background:#e6e6e6;padding:1.3em 0}
.footer-list .drw.dvf{justify-content:space-between}
.footer-list li a{color:#fff;font-size:15px;padding:.3em 1em;display:flex;margin:0 5px;border-radius:5px}
.footer-list.imf li a{color:RGBA(0,0,0,0.7);font-size:14px}
.footer-list li a:hover{background:RGBA(0,0,0,0.1);color:#333}
.dvfmbx{display:flex;flex-wrap:wrap;justify-content:space-between;padding:1.5em 0 0;margin-bottom:2em}
.smfmusic{width:32%}
.smfmusic h5{font-size:16px;color:#fff;border-bottom:1px solid #555;padding:0 0 1em;margin:0 0 1em;display:flex;align-items:center}
.smfmusic h5 svg{width:24px;height:24px;fill:var(--bg--header);margin-left:.2em}
.smfmusic ul{line-height:2.2}
.smfmusic li{display:flex;justify-content:space-between;align-items:center}
.smfmusic li:last-child{margin:0 0 -3px}
.smfmusic li a{color:rgba(255,255,255,0.7);display:flex;align-items:center}
.smfmusic li a:hover{color:var(--redcolor)}
.smfmusic li a::before{content:"";width:5px;height:5px;margin-left:.6em;background:rgba(255,255,255,0.7)}
.smfmusic li a:hover:before{background:var(--redcolor)}
.rjtms div{font-family:Lucida Console;margin:7px}
.rjtms div a{color:#333;direction:ltr;text-align:left;display:flex;font-size:14px;align-items:center}
.rjtell a svg,.rjmail a svg{margin-right:1em;width:30px;height:25px;fill:#222}
.rjtms div a:hover{color:var(--redcolor)}
.ircopy{background:#222;padding:1.5em 0;line-height:2;color:#777}
.ircopy .drw.dvf{justify-content:space-between}
.irct p a{color:#777}
.irct p a:hover{color:#fff}
.smscls{display:flex}
.smscls a{display:flex;margin:10px}
.smscls a svg{width:22px;height:22px;fill:#b5b5b5;transition:all 300ms ease-out}
.smscls a svg:hover{fill:#fff}
.sbox{margin:0 0 1em;border-radius:10px;border-top:0;overflow:hidden;padding:1em;line-height:2.2;background:#fff;box-shadow:0 5px 10px RGBA(0,0,0,0.1)}
.hding h1,.hding h1 a{font-size:16px;text-align:center;color:var(--redcolor)}
.hding h2,.hding p{font-size:14px;text-align:center;color:#4d4b60}
.irbox.backlink{background:none;box-shadow:none}
.irbox.backlink .isbody{padding:0}
.irbox.backlink .isbody > ul{display:flex;flex-direction:column}
.irbox.backlink .isbody > ul > li{background:#fff;margin-bottom:1em;padding:.5em 1em;font-size:12px;border-radius:4px;color:RGBA(0,0,0,0.3);position:relative;box-shadow:0 0 12px RGBA(45,45,45,0.14)}
.irbox.backlink .isbody > ul > li a{font-size:14px;color:#275368}
.irbox.backlink .isbody > ul > li:hover{background:var(--redcolor)}
.irbox.backlink .isbody > ul > li a:hover{color:#fff}
.irbox.backlink .isbody > ul > li a:before{display:none}
.irbox.backlink .isbody > ul > li::before{content:"";position:absolute;left:1em;top:50%;transform:translate(0,-50%);width:25px;height:25px;background:url(dimg/links.svg) no-repeat}
.tmnxtm{position:fixed;height:85px;top:60%;text-decoration:none;z-index:501;cursor:pointer;transform:translate(0,-50%);width:38px;right:0;border-radius:15px 0 0 15px;transition:all 300ms ease-out;border-right:0;background:linear-gradient(180deg,rgba(204,204,204,1) 0%,rgba(221,221,221,1) 100%)}
.tmnxtm strong{transform:rotate(-90deg);position:absolute;width:74px;top:2.5em;right:-1.3em;color:#2c343f}
.tmnxtm.tmnxm2{right:initial;left:0;border-radius:0 15px 15px 0;border-left:0}
.tmnxtm.tmnxm2 strong{top:2.5em;right:-1.1em}
.tmnxtm a{position:absolute;width:100%;height:100%}
.tmnxtm:hover{background:var(--redcolor)!important}
.tmnxtm:hover strong{color:#fff}
.smvip .ir-box-h4 svg{animation:heartBeat 2s linear infinite}
.smsoon .ir-box-h4 svg{animation:spin 2s linear infinite}
.sonmimp3 textarea{width:100%;margin:1em 1em 0;resize:none;padding:1em;border-radius:4px;box-shadow:inset 3px 3px 10px RGBA(0,0,0,0.05);border:1px solid #ebeae9;background:#fafafa;direction:ltr;text-align:left;color:RGBA(0,0,0,0.5)}
.sonmimp3 audio,.sonmimp3 video{width:100%;margin:1em 1em 0}
.lyric{padding:0 2em 1em;text-align:center;line-height:2}
.ltitle{font-size:16px;color:var(--redcolor)}
.shortlink{justify-content:space-between;align-items:center;display:flex;margin:.5em 0}
.shortlink span{color:RGBA(0,0,0,0.2);margin-left:.5em;font-size:12px}
.shortlink textarea{height:25px;direction:ltr;padding:3px 5px;resize:none;border-radius:4px;color:RGBA(0,0,0,0.4);background:var(--box-texeara-color)}
.tgs{border-top:1px solid #d9d9d9;padding:1em}
.tgs h3{font-size:13px;color:RGBA(0,0,0,0.2)}
.tgs a{color:#929292;margin:1px;display:inline-block;padding:4px;border-radius:4px}
.tgs a:hover{color:var(--redcolor)}
.irside .h4,.relpost .h4,.comment-reply-title,.irbxrtl .h4{padding:1em;border-bottom:1px solid RGBA(0,0,0,0.07);display:flex;align-items:center;font-size:15px;color:#888}
.irbxrtl .h4 span{color:#13a4e8}
.irside .h4 i,.posthead span,.relpost .h4 i,.irbxrtl .h4 i{width:25px;height:25px;border-radius:50px;background:#13a4e8;box-shadow:0 0 5px rgba(19,164,232,0.4);margin-left:.7em}
.relpost ul{align-items:stretch;padding:1em}
.relpost ul li{width:25%;padding:5px}
.relpost ul li a{position:relative;display:block;border-radius:7px;overflow:hidden;box-shadow:2px 2px 5px RGBA(0,0,0,0.2)}
.relpost ul li img{display:block;width:100%;height:auto}
.relpost ul li span{position:absolute;left:0;top:0;width:100%;height:100%;background:RGBA(0,0,0,0.6);text-align:center;padding:1em .5em;color:#fff;transform:scale(1.2);opacity:0}
.relpost ul li:hover span{opacity:1;transform:scale(1)}
.relpost ul li:hover img{transform:scale(1.1);filter:grayscale(80%)}
.mfcomment{background:#fff;margin:0 0 1.5em;border-radius:1em;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,.1)}
.mfcomment header{padding:1.5em;border-bottom:1px solid #e6e6e6}
.mfcomment header h4{display:flex;align-items:center;font-size:15px;color:#888}
.mfcomment header svg{margin-left:.7em;width:24px;height:21px;fill:var(--redcolor)}
.mfcomment header{display:flex;position:relative}
.mfcomment header span{color:#6E6E6E;border-radius:12PX;position:absolute;left:1.5em;top:50%;transform:translate(0,-50%)}
.mfcomment form{padding:1.5em 1.5em 0}
.mfcb{display:flex;flex-wrap:wrap;justify-content:space-between}
.mifahold{display:flex;flex-wrap:wrap;flex-direction:column;width:30%}
.mfcomment form input{padding:1em 1.5em;border-radius:1em;font-size:14px;transition:all 300ms ease-out;background:#f5f5f5;width:100%}
.mfcomment form input[name="author"]{margin:0 0 1.5em}
.mfcomment form input:focus,.mfcomment form textarea:focus{background:#eee}
.mifahold2{border-radius:1em;background:#f5f5f5;position:relative;width:67%;overflow:hidden}
.mifahold2l{width:100%}
.mfcomment form textarea{width:100%;resize:none;height:100%;padding:1em 1.5em;display:flex;flex-wrap:wrap}
.mfcomment form button{position:absolute;left:1.5em;top:50%;transform:translate(0,-50%);background:var(--redcolor);width:40px;height:40px;border-radius:1em .5em .5em 1em;transition:all 300ms ease-out;fill:#fff}
.mfcomment form button svg{position:absolute;top:54%;transform:translate(-50%,-50%);left:46%;width:25px;height:20px}
.mfcomment form button:hover,.mfcomment form textarea:focus + button,.mfcomment form textarea:hover + button{background:#000d07}
.mifahold3{border:1px solid var(--redcolor);width:100%;margin:1.5em 0 0;display:flex;justify-content:center;border-radius:1em;padding:.7em;color:var(--redcolor)}
.mifacnot{background:var(--redcolor);color:#fff;padding:1em;text-align:center;margin:1.5em;border-radius:1em}
.mifahold3 a{color:#000d07}
.mfcomment > ul{padding:1.5em 1.5em 0}
.mfcomment ul li > span{display:block;border-radius:1em;line-height:2;margin:0 0 1.5em;border:1px solid #e4e4e4;overflow:hidden;width:100%}
.mfcomment ul .administrator > span{border-color:var(--redcolor)}
.mfcomment ul li > span span{padding:.6em 1em;justify-content:space-between;background:#f8f8f8}
.mfcomment ul li > span span b{font-size:16px;display:flex;align-items:center}
.mfcomment ul li > span span i,.mfcomment ul li > span span em{color:#6e6e6e;font-size:13px;font-style:normal}
.mfcomment ul li > span span em{color:#8e8e8e;margin-right:.7em}
.mfcomment ul li p{display:flex;color:#4e4e4e;text-align:justify;padding:.7em 1em;font-size:14px;flex-wrap:wrap}
.mfcomment ul li strong{color:#ff5722;font-size:14px;padding:0 1em .5em}
.mfcomment ul li .children{margin:1em 1.5em 0 0}
.mfcomment ul .administrator > span span b{color:var(--redcolor)}
.broqdim{background:#fff;border-radius:10px;margin-bottom:1em;overflow:hidden;padding:1em;box-shadow:0 0 12px RGBA(45,45,45,0.14)}
.broqdim svg{margin-left:.5em;width:20px;height:20px;fill:var(--redcolor)}
.broqdim a{color:#797979}
.broqdim i{width:5px;height:10px;background:#eee;border-radius:15px;margin:.5em}
.linkbias{color:var(--redcolor)!important}
@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)}
}
.mshads{margin-top:1.5em}
.mshads a,.mshads img{display:block;margin:0 auto;border-radius:14px}
.tmarta {width: 100%;}
.tmarta h3{margin-bottom:0}
.tmarta a {background: linear-gradient(90deg,rgba(70,82,100,1) 0%,rgba(34,40,49,1) 100%);color: #fff !important;padding: .5em;display: inline-flex;border-radius: .5em;margin: 1em 0 0;font-size: 15px;fill: #fff;align-items: center;justify-content: center;}
.tmarta svg{width:35px;height:35px;margin-left:.5em}
.tmarta a{width:75%;background:var(--redcolor)}
.tmarta a:hover{background:var(--color-hover)}
.namamp3s{text-align:center}
.namamp3s li{display:flex;justify-content:center}
.namamp3s li a{display:inline-flex;justify-content:center;align-items:center;background:var(--redcolor);padding:.5em;border-radius:1em;color:#fff!important;margin:1em 0 0;flex-wrap:wrap;font-size:16px;stroke:#fff;min-width:65%}
.namamp3s li a:hover{background:#000d07}
.namamp3s a span{background:#000d07;font-size:13px;padding:4px 10px;border-radius:.5em;color:#fff;margin-right:.5em}
.namamp3s a svg{margin-left:.5em;width:18px;height:18px}
.texlison{display:inline-flex;padding:.6em 1.4em;background:var(--box-texeara-color);color:var(--redcolor);border-radius:25px;font-size:13px;align-items:center;margin:1em 0 0;font-weight:700}
.texlison svg{fill:var(--redcolor);width:24px;height:24px;margin-left:.2em}
.sonmimp3 .dllinkso{margin:1em 0 0;background-color:var(--redcolor);padding:.4em 1em;border-radius:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 20px var(--box-shadow-color);width:100%;color:#fff;font-size:15px}
.sonmimp3 .dllinkso:hover{background:var(--color-hover);color:#fff}
.sonmimp3 .dllinkso svg{fill:#fff;width:30px;height:20px}
.sonmimp3 .singertag {margin: 1em 0 0;background-color: #474747;padding: .4em 1em;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 0 20px var(--box-texeara-color);width: 100%;color: var(--bg--header);font-size: 15px;}
.sonmimp3 .singertag:hover{background:#030303;color:#fff;}
.sonmimp3 .singertag svg{fill:var(--bg--header);width:30px;height:27px}
.dvfdl{display:flex;flex-wrap:wrap;justify-content:center}
.mktgis{width:95%;margin:0 auto 1.2em;padding:0;display:flex;justify-content:space-between}
.mktgis a{color:#fff;display:flex;font-size:14px;padding:.7em .5em;text-align:center;border-radius:10px;justify-content:center;align-items:center;width:49%;font-weight: bold;}
.mktgis .insta{background:#833AB4;box-shadow:0 3px 8px rgb(131 58 180 / 30%)}
.mktgis .telg{background:#0088CC;box-shadow:0 3px 8px rgb(0 136 204 / 30%)}
.mktgis svg{margin-left:.6em}
.mktgis a:hover{background:#1a1c18;box-shadow:0 3px 8px rgb(0 0 0 / 10%);color: #fff;}
@media screen and (max-width: 1024px) {
.dmw{width:100%}
}
@media screen and (max-width: 960px) {
.d-left,.d-right,.d-center{width:100%}
.d-center{order:1}
.ibpagenum{order:2}
.d-right{order:3;margin-top:1em}
.d-left{order:4}
.mfcomment header{padding:1em}
.mfcomment{margin:0 0 1em}
}
@media screen and (max-width:800px) {
.header nav,.search,.d-center,.d-right,.d-left{width:100%}
.header{padding:.7em 0}
.dmulogo{width:110px;height:35px;margin-left:.8em}
.search{flex:1}
.d-center{padding:0}
.ibpagenum{margin-bottom:1em}
.irbox ul{justify-content:flex-start}
.irbox li{width:auto;margin-left:.6em}
.irmenu ul,nav ul{display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap;text-align:center;width:100%}
.rjtms{width:100%;justify-content:center;text-align:center}
.album-player .tracks .item .cell.dl .m{display:none}
}
@media screen and (max-width: 680px) {
.vip ul li{width:33.3%}
}
@media screen and (max-width: 600px) {
.album-player .player .cell.button{width:60px}
.album-player .player .cell.volume,.album-player .player .cell.time .total{display:none}
}
@media screen and (max-width:640px) {
.ircopy{padding-bottom:6em}
.relpost ul{display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap;text-align:center;width:100%}
.relpost ul li{display:inline-block}
.relpost ul li span{white-space:normal}
.relpost ul li{width:33%}
}
@media screen and (max-width: 520px) {
.smfmusic{width:100%}
.smfmusic ul{margin:0 0 1em}
.smscls{margin:1em 0 0}
.iranorder svg{display:none}
.relpost ul li{width:33%}
.mshads,.msf2{margin-top:1em}
}
@media screen and (max-width: 480px) {
.vip ul li{width:50%}
.relpost ul li{width:38%}
.tmarta a{width:100%;font-size:14px}
}
@media screen and (max-width: 425px) {
.mifahold3{text-align:center}
.mfcomment form,.mfcomment > ul{padding:1em 1em 0}
.tmarta svg{width:25px;height:25px;margin-left:.5em}
.namamp3s li a{width:100%;min-width:inherit}
}
@media screen and (max-width: 411px) {
.mifati,.mfcb{flex-direction:column;margin:0}
.mifati a{margin:1em 0 0}
.mfcb div{width:100%}
.mifahold{margin:0 0 1em}
.mktgis a{font-size:13px;padding:.7em 0}
}
@media screen and (max-width:385px) {
.mktgis{flex-direction:column}
.mktgis a{width:100%}
.insta{margin:0 0 1em}
}
@media screen and (max-width:240px) {
.relpost ul li{width:70%}
.comment-form input{width:100%;margin-bottom:1em}
.comment-respond .cmhol{flex-direction:column}
.comment-respond .cmhol.foot span{margin:0}
.comment-respond form .btn{width:100%;margin:1em 0 0}
.mp3dl ul li{padding:.8em 0}
.mp3dl ul li a{padding:.6em}
.mp3dl ul li a::before{display:none}
}