/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
Version: 2.1.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v2.1/frontend/blog/
*/

@media (min-width:768px) {
	.navbar .nav.navbar-nav>li>a,
        .navbar .nav.navbar-nav>li>div>a {
		padding: 15px
	}
        
        .navbar .nav.navbar-nav>li>a {
            font-size: 12px;
        }
        
        .dropdown-menu {
            right: 5px;
        }
        
        .dropdown-menu a {
            font-size: 12px;        
        }
        
        .container {
            width: 815px;
        }
        
        .container.logo-container {
            width: 768px;
        }
        
        .header-menu .dropdown-menu {
            left: -70px;
        }
        
        .header-menu a {
            font-size: 12px;
        }
}

@media (min-width:1200px) {
	.container {
		width: 1010px
	}
}

@media (min-width:1920px) {
	.has-bg .bg-cover img {
		width: 100%
	}
}

@media (max-width:767px) {
	.header {
		padding: 5px 0
	}
	.navbar-nav .open .dropdown-menu,
	.navbar-nav>li>.dropdown-menu {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd
	}
	.navbar-nav .open .dropdown-menu>li>a {
		padding: 12px 25px
	}
	.navbar-transparent .navbar-collapse,
	.navbar-transparent .navbar-collapse.collapse.in {
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3);
		box-shadow: 0 0 2px rgba(0, 0, 0, .3);
		background: #fff;
		border-top: none
	}
	.navbar-default .navbar-form,
	.navbar-transparent .navbar-collapse {
		border-color: #e7e7e7
	}
	.navbar-transparent .nav.navbar-nav>li>a {
		color: #333
	}
	.navbar-inverse .navbar-nav>li.open .dropdown-menu {
		background: #333
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li+li {
		border-top: 1px solid #444
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #ccc
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff
	}
	.navbar-inverse .navbar-nav>li>.dropdown-menu,
	.navbar-nav .open .dropdown-menu {
		border: none
	}
	.page-title {
		padding: 120px 0 60px
	}
	.page-title h1 {
		font-size: 26px
	}
	.page-title p {
		font-size: 18px
	}
	.page-title+.content {
		margin: 30px 0
	}
	.post-left-info {
		float: none;
		width: auto;
		margin: 0 0 10px
	}
	.post-left-info:after,
	.post-left-info:before {
		content: '';
		display: table;
		clear: both
	}
	.post-date,
	.post-likes {
		padding: 0;
		float: left
	}
	.post-date {
		margin: 0;
		line-height: inherit
	}
	.post-date .day,
	.post-date .month {
		font-size: 12px;
		display: inline
	}
	.post-date+.post-likes {
		margin-left: 15px;
		padding-left: 15px;
		border: none;
		border-left: 2px solid #ddd
	}
	.post-left-info+.post-content {
		margin: 0
	}
	.post-image,
	.post-list blockquote,
	.post-video {
		margin-bottom: 15px
	}
	.post-title {
		font-size: 20px;
		line-height: 28px
	}
	.post-by {
		margin-bottom: 10px;
		line-height: 16px
	}
	.post-desc {
		font-size: 12px;
		margin-bottom: 15px
	}
	.post-grid.post-grid-2>.post-li,
	.post-grid.post-grid-3>.post-li,
	.post-grid.post-grid-4>.post-li,
	.post-li {
		width: 50%
	}
	.comment-list>li {
		padding: 15px 0
	}
	.comment-list .comment-avatar {
		width: 40px;
		height: 40px;
		margin-right: 10px;
		font-size: 36px;
		line-height: 56px
	}
	.comment-list .comment-avatar+.comment-container {
		margin-left: 50px
	}
	.comment-list .comment-list {
		margin-top: 15px
	}
}

@media (max-width:600px) {
	.post-grid.post-grid-2>.post-li,
	.post-grid.post-grid-3>.post-li,
	.post-grid.post-grid-4>.post-li,
	.post-li {
		width: 100%
	}
}