/* Responsive style
	--------------------
	| Table of Content |
	--------------------
	- Will target mobile devices in landscape mode and up (480px)

	- Targets tablets in portrait mode and up (600px)

	- Targets tablets in landscape mode and up (768px)

	- Targets the desktop view (1024px)

 */
 @media	(max-width: 1024px){
 	.logo img {
 	}
 	.search {
 		line-height: 5.2
 	}
 	/* home slider */
 	.slider .item {
 		width: 50% !important;
 		height: 320px !important;
 	}
 	.slider .item:nth-child(5){
 		display: none;

 	}
 	.slider .item .desc {
 		font-size: 12px;
 		bottom: 10px !important;
 	}
 	/* single post */
 	.single-post .related-post .content:hover .over {
 		display: none;
 	}
 	.single-post .related-post > h4,
	.leave-comment > h4,
	.post-comment > h4,
	.sidebar-content > div > h4,
	.comment-reply-title {
		padding: 18px 13px 23px
	}
}
/* desktop */
 @media	(max-width: 991px){
 	.logo img {
 	}
  .title {
    padding: 10px 0;
  }
 	.menu-links,
 	.search {
 		display: none;
 	}
 	/* Tab widhet */
	.content .each .item {
	    margin-left: 2%;
    	width: 49%;
	}
	.content .each .item:nth-child(2){
		margin-left: 0%;
	}
	.content .each .item:nth-child(3){
		display: none;
	}
	/* sidebar */
	.sidebar-content .widget.recent-post .centent .item:nth-child(1) img{
		height: 360px;
	}
	.categort-posts .item .post-thumbnail {
		height: 360px;
	}
	/* tag - author page */
	.author-section .author-posts .item {
		width: 100%;
		margin: 0;
	}
	.author-section .author-posts .item .post-det h3 {
		font-size: 20px;
		line-height: 3.5vw;
		margin: 9px auto;
	}
	.author-section .author-posts .item .post-det .desc {
		font-size: 1.7vw;
		padding-left: 5px;
	}
 }
 /* tablets in landscape */
 @media	(max-width: 768px){
 	.logo img {
 	}
 	.menu-links,
 	.search {
 		display: none;
 	}
 	/* Home slider */
	.slider .item:nth-child(1){
		width: 100%;
	}
	.slider .item:nth-child(2),
	.slider .item:nth-child(3),
	.slider .item:nth-child(4),
	.slider .item:nth-child(5){
		width: 50%;
		height: 275px;
	}
	.slider .item:not(:first-of-type) .title {
		font-size: 16px;
		bottom: 26px;
	}
	.slider .item:not(:first-of-type):hover .title {
		bottom: 46px;
	}
	/* Tab widhet */
	.content .each .item {
	    margin-left: 2%;
    	width: 49%;
	}
	.content .each .item:nth-child(2){
		margin-left: 0%;
	}
	.content .each .item:nth-child(3){
		display: none;
	}
	/* home posts */
	.posts .posts-each .post img {
		height: 320px;
	}
	.posts .posts-each .post .over {
		height: 336px;
	}
	/* single post */
	.post-meta .item:nth-child(1) {
		height: 460px;
	}
	.single-post .related-post .content img {
		height: 350px;
	}
	.single-post .related-post .content .over {
		display: none;
	}
	.posts .posts-each .post .over-border .share {
		padding-top: 150px
	}
	.single-post .related-post .content h5 {
		text-align: center;
		font-size: 22px;
	}
	.single-post .related-post .content {
		margin-bottom: 24px;
		padding: 6px;
		border: 1px solid #9992;
	}
	.single-post .related-post .content .cat {
		top: 13px;
		right: 27px;
	}
	/* post comments */
	.post-comment .commentlist li p {
		width: 80%;
	}
	.single-post .related-post > h4,
	.leave-comment > h4,
	.post-comment > h4,
	.sidebar-content > div > h4,
	.comment-reply-title {
		padding: 18px 13px 23px
	}
	/* sidebar */
	.sidebar-content .widget.recent-post .centent .item:nth-child(1) img {
		height: 350px;
	}
	/* sidebar widget post by category */
	.categort-posts .item .post-thumbnail{
		height: 300px;
	}
	/* tag - author page */
	.author-section .author-posts .item {
		width: 100%;
		margin: 0;
	}
	.author-section .author-posts .item .post-det h3 {
		font-size: 20px;
		line-height: 3.5vw;
		margin: 9px auto;
	}
	.author-section .author-posts .item .post-det .desc {
		font-size: 1.7vw;
		padding-left: 5px;
	}
 }

