@media only screen and (min-width: 48em) {
    #recent-news .news-item{
        width: 50%;
        float: left;
    }
    #footer .social{
        text-align: center;
    }
    .blog-content{
        border-left: 1px solid #d8dbdf;
    }
}
@media only screen and (min-width: 62em) {
    #recent-news .news-item{
        width: 25%;
        float: left;
    }
    #mobile-nav{
		display: none;
	}
	.mobile-btn{
		display: none;
	}
    /*** ESSENTIAL Navigation Style ***/
    .sf-menu, .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .sf-menu {
        line-height: 1.0
    }
    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 180px;
    }
    .sf-menu ul li {
        width: 100%;
    }
    .sf-menu li:hover {
        visibility: inherit;
    }
    .sf-menu li {
        position: relative;
    }
    .sf-menu a {
        display: block;
        position: relative;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 0;
        top: 60px;
        z-index: 99;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
        top: -999em;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
        left: 180px;
        top: 0;
    }
    /*** navigation skin ***/
    .sf-menu {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 20px;
    }
    .sf-menu li{
        display: table-cell;
    }
    .sf-menu a {
        height: 60px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        font-family: 'Merriweather Sans', sans-serif;
        text-decoration: none;
        text-align: left;
        padding: 15px 29px 0;
    }
    .sf-menu a:focus,
    .sf-menu a:hover,
    .sf-menu a:active,
    .sf-menu li.sfHover > a,
    .sf-menu .current-menu-item > a:first-child{
        color: #000;
    }
    /** Sub menu styles **/
    .sf-menu ul{
        background: #c7a864;
        text-align: left;
    }
    .sf-menu ul li{
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .sf-menu ul a{
        margin: 0px;
        font-size: 13px;
        padding: 15px 20px;
        line-height: 1em;
        height: auto;
        font-weight: normal;
        background-image: none;
    }
    .cute-8-tablet{
        width: 700px;
        padding-left: 46px;
    }
    .cute-4-tablet{
        width: 260px;
    }
}
@media only screen and (max-width: 30em) { }
