#search-area{height:48vh;margin-bottom:180px;background-size:100%;background-repeat:no-repeat;background-position:center;}#search-area>.col{margin-top:10vh;}#search-area .input-container{height:50px;}#search-area .collection-area{height:35vh;margin-top:35px;}#search-area .collection-area>.col{height:100%;background-color:rgba(145,47,108,.7);}#search-area .collection-area .collection-content{height:45%;display:flex;align-items:center;justify-content:space-between;}#search-area .collection-area .collection-description{height:55%;font-size:18px;color:#fff;margin:3% 7% 7% 7%;text-align:left;}@media(max-width:768px){#search-area .collection-area .collection-description{font-size:14px;}}#search-area .collection-area .collection-container{height:100%;width:100%;background:rgba(0,0,0,.3);}#search-area .collection-area .collection-container .char-thumbnail{font-size:80px;width:130px;margin-top:40px;border:1px solid #000000;color:#000000;margin-right:7%;}@media(max-width:768px){#search-area .collection-area .collection-container .char-thumbnail{font-size:32px;width:60px;}}@media(min-width:768px) and (max-width:992px){#search-area .collection-area .collection-container .char-thumbnail{font-size:40px;width:70px;}}@media(min-width:992px) and (max-width:1200px){#search-area .collection-area .collection-container .char-thumbnail{font-size:60px;width:110px;}}#search-area .collection-area .collection-container .title{font-size:60px;line-height:60px;font-weight:300;color:#fff;margin-top:40px;margin-left:7%;}@media(max-width:768px){#search-area .collection-area .collection-container .title{font-size:32px;line-height:32px;}}@media(min-width:768px) and (max-width:992px){#search-area .collection-area .collection-container .title{font-size:45px;line-height:45px;}}