/* = Width
---------------------------------------------------- */

@media only screen and (max-width: 839px){

	/* = Site Header
	---------------------------------------------------- */

	.desktop-main-navigation{
		margin-right: 28px;
	}

	.desktop-main-navigation li{
		margin: 0 7px;
	}

	.search-form .input{
		width: 120px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer{
		padding-bottom: 90px;
	}

	.site-footer .first-column{
		width: 40.2542%;
	}

	.site-footer .second-column{
		width: 28.2489%;
	}

	.site-footer .third-column{
		width: 31.4969%;
	}

	.bottom-navigation ul{
		width: auto;
		float: none;
	}

}

@media only screen and (min-width: 768px){

	/* = Site Header
	---------------------------------------------------- */

	.mobile-main-navigation{
		display: none !important;
	}

}

@media only screen and (max-width: 767px){

	/* = Document Setup
	---------------------------------------------------- */

	body{
		font-size: 15px;
		line-height: 24px;
	}

	h1{
		font-size: 22px;
		line-height: 24px;
	}

	h2{
		font-size: 21px;
		line-height: 23px;
	}

	h3{
		font-size: 19px;
		line-height: 21px;
	}

	h4{
		font-size: 18px;
		line-height: 20px;
	}

	/* = Core Classes
	---------------------------------------------------- */

	.wrap{
		padding: 0 20px;
	}

	/* = Site Header
	---------------------------------------------------- */

	.site-header{
		padding-bottom: 10px;
		background-color: #1e428a;
		background-image: none;
		border-bottom: none;
	}

	.site-header .wrap{
		position: static;
	}

	.desktop-main-navigation{
		display: none;
	}

	.navigation-button{
		display: block;
	}

	.social-buttons{
		display: none;
	}

	.search-form{
		display: none;
	}

	.site-header .site-title{
		margin: 0 35px;
	}

	.site-header .site-title a{
		width: 270px;
		height: 25px;
	}

	.font-warning {
		font-size:13px;
	}

	.current-date{
		display: none;
	}

	/* = Header Advertisement
	---------------------------------------------------- */

	.header-ad-section{
		padding-bottom: 15px;
		padding-top: 23px;
	}

	/* = Page Content
	---------------------------------------------------- */

	.page-content{
		width: auto;
		float: none;
	}

	.page-content p,
	.page-content ol,
	.page-content ul{
		margin-bottom: 24px;
	}

	/* = Page Sidebar
	---------------------------------------------------- */

	.page-sidebar{
		width: auto;
		float: none;
	}

	.page-sidebar .widget:nth-child(1){
		margin-top: 35px;
	}

	/* = Index Page
	---------------------------------------------------- */

	.page.index .post-thumbnail .essb_links{
		right: auto;
		left: 0;
	}

	.page.index .post-thumbnail .essb_links li a{
		margin-right: 3px;
		margin-left: 0;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth,
	.one-sixth,
	.five-sixth{
		width: auto;
		margin-right: 0;
		margin-bottom: 20px;
		float: none;
	}

	.font-size-10, .font-size-11, .font-size-12,
	.font-size-13, .font-size-14, .font-size-15,
	.font-size-16, .font-size-17, .font-size-18,
	.font-size-19, .font-size-20, .font-size-21,
	.font-size-22, .font-size-23, .font-size-24,
	.font-size-25, .font-size-26, .font-size-27,
	.font-size-28, .font-size-29, .font-size-30,
	.font-size-31, .font-size-32, .font-size-33,
	.font-size-34, .font-size-35, .font-size-36,
	.font-size-37, .font-size-38, .font-size-39,
	.font-size-40, .font-size-41, .font-size-42,
	.font-size-43, .font-size-44, .font-size-45,
	.font-size-46, .font-size-47, .font-size-48,
	.font-size-49, .font-size-50, .font-size-51,
	.font-size-52, .font-size-53, .font-size-54,
	.font-size-55, .font-size-56, .font-size-57,
	.font-size-58, .font-size-59, .font-size-60,
	.font-size-61, .font-size-62, .font-size-63,
	.font-size-64, .font-size-65, .font-size-66,
	.font-size-67, .font-size-68, .font-size-69,
	.font-size-70, .font-size-71, .font-size-72,
	.font-size-73, .font-size-74, .font-size-75,
	.font-size-76, .font-size-77, .font-size-78,
	.font-size-79, .font-size-80, .font-size-81,
	.font-size-82, .font-size-83, .font-size-84,
	.font-size-85, .font-size-86, .font-size-87,
	.font-size-88, .font-size-89, .font-size-90{
		font-size: inherit;
	}

	.line-height-10, .line-height-11, .line-height-12,
	.line-height-13, .line-height-14, .line-height-15,
	.line-height-16, .line-height-17, .line-height-18,
	.line-height-19, .line-height-20, .line-height-21,
	.line-height-22, .line-height-23, .line-height-24,
	.line-height-25, .line-height-26, .line-height-27,
	.line-height-28, .line-height-29, .line-height-30,
	.line-height-31, .line-height-32, .line-height-33,
	.line-height-34, .line-height-35, .line-height-36,
	.line-height-37, .line-height-38, .line-height-39,
	.line-height-40, .line-height-41, .line-height-42,
	.line-height-43, .line-height-44, .line-height-45,
	.line-height-46, .line-height-47, .line-height-48,
	.line-height-49, .line-height-50, .line-height-51,
	.line-height-52, .line-height-53, .line-height-54,
	.line-height-55, .line-height-56, .line-height-57,
	.line-height-58, .line-height-59, .line-height-60,
	.line-height-61, .line-height-62, .line-height-63,
	.line-height-64, .line-height-65, .line-height-66,
	.line-height-67, .line-height-68, .line-height-69,
	.line-height-70, .line-height-71, .line-height-72,
	.line-height-73, .line-height-74, .line-height-75,
	.line-height-76, .line-height-77, .line-height-78,
	.line-height-79, .line-height-80, .line-height-81,
	.line-height-82, .line-height-83, .line-height-84,
	.line-height-85, .line-height-86, .line-height-87,
	.line-height-88, .line-height-89, .line-height-90{
		line-height: inherit;
	}

	.desktop-content{
		display: none;
	}

	.mobile-content{
		display: block;
	}

	.space{
		display: none;
	}

	/* = Footer Advertisement
	---------------------------------------------------- */

	.footer-ad-section{
		padding: 23px 0;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer{
		padding-bottom: 60px;
	}

	.site-footer .first-column{
		width: auto;
		margin-bottom: 30px;
		float: none;
	}

	.site-footer .second-column{
		max-width: 220px;
		width: 50%;
	}

	.site-footer .third-column{
		width: 50%;
	}

	.copyrights.desktop{
		display: none;
	}

	.copyrights.mobile{
		display: block;
	}

}

@media only screen and (max-width: 599px){

	/* = Core Classes
	---------------------------------------------------- */

	.alignleft,
	.alignright{
		margin: 0 0 20px;
		float: none;
	}

	img.alignleft,
	img.alignright{
		display: block;
	}

}

@media only screen and (max-width: 479px){

	/* = Core Classes
	---------------------------------------------------- */

	.wrap{
		padding: 0 15px;
	}

	/* = Site Header
	---------------------------------------------------- */

	.navigation-button{
		right: 7px;
	}

	.site-header .site-title{
		margin: 0 30px;
	}

	/* = Index Page
	---------------------------------------------------- */

	.page.index .page-content-inner{
		margin: 0;
	}

	.page.index .post.featured{
		margin-bottom: 23px;
		padding: 0;
	}

	.page.index .post.vertical{
		width: auto;
		display: block;
		margin-bottom: 23px;
		padding: 0;
	}

	.page.index .post.horizontal{
		margin-bottom: 23px;
		display: inline-block;
		vertical-align: top;
	}

	.page.index .post.horizontal .post-inner{
		display: block;
	}

	.page.index .post.horizontal .post-thumbnail,
	.page.index .post.horizontal .post-text{
		width: auto;
		display: block;
		padding: 0;
	}

	.page.index .post.horizontal .post-thumbnail{
		margin-bottom: 12px;
	}

	/* = Single Post
	---------------------------------------------------- */

	.page.post .post-meta{
		padding-right: 0;
	}

	.page.post .post-meta .essb_links{
		margin-top: 12px;
		position: static;
		right: auto;
		top: auto;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer{
		padding-bottom: 40px;
	}

	.site-footer .second-column{
		width: auto;
		max-width: 100%;
		margin-bottom: 30px;
		float: none;
	}

	.site-footer .third-column{
		width: auto;
		float: none;
	}

}

@media only screen and (max-width: 399px){

	/* = Page Sidebar
	---------------------------------------------------- */

	.page-sidebar .widget .list .column{
		width: auto;
		margin-right: 0;
		float: none;
	}

	/* = Index Page
	---------------------------------------------------- */

	.page.index .post-thumbnail::after{
		width: 38px;
		height: 38px;
	}

}

/* = Width + Height
---------------------------------------------------- */

@media only screen and (max-width: 767px) and (min-height: 568px){

	/* = Site Header
	---------------------------------------------------- */

	body.mobile-menu{
		overflow: hidden;
	}

}

/* = Height
---------------------------------------------------- */

@media only screen and (max-height: 567px){

	/* = Site Header
	---------------------------------------------------- */

	.mobile-main-navigation{
		position: absolute;
	}

}