.modsters_box { width: 100%; float: left; background: url(../img/moodsters/mood_pattern.png) repeat #e5d6e9; padding: 30px 30px 0; font-size: 18px; color: #753794; border-radius: 40px; }
.mood_banner figure img { width: 100%; }
.mood_banner a { float: right; font-size: 16px; padding: 3px 7px; background: #753794; color: var(--white); border-radius: 3px; min-width: 150px; text-align: center; }
.mood_banner a i {margin-left:5px; font-size:15px; color:var(--white); display:inline-block; vertical-align:top; }
.mood_banner a:hover { background: #af3827; }
.mood_des { margin: 50px 0 0; clear: both; }
.modsters_box h4 { color: var(--white); background: #753794; margin:0 0 30px; padding: 7px 15px 9px; min-width: 350px; display: inline-block; border-radius: 10px; font-weight: 400; text-align: center; }
.modsters_box h5 { color: #753794; display: inline-block; font-weight: 600; margin: 0 0 15px; }
.mood_des p { color: #753794; font-size: inherit; padding: 0 3%; }
.mood_row { clear: both; margin: 40px 0; }
.mood_char, .mood_emotions { text-align: center; }
.mood_emotions li { display: inline-block; margin: 0 0 15px; padding: 0 15px; }
.mood_char li { display: inline-block; margin: 0 0 15px; width: 33%; }
.mood_title { width: 100%; float: left; text-align: center; margin-bottom: 15px; }
.m_feat_lft li { position: relative; padding: 10px 0 0 56px; margin: 0 0 15px; line-height: 21px; }
.m_feat_lft li:before { content: ''; background-image: url(../img/moodsters/moos_icon.png); background-repeat: no-repeat; background-size: 100%; width: 38px; height: 36px; position: absolute; left: 0; top: 20%; }
.mood_foot { background: #78458f; border-radius: 0 0 30px 30px; clear: both; margin: 55px -30px 0; width: calc(100% + 60px); border-top: 5px solid #ffd329; float: left; }
.mood_foot span { display: block; position: relative; top: -50px; }
.title_sm { text-align: center; margin: 0 0 10px; }
.title_sm h6 { background: #753794; padding: 8px 15px; display: inline-block; text-align: center; min-width: 200px; border-radius: 7px; color: var(--white); font-weight: 400; letter-spacing: 1.9px; text-transform: uppercase; }
.m_feat_rht img { width: 100%; }

@media (max-width:991px){
	.mood_banner { margin-bottom: 20px; width: 100%; float: left; }
}
@media (max-width:880px){
	.title_sm h6 { min-width: 160px; }
}
@media (max-width:575px){
	.modsters_box h4 { min-width: 100%; margin: 0 0 20px; }
}
@media (max-width:767px){
	.mood_char li { width: 48%; }
	.mood_des {margin:30px 0 0;}
}
@media (max-width:420px){
	.modsters_box { padding: 20px 20px 0; }
}