@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-wrap.flex {
		display: initial!important
	}
}

.emj-wrap .emj-container .emj-img {
	height: 40px;
	width: 40px;
	border-radius: 40px;
	padding: 10px;
	margin: 0 10px;
	background-color: #ca0a37;
	background-repeat: no-repeat;
	background-size: 100%
}

.emj-wrap-topd .emj-emoji .emj-img {
	height: 30px;
	width: 30px;
	border-radius: 30px;
	background-repeat: no-repeat;
	background-size: 100%
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd .emj-emoji .emj-img {
		margin-top: -10px
	}
}

.emj-top-emoji .emj-img {
	height: 25px;
	width: 25px;
	border-radius: 25px;
	padding: 10px;
	margin: 0 5px;
	background-color: #ca0a37;
	background-repeat: no-repeat;
	background-size: 100%
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-container.emj-container-topd {
		margin-top: 40px
	}
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap .emj-container-topd {
		margin-top: 8px
	}
	.emj-wrap .emj-container-topd .emj-title {
		margin-top: 0
	}
}
@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-wrap.emj-top-drop-slidein {
		height: auto
	}
	.emj-wrap .emj-btm-panel-topd {
		width: 100%;
		top: -500px;
		position: relative;
		height: 0
	}
	.emj-wrap .emj-btm-panel-topd.emj-btm-panel-slidein {
		top: -20px;
		height: 60px
	}
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-emoji .emj-title {
		padding-left: 0
	}
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-container-topd .emj-count {
		margin: -18px -4px
	}
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-wrap-topd .emj-header {
		margin-bottom: 20px
	}
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd .emj-header {
		display: inline-block;
		float: left;
		line-height: 24px
	}
}

.emj-emoji .emj-title, .emj-top-emoji .emj-title {
	font-size: 13px;
	text-align: center;
	margin-bottom: 0;
	opacity: 0
}

.emj-top-emoji .emj-count {
	border-radius: 24px;
	background-color: #434343;
	text-align: center;
	margin: -12px 5px;
	width: 24px;
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: 8px;
	line-height: 24px;
	height: 24px;
	font-weight: 700
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd .emj-header {
		width: 200px
	}
}

.thankyou-text {
	font-size: 16px;
	color: #2d2d2d;
	text-align: center;
	text-transform: uppercase
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.thankyou-text {
		margin-top: 0
	}
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.thankyou-text {
		margin-top: 20px
	}
}

.emj-btm-panel-share {
	padding: 3px
}

.emj-btm-panel-share button.share-buttons {
	max-width: none;
	margin: 0 auto;
	width: 135px;
	height: 50px
}

.emj-btm-panel-share button.share-buttons span {
	display: inline-block
}

.emj-btm-panel-share button.share-buttons span.icons {
	margin-right: 6px
}

.emj-btm-panel {
	margin: 20px auto;
	transition: all .4s
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-btm-panel {
		margin: 0
	}
}

.emj-wrap-bottom .emj-post-title {
	display: none
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-post-title {
		display: none
	}
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-post-title {
		display: block;
		color: #cf0c35;
		margin-top: 4px;
		margin-left: 50px
	}
}

.dr_rw_percentage .emj-votes, .dr_rw_votes .emj-percentage {
	display: none
}

.emj-top-emoji {
	display: none;
	z-index: 99999;
	right: 160px;
	transition: all .4s
}

.emj-top-emoji .emj-count {
	margin: 5px 0 -10px
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-top-emoji {
		position: fixed;
		display: block;
		top: -180px
	}
	.emj-top-emoji.emj-top-emoji-slidein {
		top: 0
	}
}

.emj-wrap-topd .emj-dropdown-frame-1 {
	padding: 10px 20px
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-wrap-topd .emj-dropdown-frame-1 {
		text-align: center
	}
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd .emj-dropdown-frame-1 {
		margin: 0 auto
	}
}

.emj-wrap-topd .close-dropdown {
	width: 50px;
	height: 20px;
	text-align: center;
	margin: 18px 47%;
	border-radius: 0 0 6px 6px;
	background-color: #333;
	display: none;
	position: absolute
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd .close-dropdown {
		margin: 102px 54%
	}
}

.emj-wrap-topd .close-dropdown.slidein {
	display: block
}

.emj-wrap-topd .close-dropdown:after {
	content: "\25B4";
	color: #fff;
	cursor: pointer
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-wrap-topd {
		height: 0;
		border-bottom: 14px solid #333;
		border-radius: 0 0 6px 6px;
		box-shadow: 0 16px 20px rgba(0, 0, 0, .3)
	}
}

.emj-wrap-topd {
	position: fixed;
	top: 0;
	z-index: 10000;
	padding: 7px 0;
	left: 20%;
	margin-top: 0;
	width: 600px;
	transition: all .4s
}

.emj-wrap-topd span.icon-check {
	margin: -10px 40px 40px
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd span.icon-check {
		margin: -4px 15px 40px
	}
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-wrap-topd {
		width: 100%
	}
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd {
		top: -200px
	}
	.emj-wrap-topd.emj-top-drop-slidein {
		top: 0
	}
}

.emj-wrap-topd .emj-whats-txt {
	font-size: 24px;
	color: #2d2d2d
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd .emj-whats-txt {
		color: #fff
	}
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd .emj-btm-panel {
		margin-top: -15px;
		display: none;
		background-color: #fff;
		border-bottom: 20px solid #333;
		border-radius: 0 0 6px 6px;
		box-shadow: 0 16px 20px rgba(0, 0, 0, .3);
		z-index: -100;
		position: absolute;
		left: 20%;
		min-width: 420px;
		width: auto
	}
}

@media only screen and (min-width:809px) and (max-width:1366px) {
	.emj-wrap-topd .emj-btm-panel.emj-btm-panel-slidein {
		display: block;
		width: auto;
		padding: 20px
	}
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-wrap-topd {
		top: -200px;
		left: 0;
		background-color: #fff;
		z-index: 1000
	}
}

.emj-wrap-topd.emj-top-drop-slidein {
	display: block;
	-webkit-animation-name: emj-bounce;
	animation-name: emj-bounce;
	-webkit-animation-duration: .6s;
	animation-duration: .6s
}

@media only screen and (min-width:601px) and (max-width:808px) {
	.emj-wrap-topd.emj-top-drop-slidein {
		top: 60px
	}
}

.emj-btm-panel.emj-btm-panel-bottom {
	opacity: 0;
	height: 0;
	display: none
}

.emj-btm-panel.emj-btm-panel-bottom-slidein {
	opacity: 1;
	height: auto;
	display: block
}

.emj-btm-panel-share .comments {
	background-color: #3a3b3c
}

.emj-btm-panel-share .comments .icons.emj-comments:before {
	font-family: custom-icons;
	content: "\e96d";
	color: #fff;
	padding-right: 3px
}

@-webkit-keyframes emj-enlarge {
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes emj-enlarge {
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes emj-bounce {
	0%, 50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	60% {
		-webkit-transform: translateY(15px);
		transform: translateY(15px)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes emj-bounce {
	0%, 50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	60% {
		-webkit-transform: translateY(15px);
		transform: translateY(15px)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}