@media (max-width: 1210px){
	/* =========================================================
	Development
	============================================================ */
	#development-blog {
		width: 100%;
		padding: 0 5% 0 5%;
	}
}

@media (max-width: 1170px){
	/************************** Content blog **************************/
	ul.list-post li a > .info-post .date-post{
		width: 100%;
	}
	
	ul.list-post li a > .info-post .category-post {
		width: 100%;
		padding: 20px 4% 20px 4%;
	}

	ul.list-post li a .bot-enter-post > .bot {
		width: 60%;
		font-size: 12px;
	}
	
	ul.list-post li a > .info-post .date-post span{
		width: none;
		float: none;
		text-align: center;
	}
}

@media (max-width: 940px){
	/************************** Content blog **************************/
	/****** List categories *******/
	ul.list-post li a {
		font-size: 15px;
	}
	
	ul.list-post li a .bot-enter-post > .bot {
		font-size: 13px;
	}
}

@media (max-width: 870px){
	/************************** Content blog **************************/
	ul.list-post li a > .info-post .date-post{
		width: 25%;
	}
	
	ul.list-post li a > .info-post .category-post {
		width: 75%;
		padding: 20px 4% 0px 4%;
	}
	
	ul.list-post li a > .info-post .date-post span{
		width: 100%;
		float: left;
		text-align: center;
	}
	/****** List categories *******/
	/* Class 2 columns */
	ul.list-post.columns-2 li {
		width: 97.5%; /* Restamos 2.5% de el total */
	}
}

@media only screen and (max-width : 799px) {
	/* =========================================================
		Development
	============================================================ */
	/************************** Sidebar **************************/
	.sidebar-blog {
		width: 100%;
		float: left;
	}
	
	.sidebar-blog h3{
		display: none;
	}

	/****** Special list *******/
	.special-list-post {
		display: none;
	}
	
	/****** Popular *******/
	.popular-blog {
		display: none;
	}

	/************************** Content blog **************************/
	.content-blog {
		width: 100%;
		margin-top: 25px;
		float: left;
	}	

}

@media screen and (max-width:800px){ 
	/* =========================================================
		Development
	============================================================ */
	/************************** Sidebar **************************/
	.sidebar-blog div{
		margin-bottom: 0px;
	}
	
	#btn_catagories{
		display: none !important;
	}
	
	/************************** Content blog **************************/
	ul.list-post li a > .info-post .date-post{
		width: 100%;
	}
	
	ul.list-post li a > .info-post .category-post {
		width: 100%;
		padding: 20px 4% 20px 4%;
	}
	
	ul.list-post li a > .info-post .date-post span{
		width: none;
		float: none;
		text-align: center;
	}
	
	/* Class 2 columns */
	ul.list-post.columns-2 li {
		width: 47.5%; /* Restamos 2.5% de el total */
	}
	
}

@media screen and (max-width:660px){ 
	/* =========================================================
		Development
	============================================================ */
	/************************** Content blog **************************/
	/****** List categories *******/
	ul.list-post li a {
		font-size: 12px;
	}
	
	ul.list-post li a .bot-enter-post > .bot {
		font-size: 12px;
	}
	
}

@media screen and (max-width:495px){ 
	/* =========================================================
		Development
	============================================================ */
	/************************** Content blog **************************/
	ul.list-post li a > .info-post .date-post{
		width: 25%;
	}
	
	ul.list-post li a > .info-post .category-post {
		width: 75%;
		padding: 20px 4% 0px 4%;
	}
	
	ul.list-post li a > .info-post .date-post span{
		width: 100%;
		float: left;
		text-align: center;
	}
	/****** List categories *******/
	ul.list-post li a {
		font-size: 15px;
	}
	
	ul.list-post li a .bot-enter-post > .bot {
		font-size: 13px;
	}
	
	/* Class 2 columns */
	ul.list-post.columns-2 li {
		width: 97.5%; /* Restamos 2.5% de el total */
	}
	
	.tags-blog{
		width: 100%;
	}
	
	/************************** Entry blog **************************/
	.tags-blog .ico-tags{
		width:10%;
	}

	.tags-blog .links-tags{
		width:90%;
	}
	
	.post .content-post .icon-user{
		width: 40px;
		padding: 10px 0 10px 0;
	}

	.post .content-post .name-user,
	.post .content-post .date-post-user,
	.post .content-post .text-post-user,
	.post .content-post .bt-answer{
		width: calc( 100% - 60px );
	}
	
	.answer{
		margin-left: 20px;
		color: #888079;
	}
	
}

@media screen and (max-width:400px){ 
	/* =========================================================
		Development
	============================================================ */
	/************************** Content blog **************************/
	/****** List categories *******/
	ul.list-post li a {
		font-size: 12px;
	}
	
	ul.list-post li a .bot-enter-post > .bot {
		font-size: 12px;
	}
	
	/************************** Entry blog **************************/	
	.next-after-post{
		font-size: 12px;
	}
	
	/****** Form commentaries *******/
	.form-users input:nth-child(1){
		width: 100%;
		margin-right: 0px;
	}

	.form-users input:nth-child(2){
		width: 100%;
		margin-left: 0px;
	}

}

@media screen and (max-width:335px){ 
	/* =========================================================
		Development
	============================================================ */
	/************************** Content blog **************************/
	ul.list-post li a > .info-post .date-post{
		width: 100%;
	}
	
	ul.list-post li a > .info-post .category-post {
		width: 100%;
		padding: 20px 4% 20px 4%;
	}
	
	ul.list-post li a > .info-post .date-post span{
		width: none;
		float: none;
		text-align: center;
	}
	
}