/** Custom */
.filter_by {
	padding-bottom: 5%;
}
.filter_by_cat {
	width: 15%;
	float: left;
}
.filter_by_date {
	width: 25%;
	float: left;
}
.fa-caret-up{
font-size:1.5em !important
}
.learderboard_container {
	padding-left: 10%;
	padding-right: 10%;
}

.producthunt-list > li > .info > .gen-col-2 > .ph_title_tagline > h2 > a:hover {
	 text-decoration:none; 
	border: none;
	}

.gen-col-3 > .post-hunter > a, .gen-col-3 > .post-maker > a {
	text-decoration:none; 
	border: none !important;
	color: inherit;
}
.gen-col-1 a {
	text-decoration:none; 
	border: none !important;
	color: inherit;
}
.gen-col-3 > .post-hunter > a:hover, .gen-col-3 > .post-maker > a:hover {

	 text-decoration:none; 
	border: none;

}
.producthunt-list > li > .info > .gen-col-2 > .ph_title_tagline > p > a:hover{
	 text-decoration:none; 
	border: none;
	}

.dropdown-menu a {
   text-decoration:none;
}
.dropdown-menu a:hover {
   text-decoration:none;
border: none !important;
}

.product-hunt, .countdown-timer{
	padding: 0 1% 0 1%;
	font-weight: normal;
}
.producthunt-single-post {
	width: 100%;
}
.gen-producthunt-menu{
	padding-left: 10px;
	padding-bottom: 20px;
}
.gen-producthunt-menu .btn {
		text-transform: capitalize;
}
.gen-post-img {
	cursor: pointer;
}
.gen-post-image-category{
	position: relative;	
}

.gen-post-category {
	position: absolute;   
    padding: 10px;        
    margin: 0px;
    border: 1px solid #333333;
    font-weight: normal !important;
} 

.info > .gen-col-2 > .title, .info > .gen-col-2 > .tagline, 
.info > .gen-col-3 > .post-hunter, .info > .gen-col-3 > .post-maker,
.info > .gen-col-1 > .post-upvote, .info > .gen-col-1 > .post-comment{			
		font-family: 'Lato', sans-serif;
}
.info > .gen-col-2 > .ph_title_tagline > .title {			
		/* font-weight: 200; */
		font-size: 17px;
		font-weight: bold;
}
.info > .gen-col-2 > .ph_title_tagline > .tagline {			
	font-size: 15px;
	font-weight: normal;	
}
.info > .gen-col-3 > .post-hunter, .info > .gen-col-3 > .post-maker, 
.info > .gen-col-1 > .post-upvote, .info > .gen-col-1 > .post-comment {			
		font-size: 15px;
		font-weight: normal;
}

.gen-post-image-category .label-info, .gencol2-block-1 .label-info{
		background-color: #5bc0de;
}
.label {
	border-radius: 0.25em;
	display: inline;
	font-size: 80%;
	font-weight: 700;
	line-height: 1;
	padding: 0.2em 0.6em 0.3em;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
}

.info h2 {
	margin: 0 !important;	
}

.countdown-timer {
	text-align: right;
}
.producthunt-list .title, .producthunt-list .tagline {
	padding: 0px 5px 0 5px;
}
.post-hunter img, .post-maker img{
	padding: 0px 5px 0 5px;
}
@media (min-width: 320px) and (max-width: 400px) {

	.countdown-timer {
		text-align: left;
	}

	.product-hunt {
		padding: 0 1% 0 1%;
		margin-top: 56px;
	}

	.filter_by {
		margin-bottom: 40%;
	}
	.filter_by_cat {
		width: 100%;
		float: left;
	}
	.filter_by_date {
		width: 100%;
		float: left;
		padding-top: 5px;
	}

	.filter_date_info {
		width: 100%;
		float: left;
		padding-top: 0px;		
	}

	.gen-post-category {
		left: 40%;
		right: 38%;
    	top: 90%;
	}
	.info {
		width: 100%;		
	}
	.gen-col-1 {
		width: 100%;
		text-align: center;	
		display: inline-flex;
		margin: auto;
	}
	.fa-caret-up {
		 font-size: 21px;
	}
	.producthunt-list > li > .gen-post-image-category > img {
		width: auto;
		height: auto;
		padding: 10% 24% 15%;
	}
	.post-upvote,.post-comment {
		width: 50%;			
	}
	.gen-col-2 {
		width: 100%;
		margin: auto;
		text-align: center;	
	}

	.gencol2-block-1 {
		width:50%; 
		float:left;
		text-align: center;
	}
	.gencol2-block-2 {
		width:50%; 
		float:left;
		text-align: center;
	}
	.ph_title_tagline {
		/* margin: auto; */
		height: auto;
		margin-top: 4%;
		width: 100%;		
	}
	.ph_cat_time {
		margin:-11px 0 60px 0;
		width: 100%;
	}
	.gen-col-3 {
		width: 100%;
		margin: auto;
		text-align: center;	
		padding-bottom: 5px;
	}
	.gen-post-image-category .label-info {
		background-color: transparent;
	}
}

