.filter-area .main{padding:0 10px}
#movie-genre,#serie-genre,#search-form-loader{display:none}
.search-form{margin-bottom:50px;padding:10px 10px 20px;background-color:var(--bg)}
.search-form #form-search-title,.search-form #form-search-btn{padding:10px 15px;border:0}
.search-form #form-search-title{font-family:yekan;width:calc(100% - 163px);margin-right:7.5px;background-color:rgba(0, 0, 0, 0.08);border:1px rgba(255, 255, 255, 0.15) solid}
.search-form #form-search-btn{font-family:yekan;width:135px;margin-left:7.5px;color:#444}
.search-form #form-search-btn[data-last="جستجو"]{background-color:var(--color)}
.search-form .fields{display:flex;flex-wrap:wrap;margin-bottom:10px}
.search-form .fields .field{flex:1 0 14.28%;max-width:16.66%;padding:7.5px}
.search-form .fields .field input,.search-form .fields .field select{text-align:center;background-color:var(--blur);padding:10px 15px;border:0}
.search-form #form-search-btn i{margin-right:3px}
.search-form .fields option{color:#000}
.search-form #form-search-btn:hover{opacity:0.8}

#filter-btn{display:none}

.intro{margin:40px 0}
.intro p{font-family:yekan;line-height:2;opacity:.8;line-height:1.8;margin-top:10px}

@media only screen and (max-width:920px){
.search-form .fields{margin-bottom:15px;display:none}
#filter-btn{display:block;padding:10px 5px;margin:10px 7.5px 15px;width:calc(100% - 15px)}
#filter-btn i{margin-left:7px}
.search-form{padding:5px;margin:20px 0 10px 0}
.search-form #form-search-title, .search-form #form-search-btn{font-size:13px;padding:10px 5px;border-radius:5px}
.search-form #form-search-btn{width:90px}
.search-form #form-search-title{width:calc(100% - 120px)}
.search-form .fields .field input,.search-form .fields .field select{font-size:13px;padding:8px 10px}
.search-form .search{margin-bottom:10px}
.search-form{padding:7.5px}
.intro{margin-top:20px}
.filter-area .main{padding:0}
}
@media only screen and (max-width:810px){
.search-form .fields .field{width:33.33%;flex:1 0 33.33%;max-width:33.33%}
.intro{margin:60px 0}
.intro p{font-size:13px}
}
@media only screen and (max-width:460px){
.search-form .fields .field{width:50%;flex:1 0 50%;max-width:50%}
}