/* ===== Start Desktops and laptops
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1100px) {
	.aside {
	    width: 300px;
	}

	.blog-container {
	    width: calc(100% - 340px);
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.aside {
	    width: 260px;
	}

	.blog-container {
	    width: calc(100% - 280px);
	}

	.sidebar-content p {
		font-size: 12px;
		line-height: 18px;
	}

	.sidebar-content {
	    padding: 0px 20px 20px;
	}

	.logo-container {
	    width: 80px;
	    margin-right: 20px;
	}

	.header-right {
	    width: calc(100% - 100px);
	    padding: 25px 0px 10px;
	}

	.header-right .logo-img img {
		width: 120px;
	}

	.header-right .main-nav {
	    padding-top: 15px;
	}

	.header-right .main-nav li {
	    margin-left: 15px;
	}

	.header-right .main-nav li a {
		letter-spacing: .5px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	#header {
	    padding: 20px 0px 30px;
	    position: relative;
	}

	.logo-container {
	    width: 60px;
	    margin-right: 10px;
	}

	.header-right {
	    width: calc(100% - 70px);
	    padding: 20px 0px 10px;
	}

	.header-right .main-nav {
		display: none;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		background: #fff;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	.header-right .main-nav li {
		float: none;
		text-align: center;
		margin: 0px 0px 20px;
	}

	.header-right img {
		width: 80px;
	}

	#nav-icon1 {
		display: block;
	}

	.blog-container {
		width: 100%;
	}

	.blog-content .excerpt,
	.blog-content .content,
	.blog-inner .blog-post .blog-content ol li {
		font-size: 12px;
		line-height: 20px;
	}

	.aside {
	    width: 100%;
	}

	.blog-post {
	    margin-bottom: 40px;
	}

	.diana-pagination {
	    margin-bottom: 40px;
	}

	.blog-inner .blog-post {
		width: 100%;
	}

	.blog-inner .blog-post blockquote {
	    margin: 30px 0px;
	    padding: 20px 0px 0px;
	}

	.blog-inner .blog-post blockquote p {
	    font-size: 18px;
	    line-height: 28px;
	}

	.sidebar-content p {
		font-size: 12px;
		line-height: 20px;
	}

	.sidebar-content {
	    padding: 0px 15px 15px;
	}

	#footer {
	    padding: 30px 0px 15px;
	}

	.footer-social {
	    margin: 20px 0px;
	}

	.footer-social li {
	    margin: 0px 10px;
	}

	.copy p {
		line-height: 18px;
	}
}