@media (min-width: 401px) and (max-width: 499px) {

	.filter_by {
		padding-bottom: 30%;
	}
	.filter_by_cat {
		width: 100%;
		float: left;
	}
	.filter_by_date {
		width: 100%;
		float: left;
		padding-top: 5px;
	}

	.filter_date_info {
		width: 100%;
		float: left;
		padding-top: 0px;
		padding-bottom: 10px;
	}

	.gen-post-category {
		left: 40%;
		right: 38%;
    	top: 90%;
	}
	.info {
		width: 100%;		
	}
	.gen-col-1 {
		width: 100%;
		text-align: center;	
		display: inline-flex;
		margin: auto;
	}
	.fa-caret-up {
		 font-size: 21px;
	}
	.producthunt-list > li > .gen-post-image-category > img {
		width: auto;
		height: auto;
		padding: 10% 0% 0% 27%;
	}
	.post-upvote,.post-comment {
		width: 50%;			
	}
	.gen-col-2 {
		width: 100%;
		margin: auto;
		text-align: center;	
	}

	.gencol2-block-1 {
		width:50%; 
		float:left;
		text-align: center;
	}
	.gencol2-block-2 {
		width:50%; 
		float:left;
		text-align: center;
	}
	.ph_title_tagline {
		/* margin: auto; */
		height: auto;
		margin-top: 4%;
		width: 100%;		
	}
	.ph_cat_time {
		margin:-11px 0 60px 0;
		width: 100%;
	}
	.gen-col-3 {
		width: 100%;
		margin: auto;
		text-align: center;	
		padding-bottom: 5px;
	}
	.gen-post-image-category .label-info {
		background-color: transparent;
	}

}

@media (min-width: 500px) and (max-width: 689px) {

	.filter_by {
		padding-bottom: 35%;
	}
	.filter_by_cat {
		width: 100%;
		float: left;
	}
	.filter_by_date {
		width: 100%;
		float: left;
		padding-top: 5px;
	}

	.filter_date_info {
		width: 100%;
		float: left;
		padding-top: 0px;
		padding-bottom: 10px;
	}

	.gen-post-category {
		left: 40%;
		right: 38%;
    	top: 90%;
	}
	.info {
		width: 100%;		
	}
	.gen-col-1 {
		width: 100%;
		text-align: center;	
		display: inline-flex;
		margin: auto;
	}
	.fa-caret-up {
		 font-size: 21px;
	}
	.producthunt-list > li > .gen-post-image-category > img {
		width: auto;
		height: auto;
		padding: 10% 0% 0% 33%;
	}
	.post-upvote,.post-comment {
		width: 50%;			
	}
	.gen-col-2 {
		width: 100%;
		margin: auto;
		text-align: center;	
	}

	.gencol2-block-1 {
		width:50%; 
		float:left;
		text-align: center;
	}
	.gencol2-block-2 {
		width:50%; 
		float:left;
		text-align: center;
	}
	.ph_title_tagline {
		/* margin: auto; */
		height: auto;
		margin-top: 4%;
		width: 100%;		
	}
	.ph_cat_time {
		margin:-11px 0 60px 0;
		width: 100%;
	}
	.gen-col-3 {
		width: 100%;
		margin: auto;
		text-align: center;	
		padding-bottom: 5px;
	}
	.gen-post-image-category .label-info {
		background-color: transparent;
	}
}