/* tablets in portrait */
 @media	(max-width: 575px){
 	.nav-menu .search ,
 	.nav-menu .menu-links,
 	.slider .item:nth-child(2)  .desc  {
 		display: none;
 	}
 	.logo img ,
 	.nav-fix .logo img{
	}
	a.custom-logo-link {
		text-align: center;
	}
	/* Home slider */
	.slider .item:nth-child(1){
		width: 100%;
	}
	.slider .item:nth-child(2),
	.slider .item:nth-child(3),
	.slider .item:nth-child(4),
	.slider .item:nth-child(5){
		width: 50%;
		height: 275px;
	}
	.slider .item:not(:first-of-type) .title {
		font-size: 16px;
		bottom: 26px;
	}
	.slider .item:not(:first-of-type):hover .title {
		bottom: 46px;
	}
	/* Tab widget */
	.content .each .item {
		width: 49%  ;
		float: right;
		margin-left: 0% ;
	}
	.content .each .item:nth-child(2) {
		margin-right: 1%;
		margin-left: 0%;
	}
	.content .each .item:nth-child(3){
		display: none;
	}
	.tab .content .each .item .desc p {
		font-size: 13px;
	}
	.tab .content .each .item .author {
		font-size: 12px;
	}
	/* home posts */
	.posts .posts-each .post img {
		height: 350px;
	}
	.posts .posts-each .post .over {
		height: 367px;
	}
	.posts .posts-each .post .over-border .share {
		padding: 160px 0;
	}
	/* Single post */
	.single-post .related-post .content .over {
		display: none;
	}
  .post-comment .commentlist li .comment-meta a{
    top: 30px;
  }
	.re_post {
	    width: 100%;
	    margin-bottom: 10px;
	    position: relative;
	}
	.single-post .related-post .content .cat {
		display: none;
	}
	.post-comment .commentlist li p{
		width: 85%;
	}
	/*sidebar*/
	.sidebar-content .widget.recent-post .centent .item:nth-child(1) img {
		height: 300px;
	}
	.sidebar-content .widget.recent-post .centent .item:not(:first-of-type) .post-img {
	    width: 140px;
	    height: 120px;
	    margin-left: 12px;
	}
	.categort-posts .item .over h3{
		margin: 16% auto;
	}
	.categort-posts .item .over .read-more{
		margin: -11px 10px;
	}
	.single-post .related-post > h4,
	.leave-comment > h4,
	.post-comment > h4,
	.sidebar-content > div > h4,
	.comment-reply-title {
		padding: 18px 13px 23px
	}
	/* tag - autor page */
	.author-section .author-posts .item {
		width: 100%;
		margin: 0;
	}
	.author-section .author-posts .item .post-img {
		width: 48%;
		float: right;
	}
	.author-section .author-posts .item .post-det {
		width: 50%;
		float: l
	}
	.author-section .author-posts .item .post-det h3 {
		margin: 12px auto;
		font-size: 15px;
	}
	.author-section .author-posts .item .post-det .desc {
		font-size: 12px;
	}
 }
