@media screen and (max-width: 768px) {
  
  #comments {
        max-width: 100%;
}
  }


@media screen and (max-width: 991px) {
    #nav-mobi, #sidebar-wrapper, .fixed-nav, .search-wrapper {
        display:none;
    }
	
	#post-area {
		width: 100%;
		float:none;
	}
	#main-header-wrapper {
		padding-top:0;
	}
	#header {
		text-align:center;
	}
	
	.comment{
        display: none;
    }

    .comment:nth-last-of-type(1), .comment:nth-last-of-type(2), .comment:nth-last-of-type(3), .comment:nth-last-of-type(4), .comment:nth-last-of-type(5) {
        display: block;
    }
	
	.main-button {
		font-size: 20px;
	}
	
}

@media screen and (max-width: 500px) {
	.post-image {
		float:none;
		margin: 0 auto;
	}
	}

@media screen and (max-width: 425px) {
	#header-info {
		display:none;
	}
	}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 960px;
  }
}