/* @media (min-width: 768px) { 600 t0 767 */
	@media (min-width: 690px) {

	.filter_by {
		padding-bottom: 8%;
	}
	.filter_by_cat {
		width: 50%;
		float: left;
	}
	.filter_by_date {
		width: 50%;
		float: left;
	}
	.filter_date_info {
		width: 100%;
		float: left;
		padding-top: 0px;
		padding-bottom: 10px;
	}

	.info > .gen-col-2 > .ph_title_tagline > .tagline {		
		height: auto;
	}

	.gen-post-category {
		left: 45%;
		right: 5%;
    	top: 81%;
	}
	.gen-post-image-category .label-info {
		background-color: #5bc0de;
	}
	.producthunt-single-post {
		display: inline-flex !important;
	}
	.gen-post-image-category{
		width: 23% !important;
	}

	.info {
		width: 77%;
		display: inline-flex;
	}
	
	.info > .gen-col-2 > .title {
		font-size: 17PX;			
	}
	.gen-col-1 {
		width: 30%;
		text-align: center;	
		display: inline-flex;
		margin: auto;
	}
	.fa-caret-up {
		 font-size: 21px;
	}
	.post-upvote,.post-comment {
		width: 50%;			
	}
	.gen-col-2 {
		width: 100%;
		margin: auto;
		text-align: left;	
	}
	/* .gen-col-2 p {
		height: 75px;
	} */
	.ph_title_tagline {
		/* margin: auto; */
		height: auto;
		/* margin-top: 12%; */
		width: 100%;		
	}
	.ph_cat_time {
		/* padding-top:4%; */
		width: 100%;
	}
	.gencol2-block-1 {
		width:50%; 
		float:left;
		text-align: left;
	}
	.gencol2-block-2 {
		width:50%; 
		float:left;
		text-align: center;
	}
	.gen-col-3 {
		width: 58%;
		margin: auto;
		text-align: left;	
	}
	.info p {
		margin-bottom: 0 !important;	
	}
}
@media (min-width: 980px) {

	.filter_by {
		padding-bottom: 5%;
	}
	.filter_by_cat {
		width: 25%;
		float: left;
	}
	.filter_by_date {
		width: 25%;
		float: left;
	}
	.filter_date_info {
		width: 50%;
		float: left;
	}

	.info > .gen-col-2 > .ph_title_tagline > .tagline {			
		height: auto;
	}
	
	.producthunt-single-post{
		width: 100%;
	}
	.gen-post-category {
		left: 37%;
    	top: 87%;
    	right: 5%;
	}
	.gen-post-image-category .label-info {
		background-color: #5bc0de;
	}
	.gen-post-image-category{
		width: 19% !important;
	}
	.info {
		width: 81%;
	}
	.gen-col-1 {
		width: 15%;
		text-align: center;	
		display: inline-flex;
		margin: auto;
	}
	.fa-caret-up {
		 font-size: 21px;
	}
	.post-upvote {
		width: 50%;			
		/* padding-left: 25%; */
	}
	.post-comment {
		width: 50%;			
		/* padding-right: 25%; */
	}
	.gen-col-2 {
		width: 60%;
		margin: auto;
		text-align: left;	
	}
	/* .gen-col-2 p {
		height: 75px;
	} */
	.ph_title_tagline {
		/* margin: auto; */
		height: auto;
		margin-top: 9%;
		width: 100%;		
	}
	.ph_cat_time {
		/* padding-top:5%; */
		width: 100%;
	}
	.gencol2-block-1 {
		width:50%; 
		float:left;
		text-align: left;
	}
	.gencol2-block-2 {
		width:50%; 
		float:left;
		text-align: center;
	}
	.gen-col-3 {
		width: 25%;
		margin: auto;
		text-align: left;	
	}

}
@media (min-width: 1280px) {
	
	.gen-post-category {
		left: 37%;
		right: 7%;
    	top: 86%;
	}
	/* .info {
		width: 89%;
		display: inline-flex;
	} */
	.producthunt-single-post {
		display: inline-flex !important;
	}
	.gen-post-image-category .label-info {
		background-color: #5bc0de;
	}
	.gen-post-image-category{
		width: 13% !important;
	}

	.info {
		width: 87%;
		display: inline-flex;
	}
	.gen-col-1 {
		width: 15%;
		text-align: center;	
		/* line-height: 58px; */
		margin: auto;
		display: inline-flex;
	}
	.post-upvote {
		width: 50%;
		height: auto;		
		padding-left: 13%;
	}
	.fa-caret-up {
		 font-size: 1.5em;
	}
	.post-comment {
		width: 50%;
		height: auto;
		padding-right: 13%;
	}
	.gen-col-2 {
		width: 55%;
		margin: auto;
		text-align: left;	
		height:130;
		display: block;
	}
	/* .gen-col-2 p {
		height: 75px;
	} */
	.ph_title_tagline {
		/* margin: auto; */
		height: auto;
		margin-top: 7%;
		width: 100%;		
	}
	.ph_cat_time {
		padding-top:3%;
		width: 100%;
	}
	.gencol2-block-1 {
		width:50%; 
		float:left;
		text-align: left;
	}
	.gencol2-block-2 {
		width:50%; 
		float:left;
		text-align: center;
	}
	.gen-col-3 {
		width: 30%;
		margin: auto;
	}
	.post-Hunter {
		width: 100%;
	}
	.post-maker {
		width: 100%;
	}


}