/* Mobile device */
 @media	(max-width: 499px){
 	/* nav */
 	.topheader {
 		padding: 5px 3px 6px;
 	}
 	.nav-menu {
 		padding: 14px 0;
 	}
 	.nav-menu .menu-links ,
 	.nav-menu .search ,
 	.slider .item .desc ,
 	.slider .item:nth-child(5){
 		display: none;
 	}
 	.tab{
 		text-align: center;
 	}
 	.logo{
	    width: 240px;
	    margin: 0 auto;
	    text-align: center;
 	}
 	/* home slider */
 	.slider .item {
 		height: 200px !important;
 	}
 	.slider .item .title {
 		font-size: 16px;
 		right: 10px;
 	}
 	.slider .item:nth-child(3) {
 		width: 50%;
 	}
 	.slider .item:nth-child(1):hover .title,
 	.slider .item:nth-child(2):hover .title {
 		bottom: 46px;
 	}
 	.slider .item .cat {
 		font-size: 10px
 	}
 	/* Widget tab */
 	.tab li {
 		font-size: 14px
 	}
 	.content .each .item:not(:nth-child(1)) {
 		display: none;
 	}
 	.content .each .item:nth-child(1) {
 		width: 90%;
 		margin: 0 auto;
 		float: none;
 		overflow: hidden;
 		text-align: right;
 		padding: 20px
 	}
 	.content .each .item h2 a {
 		font-size: 18px;
 	}
 	.content .each .item .author {
 		font-size: 12px;
 	}
 	.content .each .item .desc {
 		font-size: 13px;
 		line-height: 1.9;
 	}
 	.tab .content .each .item .comments, .tab .content .each .item .history {
 		right: 30px;
 	}
 	/* home posts */
 	.home-posts .title {
 		text-align: center;
 		font-size: 14px;
 	}
 	.posts .posts-each {
 		margin-bottom: 20px;
 	}
 	.posts .posts-each .post .over {
 		display: none;
 	}
 	.posts .posts-each .post {
 		margin: 0 auto;
 		width: 96%;
 	}
 	.posts .posts-each .post img {
 		height: 190px !important;
 		width: 48%;
 		float: right;
 	}
 	.posts .posts-each .post .cat  {
 		width: 48%;
 		float: left;
 		margin-top: 1px;
 	}
 	.posts .posts-each .post .cat a {
 		font-size: 10px;
 	}
 	.posts .posts-each .post h2  {
 		width: 48%;
 		float: left;
 		font-size: 14px;
 	}
 	.posts .posts-each .post button {
 		width: 18%;
 		font-size: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		margin-left: 5px;
 	}
 	.misha_loadmore li {
 		padding: 7px 46px;
 		font-size: 14px;
 	}
 	/* article */
 	.post-meta {
 		padding: 0
 	}
 	.post-meta .item:nth-child(1){
 		height: 275px;
 		border: none;
 	}
 	.post-meta img {
 		display: none;
 	}
 	.post-meta .item .cat {
 		font-size: 12px;
 		padding: 3px 24px;
 		transform: translate(50%);
    	right: 50%;
 	}
 	.post-meta .item .title h2 {
 		font-size: 17px;
 		top: 40%	;
 		color: #2229
 	}
 	.home-posts .title::before {
		position: absolute;
		bottom: 0px;
		width: 5px;
		height: 5px;
		-webkit-transition: all 0.2s;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid var(--main-color);
		content: " ";
		right: 50%;
 	}
 	.timeago {
 		width: 48%;
 		float: left;
 	}
 	.post-meta .item .meta > span ,
 	.post-meta .item .meta > span a{
 		color: #2229;
 	}
 	.post-meta .item .over{
 		background: #fdfdfd;
 	}
 	.breadcrumb {
 		display: none;
 	}
 	.single-post .post-content .share {
 		text-align: center;
 	}
 	.single-post .post-content .share li:nth-child(5){
 		display: none;
 	}
 	.single-post .post-content .post-view {
 		text-align: center;
 	}
 	.single-post .post-content .post-view span {
 		float: none
 	}
 	.single-post .post-content,
 	.single-post .sidebar-content >div {
 		border: none;
 		border-top: 3px solid var(--main-color);
 	}
 	.single-post .post-content .content p img {
 		height: 100%;
 	}
 	.single-post .author-post-meta h5  {
 		font-size: 15px;
 	}
 	.single-post .author-post-meta .desc {
 		font-size: 12px;
 	}
 	.single-post .author-post-meta .desc span {
 		font-size: 9px;
 	}
 	.re_post {
 		margin-bottom: 10px;
 	}
 	.single-post .related-post .content .over {
 		display: none
 	}
 	.single-post .related-post .content h5 {
 		padding: 12px 0;
 		text-align: center;
 	}
 	.single-post .related-post .content img {
 		height: 250px;
 	}
 	.single-post .related-post .content .cat {
	    bottom: 57px;
    	right: 19px;
 	}
 	.post-comment .commentlist li p {
 		width: 80%;
 	}
 	.comment-form p:nth-child(3),
 	.comment-form p:nth-child(4),
 	.comment-form p:nth-child(5){
 		width: 100%;
 	}
 	/* author page */
 	.author-inf {
 		text-align: center;
 	}
 	.author-inf h4 {
 		font-size: 39px;
 	}
 	.author-inf h6 {
 		font-size: 16px;
 	}
 	.detail-user {
 		font-size: 11px;
 	}
 	.author-section .author-posts .item {
 		width: 97%;
 		height: 250px;
 	}
 	.author-section .author-posts .item .post-img,
 	.author-section .author-posts .item .post-det {
 		width: 48%;
 	}
 	.author-section .author-posts .item .post-det h3 {
		font-size: 18px;
		margin: 0;
		line-height: 1.5;
		margin-top: 5px;
 	}
 	.author-section .author-posts .item .post-det .desc {
 		font-size: 11px;
 	}
 	.author-section .author-posts .item button {
 		font-size: 10px;
 		left: 5px;
 	}
 	/* category */
	.single-post {
		margin: 20px;
	}
	.category-content .post:nth-child(1) .post-img {
		height: 300px;
	}
	.category-content .post:nth-child(1) .post-detail {
		padding: 20px 12px;
		bottom: 30px;
	}
	.category-content .post:nth-child(1) .post-detail h3 {
		font-size: 20px;
	}
	.category-content .post:nth-child(1) .post-detail .desc {
		font-size: 12px;
	}
	.category-content .post .read-more button {
		font-size: 12px;
	}
	.category-content .post:nth-child(1) .post-detail .meta ,
	.category-content .post:nth-child(1) .post-detail .meta li:nth-child(1),
	.category-content .post:nth-child(1) .post-detail .meta li:nth-child(3)
	{
		color: #9994 !important;
	}
	.category-content .post:not(:first-of-type) {
		height: 100%;
	}
	.category-content .post:not(:first-of-type) {
		width: 100%;
	}
	.category-content .post:not(:first-of-type) .post-img {
		height: 250px;
	}
	.category-content .post:not(:first-of-type) .read-more button {
		font-size: 10px;
	}
	/* sidebar */
	.sidebar-content .widget.recent-post .centent .item:nth-child(1) img {
		height: 250px;
	}
	.sidebar-content .widget.recent-post .centent .item:nth-child(1) h4 {
		font-size: 17px;
		text-align: center;
	}
	.sidebar-content .widget.recent-post .centent .item:nth-child(1) .meta {
		text-align: center;
	}
	/* page 404 */
	.no-content h2 {
		font-size: 201px;
	}
	.no-content p {
		font-size: 18px;
	}
	/* widget Select post by category */
	.categort-posts .item .over h3 {
		margin: 20% auto;
	}
 	/* footer */
 	footer .icon-sociale {
 		text-align: center;
 	}
 	footer .link{
 		display: none;
 	}
 	footer .copyright {
 		overflow: hidden;
 		text-align: center;
 	}
 	footer .copyright span {
 		float: none;
 	}
 	footer .aie {
	    color: #fff;
	    display: block;
	    border: 2px solid #eee;
	    width: 15%;
	    padding: 2px 14px;
	    margin-top: 18px !important;
	    text-align: center;
	    font-size: 16px;
	    margin: 0 auto;
	}
 }