@media (min-width: 1920px) {
	.gen-post-image-category{
		width: 10% !important;
	}
	.info {
		width: 90%;
		display: inline-flex;
	}
	.ph_title_tagline {
		/* margin: auto; */
		height: auto;
		margin-top: 5%;
		width: 100%;		
	}
	.ph_cat_time {
		padding-top:2%;
		width: 100%;
	}
}
/*** /end */
	.product-hunt {
		/* padding: 60px 0px; */
		background-color: #fff;
		/* padding: 0 20px 0 20px; */
	}
		     
    .producthunt-list {
		list-style: none;
		/* font-family: 'Lato', sans-serif; */
		margin: 0px;
		padding: 0px;
	}
	
	.producthunt-list > li {
		background-color: rgb(255, 255, 255);
/* 		box-shadow: 0px 0px 5px rgb(51, 51, 51);*/
/* 		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);*/
		border: 1px solid #cccccc;
		padding: 0px;
		margin: 0px 0px 10px;
	}
	
	.producthunt-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	/* .producthunt-list > li > .info > .title {
		font-size: 13px;		
		margin: 0px;
	} */
	.producthunt-list > li > .info > .desc {
		font-size: 11pt;
		font-weight: 300;
		margin: 0px;
	}
	.producthunt-list > li > .info > ul,
	.producthunt-list > li > .social > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.producthunt-list > li > .social > ul {
		margin: 0px;
	}
	.producthunt-list > li > .info > ul > li,
	.producthunt-list > li > .social > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .producthunt-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
    .producthunt-list > li > .social > ul > li {    
        padding: 0px;
    }
    .producthunt-list > li > .social > ul > li > a {
        padding: 3px 0px;
	} 
/* 	.event-list > li > .info > ul > li:hover,
.event-list > li > .social > ul > li:hover {
	color: rgb(30, 30, 30);
	background-color: rgb(200, 200, 200);
} */
	/* .facebook a, */
	.twitter a,
	.google-plus a {
		display: block;
		width: 100%;
		color: rgb(75, 110, 168) !important;
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.google-plus a {
		color: rgb(221, 75, 57) !important;
	}
	/* .facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	} */
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.google-plus:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(221, 75, 57) !important;
	}

	@media (min-width: 768px) {
		.producthunt-list > li {
			position: relative;
			display: block;
			width: 100%;
			/*height: 130px;*/
			height: auto;
			padding: 0px;
		}
		
		.producthunt-list > li > .gen-post-image-category > img  {
			display: inline-block;
		}
		
		.producthunt-list > li > .gen-post-image-category > img {
			width: 130px;
			float: left;
		}
		.producthunt-list > li > .info {
			background-color: #fff;
			overflow: hidden;
		}
		
		.producthunt-list > li > .gen-post-image-category > img {
			width: 130px;
			height: 130px;
			padding: 0px;
			margin: 0px;
		}
		.producthunt-list > li > .info {
			position: relative;
			height: 130px;
			text-align: left;
			/* padding-right: 40px; */
		}	
		.producthunt-list > li > .info > .title, 
		.producthunt-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.producthunt-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.producthunt-list > li > .social {
			position: absolute;
			top: 0px;
			right: 0px;
			display: block;
			width: 40px;
			margin: 5px;
		}
        .producthunt-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.producthunt-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.producthunt-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
	}